@charset "utf-8";
/* 헤더 */
#header{position:relative;height:102px;z-index:20}
#header .top{height:40px;background:#4f5b61}
#header .top .contains{padding-top:7px;height:33px}
#header .top_wrap{float:right}
#header .top .menu{float:left;margin-right:10px}
#header .top .menu li{float:left;padding:0 5px;line-height:25px;background:url("../img/icon/header_line.gif") no-repeat left center}
#header .top .menu li:first-child{background:none}
#header .top .menu li:first-child a{width:50px}
#header .top .menu a{display:block;width:60px;height:25px;line-height:25px;text-align:center;font-size:12px;color:#fff}
#header .top .menu a:hover, #header .top .menu a:focus{color:#91c326;font-weight:700}
#header .top .select_box{float:left;height:23px}
#header .top .select_box .value{height:23px;line-height:23px}
#header .top .select_box select{height:23px}
#header .top .input_text{float:left;margin-left:7px;border-right:0}
#header .top .btn_search{display:block;float:left}
#header .shadow{position:absolute;left:0;bottom:-2px;right:0;width:100%;height:2px;background:url("../img/common/header_shadow.png") repeat-x}
#header .gnb_wrap{background:none/* #edf0e7 url("../img/common/header_sub_bg.gif") no-repeat center 60px */;overflow:hidden}
#header .gnb{position:relative;height:61px;border-bottom:1px solid #d5d5d5;background:#f6f6f6}
#header .gnb_wrap .logo{float:left}
#header .gnb_wrap .logo img{display:block}
#gnb{float:right;margin-top:14px;height:47px}
#gnb .menu{float:left;width:112px;line-height:35px}
#gnb .link{display:block;margin-bottom:13px;width:112px;height:35px;line-height:35px;text-align:center;font-size:19px;color:#333;font-weight:800}
#gnb .menu.on .link, #gnb .link.on, #gnb .link:hover, #gnb .link:focus{color:#2f64a9!important}
#gnb .menu.on .btn_teacher img{display:none}
#gnb .menu.on .btn_teacher .on{display:block}
#gnb .menu_04{width:150px}
#gnb .menu_04 .link{width:150px}
#gnb .sub{width:105px}
#gnb .sub .link{width:98px;font-size:16px;color:#666}
#gnb .teacher{float:left;width:143px}
#gnb .btn_teacher{display:block;margin-bottom:13px;margin-left:17px}
#gnb .btn_teacher img{display:block}
#gnb .btn_teacher .on{display:none}
#gnb .btn_teacher:hover img{display:none}
#gnb .btn_teacher:hover .on{display:block}
#gnb .sub_menu{text-align:left;height:215px;background:#fff;border-top:2px #96c222 solid;border-bottom:2px #96c222 solid;border-right:1px #e3e3e3 solid;border-left:none;padding-left: 20px;padding-top: 10px;}
#gnb .menu_01 .sub_menu{border-left:2px #96c222 solid;}
#gnb .teacher .sub_menu{border-right:2px #96c222 solid;}
#gnb .sub_menu a{display:block;line-height:25px;font-size:13px;color:#666;font-weight:bold;}
#gnb .sub_menu .on, #gnb .sub_menu a:hover, #gnb .sub_menu a:focus{color:#8fc31c}
#header .gnb_wrap.on{border-bottom:none}

/* 컨텐츠 */
#content{position:relative;z-index:10}

/* 메인 비쥬얼*/
#main_visual{position:relative;height:450px;border-bottom:1px solid #d5d5d5;overflow:hidden}
#main_visual .slide_wrap{position:absolute;left:50%;top:0;margin-left:-1000px;width:2000px;height:450px;z-index:20}
#main_visual .slide{width:2000px;height:450px;overflow:hidden}
#main_visual .slide li{position:relative;width:2000px;height:450px;}
#main_visual .slide img{display:block;}
#main_visual .slide .btn_detailview{display:block;position:absolute;left:50%; margin-left:10px;top:360px;z-index:10}
#main_visual .slide .btn_detailview img{display:block}
#main_visual .slide_tab{position:absolute;left:50%;bottom:15px;z-index:999;margin-left:-505px;width:1010px;text-align:center;}
#main_visual .slide_tab a{display:inline-block;position:relative;float:none;margin:0 5px;width:10px;height:10px;line-height:49px;font-size:0;color:#999;font-weight:normal;border:2px #d5d5d5 solid;border-top:2px #d5d5d5 solid;border-radius:100%;background: #fff;}
#main_visual .slide_tab .arrow{display:none;position:absolute;left:50%;top:-9px;margin-left:-8px;width:16px;height:9px;background:url("../img/main/icon_visual_arrow.png") no-repeat}
#main_visual .slide_tab .on{color:#fff;border-color:#79a8ea;background:#79a8ea;z-index:20}
#main_visual .slide_tab .on .arrow{display:none}

