/* reset */
*{margin:0; padding:0;}
body {margin: 0;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {margin: 0; padding: 0;}
a {color: inherit; text-decoration: inherit;}
a img {border: none;}
li {list-style: none;}
address, em, i {font-style: normal;}
i.fa {position: relative; overflow: hidden; vertical-align: middle;}
i.fa span {position: absolute; left: -999px;}

/* common */
body {font-family: '나눔고딕', NanumGothic, '맑은 고딕', Dotum, '돋움', Helvetica, AppleSDGothicNeo, sans-serif; font-size: 13px; color: #333333; background: #ffffff;}
#wrapper {min-width: 1000px; overflow: hidden;}
#skip-nav {position: fixed; left: 0; top: -37px; width: 100%; height: 36px; line-height: 36px; font-size: 16px; text-align: center; color: #ffffff; background: #cccccc; background: rgba(0,0,0,0.5); border-bottom: #ffffff; z-index: 100000; transition: all 0.3s;}
#skip-nav:focus {top: 0;}



#content_deapth .wrap {width: 760px; padding: 0px 10px 50px 0px; margin-left:-30px;}

/* tit 이미지 */
.wrap .tit { /* border:5px solid #ffff00; */}

.wrap .wrap_item { /* border: 5px solid #111111; */ }
.wrap .wrap_item .item_es {overflow: hidden; padding-top:15px; padding-bottom: 15px; border-bottom:1px solid #898989;/* border: 5px solid #cccccc; */ }
.wrap .wrap_item .item_es h3 {font-size:18px; color:#cccccc; padding:10px 0 5px 10px; background-color:#3d455c; font-weight: normal; text-align: left; }
.wrap .wrap_item .item_es h3 strong {color:#ffffff; }

/* left */
.wrap .wrap_item .item_es ul {font-size:12px; } 
.wrap .wrap_item .item_es ul.left {width: 53%; float:left; margin-top: 15px; border-right: 1px dotted #cccccc;}
.wrap .wrap_item .item_es ul.left li {padding-top:10px; overflow: hidden; text-align: left; /* border:5px solid #111111; */}

/* left 제목_left */
.wrap .wrap_item .item_es ul.left li span.left {float:left; font-weight: bold; color:#888888; background-color:f3f3f3; padding:5px; text-align: center; width: 60px; /* border:5px solid blue; */}

/* left 설명글_right */
.wrap .wrap_item .item_es ul.left li span.right {float:left; width: 320px; padding-left:5px; line-height: 1.5; /* border:3px solid pink; */} 
.wrap .wrap_item .item_es ul.left li span.red {color:red; font-weight: bold;}

/* right */
.wrap .wrap_item .item_es ul.right {float:left; overflow: hidden; width:336px; padding:20px 0 0 20px; }
.wrap .wrap_item .item_es ul.right li {}

/* right 무료강의 교재 금액*/
.wrap .wrap_item .item_es ul.right li.pay_left {float:left; width: 210px; }
.wrap .wrap_item .item_es ul.right li.pay_left img {padding-bottom:10px;}

/* right 자세히보기 버튼*/
.wrap .wrap_item .item_es ul.right li.btn_right {float:left; padding-left: 26px; padding-top:18px; }
.wrap .wrap_item .item_es ul.right li.btn_right a{width: 100px; height:50px; line-height:50px; color:#ffffff; display: block; text-align: center; font-size: 14px; font-weight: bold; background-color: red; /* border:3px solid #111111;*/}
.wrap .wrap_item .item_es ul.right li.btn_right a:hover {background-color: crimson; text-decoration: none;}


/*제목줄 결재관련 아이콘*/
.wrap .wrap_item .item_es ul.pay_right {width:250px; padding-left:580px; margin-top:-42px; height:30px;}
.wrap .wrap_item .item_es ul.pay_limit li.pay_limit {width:250px; }

.pay_limint img:nth-child(1){width:48px; margin:0 1px;}
.pay_limint img:nth-child(2){width:48px; margin:0 -3px;}
.pay_limint img:nth-child(3){width:48px; margin:0 2px;}