@charset "utf-8";


/*----------------------------메인header CSS--------------------------------*/

#header { position:relative;}
#header .header_top_pos { position:relative; width:100%; background:#73d1f7;}
#header .header_top { position:relative; height:60px; width:1200px; margin:0 auto;}
#header .header_top .logo { float:left; padding-top:10px;}
#header .header_top .util { float:right;}
#header .header_top .util li { float:left; color:#fff; padding:22px 10px 0 10px; background:url(/images/header_top_line.jpg) left 25px no-repeat;}
#header .header_top .util li a { color:#fff; display:block;}
#header .header_top .util li:first-child { background:none;}
#header .header_top .util li a:hover { color:#fff; text-decoration:underline;}

/*gnb*/
#header .header_gnb_pos { position:relative; float:left; width:100%; background:#fff; border-bottom:1px solid #d5d5d5;}
#gnb { position:relative; width:1200px; margin:0 auto;}

#gnb ul li.gnbs { height:69px; width:190px; line-height:69px; float:left; text-align:center; border-right:1px solid #e8e8e8; font-size:17px; font-weight:bold; }
#gnb ul li.gnbs a { display:block; color:#555;}
#gnb ul li.gnbs a:hover { display:block; color:#0399db;}
#gnb ul li.allmenu { width:52px; border-left:1px solid #e8e8e8; background:url(/images/btn_all_menu.png) no-repeat center 50%;text-indent:-999em;float: left;border-right:1px solid #e8e8e8;}
#gnb ul li.allmenu a span { display:block; height:69px;}


