@charset "utf-8";

/*버튼*/
.btn_site_go{display:block;width:28%;height:30px;margin-top:20px;border:1px solid #3468ae;color:#3468ae;font-size:12px;font-weight:bold;text-align:center;line-height:30px}
.btn_site_go:hover,.btn_site_go:focus{text-decoration:underline}

.btn_myP_go{display:block;margin:20px 30px 0;border:1px solid #fff;color:#fff;font-weight:bold;line-height:37px;text-align:center}
.btn_myP_go:hover{text-decoration:underline}

.btn_pre_small{background-position:-812px -103px}
.btn_pre_small:hover{background-position:-892px -103px}
.btn_next_small{background-position:-851px -103px}
.btn_next_small:hover{background-position:-931px -103px}

.content_sub{position:absolute;left:230px;top:0;width:84%;height:682px;padding:70px 80px 0 70px;background:rgba(255,255,255,0.98);z-index:50}
.content_sub .tit{color:#7a899c;font-size:1.25em;font-weight:normal}
.content_sub .tit:after{display:block;clear:both;content:''}
.content_sub .letter{float:left;margin-right:30px;font-size:38px;letter-spacing:-1px}
.content_sub .ex{float:left;color:#7a899c;font-size:14px;line-height:22px;letter-spacing:-1.5px}
.content_sub .ex.v2{margin-top:10px}

.p_wrap .align{margin:-60px auto 50px auto}

.tbl_curri{width:810px;margin-top:30px;font-size:13px;border-collapse:collapse;}
.tbl_curri th{height:32px;border:1px solid #d8dade;background:#eff3f9;color:#a8b1bc}
.tbl_curri td{border:1px solid #d8dade;color:#858f9a;font-weight:bold}
.tbl_curri td:first-child{height:62px;color:#4a78b9;font-weight:bold}

.tbl_curri.v2 caption{margin-bottom:10px;color:#7a899c;font-size:14px;font-weight:bold;text-align:left;letter-spacing:-1px}
.tbl_curri.v2 td{height:30px}
.tbl_curri.v2 td:first-child{color:#858f9a}

.tbl_curri.v3 td:first-child{width:30px;padding-left:0;text-align:center}
.tbl_curri.v3 td{height:50px;padding:10px 0 0 20px}

.txt_link{margin-top:-10px;line-height:20px}
.txt_link:hover{color:#4a78b9;text-decoration:underline;cursor:pointer}

.txt_reply{background:url(../img/ico_bul.png) no-repeat 5px 50%;margin-bottom:10px;padding:6px 0 0 20px;color:#b5bbc2;font-size:12px;line-height:20px}

.bx_faq{overflow:scroll;height:600px}




/*B2B영역*/
.biz_wrap{float:left;width:83%;margin-right:10px;position: relative;left:200px;}
.bx_biz{overflow:hidden;width:99%;height:400px;margin-top:30px;border:1px solid #cdd2d7;background:#eeeff3}
.bx_biz:after{display:block;clear:both;content:''}
.bx_biz li{float:left;position:relative;width:50%;height:200px;text-align:center}
.bx_biz a{display:block;height:100%}
.bx_biz button{width:80%;height:40px;margin-top:15px;border:1px solid #fff;color:inherit;font-weight:bold}
.bx_biz button:hover{text-decoration:underline}

.bx_biz .lv{position:absolute;right:0;top:0;width:15%;height:26px;border-right:1px solid #d7dbe0;background:#fff;color:#3164a7;font-family:dotum;font-weight:bold;line-height:26px}
.bx_biz .lv.v2{border-right:0;background:#3164a7;color:#fff}

.biz_snk{border:1px solid #d2d6db;border-top:0;border-left:0}
.biz_snk span{width:129px;height:129px;margin:35px 0;background-position:-384px -273px}

.biz_eng{border-right:0;border-bottom:1px solid #d2d6db}
.biz_eng span{width:129px;height:135px;margin:32px 0;background-position:-385px -432px}

.biz_enf{border-right:1px solid #d2d6db;border-bottom:0}
.biz_enf span{width:86px;height:134px;margin-top:30px;background-position:-543px -432px}

.biz_class span{width:155px;height:67px;margin-top:65px;background-position:-931px -765px}

.biz_hover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(45,103,178,0.9);color:#fff}
.biz_hover span,.biz_hover strong,.biz_hover em{display:block}
.biz_hover strong{margin-top:15px;font-size:16px;font-weight:normal}
.biz_hover em{margin-top:10px;letter-spacing:-1px}
.biz_hover button{border:1px solid #fff;color:#fff}
.biz_hover .logo_snk{display:block;width:121px;height:26px;margin:33px auto 0 auto;background-position:-20px -460px}
.biz_hover .logo_eng{display:block;width:128px;height:25px;margin:23px auto 0 auto;background-position:-20px -504px}
.biz_hover .logo_enf{display:block;width:43px;height:21px;margin:33px auto 0 auto;background-position:-20px -544px}
.biz_hover .logo_class{display:block;width:110px;height:20px;margin:25px auto 0 auto;background-position:-85px -544px}

.bx_B2C{width:99%;margin:30px 0 0 1px;border:1px solid #d2d6db;background:#eef0f3}
.bx_B2C:after{display:block;clear:both;content:''}
.bx_B2C li{position:relative;float:left}
.bx_B2C li:first-child{border-right:1px solid #d2d6db}

/*마이팡*/
.logo_myP{margin-top:74px}
.logo_zaner{margin-top:50px}

.b2c_hover{position:absolute;left:0;top:0;width:100%;height:400px;background:rgba(45,103,178,0.92);color:#fff;text-align:center}
.b2c_hover_txt{margin-top:20px;font-size:13px;letter-spacing:-1px;line-height:24px}


.franchise h4{width:141px;height:88px;background-position:-222px -388px}
.franchise .lst{margin-top:12px;text-align:center;}
.franchise .lst li{position:relative;line-height:56px;}
.franchise .lst li:first-child:before{display:none;}
.franchise .lst li:before{display:block;position:absolute;left:50%;top:-5px;width:20px;height:11px;margin-left:-10px;background:url(../img/sp.png) no-repeat -222px -482px;content:''}
 
.lst_ask li{position:relative}
.lst_ask span{position:absolute;left:0;top:0}
.lst_ask .num{width:18px;height:49px;border-top:0;background-position:-713px -22px}
.lst_ask .num2{width:30px;height:49px;background-position:-754px -22px}
.lst_ask .num3{width:30px;height:49px;background-position:-713px -95px}
.lst_ask .num4{width:35px;height:49px;background-position:-754px -95px}
.lst_ask .num5{width:29px;height:49px;background-position:-713px -159px}

/*방과후학교 영역*/
.after_wrap{width:83%;margin-right:10px;position: relative;left: 200px;}
.bx_after:after{display:block;clear:both;content:''}

.section_A{height:258px;margin-top:60px;padding:0 35px}
.section_A:after{display:block;clear:both;content:''}
.section_B{position:relative;margin-top:90px}
.section_B img{margin-top:30px}

.bx_img{float:left}

.book_info{float:right;margin-left:40px;color:#4b5665}
.book_info .txt{font-size:13px;text-align:left;line-height:22px;letter-spacing:-1px}
.book_info .detail{margin-top:60px}

.program{letter-spacing:-1px}
.program:after{display:block;clear:both;content:''}
.program dt,.program dd{float:left;line-height:27px}
.program dt{margin:0 5px 0 0;font-weight:bold}
.program dd{margin:0 4px 0 0}

.img_online{width:89px;height:27px;background-position:-813px -68px}
.img_lib{width:89px;height:27px;background-position:-905px -68px}

.lst_group:after{display:block;clear:both;content:''}
.lst_group button{float:left;width:37px;height:94px;margin-top:10px}

.book_lst{float:left;margin-top:25px}
.book_lst:after{display:block;clear:both;content:''}
.book_lst li{float:left;margin-left:16px}
.book_lst li:first-child{margin-left:5px}
.book_lst .on{margin-top:-9px;padding:8px;border:1px solid #4c7cbd}

.tit_curri:before{display:block;position:absolute;left:0;top:2px;width:3px;height:12px;background:#386eb5;content:''}
.tit_curri{margin-left:10px;color:#386eb5;text-align:left}

/*방과후학교 전화문의 배너*/
.contact_group:after{display:block;clear:both;content:''}
.contact_after{display:block;float:right;width:168px;height:44px;margin:50px 30px 30px 0;background-position:-813px -9px;z-index:50}

.tabmenu{margin-top:56px;font-size:14px}
.tabmenu:after{display:block;clear:both;content:''}
.tabmenu li{float:left;border:1px solid #d3dce7;background:#fefefe;color:#b4bcc7;text-align:center;line-height:38px}
.tabmenu .blue{height:39px;border:1px solid #3f73b8;border-bottom:0;background:#fff;color:#3f73b8;font-weight:bold;text-align:center;line-height:38px}
.tabmenu .on{display:block;height:38px}
.tabmenu.v2 li{width:16%}

.article{margin-top:50px}
.article:after{display:block;clear:both;content:''}
.article .txt{float:left;width:38%;margin-right:60px;font-size:14px;color:#3468ae;line-height:28px}
.article span{float:left}
.article .txt.v2{width:46%}

.after_tel{position:absolute;right:25%;bottom:15%;width:222px;height:65px;background-position:-550px -604px}

.img_bx{border:1px solid #ddd}

/*컨텐츠개발*/
.refer_group{position:relative;width:99.5%;height:380px;margin-top:50px;border:1px solid #dde6f0}
.refer_group:after{display:block;clear:both;content:''}



.lst_refer{overflow:hidden;width:1920px;height:auto;margin-top:55px}
.lst_refer:after{display:block;clear:both;content:''}
.lst_refer li{float:left;margin-left:10px}

.bg_black{position:relative}
.bg_black span{display:block;position:absolute;left:0;top:0;width:100%;height:162px;background:#000;opacity:0.7}

.refer_info{font-size:16px;letter-spacing:-1px;line-height:20px}
.refer_info strong{color:#373636}
.refer_info p{color:#7b899b}


.bx_thum:after{display:block;clear:both;content:''}




/*20160407 목요일 정해희 추가 및 수정*/
.p_wrap:after{display:block;clear:both;content:''}

.bx_thum{float:right;width:25%;height:100%;background:#edf2f9}
.bx_refer{overflow:hidden;float:left;width:100%;height:270px;background:#dde6f0}
.bx_refer button{position:absolute;top:50%;width:41px;height:117px;margin-top:-90px;z-index:30}

.btn_refer_pre{left:25px;background-position:-968px -442px}
.btn_refer_pre:hover{background-position:-1070px -442px}
.btn_refer_next{right:20px;background-position:-1021px -442px}
.btn_refer_next:hover{background-position:-1123px -442px}

.lst_thum{height:222px;margin:17px 0 0 13px}
.lst_thum:after{display:block;clear:both;content:''}
.lst_thum li{position:relative;float:left;margin:0 0 4px 4px}



.develop_group:after{display:block;clear:both;content:''}

.bx_develop{float:left}

.bx_img{float:right}



.txt_style dt{margin-bottom:16px;color:#376bb2;font-size:14px;font-weight:bold;letter-spacing:-1px}
.txt_style dd{margin:0 0 30px 0;color:#4b5665;letter-spacing:-0.5px;line-height:18px}




/*.lst_publish:after{display:block;clear:both;content:''}*/

/*.lst_publish .bk{background-position:-1044px -396px}*/
/*.lst_publish .bk_2{background-position:-790px -718px}*/
/*.lst_publish .bk_3{background-position:-790px -556px}*/
/*.lst_publish .bk_4{background-position:-916px -556px}*/
/*.lst_publish .bk_5{background-position:-1044px -556px}*/


/*20160408 금요일 정해희 추가 및 수정*/
.bold_style{display:block;margin-bottom:38px;color:#484a4e;font-size:14px;letter-spacing:-1px;line-height:20px;text-align:left}

.publish_group{width:100%;margin-top:10px;text-align:left}

.bx_publish{width:98%;margin-top:20px}
.lst_publish{}

.book_group{padding:20px 0;border-bottom:1px solid #dce6f5}
.book_group:after{display:block;clear:both;content:''}
.bx_img3{float:left;width:148px;height:145px;margin-top:10px;border:1px solid #dce6f5;background:#f3f6fb;line-height:145px;text-align:center}

.bx_txt3{float:left;margin-left:41px;padding:8px 0;letter-spacing:-1px}
.bx_txt3 strong{display:block;font-size:24px;color:#32363c}
.bx_txt3 em{display:block;margin-top:3px;color:#3f73b8;font-weight:bold}
.bx_txt3 p{margin-top:20px;line-height:20px}
.bx_txt3 .txt_gray3{color:#89909b}
.bx_btn3{float:right;margin-top:31px;}
.bx_btn3.left-box{padding-right:10px;padding-top:20px;}
.bx_btn3.left-box .price{display:block;text-align:center;}
.bx_btn3.left-box .btn_pre_book{padding: 5px;width:auto;border:0;background:#4276b9;color:#fff;font-weight:bold;margin-top:10px;}
/*교재 미리보기 버튼*/
.btn_pre_book{display:block;width:86px;border:1px solid #dde7f5;border-radius:6px;padding:25px 0;color:#7d9ac6;text-align:center;line-height:18px;cursor:pointer}
.btn_pre_book:hover{border:0;background:#4276b9;color:#fff;font-weight:bold}


/*.lst_publish li{position:relative;float:left;width:118px;height:147px;margin-left:32px}*/

/*hover*/
.lst_publish .bk:hover{background-position:-789px -227px}
.lst_publish .bk_2:hover{background-position:-916px -227px}
.lst_publish .bk_3:hover{background-position:-1044px -227px}
.lst_publish .bk_4:hover{background-position:-790px -396px}
.lst_publish .bk_5:hover{background-position:-916px -396px}



/*말풍선*/

.arrow_box{position:relative;top:-20px;padding:10px;border:2px solid #dce6f5;background:#ffffff;color:#7c8ca1;font-weight:bold;line-height:20px}
.arrow_box:after, .arrow_box:before{top:100%;left:50%;border:solid transparent;;width:0;height:0;
	position:absolute;pointer-events:none;content:""}

.arrow_box:after{border-color:rgba(255, 255, 255, 0);border-top-color:#ffffff;border-width:10px;margin-left:-10px}
.arrow_box:before{border-color:rgba(220, 230, 245, 0);border-top-color:#dce6f5;border-width:13px;margin-left:-13px}

.arrow_box .lst{text-align:left}

.asp_group{height:100px;margin-top:40px}

.bx_visual{height:auto;padding:30px 0;background:#f0f4fa}


.asp_online{float:left;margin-right:62px;text-align:left;}
.asp_online .section_B,.asp_refer .section_B{margin-top:50px}

.asp_refer{float:left;text-align:left}

.txt_asp{margin-top:10px;color:#858f9a;line-height:24px}
.txt_asp span{color:#386eb5;font-weight:bold}
.txt_asp li{padding:0 0 0 30px;cursor:pointer}
.txt_asp li:before{display:inline-block;width:4px;height:4px;margin-right:10px;background:#99abc3;content:''}


/*20160411 월요일 정해희 추가 및 수정*/
.content_sub.brand{position:absolute;left:0;top:0;width:71%;height:682px;padding:60px 80px 0 70px;background:rgba(255,255,255,0.95);z-index:60}
.content_sub.brand .tit{color:#7a899c;font-size:1.25em;font-weight:normal}
.content_sub.brand .tit:after{display:block;clear:both;content:''}
.content_sub.brand .letter{float:left;margin-right:30px;font-size:38px;letter-spacing:-1px}
.content_sub.brand .ex{float:left;color:#7a899c;font-size:14px;font-family:Nanum Gothic B;line-height:22px;letter-spacing:-1.5px}
.content_sub.brand .ex.v2{margin-top:10px}

.brand_wrap{}

.tit2{color:#bcbfc2;font-size:32px;letter-spacing:-1px}

.txt2{display:block;margin-top:20px;color:#7a899c;font-size:14px;font-weight:bold;letter-spacing:-1px;line-height:20px}



.bx_book{position:relative;}
.bx_book:after{display:block;clear:both;content:''}

.book_intro{float:left;width:180px;height:180px;margin:54px 0 0 95px;padding:0px 0;border:5px solid #3468ae;border-radius:110px;color:#3468ae;letter-spacing:-1px;font-weight:bold}
.book_intro .series{display:block;margin-top:32px;font-size:14px}
.book_intro .series.v2{margin-top:25px}
.book_intro .lv{display:block;margin-top:9px;font-size:48px}
.book_intro em{display:block;margin-top:14px;font-size:16px}

.intro_img{float:right}

/*브랜드 서브페이지 버튼*/
.btn_group{display:block;position:absolute;left:50%;bottom:0;margin-left:-315px}

.btn_blue_go{padding:0 20px;border:1px solid #3468ae;color:#3468ae;font-weight:bold;line-height:38px;cursor:pointer}
.btn_blue_go:hover,.blue_on{background:#3468ae;color:#fff}

.txt_etc_group{margin-top:50px;color:#77879b;font-weight:bold;text-align:left}
.txt_etc_group:after{display:block;clear:both;content:''}

.info_pt{float:left;margin-top:20px}
.img_tel{float:right;display:block;width:186px;height:55px;background-position:-1004px -30px}

.img_preview{position:absolute;right:75px;top:-50%;width:153px;height:145px;background:url(../img/bg_img_preview.png) no-repeat 0 0;z-index:100}
.img_preview img{margin:7px 0 0 -10px}

.margin{margin-top:40px}

.bold_style.v2{margin-bottom:25px;color:#7a899c}
.bold_style.v3{float:left;width:375px;margin-top:0;}

.txt_blue{color:#376bb2;letter-spacing:0}

.bx_visual.v2{border:1px solid #e6eaf3;background:#fff}

.left{text-align:left}


.p_wrap{overflow-x:hidden;overflow-y:auto;width:98%;height:465px;margin-left:1px;text-align:center}


.txt_style .txt_indent{margin-bottom:10px;text-indent:20px}

.develop_group{width:810px;margin-top:44px;text-align:left}

.btn_go_top{display:block;position:absolute;right:20px;top:576px;width:170px;height:68px;background-position:-940px -346px;z-index:150;cursor:pointer}

/*{position:absolute;right:50%;top:80px;margin-right:-340px;color:#3468ae;font-weight:bold;z-index:300;font-size:14px;cursor:pointer}*/
.btn_go_top.v2{top:82px;margin-right:-230px;color:#7a899c}
.btn_go_top img{margin:1px 0 0 10px}



.arrow_next{width:35px;height:13px;background-position:-118px -854px;vertical-align:middle}
.arrow_pre{width:35px;height:13px;background-position:-22px -780px;vertical-align:middle}


.tit2.v2{font-size:18px}/*수정*/



/*20160415 금 정해희 추가*/
.img_bk_enf{margin-top:15px}


/*20160418 월 정해희 수정 및 추가*/ 
.btn_site_top{display:block;position:absolute;right:50%;top:75px;margin-right:-250px;width:94px;height:28px;background-position:-121px -772px;z-index:350}
.btn_site_top:hover{background-position:-121px -812px}

.btn_book_pre{display:block;position:absolute;right:50%;top:75px;width:84px;height:28px;margin-right:-340px;background-position:-173px -851px;z-index:350}
.btn_book_pre:hover{background-position:-263px -851px}

/*20160419 화 정해희 수정 및 추가*/
.franchise{float:left;width:141px;height:398px;margin:170px 0 0 20px;border:1px solid #e8eaeb;color:#a5acb3;font-size:14px;letter-spacing:-1px}

.btn_ebook_s{display:block;width:80px;margin:10px auto 0 auto;border:1px solid #d3dce7;color:#99a2ac;font-size:12px;letter-spacing:-1px;line-height:24px;cursor:pointer}
.btn_ebook_s:hover{border:1px solid #4276b9;color:#4276b9;font-weight:bold}

nav{
	position: absolute;
	top:-70px;
	right: 100px;
	width: 200px;
	height:100px;
}

.section_B.theclass{margin-top:40px;text-align:center}
.bx_img2{padding:50px 0}

/*Faq 답변*/
.txt_reply{display: none}


/*AI TUTOR*/
.bx_ai_1,.bx_ai_2,.bx_ai_3{padding:40px 0 60px 0}

.p_style_ex{margin:20px 20px 0 0;color:#3a3c3f;font-size:13px;text-align:justify;line-height:22px;letter-spacing:-1px}

.lst_skill{margin-top:26px}
.lst_skill:after{display:block;clear:both;content:''}
.lst_skill li{float:left;width:100%;height:94px;color:#4b5665;font-weight:bold;text-align:left}
.lst_skill span{display:inline-block;width:127px;height:94px;margin-right:58px}
.lst_skill em{display:inline-block;margin-top:38px}

.skills{background:#edf2fa}
.skills2{background:#fff}

.cnt01{background-position:-784px -180px}
.cnt02{background-position:-784px -274px}
.cnt03{background-position:-784px -430px}
.cnt04{background-position:-784px -551px}
.cnt05{background-position:-784px -661px}

.lst_skill2{width:562px;margin-top:12px}
.lst_skill2:after{display:block;clear:both;content:''}
.lst_skill2 li{float:left;margin-left:12px}
.lst_skill2 li:first-child{margin-left:0}

.section_ai_icon{margin-top:12px}

.bx_skills_icon{display:table;width:128px;height:128px;border:1px solid #dce6f5;border-radius:8px;color:#5c7eac}
.skills_icon{display:table-cell;vertical-align:middle}
.skills_icon span{display:block;margin:-10px auto 5px auto}

.skills_etc01{width:45px;height:30px;background-position:-940px -180px}
.skills_etc02{width:33px;height:33px;background-position:-996px -180px}
.skills_etc03{width:28px;height:30px;background-position:-1038px -180px}
.skills_etc04{width:31px;height:31px;background-position:-1086px -180px}
.skills_etc05{width:39px;height:33px;background-position:-940px -226px}
.skills_etc06{width:34px;height:26px;background-position:-994px -226px}
.skills_etc07{width:38px;height:36px;background-position:-1037px -226px}
.skills_etc08{width:29px;height:33px;background-position:-1086px -226px}
.skills_etc09{width:34px;height:36px;background-position:-940px -268px}
.skills_etc10{width:28px;height:35px;background-position:-995px -268px}
.skills_etc11{width:35px;height:35px;background-position:-1038px -268px}
.skills_etc12{width:36px;height:32px;background-position:-1086px -268px}
 


 .txt_lib{margin:20px 30px 0 0;color:#6f7c8c;font-size:13px;text-align:justify;line-height:20px}


/* 홍보동영상 버튼*/
.bx_vod_go{margin:30px 50px 5px 0;text-align:right}
.bx_vod_go a{height:23px;margin-right:10px}
.btn_vod_go{width:65px;background-position:-968px -622px}
.btn_vod_go:hover{background-position:-968px -592px}
.btn_elibrary_go{width:100px;background-position:-1041px -622px}
.btn_elibrary_go:hover{background-position:-1041px -592px}


.bx_lib_top{padding:0 48px 45px 0;border-bottom:1px solid #e8ebee}
.bx_lib_top:after{display:block;clear:both;content:''}
.lib_hd_txt{float:left}
.lib_hd_img{float:right}