.banner_right { display:block; z-index:999; clear:both; position:absolute; top:30px; right:500px; width:280px; height:380px;}
/* 메인 배너*/
#main_visual .slide2{width:280px;height:380px;overflow:hidden;}
#main_visual .slide2 li{position:relative;width:280px;height:380px;}
#main_visual .slide2 img{display:block;width:280px;height:380px;}
#main_visual .slide_tab2{position:absolute;z-index:1000;bottom:5px;width:280px;text-align:center;}
#main_visual .slide_tab2 a{display:inline-block;margin:0 5px;width:13px;height:13px;background: url(../img/main/btn_xistory.png) 0 -104px no-repeat;}
#main_visual .slide_tab2 a span{font-size: 0;text-indent: -999px;display:none;}
#main_visual .slide_tab2 .on{background: url(../img/main/btn_xistory.png) 0 -127px no-repeat;}


/* #popup_ad.popup_window.xistory .xistory_list li a{position: relative;z-index: 50;top: 660px;display: block;width: 13px;height: 13px;margin: 0 5px;background: url(../img/main/btn_xistory.png) 0 -104px no-repeat;font-size: 0;text-indent: -999px;}
#popup_ad.popup_window.xistory .xistory_list li.on a{background: url(../img/main/btn_xistory.png) 0 -127px no-repeat;} */

.main .quick {display:block; z-index:999; clear:both; position:absolute; top:30px; left:50%; margin-left:600px;}