/*lnb*/
.subMenu_area {position:absolute;  top:55px; z-index:201; width: 191px;}
.subMenu_area .wrap{ position:relative; margin:0 auto; font-size:0;margin-top: 14px;}
.subMenu_area .wrap ul.inbwrap  {position:relative; margin:0 auto;}
.subMenu_area .wrap ul.inbwrap > li { /*display:none; float:none;*/ position:relative; /*position:absolute;*/ width:142px; vertical-align:top; margin:0; padding:0 24px 10px; background:#fff; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5;}
.subMenu_area .wrap ul.inbwrap li.active { display:block; }
.subMenu_area .wrap ul.inbwrap li li { height:26px;}
.subMenu_area .wrap ul.inbwrap li li a:hover { color:#0399db;}
.subMenu_area .wrap ul.inbwrap li li.bar { height:2px; background:#73d1f7; margin-bottom:20px;}

#inb_subLnb1 { left:53px;}
#inb_subLnb2 { left:244px;}
#inb_subLnb3 { left:435px;} /*도서 임시 삭제*/
#inb_subLnb4 { left:626px;}
#inb_subLnb5 { left:817px;}
#inb_subLnb6 { left:1008px;}

/*전체메뉴*/
#sitemap { /*display:none;*/ position:absolute; width:1198px; left:0px; top:69px; z-index:200; display: none;background:#fff; border:1px solid #d5d5d5;}
#sitemap .wrap { position:static; width:1118px; margin:0 auto; padding:40px;}
#sitemap .wrap .sitewrap > li {display:inline-block; width:100%;/*border-bottom:1px solid #f6f6f6;*/border-right: 0 }
#sitemap .wrap .sitewrap li.sitemap span { display:block; float:left; width:160px; height:26px; font-size:16px; color:#0399db; line-height:26px;padding:10px 0;}
#sitemap .wrap .sitewrap li.sitemap ul { width:950px; float:right; padding:10px 0; border-right: 0}
#sitemap .wrap .sitewrap li.sitemap ul li { display:inline-block; font-size:14px; width: auto; margin-right:30px; height:26px; line-height:26px; border-right: 0}
#sitemap .wrap .sitewrap li.sitemap ul li a { display:block; color:#555; line-height:26px; margin-right:10px; letter-spacing:-1px;}
#sitemap .wrap .sitewrap li.sitemap ul li a:hover { color:#0399db; }


/*----------------------------메인 컨텐츠 CSS----------------------------*/

/*상단 롤링배너*/
#container .visual_wrap { position:relative; width:100%; }
#container .visual_movimg { position:relative; width:100%; height:430px; }
#container .visual_movimg .movimg li { overflow:hidden;}
#container .visual_movimg .movimg li a { display:block; }

#container .visual_movtxt_area { position:relative; width:100%;background:#fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
#container .visual_movtxt { position:relative; width:1200px;  height:50px; margin:0 auto;}
#container .visual_movtxt li { float:left; width:239px; text-align:center; height:50px; line-height:50px; border-left:1px solid #e8e8e8; font-size:16px;}
#container .visual_movtxt li.last { width:238px; border-right:1px solid #e8e8e8}
#container .visual_movtxt li a { display:block;}
#container .visual_movtxt li a:hover { color:#0399db; }



/*유도 외국어 학습법*/
#container .section_method { position: relative; width:100%; background:#fff; padding:90px 0; text-align: center;}
#container .section_method h3.stit1 p { padding-bottom: 16px;}
#container .section_method h3.stit1 p:first-child { padding-top:0;}
#container .section_method ul { margin-top:50px;}
#container .section_method ul li { display:inline; padding:0 26px;}


/*교재별 학습*/
#container .section_teaching { position: relative; width:100%; background:url(/images/section2_bg.jpg) center 0px repeat; padding:90px 0; text-align: center;}
#container .section_teaching .list-iconA { overflow: hidden; max-width: 1040px; margin: 0 auto;}
#container .section_teaching .list-iconA li { position:relative; float:left; width:286px; height:286px; margin-left:90px; background:#fff; border-radius:50%; transform:translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0);}
#container .section_teaching .list-iconA li:first-child { margin-left:0;}
#container .section_teaching .list-iconA dl dt span { display:block; font-size:28px; color:#0399db; width:160px; height:70px; line-height:70px; border-bottom:1px solid #0399db; margin:28px auto 22px;}
.section_teaching .list-iconA dl dd { width:200px; margin:0 auto; font-size:17px; color:#666; font-weight:lighter;}


/*교재*/
#container .section_textbook { position: relative; width:100%; background:#f4f4f4; padding:90px 0; text-align: center;}
#container .section_textbook .list_bookA { position: relative; overflow: hidden; max-width:1100px; margin: 0 auto; }
#container .section_textbook .list_bookA li {position: relative; display:inline-block; width:194px; margin:10px; }
#container .section_textbook .list_bookA li a { display:block; border:1px solid #f4f4f4;}
#container .section_textbook .list_bookA li a:hover { border:1px solid #0399db;}
#container .section_textbook .list_bookA li p.imgbox { width:164px; height:204px; padding:14px; background:#fff; margin-bottom:20px;text-align:center; vertical-align:middle;}
#container .section_textbook .list_bookA p.imgbox img { width:160px; height:200px;}
#container .section_textbook .list_bookA span.list_txt1 { display:inline-block; font-size:15px; color:#333; line-height:20px;margin-bottom:20px}

#container .section_textbook .list_bookA li .icon_free1 { position:absolute; width:70px; height:70px; z-index:1; right:-10px; top:-10px;}
#container .section_textbook .book_arrR { position:absolute; width:70px; height:70px; z-index:1; right: 0px; top:100px;}
#container .section_textbook .book_arrL { position:absolute; width:70px; height:70px; z-index:1; left: 0px; top:100px;}


/*토탈스터디 성경*/
#container .section_total { position: relative; width:100%; background:#454d63 url(/images/section3_bg.jpg) center 0px repeat; padding:90px 0; text-align: center;}
#container .section_total a:hover {background:#38b7eb;}
#container .btn_fview {display:inline-block; width:280px; height:46px; line-height:26px; margin:50px auto 10px; padding-top:20px; background:#59caf8; color:#fff; font-size:32px; font-weight:bold; letter-spacing:-0.05em; }


/*구매후기&공지사항&고객센터*/
#container .section_comm { position: relative; float:left; width:100%; padding:60px 0 90px; text-align: center; }
#container .section_comm .more_bn { position:absolute; width:17px; height:17px; z-index:1; right:0px; top:22px;}

#container .section_comm .sec_review { position: relative; float:left; width:750px; height:325px; }
#container .section_comm .sec_review .review_sl {position: relative;}
#container .section_comm .sec_review .review_sl li {  display:inline-block; float:left; width:240px; margin-left:15px;}
#container .section_comm .sec_review .review_sl li:first-child { margin-left:0;}
#container .section_comm .sec_review .review_sl li a { display:block; padding: 10px 20px 16px; height:300px; border-top:2px solid #666; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:left; }
#container .section_comm .sec_review .review_sl li a:hover { border-top:2px solid #0399db; border-left:1px solid #c4dfea; border-right:1px solid #c4dfea; border-bottom:1px solid #c4dfea;}
#container .section_comm .sec_review .review_sl li span.rev_tit { display:block; height:52px; font-size:17px; font-weight:bold; border-bottom:1px solid #666; padding-top:8px; margin-bottom:18px; line-height:22px}
#container .section_comm .sec_review .review_sl li span.rev_cont { overflow:hidden; font-size:14px; color:#666; line-height:22px; }
#container .section_comm .sec_review .review_sl li span.rev_more { font-weight:bold;}

#container .section_comm .sec_notice { position: relative; float:right; width:410px; margin-bottom:20px; }
#container .section_comm .sec_notice .list_st1 { position:relative; float:left; width:410px;}
#container .section_comm .sec_notice .list_st1 li { position:relative; display:block; float:left; width:100%; height:32px; text-align:left;}
#container .section_comm .sec_notice .list_st1 li a {font-size:14px; }
#container .section_comm .sec_notice .list_st1  a:hover .tit { text-decoration:underline;}
#container .section_comm .sec_notice .list_st1 .tit { line-height:32px; }
#container .section_comm .sec_notice .list_st1 .date { position:absolute; right:0; top:6px; z-index:1; padding-left:16px; }


#container .section_comm .sec_cust { float:right; width:410px; text-align:left;}
#container .section_comm .sec_cust .cust_info { display:block; font-size:15px; margin-bottom:23px; letter-spacing:0px;}
#container .section_comm .sec_cust .cust_info b { font-size:25px; font-weight:bold; margin-right:10px;}
#container .section_comm .sec_cust a { float:left; display:inline-block; width:180px;height:32px; font-size:16px; line-height:32px; background:#fff url(/images/btn_cust_arr.png) 170px 50% no-repeat; border:1px solid #bebebe; padding-left:14px; }
#container .section_comm .sec_cust a:hover { color:#0399db; background:#fff url(/images/btn_cust_arr1.png) 170px 50% no-repeat; border:1px solid #0399db;}
#container .section_comm .sec_cust a.bn_qna { float:left;}
#container .section_comm .sec_cust a.bn_faq { float:right;}


/*하단배너*/
#container .section_footbn { clear:both; position: relative; width:100%; background:#e0e6ec; margin:10px 0 90px; text-align: center;}




/*----------------------------footer_copyright----------------------------*/

#footer { position:relative; width:100%; text-align:center; background:#f8f9f9;  }
#footer .footer_bar_wrap { position: relative; width:100%; height:50px; text-align: center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#footer .footer_bar_wrap .footer_list li { display:inline-block; border-left:1px solid #ddd; margin-top:18px;}
#footer .footer_bar_wrap .footer_list li a { font-size:14px; color:#777; padding:0 16px;  }
#footer .footer_bar_wrap .footer_list li a:hover { text-decoration:underline; color:#0399db;}
#footer .footer_bar_wrap .footer_list li:first-child {border-left:0px; }

#footer .com_info_wrap { position:relative; width:1200px; margin:0 auto; padding:30px 0 120px;}
#footer .com_info_wrap .address { text-align:left; color:#777;}
#footer .com_info_wrap .address p { font-size:14px; line-height:20px;}
#footer .com_info_wrap .address .mg { color:#ddd; margin:0 3px;}
#footer .com_info_wrap .address .com_check { display:inline-block; width:102px; height:22px; border:1px solid #d9e0e5; background:#f1f4f6; font-size:12px; text-align:center; margin-left:10px; color:#858585;}
#footer .com_info_wrap .address p.copy { margin-top:8px; color:#999;}
#footer .com_info_wrap .address .logo_foot { margin-bottom:8px; font-size:13px; color:#aaa; font-weight:lighter;}
#footer .com_info_wrap .address .logo_foot img { margin-right:16px;}

#footer .com_info_wrap .cust { position:absolute; width:280px; text-align:left; top:70px; right:0px;}
#footer .com_info_wrap .cust dl { text-align:left;}
#footer .com_info_wrap .cust dl dt {color:#898989; font-size:15px;}
#footer .com_info_wrap .cust dl dd {color:#898989; font-size:15px; letter-spacing:0px;}
#footer .com_info_wrap .cust img { margin:6px 20px 0 0;}




/*----------------------------footer_banner----------------------------*/
.footer_banner { position:fixed; left:0px; right:0px; bottom:0px; width:100%; z-index:1888; height:95px;background:#2d3037 url(/images/foot_ban_bg.jpg) left top repeat; }
.footer_banner .foot_bn_wrap { position:relative; width:1200px; margin:15px auto; text-align:center; font-size:32px; letter-spacing:-0.08em; }
.footer_banner .foot_bn_wrap span { color:#fff;}
.footer_banner .foot_bn_wrap span.blue {color:#73d1f7; font-weight:bold;}
.footer_banner .foot_bn_wrap img { vertical-align:middle; margin-left:100px;}
.footer_banner .foot_bn_wrap span b {font-weight:bold; }

/*----------------------------좌측 토글메뉴--------------------------------*/

.left_nav { position:fixed; left:0px; top:0px; bottom:0px; z-index:8001 ;background:#e9eef1; width:89px; height:100%; overflow:hidden; border-right:1px solid #c7d3da;  }
.left_nav h1 { width:100%; height:130px; background:#fff; text-align:center; text-indent:-9999%; }
.left_nav h1 a { display:block; background:url(/images/left_logo.png) no-repeat center 50%; width:100%; height:100%; border-right:1px solid #333949;}
.left_nav li { height:88px; border-bottom:1px solid #d2dce2; text-align:center; font-size:14px; color:#9094a5; line-height:14px;}
.left_nav li a { display:block; width:100%; height:100%; }
/*.left_nav li img { display:block; padding:16px 0 8px 0; margin:0 auto;}*/
.left_nav li, 
.left_nav li a {color:#9094a5;}
.left_nav li a:hover { background:#73d1f7; color:#fff;}

.left_nav li.left_nav1 a { background:url(/images/left_ico1.png) center 14px no-repeat}
.left_nav li.left_nav1 a:hover { background:#74d2f7 url(/images/left_ico1_on.png) center 16px no-repeat;}
.left_nav li.left_nav2 a { background:url(/images/left_ico2.png) center 14px no-repeat}
.left_nav li.left_nav2 a:hover { background:#74d2f7 url(/images/left_ico2_on.png) center 16px no-repeat;}
.left_nav li.left_nav3 a { background:url(/images/left_ico3.png) center 14px no-repeat}
.left_nav li.left_nav3 a:hover { background:#74d2f7 url(/images/left_ico3_on.png) center 16px no-repeat;}
.left_nav li.left_nav4 a { background:url(/images/left_ico4.png) center 14px no-repeat}
.left_nav li.left_nav4 a:hover { background:#74d2f7 url(/images/left_ico4_on.png) center 16px no-repeat;}
.left_nav li.left_nav5 a { background:url(/images/left_ico5.png) center 14px no-repeat}
.left_nav li.left_nav5 a:hover { background:#74d2f7 url(/images/left_ico5_on.png) center 16px no-repeat;}
.left_nav li.left_nav6 a { background:url(/images/left_ico6.png) center 14px no-repeat}
.left_nav li.left_nav6 a:hover { background:#74d2f7 url(/images/left_ico6_on.png) center 16px no-repeat;}

.left_nav li.left_nav7 a { padding-top:14px; height:74px; line-height:11px;}
.left_nav li.left_nav7 a > span {padding-top:5px;}
.left_nav li b { display:block; font-size:16px;letter-spacing:0px;}
.left_nav li span { display:block; padding-top:60px }


.left_nav li.left_nav8 a { background:url(/images/left_ico8.png) center 14px no-repeat}
.left_nav li.left_nav8 a:hover { background:#74d2f7 url(/images/left_ico8_on.png) center 14px no-repeat;}
.left_nav li.left_nav8 a span {padding-top:52px;}

.left_nav li.on, 
.left_nav li.on a { background:#74d2f7 url(/images/left_ico1_on.png) center 14px no-repeat; display:block; color:#fff;}

/*학습신청_공부방법*/
.skill_wrap { position:relative; padding:20px 30px 20px;  line-height:24px; letter-spacing:-0.05em; text-align:left;}
.skill_wrap .bg_middle { position:absolute; left:0; top:0; width:100%; z-index:-1; height:600px; background:url(../images/study/stuey_middle_bg.png) right top no-repeat;}
.skill_wrap .bg_high { position:absolute; left:0; top:0; width:100%; z-index:-1; height:600px; background:url(../images/study/stuey_high_bg.png) right top no-repeat;}
.skill_wrap .bg_read { position:absolute; left:0; top:0; width:100%; z-index:-1; height:600px; background:url(../images/study/stuey_read_bg.png) right top no-repeat;}
.skill_wrap .bg_speak { position:absolute; left:0; top:0; width:100%; z-index:-1; height:600px; background:url(../images/study/stuey_speak_bg.png) right top no-repeat;}

.skill_wrap .tit_middle { background:url(../images/study/stuey_middle01.png) left top no-repeat; height:65px; margin-top:60px; text-indent:-9999%;}
.skill_wrap .tit_high { background:url(../images/study/stuey_high01.png) left top no-repeat; height:65px; margin-top:60px; text-indent:-9999%;}
.skill_wrap .tit_read { background:url(../images/study/stuey_read01.png) left top no-repeat; height:65px; margin-top:60px; text-indent:-9999%;}
.skill_wrap .tit_speak { background:url(../images/study/stuey_speak01.png) left top no-repeat; height:65px; margin-top:60px; text-indent:-9999%;}

.skill_wrap .skill_contbox { position:relative; margin:60px 0;  }
.skill_wrap .skill_txt01 { display:block; font-size:16px; color:#777; padding-top:24px;  }
.skill_wrap .skill_txt02 { font-size:15px; color:#555; display:block; margin-top:20px; line-height:24px; color:555; padding-left:20px;}
.skill_wrap .txtbox { margin-top:20px; width:870px; padding-left:20px;}
.skill_wrap .txtbox .img { float:left; display:inline; width:30px; margin-right:10px; }
.skill_wrap .txtbox .parag { display:block; font-size:15px; color:#555;  margin-bottom:12px; line-height:22px;  }
.skill_wrap .txtbox .parag_in { float:left; margin:20px 0 40px; width:100%; background:url(../images/study/stuey_high_bg2.png) left 60% no-repeat;}
.skill_wrap .txtbox .parag_in li { margin:0 0 20px 270px; display:block; font-size:14px; line-height:22px; color:#666;}
.skill_wrap .txtbox .parag_in li img { display:block; margin:16px 0 10px;}
.skill_wrap .txtbox:after { content:""; display:block; clear:both;}

/*학습신청_상세내용*/
.study_tab { width:100%; position:relative; height:34px; border-bottom:1px solid #66c2e8; margin-bottom:30px;}
.tab_box1 { display:inline-block; width:126px; height:27px; opacity:0.7;font-weight:500;padding-top:6px; text-align:center; line-height:20px;font-size:15px; color:#1c97cd; background:#f1f7fa; border-left:1px solid #66c2e8; border-top:1px solid #66c2e8; border-right:1px solid #66c2e8}
.tab_box1 img { vertical-align:middle; padding-right:10px;margin-top:-2px}
.det_txt { font-size:15px; line-height:22px; margin-bottom:50px;font-weight:300;letter-spacing:0px}
.det_txt p {font-size: 16px;}
.det_img { text-align:center;}
.det_tit { color:#0499db; font-size:15px;font-weight:500; margin-bottom:6px;}
.det_tit img { margin-right:6px; vertical-align:middle;}