/* lnb */
.main_lnb{height:159px;background:#fff;}
.main_lnb .lnb{height:159px}
.main_lnb .lnb li{float:left;width:200px;padding-top:22px;}
.main_lnb .lnb a{display:block;width:190px;height:110px;text-indent:-9999px;background:url("../img/main/menu_lnb_new.png") no-repeat;border:3px #fff solid;}
.main_lnb .lnb li.lnb_01{width:175px;}
.main_lnb .lnb li.lnb_02{width:199px;}
.main_lnb .lnb li.lnb_03{width:189px;}
.main_lnb .lnb li.lnb_04{width:208px;}
.main_lnb .lnb li.lnb_05{width:229px;}
.main_lnb .lnb_01 a{width:169px;background-position:0 -23px}
.main_lnb .lnb_02 a{width:193px;background-position:-175px -23px}
.main_lnb .lnb_03 a{width:183px;background-position:-374px -23px}
.main_lnb .lnb_04 a{width:202px;background-position:-563px -23px}
.main_lnb .lnb_05 a{width:223px;background-position:-771px -23px}
.main_lnb .lnb a:hover{border:3px #8ec325 solid;}
.main_lnb .lnb_01 a:hover{background-position:0 -183px}
.main_lnb .lnb_02 a:hover{background-position:-175px -183px}
.main_lnb .lnb_03 a:hover{background-position:-374px -183px}
.main_lnb .lnb_04 a:hover{background-position:-563px -183px}
.main_lnb .lnb_05 a:hover{background-position:-771px -183px}
/* 20190924베너수정 */
.new2019{height:159px;background: #fbfbfb;}
.new2019 .lnb{height:159px}
.new2019 .lnb li{float:left;padding-top: 9px;}
.new2019 .lnb a{display:block;width: 165px;height:143px;text-indent:-9999px;background-image: url("../img/main/menu_lnb_new2019_nb.png");border: none;}
.new2019 .lnb li.lnb_01{width:165px;}
.new2019 .lnb li.lnb_02{width:165px;}
.new2019 .lnb li.lnb_03{width:165px;}
.new2019 .lnb li.lnb_04{width:165px;}
.new2019 .lnb li.lnb_05{width:165px;}
.new2019 .lnb li.lnb_06{width:179px;}
.new2019 .lnb_01 a{width:165px;background-position:0 0}
.new2019 .lnb_02 a{width:165px;background-position:-165px 0}
.new2019 .lnb_03 a{width:165px;background-position:-330px 0}
.new2019 .lnb_04 a{width:165px;background-position:-495px 0}
.new2019 .lnb_05 a{width:165px;background-position:-660px 0}
.new2019 .lnb_06 a{width:179px;background-position:-825px 0}
.new2019 .lnb a:hover{border:none;}
.new2019 .lnb_01 a:hover{background-position:0 -160px}
.new2019 .lnb_02 a:hover{background-position:-165px -160px}
.new2019 .lnb_03 a:hover{background-position:-330px -160px}
.new2019 .lnb_04 a:hover{background-position:-495px -160px}
.new2019 .lnb_05 a:hover{background-position:-660px -160px}
.new2019 .lnb_06 a:hover{background-position:-825px -160px}
/* 추천교재 */
.main_recommend{height:400px;background:url("../img/main/bg_recommend_pattern_new.png") repeat center top}
.main_recommend .contains{height:400px}
.main_recommend .title_wrap{height:85px}
.main_recommend .title_wrap .title{float:left;margin-top:30px;margin-right:40px;}
.main_recommend .title_wrap .title img{display:block} 
.main_recommend .title_wrap .btn_grade{float:left;margin:33px 4px 0 0;padding:3px 12px;border:2px #fff solid;border-radius:50px;color:#fff;font-weight:800;font-size:13px;}
.main_recommend .title_wrap .btn_grade.on{background:#fff;color:#3b6cdb;}
.main_recommend .title_wrap .btn_grade i{position:relative;top:-1px;display:inline-block;width:11px;height:11px;margin-left:6px;background:url('../img/main/btn_grade.png') 0 -11px no-repeat;vertical-align:middle;}
.main_recommend .title_wrap .btn_grade.on i{background-position:0 0;}
.main_recommend .title_wrap .btn_more{float:right;margin:31px 3px 0 0}
.main_recommend .title_wrap .btn_more img{display:block}
.main_recommend .slide_wrap{position:relative;top:22px;}
.main_recommend .slide_wrap .btn{display:block;position:absolute;top:105px;width:17px;height:39px;text-indent:-9999px;z-index:100}
.main_recommend .slide_wrap .btn_prev{left:-58px;background:url("../img/btn/slide_prev.png") no-repeat}
.main_recommend .slide_wrap .btn_next{right:-58px;background:url("../img/btn/slide_next.png") no-repeat}
.main_recommend .slide_box{width:1050px;height:290px;overflow:hidden}
.main_recommend .slide{margin-left:0;width:1030px;height:290px}
.main_recommend .slide li{position:relative;float:left;width:210px !important;height:290px;}
.main_recommend .slide .book{position:relative;display:block;width:160px;height:210px;margin-top:5px;background:#fff;}
.main_recommend .slide .book img{width:100% !important;height:100% !important;}
/*
.main_recommend .slide .book_01{background:url("../img/main/bg_story_01.png") no-repeat}
.main_recommend .slide .book_02{background:url("../img/main/bg_story_02.png") no-repeat}
.main_recommend .slide .book_03{background:url("../img/main/bg_story_03.png") no-repeat}
.main_recommend .slide .book_04{background:url("../img/main/bg_story_04.png") no-repeat}
.main_recommend .slide .book_05{background:url("../img/main/bg_story_05.png") no-repeat}
*/
.cover_bg01{position:absolute;top:0;width:100%;height:5px;background:url("../img/main/cover_bg01.png") 0 0 no-repeat;}
.cover_bg02{position:absolute;top:188px;left:160px;width:39px;height:28px;background:url("../img/main/cover_bg02.png") 0 0 no-repeat;}
.main_recommend .slide .book .text_wrap { position:absolute; z-index:99999;}
.main_recommend .slide .book .book_cover,
.main_recommend .slide .book .book_cover_over { position:absolute; top:0; left:0;width:100%;height:100%;margin:0;padding:0;}
.main_recommend .slide .book span{display:block}
.main_recommend .slide .book .text_wrap{padding:156px 0 0 20px}
.main_recommend .slide .book .name{margin-bottom:2px;line-height:30px;font-size:24px;color:#333;font-weight:700}
.main_recommend .slide .book .text{margin-bottom:10px;line-height:18px;font-size:14px;color:#666}
.main_recommend .slide .book .type{width:65px;height:27px;text-align:center;line-height:27px;font-size:14px;color:#fff;font-weight:700;background:url("../img/main/bg_story_round.png") no-repeat}
/*.main_recommend .slide .book:hover{background:url("../img/main/bg_story_on.png") no-repeat}*/
.main_recommend .slide .book:hover .name, .main_recommend .slide .book:hover .text{color:#fff}
.main_recommend .slide .book:hover .type{background:url("../img/main/bg_story_round_on.png") no-repeat}
.main_recommend .slide .btn_more{display:block;margin:0 auto;width:75px;height:24px;line-height:24px;text-align:center;font-size:14px;color:#fff}
.main_recommend .slide .btn_more .icon{margin:-1px 0 0 5px;vertical-align:middle}

/* 하단 */
.main_bottom{padding-top:32px;height:261px}
.main_bottom .contains{height:261px}
.main_bottom .title{font-size:19px;color:#333;font-weight:800}
.main_bottom .notice_wrap{float:left;margin-right:15px;width:300px}
.main_bottom .notice_wrap .title_wrap{margin-bottom:20px;height:60px;border-bottom:1px solid #d5d5d5}
.main_bottom .notice_wrap .title{float:left;line-height:60px}
.main_bottom .notice_wrap .btn_more{display:block;float:right;margin:20px 10px 0 0}
.main_bottom .notice_list li{padding-right:15px;height:32px}
.main_bottom .notice_list a{display:block;float:left;width:220px;height:20px;line-height:20px;font-size:13px;color:#666}
.main_bottom .notice_list a:hover{color:#333;font-weight:700}
.main_bottom .notice_list .icon{margin:-2px 0 0 2px;vertical-align:middle}
.main_bottom .notice_list .date{display:block;float:right;height:20px;line-height:20px;font-size:12px;color:#999}
.main_bottom .info_wrap{float:left;padding:20px 0 0 20px;width:258px;height:198px;border:1px solid #d5d5d5;background:url("../img/main/bg_info.gif") no-repeat}
.main_bottom .info_wrap .title{margin-bottom:30px;line-height:18px}
.main_bottom .info_wrap .sub{margin-bottom:2px;line-height:22px;font-size:14px;color:#666;font-weight:700}
.main_bottom .info_wrap .tel{margin-bottom:14px;line-height:36px;font-size:36px;color:#002e70;font-weight:700;letter-spacing:-2px}
.main_bottom .info_wrap .time{line-height:22px;font-size:15px;color:#333;font-weight:700}
.main_bottom .info_wrap .day{line-height:22px;font-size:14px;color:#666}
.main_bottom .qna_wrap{float:right;padding:20px;width:348px;height:178px;border:1px solid #d5d5d5;overflow:hidden}
.main_bottom .qna_wrap .title_wrap{padding-left:4px;margin-bottom:22px;height:64px;border-bottom:1px solid #d5d5d5}
.main_bottom .qna_wrap .title_wrap .title{margin-bottom:6px}
.main_bottom .qna_wrap .title_wrap .sub{line-height:20px;font-size:13px;color:#666}
.main_bottom .qna_list{width:370px;height:90px}
.main_bottom .qna_list li{float:left;margin-right:13px;width:60px}
.main_bottom .qna_list a{display:block;width:60px;height:90px;text-align:center;background:url("../img/main/bg_qna.png") no-repeat}
.main_bottom .qna_list .text{display:block;line-height:20px;font-size:14px;color:#666;font-weight:700}
.main_bottom .qna_list a:hover{background:url("../img/main/bg_qna_on.png") no-repeat}
.main_bottom .qna_list a:hover .text{color:#333}

/* 하단 */
.main_bottom.test{padding-top:32px;height:261px}
.main_bottom.test .contains{height:261px}
.main_bottom.test .title{font-size:19px;color:#333;font-weight:800}
.main_bottom.test .notice_wrap{position:relative;float:left;margin-right:13px;width:338px}
.main_bottom.test .notice_wrap .notice_tap .notice_list{display:none;}
.main_bottom.test .notice_wrap .notice_tap.active .notice_list{height:168px;padding:0 20px 0;display:block;border:1px #d5d5d5 solid;}
.main_bottom.test .notice_wrap .title_wrap{position:absolute;top:0;width:50%;height:50px;margin:0;}
.main_bottom.test .notice_wrap .notice_tap.active .title_wrap{border-width:1px;border-style:solid;border-color:#d5d5d5;border-bottom:none;background:#fff url("../img/main/bg_tap.gif") 50% 41px no-repeat;}
.main_bottom.test .notice_wrap .notice_tap .title_wrap{border-width:0 0 1px 0;border-style:solid;border-color:#fff;background:#959595;}
.main_bottom.test .notice_wrap .notice_tap.active .title_wrap .title{color:#333;font-weight:800}
.main_bottom.test .notice_wrap .notice_tap .title_wrap .title{color:#e3e3e3;font-weight:normal}
.main_bottom.test .notice_wrap .title_wrap.t02{left:50%;}
.main_bottom.test .notice_wrap .title{float:none;line-height:50px;text-align:center;cursor:pointer}
.main_bottom.test .notice_wrap .tab_more {display: none;position: absolute;top: 60px;right:20px;color: #676767;font-size:13px;font-weight:400;text-decoration: underline;}
.main_bottom.test .notice_wrap .tab_more.active {display: block;}
.main_bottom.test .notice_wrap .tab_more:hover {color: #444}
.main_bottom.test .notice_list {margin-top:50px;}
.main_bottom.test .notice_list li:first-child{margin-top:40px;}
.main_bottom.test .notice_list li{padding-right:0;height:32px;font-family:Dotum,돋움;letter-spacing:-1px;}
.main_bottom.test .notice_list a{display:block;float:left;width:230px;height:20px;line-height:1;font-size:13px;color:#666;/*white-space: nowrap;overflow : hidden;text-overflow: ellipsis;*/}
.main_bottom.test .notice_list a:hover{color:#333;font-weight:700}
.main_bottom.test .notice_list .icon{margin:-2px 0 0 2px;vertical-align:middle}
.main_bottom.test .notice_list .date{display:block;float:right;height:20px;line-height:1;font-size:12px;color:#666}
.main_bottom.test .info_wrap{float:left;padding:20px 0 0 20px;width:228px;height:198px;border:1px solid #d5d5d5;background:url("../img/main/bg_info.gif") no-repeat}
.main_bottom.test .info_wrap .title{margin-bottom:30px;line-height:18px}
.main_bottom.test .info_wrap .sub{margin-bottom:2px;line-height:22px;font-size:14px;color:#666;font-weight:700}
.main_bottom.test .info_wrap .tel{margin-bottom:14px;line-height:36px;font-size:36px;color:#002e70;font-weight:700;letter-spacing:-2px}
.main_bottom.test .info_wrap .time{line-height:22px;font-size:15px;color:#333;font-weight:700}
.main_bottom.test .info_wrap .day{line-height:22px;font-size:14px;color:#666}
.main_bottom.test .qna_wrap{float:right;padding:20px;width:348px;height:178px;border:1px solid #d5d5d5;overflow:hidden}
.main_bottom.test .qna_wrap .title_wrap{padding-left:4px;margin-bottom:22px;height:64px;border-bottom:1px solid #d5d5d5}
.main_bottom.test .qna_wrap .title_wrap .title{margin-bottom:6px}
.main_bottom.test .qna_wrap .title_wrap .sub{line-height:20px;font-size:13px;color:#666}
.main_bottom.test .qna_list{width:370px;height:90px}
.main_bottom.test .qna_list li{float:left;margin-right:13px;width:60px}
.main_bottom.test .qna_list a{display:block;width:60px;height:90px;text-align:center;background:url("../img/main/bg_qna_new.png") no-repeat}
.main_bottom.test .qna_list .text{display:block;line-height:20px;font-size:14px;color:#666;font-weight:700}
.main_bottom.test .qna_list a:hover{background:url("../img/main/bg_qna.png") no-repeat}
.main_bottom.test .qna_list a:hover .text{color:#333}