@charset "utf-8";

/* 나눔고딕 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  src: url(NanumGothicCompact.eot);
  src: url(NanumGothicCompact.eot?#iefix) format('embedded-opentype'), url(NanumGothicCompact.woff2) format('woff2'), url(NanumGothicCompact.woff) format('woff'), url(NanumGothicCompact.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(NanumGothicBoldCompact.eot);
  src: url(NanumGothicBoldCompact.eot?#iefix) format('embedded-opentype'), url(NanumGothicBoldCompact.woff2) format('woff2'), url(NanumGothicBoldCompact.woff) format('woff'), url(NanumGothicBoldCompact.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(NanumGothicExtraBold.eot);
  src: url(NanumGothicExtraBold.eot?#iefix) format('embedded-opentype'), url(NanumGothicExtraBold.woff2) format('woff2'), url(NanumGothicExtraBold.woff) format('woff'), url(NanumGothicExtraBold.ttf) format('truetype');
}

/* reset */
html,body{margin:0px;padding:0px;width:100%;font-size:12px;font-family:"Nanum Gothic";-webkit-text-size-adjust:none;letter-spacing:-1px}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}  /* button fix for ie8 */
input,textarea,button{font-family:"Nanum Gothic"}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#bdbdbd}
input::-moz-placeholder{color:#bdbdbd}
input:-moz-placeholder{color:#bdbdbd}
input:-ms-input-placeholder{color:#bdbdbd}
textarea::-webkit-input-placeholder{color:#bdbdbd}
textarea::-moz-placeholder{color:#bdbdbd}
textarea:-moz-placeholder{color:#bdbdbd}
textarea:-ms-input-placeholder{color:#bdbdbd}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */


.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.contains{position:relative;margin:0 auto;width:1004px}
#viewport{min-width:1004px;overflow:hidden}
#skip_menu{position:fixed;left:0;top:0;z-index:10000}
#skip_menu a{position:absolute;left:-10000px;top:0;font-size:12px;color:#fff;background:#000;white-space:nowrap}
#skip_menu .focus,#skip_menu a:focus{left:0;padding:5px 10px;height:auto;font-size:12px}

.select_box{position:relative;width:68px;height:23px;border:1px solid #dcdedf;background:#f9f9f9}
.select_box .value{padding:0 17px 0 5px;height:23px;line-height:23px;font-size:11px;color:#666;background:url("../img/icon/select_arrow.png") no-repeat right center;overflow:hidden}
.select_box select{position:absolute;left:0;top:0;width:100%;height:23px;font-size:11px;color:#666;filter:alpha(opacity=0);opacity:0;z-index:10}
.input_text{padding:0 8px;width:128px;height:23px;font-size:11px;color:#b5b9bb;border:1px solid #dcdedf;background:#f9f9f9;*line-height:23px;line-height:23px\9}
textarea.input_text{padding:10px;line-height:20px!important;color:#999;overflow:hidden;overflow-y:auto;resize:none}

/* 헤더 */
#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:#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:18px;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:158px}
#gnb .menu_04 .link{width:158px}
#gnb .sub{width:98px}
#gnb .sub .link{width:98px;font-size:16px;color:#666}
#gnb .teacher{float:left;width:143px}
#gnb .btn_teacher{display:block;margin-bottom:18px;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:center;height:170px}
#gnb .sub_menu a{display:block;line-height:20px;font-size:14px;color:#666}
#gnb .sub_menu .on, #gnb .sub_menu a:hover, #gnb .sub_menu a:focus{color:#8fc31c}
#header .gnb_wrap.on{border-bottom:1px solid #e1e2de}

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

/* 메인 비쥬얼*/
#main_visual{position:relative;height:500px;border-bottom:1px solid #d5d5d5;overflow:hidden}
#main_visual .slide_wrap{position:absolute;left:50%;top:0;margin-left:-1000px;width:2000px;height:500px;z-index:20}
#main_visual .slide{width:2000px;height:500px;overflow:hidden}
#main_visual .slide li{position:relative;width:2000px;height:500px;}
#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:-1px;margin-left:-500px;padding-left:1px;width:1010px}
#main_visual .slide_tab a{display:block;position:relative;float:left;margin-left:-1px;width:199px;height:49px;line-height:49px;text-align:center;font-size:15px;color:#999;font-weight:700;border:1px solid #d5d5d5;border-top:0;background:url("../img/main/bg_slide_tab.png") repeat}
#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:#4f5b61;background:#4f5b61;z-index:20}
#main_visual .slide_tab .on .arrow{display:block}

.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:550px;}

/* lnb */
.main_lnb{height:159px;background:#fbfbfb;}
.main_lnb .lnb{height:159px}
.main_lnb .lnb li{float:left;width:200px;padding-top:30px;}
.main_lnb .lnb a{display:block;width:170px;height:100px;text-indent:-9999px;background:url("../img/main/menu_lnb.png") no-repeat}
.main_lnb .lnb_01 a{background-position:0 -30px}
.main_lnb .lnb_02 a{background-position:-194px -30px}
.main_lnb .lnb_03 a{background-position:-396px -30px}
.main_lnb .lnb_04 a{background-position:-596px -30px}
.main_lnb .lnb_05 a{width:190px;background-position:-796px -30px}
.main_lnb .lnb_01 a:hover{background-position:0 -190px}
.main_lnb .lnb_02 a:hover{background-position:-194px -190px}
.main_lnb .lnb_03 a:hover{background-position:-396px -190px}
.main_lnb .lnb_04 a:hover{background-position:-596px -190px}
.main_lnb .lnb_05 a:hover{background-position:-796px -190px}

/* 추천교재 */
.main_recommend{height:400px;background:url("../img/main/bg_recommend_pattern.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}
.main_recommend .title_wrap .title img{display:block}
.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}
.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:1004px;height:290px;overflow:hidden}
.main_recommend .slide{margin-left:-6px;width:1030px;height:290px}
.main_recommend .slide li{float:left;width:203px!important;height:290px}
.main_recommend .slide .book{display:block;width:201px;height:262px}
/*.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}
*/
.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;}
.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{display:block;}
.main_bottom.test .notice_wrap .title_wrap{position:absolute;top:0;margin-bottom:20px;width:50%;height:50px;}
.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_list {margin-top:85px;}
.main_bottom.test .notice_list li{padding-right:15px;height:32px}
.main_bottom.test .notice_list a{display:block;float:left;width:220px;height:20px;line-height:20px;font-size:13px;color:#666}
.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:20px;font-size:12px;color:#999}
.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.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_on.png") no-repeat}
.main_bottom.test .qna_list a:hover .text{color:#333}
/* 서브 */
.sub_header{position:relative;height:171px;z-index:20}
.sub_header .visual_wrap .contains{height:136px}
.sub_header .visual_wrap .logo{float:left;margin-top:40px}
.sub_header .visual_wrap .logo img{display:block}
.sub_header .visual_wrap .img{display:block;float:right}
.sub_header .lnb_wrap .contains{position:relative;height:35px;}
.sub_header .lnb_wrap .img{position:absolute;right:0;bottom:0}
.sub_book .sub_header{background:#809bc9}
.sub_book .sub_header .lnb_wrap{background:#5f79ae;}
.sub_search .sub_header{background:#f1a5b2}
.sub_search .sub_header .lnb_wrap{background:#cc8492;}
.sub_study .sub_header{background:#8dc5a5}
.sub_study .sub_header .lnb_wrap{background:#64a881}
.sub_member .sub_header{background:#f9ba6e}
.sub_member .sub_header .lnb_wrap{background:#e69e48;}
.sub_teacher .sub_header{background:#ada1da}
.sub_teacher .sub_header .lnb_wrap{background:#9388be}
.sub_join .sub_header{background:#ff8a5d}
.sub_join .sub_header .lnb_wrap{background:#e4693a}
.sub_mypage .sub_header{background:#60b8cc}
.sub_mypage .sub_header .lnb_wrap{background:#60a2b8}
.sub_intro .sub_header{background:#a5c462;z-index:30}
.sub_intro .sub_header .lnb_wrap{background:#80a62c}

/* lnb */
#lnb{height:35px;padding-left:2px;background:url("../img/icon/lnb_line.png") no-repeat left top}
#lnb .menu{float:left;position:relative;padding-right:2px;height:35px;background:url("../img/icon/lnb_line.png") no-repeat right top}
#lnb .home{display:block;width:40px;height:35px;text-indent:-9999px;background:url("../img/icon/lnb_home.png") no-repeat center center}
#lnb .link{display:block;padding:0 25px 0 10px;width:90px;height:35px;line-height:35px;font-size:14px;color:#fff;background:url("../img/icon/lnb_arrow.png") no-repeat right center}
#lnb .login{width:100px}
#lnb .link.on, #lnb .link:hover{background:url("../img/icon/lnb_arrow_on.png") no-repeat right center}
#lnb .sub_menu{display:none;position:absolute;left:-1px;top:35px;width:121px;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5; z-index:999;}
#lnb .sub_menu a{display:block;padding:0 10px;width:101px;height:35px;line-height:35px;font-size:14px;color:#666;border-bottom:1px solid #d5d5d5;background:#f9f9f9;z-index:999;}
#lnb .sub_menu .on, #lnb .sub_menu a:hover, #lnb .sub_menu a:focus{color:#91c328}

/* 내용 */
.sub_content{position:relative;z-index:10}
.content_wrap{padding:40px 0 100px 0}
.content_wrap p{line-height:20px;font-size:12px;color:#666}
.content_wrap .content_title{height:40px}
.content_wrap .content_title img{display:block}
.content_wrap .sub_title{height:34px;line-height:20px;font-size:18px;color:#333;font-weight:700}
.content_wrap .sub_title .icon{margin:-2px 5px 0 0;vertical-align:middle}
.content_wrap .sub_title_wrap{height:34px}
.content_wrap .sub_title_wrap .sub_title{float:left}
.content_wrap .sub_title_wrap .right{float:right}
.content_wrap .sub_title_wrap .right p{float:left;line-height:20px;font-size:12px;color:#666}
.content_wrap .sub_title_wrap .right p .icon{margin:-2px 5px 0 0;vertical-align:middle}
.content_wrap .sub_title_wrap .right .btn_review{display:block;float:left;margin:-5px 0 0 10px;width:120px;height:28px;line-height:28px;text-align:center;font-size:12px;color:#fff;border:1px solid #7cae13;border-radius:2px;background:#86b91a}
.content_wrap .text_box{padding:20px;margin-bottom:15px;border-top:1px solid #d5d5d5}

.select_box{height:31px;}
.select_box .value{padding:0 25px 0 10px;height:31px;line-height:31px;font-size:12px;background:url("../img/icon/select_arrowb.png") no-repeat right center}
.select_box select{height:31px}
.check_wrap{text-align:left;overflow:hidden;}
.check_wrap .radio{position:absolute;left:-1000px;top:-100px;}
.check_wrap label{display:block;float:left;margin-right:8px;padding-left:20px;height:20px;line-height:20px;font-size:12px;color:#666;background:url("../img/icon/radio.png") no-repeat left 2px}
.check_wrap label.on{background-position:0 -28px}
#btn_page_top{display:none;position:absolute;right:10px;top:0;width:40px;height:40px;text-indent:-9999px;background:url("../img/btn/top.png") no-repeat center center;z-index:100}

/* 테이블 */
.content_wrap .table_wrap{border-top:2px solid #656565;border-bottom:1px solid #999;overflow:hidden}
.content_wrap .table_wrap .table{margin-left:-1px;width:1005px}
.content_wrap .table th{padding:8px 0;text-align:center;line-height:20px;font-size:14px;color:#333;font-weight:700;border-left:1px solid #ebeced;border-bottom:1px solid #d5d5d5;background:#f9f9f9}
.content_wrap .table td{padding:6px 0;text-align:center;line-height:20px;font-size:14px;color:#666;border-left:1px solid #ebeced;border-top:1px solid #ebeced}
.content_wrap .table tbody th{border-color:#ebeced}
.content_wrap .table tbody tr:first-child td{border-top:0}
.content_wrap .table .btn_down img{vertical-align:middle;border:1px solid #dcdbdb}
.content_wrap .table .l{padding-left:20px;text-align:left}
.content_wrap .table .r{padding-right:20px;text-align:right}
.content_wrap .table .icon{margin:-2px 6px 0 6px;vertical-align:middle;border:1px solid #eaeaea;}
.content_wrap .table .icon2{margin:-2px 6px 0 6px;vertical-align:middle;}
.content_wrap .table a{color:#666}
.content_wrap .table a:hover{text-decoration:underline}
.content_wrap .table .tab_wrap .arrow{background:url("../img/icon/faq_down.png") no-repeat center center}
.content_wrap .table .tab_wrap.on .arrow{background:url("../img/icon/faq_up.png") no-repeat center center}
.content_wrap .table .panel_wrap{display:none}
.content_wrap .table .panel_wrap td{padding-left:30px;background:#fbfbfb}
.content_wrap .table .empty{padding:30px 0;text-align:center}
.content_wrap .table .notice td{background:#f8f8f8}
.content_wrap .table .notice .l a{font-weight:700}
.content_wrap .table .state{display:inline-block;width:45px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:url("../img/icon/table_round.png") no-repeat;*display:inline;zoom:1}
.content_wrap .table .state.complete{color:#999;background:url("../img/icon/table_roundc.png") no-repeat}
.content_wrap .table .select_box{float:left;margin-right:5px;width:128px;height:28px;text-align:left;background:#fff}
.content_wrap .table .select_box .value{height:28px;line-height:28px;color:#999}
.content_wrap .table .select_box select{height:28px}
.content_wrap .table .input_text{height:28px;line-height:28px;color:#999;background:#fff;*line-height:28px;line-height:28px\9}
.content_wrap .table .phone_wrap .select_box{float:left;margin:0;width:78px}
.content_wrap .table .phone_wrap .input_text{float:left;width:78px}
.content_wrap .table .phone_wrap .unit{display:block;float:left;width:16px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#333}
.content_wrap .table .address_wrap th{vertical-align:top}
.content_wrap .table .address_wrap .input_address{float:left;margin-right:8px;width:222px}
.content_wrap .table .address_wrap .input_detail{width:160px}
.content_wrap .table .zip_wrap{height:37px}
.content_wrap .table .zip_wrap .input_text{float:left;width:40px;text-align:center}
.content_wrap .table .zip_wrap .unit{display:block;float:left;width:16px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#333}
.content_wrap .table .btn{display:block;float:left;margin-left:5px;width:98px;height:28px;line-height:28px;text-align:center;font-size:12px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9}
.content_wrap .table .btn:hover{color:#84ba04;text-decoration:none}
.content_wrap .table .alC{margin:0 auto;float:none;}
.content_wrap .table .input_note{width:855px;height:68px}
.content_wrap .table_view{border-top:2px solid #656565}
.content_wrap .table_view th, .content_wrap .table_view td{padding-left:20px;text-align:left;border-left:0;border-bottom:0;border-top:1px solid #ebeced}
.content_wrap .table_view .link_attach{color:#91c326}
.content_wrap .table_view .link_attach:hover{text-decoration:underline}
.content_wrap .table_view .view_wrap{padding:20px 20px 50px 20px;border-top:1px solid #d5d5d5!important}
/*.content_wrap .table_view .view_content{min-height:400px}*/
.content_wrap .table_view .view_content p{font-size:13px;}
.content_wrap .table_view .view_content .view_content_img{text-align:center; margin-top:10px; margin-bottom:10px;}
.content_wrap .table_view tfoot .prev td{border-top:2px solid #d5d5d5}
.content_wrap .table_view tfoot .next td{border-bottom:2px solid #d5d5d5}
.content_wrap .table_view tfoot .prev .arrow{background:url("../img/icon/arrow_prev.png") no-repeat 22px center}
.content_wrap .table_view tfoot .next .arrow{background:url("../img/icon/arrow_next.png") no-repeat 22px center}
.content_wrap .table_view .category_wrap th{vertical-align:top}
.content_wrap .table_view .category_wrap td{border-top:1px dashed #ebeced!important}

.content_wrap .table_view .select_type{width:90px}
.content_wrap .table_view .select_series{width:150px}
.content_wrap .table_view .select_book{width:225px}
.content_wrap .table_view .input_title{width:378px}
.content_wrap .table_view .write_wrap{padding:0;border-top:0}
.content_wrap .table_view .terms_wrap{padding:30px 0}
.content_wrap .table_view .terms_wrap .terms_title{margin-bottom:5px;font-size:14px;color:#333;font-weight:700}
.content_wrap .table_view .terms_wrap .terms_box{margin-bottom:5px;padding:18px 20px;height:118px;border:1px solid #ebebeb;overflow:hidden;overflow-y:auto}
.content_wrap .table_view .terms_wrap .terms_check{line-height:20px;text-align:right}
.content_wrap .table_view .terms_wrap .terms_check input{margin:0;vertical-align:middle}
.content_wrap .table_view .terms_wrap .terms_check label{vertical-align:middle;font-size:12px;color:#666}
.content_wrap .table_qna .view_content{min-height:200px}
.content_wrap .table_search{margin-bottom:40px;border-top:1px solid #666}
.content_wrap .table_search tr th, .content_wrap .table_search tr td{padding-left:20px;text-align:left;border-left:0;border-top:1px solid #eaebec;border-color:#eaebec}
.content_wrap .table_search tr th{background:#f7f7f7; border-bottom:1px solid #eaebec;}
.content_wrap .table_search tr td{background:#fcfcfc}
.content_wrap .table_search tr:first-child th, .content_wrap .table_search tr:first-child td{border-top:0}
.content_wrap .table_search .select_book{width:168px}
.content_wrap .table_search .calendar_wrap .input_calendar{float:left;margin-right:4px;width:130px;height:28px;background:#fff;*line-height:28px;line-height:28px\9}
.content_wrap .table_search .calendar_wrap .btn_calendar{display:block;float:left;border:1px solid #dcdbdb}
.content_wrap .table_search .calendar_wrap .btn_calendar img{display:block}
.content_wrap .table_search .calendar_wrap .unit{display:block;float:left;width:26px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#999}
.content_wrap .table_search .search_wrap{padding:13px 0 24px 0;background:url("../img/icon/table_shadow.gif") no-repeat center bottom}
.content_wrap .table_search .search_wrap .search_box_sub{height:30px}
.content_wrap .table_btn{margin-top:20px;height:34px;text-align:center}
.content_wrap .table_btn .left{float:left}
.content_wrap .table_btn .right{float:right}
.content_wrap .table_btn .btn{display:inline-block;margin:0 2px;width:78px;height:32px;line-height:32px;text-align:center;vertical-align:top;font-size:14px;color:#fff;font-weight:700;border:1px solid #7cae13;background:#86b91a;*display:inline;zoom:1}
.content_wrap .table_btn .left .btn{display:block;float:left;margin:0 5px 0 0}
.content_wrap .table_btn .right .btn{display:block;float:left;margin:0 0 0 5px}
.content_wrap .table_btn .btn_list{color:#666;border-color:#d5d5d5;background:#f9f9f9}
.content_wrap .table_btn .btn_delete{color:#fff;border-color:#444f54;background:#4f5b61}
.content_wrap .table_btn .btn_confirm,{color:#fff;border-color:#7cae13;background:#91c326}
.content_wrap .table_btn .btn_cancel, .content_wrap .table_btn .btn_home, .content_wrap .table_btn .btn_modify{color:#fff;border-color:#8e8e8e;background:#999}
.content_wrap .table_faq{table-layout:fixed}
.content_wrap .table_faq .q{background:url("../img/icon/faq_q.png") no-repeat center center}
.content_wrap .table_faq .tab_wrap.on .tab{font-weight:700}
.content_wrap .table_faq .panel_wrap .l{padding:22px 22px 22px 78px;background:#fbfbfb url("../img/icon/faq_a.png") no-repeat 18px 21px}
.content_wrap .table_top{border-top:2px solid #666;}
.content_wrap .table_bottom{border-bottom:1px solid #d5d5d5;}

/* 고등교재 */
/* 고등교재 슬라이드 */
.content_wrap .book_header{margin-bottom:40px;padding-top:15px;height:273px;border-top:2px solid #666;border-bottom:1px solid #d5d5d5}
.content_wrap .book_header .book_slide{float:left;position:relative;width:740px;height:254px}
.content_wrap .book_header .book_slide .btn{display:block;position:absolute;top:50%;margin-top:-17px;width:18px;height:35px;text-indent:-9999px;z-index:20}
.content_wrap .book_header .book_slide .btn_prev{left:0;background:url("../img/btn/sub_slide_prev.png") no-repeat}
.content_wrap .book_header .book_slide .btn_next{right:0;background:url("../img/btn/sub_slide_next.png") no-repeat}
.content_wrap .book_header .book_slide .btn_wrap{position:absolute;right:0;bottom:0;z-index:20}
.content_wrap .book_header .book_slide .btn_wrap a{display:block;float:left;margin-left:2px;width:8px;height:8px;text-indent:-9999px;background:url("../img/btn/slide_thumb.png") no-repeat}
.content_wrap .book_header .book_slide .btn_wrap .btn_pause{background-position:1px 0}
.content_wrap .book_header .book_slide .btn_wrap .btn_play{background-position:-9px 0}
.content_wrap .book_header .book_slide .btn_wrap .thumb{float:left;margin-left:5px}
.content_wrap .book_header .book_slide .btn_wrap .thumb a{display:block;width:9px;height:8px;background-position:-31px 0}
.content_wrap .book_header .book_slide .btn_wrap .thumb .on, .content_wrap .book_header .book_slide .btn_wrap .thumb a:hover{background-position:-22px 0}
.content_wrap .book_header .book_slide .slide{position:relative;width:740px;height:254px;overflow:hidden;z-index:10}
.content_wrap .book_header .book_slide .slide li{position:relative;float:left;width:740px;height:254px}
.content_wrap .book_header .book_slide .slide a{display:block;position:relative;width:740px;height:254px}
.content_wrap .book_header .book_slide .slide .icon{display:block;position:absolute;left:42px;top:18px;z-index:10}
.content_wrap .book_header .book_slide .slide .img{display:block}
.content_wrap .book_header .book_new{float:right;width:218px;height:252px;border:1px solid #e1e1e1;background:#eee}
.content_wrap .book_header .book_new .book_title{height:36px;line-height:36px;text-align:center;font-size:14px;color:#fff;font-weight:700;border-bottom:1px solid #5b666c;background:#4f5b61}
.content_wrap .book_header .book_new .case_wrap{padding:10px 0 0 30px;width:188px;height:205px;background:url("../img/book/bg_book_case.png") no-repeat}
.content_wrap .book_header .book_new .case_wrap a{display:block;position:relative;margin-bottom:14px;padding:5px 0 0 72px;height:80px}
.content_wrap .book_header .book_new .case_wrap a:hover .name{text-decoration:underline}
.content_wrap .book_header .book_new .case_wrap .img{display:block;position:absolute;left:0;top:0}
.content_wrap .book_header .book_new .case_wrap span{display:block;padding-right:15px;line-height:16px;color:#7d7d7d;font-size:12px;font-weight:700}
.content_wrap .book_header .book_new .case_wrap .name{margin-bottom:2px;color:#3d3d3d;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

/* 검색 */
.content_wrap .search_box{position:relative;margin-bottom:20px;padding:7px 0 0 127px;height:40px;border-top:2px solid #666;border-bottom:1px solid #e7e7e7}
.content_wrap .search_box .label{position:absolute;left:0;top:0;width:116px;height:48px;text-indent:-9999px;background:#666 url("../img/icon/label_book_search.png") no-repeat center center;z-index:10}
.content_wrap .search_box .select_box{float:left;margin-right:9px;width:144px}
.content_wrap .search_box .select_grade{width:175px}
.content_wrap .search_box .select_series{width:264px}
.content_wrap .search_box .btn_search{display:block;float:right;margin:1px 17px 0 0}
.content_wrap .search_box_sub{padding-left:310px;height:50px}
.content_wrap .search_box_sub .select_box{float:left;margin-right:5px;width:98px;height:31px;background:#fff}
.content_wrap .search_box_sub .input_text{float:left;width:222px;height:31px;border-right:0;background:#fff;*line-height:31px;line-height:31px\9}
.content_wrap .search_box_sub .btn_search{display:block;float:left}
.sub_study .content_wrap .search_box .label{background:#666 url("../img/icon/label_study_search.png") no-repeat center center}
.sub_teacher .content_wrap .search_box .label{background:#666 url("../img/icon/label_study_search.png") no-repeat center center}
.content_wrap .location_box .label{background:#666 url("../img/icon/label_location_search.png") no-repeat center center}
.content_wrap .location_box .btn_location{display:block;float:left;margin-right:7px;width:115px;height:31px;line-height:31px;text-align:center;font-size:12px;color:#666;border:1px solid #d7d7d7;background:#fff}
.content_wrap .location_box .btn_locations{width:118px}
.content_wrap .location_box .btn_location.on, .content_wrap .location_box .btn_location:hover{color:#fff;font-weight:700;background:#92c327}

/* 정렬 */
.content_wrap .sort_box{height:49px;border:1px solid #dedede}
.content_wrap .sort_box .total{float:left;margin-left:18px;line-height:49px;font-size:12px;color:#666}
.content_wrap .sort_box .total b{font-size:15px;color:#333;font-weight:700}
.content_wrap .sort_box .right{float:right;margin-top:8px}
.content_wrap .sort_box .select_box{float:left;margin-right:9px;width:98px;background:#fff}

/* 리스트 */
.content_wrap .table_wrap{width:1004px;overflow:hidden}
.content_wrap .book_list{margin-left:-20px;width:1060px;overflow:hidden}
.content_wrap .book_list li{float:left;padding:23px 0 0 20px;width:502px;height:176px;border-bottom:1px solid #ddd;background:url("../img/icon/list_dot_line.gif") no-repeat right top}
.content_wrap .book_list .img_wrap{float:left;width:124px}
.content_wrap .book_list .img_wrap .img{display:block;border:1px solid #eaeaea}
.content_wrap .book_list .text_wrap{float:left;width:254px}
.content_wrap .book_list .text_wrap .top{height:80px}
.content_wrap .book_list .text_wrap .type{margin-bottom:2px;line-height:18px;font-size:14px;color:#003375;font-weight:700}
.content_wrap .book_list .text_wrap .name{margin-bottom:6px;line-height:22px;font-size:16px;color:#333;font-weight:700;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.content_wrap .book_list .text_wrap .name a {color:#333;}
.content_wrap .book_list .text_wrap .name a:hover {color:#00457b; text-decoration:underline;}
.content_wrap .book_list .text_wrap .name .icon{margin:-2px 0 0 2px;vertical-align:middle}
.content_wrap .book_list .text_wrap .desc{line-height:18px;font-size:12px;color:#666;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.content_wrap .book_list .text_wrap .info{width:250px;overflow:hidden}
.content_wrap .book_list .text_wrap .info dt{float:left;width:72px;height:17px;line-height:17px;font-size:12px;color:#91c326;font-weight:700}
.content_wrap .book_list .text_wrap .info dd{float:left;width:160px;height:17px;line-height:17px;font-size:12px;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.content_wrap .book_list .btn_wrap{float:left;padding-top:46px;width:104px}
.content_wrap .book_list .btn_wrap .btn{display:block;margin-bottom:5px;width:102px;height:28px;line-height:28px;text-align:center;font-size:12px;color:#333;border:1px solid #d5d5d5;border-radius:2px}
.content_wrap .book_list .btn_wrap .btn:hover{font-weight:700}
.content_wrap .book_list .btn_wrap .btn_detail{background:#ebebeb}
.content_wrap .book_list .btn_wrap .btn_down{color:#fff;border-color:#748295;background:#748295}

/* 페이징 */
.content_wrap .bbs_page{margin:30px 0;text-align:center}
.content_wrap .bbs_page a{display:inline-block;margin:0 1px;width:30px;height:30px;line-height:30px;vertical-align:top;text-align:center;font-size:12px;color:#777;border:1px solid #e1e1e1;*display:inline;zoom:1}
.content_wrap .bbs_page .btn span{display:block;width:30px;height:30px;text-indent:-9999px}
.content_wrap .bbs_page .btn_first{background:#f9f9f9 url("../img/btn/page_first.gif") no-repeat center center}
.content_wrap .bbs_page .btn_prev{margin-right:12px;background:#f9f9f9 url("../img/btn/page_prev.gif") no-repeat center center}
.content_wrap .bbs_page .btn_next{margin-left:12px;background:#f9f9f9 url("../img/btn/page_next.gif") no-repeat center center}
.content_wrap .bbs_page .btn_last{background:#f9f9f9 url("../img/btn/page_last.gif") no-repeat center center}
.content_wrap .bbs_page .on, .content_wrap .bbs_page a:hover{color:#92c031;border-color:#92c031;font-weight:700}

/* 상세페이지 */
.content_wrap .book_detail{padding-top:30px;height:370px;border-top:2px solid #666}
.content_wrap .book_detail .img_wrap{float:left;width:260px}
.content_wrap .book_detail .img_wrap .img{display:block;border:1px solid #e4e4e4}
.content_wrap .book_detail .text_wrap{float:right;width:730px}
.content_wrap .book_detail .text_wrap .name{line-height:22px;font-size:18px;color:#333;font-weight:700}
.content_wrap .book_detail .text_wrap .name .icon{margin:-2px 0 0 5px;vertical-align:middle}
.content_wrap .book_detail .text_wrap .desc{margin-bottom:6px;line-height:22px;font-size:14px;color:#666;font-weight:700}
.content_wrap .book_detail .detail_table{width:100%;table-layout:fixed;border-top:1px solid #aaa;border-bottom:1px solid #a7a7a7}
.content_wrap .book_detail .detail_table th{padding-left:16px;height:36px;font-size:14px;color:#333;font-weight:700;border-top:1px solid #ebeced;background:#f9f9f9}
.content_wrap .book_detail .detail_table td{padding-left:16px;height:36px;font-size:14px;color:#666;border-top:1px solid #ebeced}
.content_wrap .book_detail .detail_table tr:first-child th, .content_wrap .book_detail .detail_table tr:first-child td{border-top:0}
.content_wrap .book_detail .info_table{margin-bottom:12px;width:100%;border-bottom:1px dashed #cacaca}
.content_wrap .book_detail .info_table th{padding-left:16px;height:46px;font-size:14px;color:#333;font-weight:700}
.content_wrap .book_detail .info_table td{padding:7px 0;height:32px;font-size:14px;color:#666}
.content_wrap .book_detail .info_table .dot{padding-left:6px;line-height:46px;font-size:14px;color:#333;font-weight:700;background:url("../img/icon/text_dot.png") no-repeat left 22px}
.content_wrap .book_detail .info_table .tag_wrap{width:292px}
.content_wrap .book_detail .info_table .tag{float:left;margin-left:4px;padding:0 6px;height:28px;line-height:28px;font-size:12px;color:#666;border:1px solid #e9e9e9;background:#f9f9f9}
.content_wrap .book_detail .info_table .tag:first-child{margin-left:0}
.content_wrap .book_detail .btn_wrap{text-align:center}
.content_wrap .book_detail .btn_wrap a{display:inline-block;margin:0 2px;width:102px;height:38px;line-height:38px;vertical-align:top;text-align:center;font-size:14px;color:#fff;font-weight:700;border:1px solid #7cae13;background:#86b91a;*display:inline;zoom:1}
.content_wrap .book_detail .btn_wrap .btn_preview{color:#333;border-color:#d5d5d5;background-color:#fff}

.table_view .desc{font-size:12px;}

/* 회원마당 */
/* 처리결과 */
.content_wrap .comment_box{position:relative;margin-bottom:30px;position:relative;padding:14px 0 14px 114px;border:1px solid #d5d5d5;background:url("../img/icon/comment_shadow.gif") no-repeat left center;background-size:114px 100%;}
.content_wrap .comment_box .label{position:absolute;left:20px;top:50%;margin-top:-10px;height:20px;line-height:20px;font-size:14px;color:#003375;font-weight:700}
.content_wrap .comment_box .input_text{float:left;width:758px;height:58px;border:1px solid #d5d5d5;background:#fff}
.content_wrap .comment_box .btn{display:block;float:right;margin:23px 14px 0 0;width:78px;height:32px;line-height:32px;text-align:center;font-size:14px;color:#fff;font-weight:700;border:1px solid #7cae13;background:#86b91a}
.content_wrap .comment_box .comment_text { font-size:13px;}
.content_wrap .comment_box .comment_text .date{color:#999}
.content_wrap .comment_box img.sh_bar{display:block;position:absolute;width:21px;height:100%;top:0;left:93px;}

/* 이벤트 */
.content_wrap .table_tab{position:relative;margin-bottom:50px;height:37px;border:1px solid #ccc;border-top:2px solid #666;background:#f1f1f1;z-index:1;}
.content_wrap .table_tab .tab{display:block;position:absolute;left:-1px;top:0;width:252px;height:37px;line-height:37px;text-align:center;font-size:14px;color:#666;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;background:url("../img/icon/tab_line.png") no-repeat right center;z-index:15}
.content_wrap .table_tab .tab_01{border-left:1px solid #ccc}
.content_wrap .table_tab .tab_02{left:250px;z-index:14}
.content_wrap .table_tab .tab_03{left:500px;z-index:13}
.content_wrap .table_tab .tab_04{left:750px;width:251px;border-right:1px solid #ccc;background:none;z-index:12}
.content_wrap .table_tab .on, .content_wrap .table_tab .tab:hover{height:38px;color:#003375;font-weight:700;border-color:#ccc;background:#fff;z-index:20}
.content_wrap .event_wrap .title_wrap{height:28px}
.content_wrap .event_wrap .title_wrap .event_title{float:left;font-size:18px;color:#666;font-weight:700}
.content_wrap .event_wrap .title_wrap .event_total{float:right;font-size:12px;color:#666}
.content_wrap .event_wrap .title_wrap .event_total b{font-size:15px;color:#333;font-weight:700}
.content_wrap .event_view {background:#f9f9f9; width:1000px; display:block; border:1px solid #d5d5d5; text-align:center; margin:-20px 0 30px 0}
/*.content_wrap .event_view img { width:1000px; height:220px;} */
.content_wrap .event_list{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}
.content_wrap .event_list li{padding:13px 0;height:152px;border-top:1px dashed #e2e2e2}
.content_wrap .event_list li:first-child{border-top:0}
.content_wrap .event_list .img_wrap{display:block;margin-right:46px;float:left;border:1px solid #ececec}
.content_wrap .event_list .img_wrap img{display:block}
.content_wrap .event_list .text_wrap{float:left;padding-top:18px}
.content_wrap .event_list .text_wrap .type{margin-bottom:5px;width:55px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:url("../img/icon/round_type.png") no-repeat}
.content_wrap .event_list .text_wrap .title{display:block;margin-bottom:15px;line-height:30px;font-size:24px;color:#333;font-weight:700}
.content_wrap .event_list .text_wrap .title:hover{text-decoration:underline}
.content_wrap .event_list .text_wrap .date{line-height:20px;font-size:14px;color:#666;font-weight:700}

/* 개념노트신청 */
.content_wrap .note_list{height:225px;border-top:2px solid #666;background:url("../img/member/img_note_list.gif") no-repeat}
.content_wrap .note_list_one{height:110px;border-top:2px solid #666;background:url("../img/member/img_note_one.gif") no-repeat}
.content_wrap .note_list li{height:75px}



/* 로그인 */
.content_wrap .login_wrap{padding-top:60px;border-top:2px solid #666;border-bottom:1px solid #d5d5d5}
.content_wrap .login_box{margin:0 auto;position:relative;width:500px;height:165px}
.content_wrap .login_box .input_wrap{height:48px}
.content_wrap .login_box .label{display:block;float:left;width:80px;height:40px;line-height:40px;font-size:14px;color:#333;font-weight:700;white-space:nowrap}
.content_wrap .login_box .input_login{float:left;padding:0 10px;width:278px;height:38px;font-size:14px;color:#333;font-weight:700;border:1px solid #d5d5d5;background:#fff;*line-height:38px;line-height:38px\9}
.content_wrap .login_box .btn_login{display:block;position:absolute;right:0;top:0;width:108px;height:88px;line-height:87px;text-align:center;font-size:18px;color:#fff;font-weight:700;border:1px solid #7ab10c;background:#83bb14}
.content_wrap .login_box .check_wrap{padding:10px 0 0 80px}
.content_wrap .login_find{margin-bottom:15px;height:140px;border-bottom:1px solid #999;background:url("../img/icon/login_line.png") no-repeat center center}
.content_wrap .login_find .find_box{float:left;margin:27px 0 0 70px;padding:8px 0 0 95px;height:80px;background:url("../img/icon/login_find.png") no-repeat left top}
.content_wrap .login_find p{margin-bottom:5px;line-height:17px;font-size:14px;color:#999}
.content_wrap .login_find p span{color:#666}
.content_wrap .login_find .btn{display:block;float:left;margin-right:7px;width:118px;height:25px;line-height:25px;text-align:center;font-size:12px;color:#fff;font-weight:700;background:url("../img/icon/login_round.png") no-repeat}
.content_wrap .login_find .join_box{float:right;margin:27px 0 0 0;padding:8px 0 0 95px;width:310px;height:80px;background:url("../img/icon/login_user.png") no-repeat left top}
.content_wrap .login_email{margin-bottom:40px;padding:15px 0 0 70px;height:55px;background:#f9f9f9 url("../img/icon/login_email.png") no-repeat 20px center}
.content_wrap .login_email p{line-height:20px;font-size:14px;color:#666}
.content_wrap .login_email .btn_email{padding-left:8px;line-height:20px;font-size:14px;color:#83bb14;background:url("../img/icon/text_dot_02.png") no-repeat left 9px}
.content_wrap .login_email .btn_email:hover{text-decoration:underline}

/* 비밀번호찾기 */
.content_wrap .login_wrap.find{padding-top:200px;margin-bottom:28px;background:url("../img/join/bg_find.png") no-repeat center 40px}
.content_wrap .login_wrap.find.id{padding-top:200px;margin-bottom:28px;background:url("../img/join/bg_find_id.png") no-repeat center 40px}
.content_wrap .login_wrap.find .login_box{width:400px;height:215px}
.content_wrap .login_wrap.find .login_box label{width:90px}
.content_wrap .login_wrap.find .login_box .input_email_01{width:98px}
.content_wrap .login_wrap.find .login_box .input_email_02{width:138px}
.content_wrap .login_wrap.find .login_box .unit{display:block;float:left;width:20px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#666}
.content_wrap .login_wrap.find .login_box .btn_wrap{padding-top:15px;text-align:center}
.content_wrap .login_wrap.find .login_box .btn_wrap .btn_find{display:inline-block;width:78px;height:32px;line-height:32px;text-align:center;font-size:12px;color:#fff;font-weight:700;border:1px solid #e27400;background:#f68309;*display:inline;zoom:1}


/* 회원가입 */
.content_wrap .join_wrap{border-top:2px solid #666}
.content_wrap .join_wrap .step_wrap{padding-top:25px;height:178px}
.content_wrap .join_wrap .step_wrap .step{margin-bottom:30px;height:80px;text-indent:-9999px;background:url("../img/join/bg_join_step.png") no-repeat}
.content_wrap .join_wrap.step_01 .step_wrap{margin-bottom:40px;border-bottom:1px dashed #d5d5d5}
.content_wrap .join_wrap.step_02 .step_wrap .step{background-position:0 -80px}
.content_wrap .join_wrap.step_03 .step_wrap .step{background-position:0 -160px}
.content_wrap .join_wrap.step_04 .step_wrap .step{background-position:0 -240px}
.content_wrap .join_wrap .step_wrap .title img{display:block}
.content_wrap .join_wrap .terms_wrap{margin-bottom:45px}
.content_wrap .join_wrap .terms_wrap .terms_title{height:32px}
.content_wrap .join_wrap .terms_wrap .terms_title .title{float:left;line-height:26px;font-size:14px;color:#333;font-weight:700}
.content_wrap .join_wrap .terms_wrap .terms_title .title span{color:#003375}
.content_wrap .join_wrap .terms_wrap .terms_title .btn_all{display:block;float:right;width:68px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#999;font-weight:700;border:1px solid #eaeaea;background:url("../img/icon/terms_all.png") no-repeat}
.content_wrap .join_wrap .terms_wrap .terms_box{margin-bottom:5px;padding:18px 20px;height:118px;border:1px solid #ebebeb;overflow:hidden;overflow-y:auto}
.content_wrap .join_wrap .terms_wrap .terms_check{height:45px;line-height:20px;text-align:right}
.content_wrap .join_wrap .terms_wrap .terms_check input{margin:0;vertical-align:middle}
.content_wrap .join_wrap .terms_wrap .terms_check label{vertical-align:middle;font-size:12px;color:#666}
.content_wrap .join_wrap .terms_wrap .check_all{margin-top:10px;height:48px;line-height:48px;text-align:center;border:1px solid #ebebeb;background:#f9f9f9}
.content_wrap .join_wrap .terms_wrap .check_all label{font-size:14px;color:#333}
.content_wrap .join_wrap .table_join th, .content_wrap .join_wrap .table_join td{border-top:0;border-bottom:1px solid #ebeced}
.content_wrap .join_wrap .table_join .input_text{width:98px}
.content_wrap .join_wrap .table_join .email_wrap .input_text{float:left}
.content_wrap .join_wrap .table_join .email_wrap .unit{display:block;float:left;width:23px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#333}
.content_wrap .join_wrap .table_join .email_wrap .input_email_02{width:118px}
.content_wrap .join_wrap .table_join .email_wrap .select_box{margin:0 0 0 4px;width:148px}
.content_wrap .join_wrap .table_join th .important{margin-left:4px;color:#f68309}
.content_wrap .join_wrap .table_join .id_wrap .input_text{float:left}
.content_wrap .join_wrap .table_join .input_id, .content_wrap .join_wrap .table_join .input_pass, .content_wrap .join_wrap .table_join .input_class{width:158px}
.content_wrap .join_wrap .table_join .desc{margin-left:6px;font-size:12px;color:#666}
.content_wrap .join_wrap .table_join .desc.desc2{display:block;margin-left:0;margin-top:30px;}
.content_wrap .join_wrap .table_join .address_wrap .input_text{width:216px}
.content_wrap .join_wrap .table_join .address_wrap .zip_wrap .input_text{width:38px}
.content_wrap .join_wrap .table_join .phone_wrap .input_text{width:58px}
.content_wrap .join_wrap .table_join .birthday_wrap .select_box{width:68px}
.content_wrap .join_wrap .table_join .birthday_wrap .select_year{width:88px}
.content_wrap .join_wrap .table_join .birthday_wrap .check_wrap{float:left;margin:5px 0 0 10px}
.content_wrap .join_wrap .table_btn{margin-top:40px}
.content_wrap .join_wrap .email_box{margin-bottom:30px;height:215px;text-indent:-9999px;border-top:2px solid #666;border-bottom:1px solid #d5d5d5;background:url("../img/join/bg_email.png") no-repeat center 44px}
.content_wrap .table_btn{margin-top:40px}
.content_wrap .table_btn .btn_home{width:128px}

.content_wrap .join_intro { width:1000px; height:530px; display:block; background:url(../img/join/bg_join.png) left 30px no-repeat; position:relative; border-top:2px solid #333333; padding-top:40px;}
.content_wrap .join_intro ul li { float:left; width:250px; height:226px; display:block; text-align:center; padding-top:130px; margin-top:290px;}
.content_wrap .join_intro ul li.icon_01 { background:url(../img/join/icon_join_01.png) top center no-repeat;}
.content_wrap .join_intro ul li.icon_02 { background:url(../img/join/icon_join_02.png) top center no-repeat;}
.content_wrap .join_intro ul li.icon_03 { background:url(../img/join/icon_join_03.png) top center no-repeat;}
.content_wrap .join_intro ul li.icon_04 { background:url(../img/join/icon_join_04.png) top center no-repeat;}
.content_wrap .join_intro ul li p.tit { color:#333333; font-weight:700; font-size:18px;}
.content_wrap .join_intro ul li p.txt { color:#666666; font-size:14px; margin-bottom:5px;}

/* 마이페이지 */
/* 회원정보변경 */
.content_wrap .login_wrap.change{padding-top:175px;height:80px;background:url("../img/mypage/bg_change.png") no-repeat center 40px}
.content_wrap .login_wrap.change .login_box .btn_login{height:40px;line-height:40px}
.content_wrap .modify_wrap .title_wrap{padding-top:26px;height:70px}
.content_wrap .modify_wrap .title_wrap .title{float:left}
.content_wrap .modify_wrap .title_wrap .title img{display:block}
.content_wrap .modify_wrap .title_wrap .btn_teacher{display:block;float:right;width:118px;height:38px;line-height:38px;text-align:center;font-size:14px;color:#003375;font-weight:700;border:1px solid #d0d9e3;background:#e0e7ef}
.content_wrap .modify_wrap .table_join{border-top:1px solid #d5d5d5}
.content_wrap .modify_wrap .table_join th b{color:#003375;font-weight:700}
.content_wrap .modify_wrap .table td{font-size:12px;color:#333}
.content_wrap .modify_wrap .table .name_type{margin-left:6px;font-size:12px;color:#8dc421}
.content_wrap .modify_wrap .table .gender_wrap{color:#003375}
.content_wrap .modify_wrap .table .birthday_wrap .select_box .value{color:#003375}

/* 회원탈퇴 */
.content_wrap .drop_wrap{padding-top:26px;border-top:2px solid #666}
.content_wrap .drop_wrap .title_drop{height:70px}
.content_wrap .drop_wrap .title_drop img{display:block}
.content_wrap .drop_box{padding:20px;border:1px solid #d5d5d5;background:#f9f9f9}
.content_wrap .drop_box .drop_list{margin-bottom:15px}
.content_wrap .drop_box .drop_list li{height:24px;line-height:24px}
.content_wrap .drop_box .drop_list input{margin:0 8px 0 0;vertical-align:middle}
.content_wrap .drop_box .drop_list label{vertical-align:middle;font-size:14px;color:#666}
.content_wrap .drop_box .input_text{width:938px;height:78px;background:#fff}

/* 회사소개 */
.content_wrap .intro_wrap { display:block; border-top:2px solid #333333; padding-top:30px;}

/* 찾아오시는길 */
.content_wrap .intro_wrap .txt_wrap { margin-top:30px;}
.content_wrap .intro_wrap .txt_wrap .way_wrap .subway_wrap{ margin-top:80px;}
.content_wrap .intro_wrap .txt_wrap p.line { display:block; width:50px; height:2px; background:#8ec125;}
.content_wrap .intro_wrap .txt_wrap p.tit { font-size:18px; color:#333; font-weight:700; margin:8px 0 20px 0;}
.content_wrap .intro_wrap .txt_wrap .way_wrap{ margin-top:10px; width:500px; height:50px;}
.content_wrap .intro_wrap .txt_wrap ul {clear:both;}
.content_wrap .intro_wrap .txt_wrap li {float:left;}
.content_wrap .intro_wrap .txt_wrap ul li {line-height:30px;}
.content_wrap .intro_wrap .txt_wrap ul li.txt { width:320px; line-height:18px; color:#666666; font-size:13px; padding-top:5px; padding-left:5px;}
.content_wrap .intro_wrap .txt_wrap ul li.icon { font-size:14px; color:#333333; font-weight:700;width:70px; height:30px; padding-left:40px;}
.subway_icon{padding-left:5px;}
.content_wrap .intro_wrap .txt_wrap ul li.icon_sub { font-size:14px; color:#333333; font-weight:700;width:400px; height:30px; padding-left:40px;}
.content_wrap .intro_wrap .txt_wrap ul li.line { padding:0 5px;}
.content_wrap .intro_wrap .txt_wrap .way_wrap ul { margin-bottom:60px;}
.content_wrap .intro_wrap .txt_wrap ul.bus_wrap li.icon { background:url(../img/intro/icon_bus.png) no-repeat; }
.content_wrap .intro_wrap .txt_wrap ul.subway_wrap li.icon { background:url(../img/intro/icon_subway.png) no-repeat; }
.content_wrap .intro_wrap .txt_wrap ul.add_wrap li.icon_sub { background:url(../img/intro/icon_add.png) no-repeat; }
.content_wrap .intro_wrap .txt_wrap ul.no_wrap li.icon { background:url(../img/intro/icon_no.png) no-repeat;}

/* 사이트맵 */
.content_wrap .sitemap_wrap { display:block; border-top:2px solid #333333;}
.content_wrap .sitemap_wrap ul.list { width:1000px; height:66px; line-height:66px; clear:both; border-bottom:1px dotted #999;}
.content_wrap .sitemap_wrap ul.list li { float:left; font-size:14px; color:#999; width:100px;}
.content_wrap .sitemap_wrap ul.list li a { color:#999;}
.content_wrap .sitemap_wrap ul.list li a:hover { color:#80a62c; font-weight:700;}
.content_wrap .sitemap_wrap ul.list li.tit { font-size:18px; color:#333; font-weight:700; background:url(../img/icon/dot.png) 5px center no-repeat; padding-left:20px; width:160px; }


/* 푸터 */
#footer{height:129px;border-top:1px solid #e7e7e7;background:#f9f9f9; clear:both;}
#footer .contains{height:129px}
#footer .logo{float:left}
#footer .logo a, #footer .logo img{display:block}
#footer .footer_wrap{float:right;padding-top:18px;width:800px}
#footer .footer_wrap .menu{height:30px}
#footer .footer_wrap .menu li{float:left;padding:0 8px;background:url("../img/icon/footer_line.gif") no-repeat left center}
#footer .footer_wrap .menu li:first-child{padding-left:0;background:none}
#footer .footer_wrap .menu a{padding:0 3px;line-height:18px;font-size:14px;color:#666}
#footer .footer_wrap .menu a:hover{color:#92c325;font-weight:700}
#footer .footer_wrap p{line-height:18px;font-size:12px;color:#999}
#footer .footer_wrap p b{font-weight:700;color:#333}
#footer .footer_wrap p span{margin:0 8px;font-size:8px;color:#666}
#footer .footer_wrap .copyright{margin-top:8px}

/* 팝업 */
#popup_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:990}
#popup_mask02{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;z-index:990}
.popup_window{display:none;position:fixed;left:50%;top:50%;background:#fff;z-index:1000}
.popup_window .popup_close{position:absolute;right:30px;top:30px;width:30px;height:30px;text-indent:-9999px;background:url("../img/btn/popup_close.png") no-repeat center center;z-index:20}
.popup_window .btn_wrap{text-align:center;height:34px}
.popup_window .btn_wrap .btn{display:inline-block;margin:0 2px;width:78px;height:32px;line-height:32px;text-align:center;vertical-align:top;font-size:14px;color:#fff;font-weight:700;border:1px solid #8e8e8e;background:#999}
.popup_window .btn_wrap .left{float:left}
.popup_window .btn_wrap .left .btn{float:left;margin:0 5px 0 0}
.popup_window .btn_wrap .right{float:right}
.popup_window .btn_wrap .right .btn{float:left;margin:0 0 0 5px}
.popup_window .btn_wrap .btn_cancel{color:#666;border-color:#d5d5d5;background:#f9f9f9}
.popup_window .btn_wrap .btn_delete{color:#fff;border-color:#444f54;background:#4f5b61}
.popup_window .btn_wrap .btn_confirm{color:#fff;border-color:#7cae13;background:#91c326}
.popup_window .input_text{color:#999}
.popup_window .title_wrap{height:78px;border-bottom:2px solid #666}
.popup_window .title_wrap .popup_title{margin-bottom:6px;font-size:26px;color:#3e3f3f;font-weight:700}
.popup_window .title_wrap .sub_title{line-height:20px;font-size:14px;color:#666;font-weight:700}
.popup_window .table{margin-bottom:20px;width:100%}
.popup_window .table th{padding:7px 15px;line-height:20px;font-size:12px;color:#333;font-weight:700;border-bottom:1px solid #ebeced;background:#f9f9f9}
.popup_window .table td{padding:7px 15px;line-height:20px;font-size:12px;color:#666;border-bottom:1px solid #ebeced}
.popup_window .table tr:first-child th, .popup_window .table tr:first-child td{border-top:0}
.popup_window .table .input_text{padding:0 10px;width:368px;height:28px;font-size:12px;color:#666;border:1px solid #d5d5d5;background:#fff;*line-height:28px;line-height:28px\9}
.popup_window .table .write_wrap{padding:0;border-bottom:0}
.popup_window .table textarea.input_text{width:678px;height:178px}
.popup_window .table .desc{margin-left:6px;font-size:11px;color:#666}
.popup_window .table th .important{margin-left:4px;color:#f68309}
.popup_window .table .phone_wrap .select_box{float:left;margin:0;width:78px;height:28px;background:#fff}
.popup_window .table .phone_wrap .select_box .value{height:28px;line-height:28px}
.popup_window .table .phone_wrap .select_box select{height:28px}
.popup_window .table .phone_wrap .input_text{float:left;width:78px}
.popup_window .table .phone_wrap .unit{display:block;float:left;width:16px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#333}
.popup_window .table .address_wrap th{vertical-align:top}
.popup_window .table .address_wrap .input_address{float:left;margin-right:8px;width:222px}
.popup_window .table .address_wrap .input_detail{width:160px}
.popup_window .table .zip_wrap{height:37px}
.popup_window .table .zip_wrap .input_text{float:left;width:40px;text-align:center}
.popup_window .table .zip_wrap .unit{display:block;float:left;width:16px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#333}
.popup_window .table .btn{display:block;float:left;margin-left:5px;width:98px;height:28px;line-height:28px;text-align:center;font-size:12px;color:#666;border:1px solid #d5d5d5;background:#f9f9f9}
.popup_window .table .btn:hover{color:#84ba04;text-decoration:none}
.popup_window .popup_content p.tit{text-align:center;font-size:18px;font-weight:bold;color:#333;}
.popup_window .popup_content p.tit span{color:#91c326;}
.popup_window .popup_content p.txt{text-align:center;font-size:13px;color:#666;margin-bottom:20px;margin-top:5px;}


/* 완료 팝업 */
.popup_complete{margin:-115px 0 0 -250px;width:494px;height:224px;border:3px solid #92c325}
.popup_complete .popup_content{padding:20px 20px 30px 20px}
.popup_complete .popup_content .icon_wrap{height:80px;text-align:center}
.popup_complete .popup_content .icon_wrap .img{vertical-align:top}
.popup_complete .popup_content .img_title{margin-bottom:20px;text-align:center}

/* 교재미리보기 팝업 */
#popup_preview{position:absolute;top:0;margin:0 0 0 -480px;width:960px;height:830px}
#popup_preview .popup_content{padding:25px}
#popup_preview .title_wrap{margin-bottom:20px;height:58px}
#popup_preview .slide_wrap{overflow: hidden;position:relative;margin-bottom:20px;width:908px;height:614px;border:1px solid #d5d5d5}
#popup_preview .slide_wrap .btn{display:block;position:absolute;left:20px;top:50%;margin-top:-35px;width:70px;height:70px;background:url("../img/btn/popup_slide.png") no-repeat left -30px;z-index:100}
#popup_preview .slide_wrap .btn span{display:block;position:absolute;left:50%;top:50%;margin:-15px 0 0 -10px;width:20px;height:30px;text-indent:-9999px;background:url("../img/btn/popup_slide.png") no-repeat}
#popup_preview .slide_wrap .btn_next{left:auto;right:20px}
#popup_preview .slide_wrap .btn_next span{background-position:-16px 0}
#popup_preview .slide_wrap .btn:hover{background-position:-70px -30px}
#popup_preview .slide_wrap .slide{position:relative;width:908px;height:614px;overflow:hidden;z-index:10}
#popup_preview .slide_wrap .slide li{width:908px;height:614px;text-align:center}
#popup_preview .slide_wrap .slide.slide02 li:last-child{text-align: left;}
/*#popup_preview .slide_wrap .slide.slide02 li{border: 1px #f00 solid;}*/
#popup_preview .slide_wrap .slide img{display:block}
#popup_preview .slide_wrap .slide.slide02 img{display: inline;/*width: 45%;height: 96%;margin: 2%;*/}/* 190722 */
#popup_preview .slide_thumb .btn{display:block;position:absolute;left:0;top:50%;margin-top:-10px;z-index:100}
#popup_preview .slide_thumb .btn img{display:block;width:10px}
#popup_preview .slide_thumb .btn_next{left:auto;right:0}
#popup_preview .slide_thumb{position:relative;padding:0 31px;height:68px}
#popup_preview .slide_thumb .slide{position:relative;width:848px;height:68px;overflow:hidden;z-index:10}
#popup_preview .slide_thumb .slide li{cursor:pointer;float:left;width:106px;height:68px}
#popup_preview .slide_thumb .slide a{display:block;margin-left:3px;width:98px;border:1px solid #d5d5d5;text-align:center;}
/*#popup_preview .slide_thumb .slide.slide02 a{height: 95%;}*/
#popup_preview .slide_thumb .slide.slide02 li:last-child a{text-align: left;}
#popup_preview .slide_thumb .slide img{vertical-align:top;}
/*#popup_preview .slide_thumb .slide.slide02 img{width: 50%;height: 100%;}*/
#popup_preview .slide_thumb .slide .on, #popup_preview .slide_thumb .slide a:hover{border-color:#8fc31c}
/*#popup_preview .slide_thumb .bx-wrapper{max-width: 848px !important;}*/

/* 교재미리보기 팝업 */
#popup_review{margin:-255px 0 0 -375px;width:750px;height:510px}
#popup_review .popup_content{padding:25px}

/* 교재관련문의 팝업 */
#popup_qna{position:absolute;top:0;margin:0 0 0 -375px;width:750px}
#popup_qna .popup_content{padding:25px}

/* 비밀번호 초기화 팝업 */
#popup_passreset{margin:-170px 0 0 -250px;width:494px;height:334px}
#popup_passreset .reset_wrap{margin:0 auto;margin-bottom:30px;padding-top:14px;width:420px;height:86px;background:#f9f9f9;}
#popup_passreset .reset_wrap .input_wrap{height:39px;}
#popup_passreset .reset_wrap label{display:block;float:left;margin-right:15px;width:140px;height:30px;line-height:30px;text-align:right;font-size:14px;color:#666;font-weight:700}
#popup_passreset .reset_wrap .input_text{float:left;width:210px;height:28px;color:#666;border:1px solid #d5d5d5;*line-height:28px;line-height:28px;background:#fff;}
#popup_passreset .popup_content p.tit{text-align:center;font-size:16px;font-weight:bold;color:#333;margin-bottom:20px;}
#popup_passreset .popup_content p.tit span{color:#91c326;}

#popup_resetcomplete .popup_content .btn_wrap .btn_login{width:102px;height:38px;line-height:38px;color:#fff;border-color:#7cae13;background:#91c326}
#popup_resetcomplete .popup_content .btn_wrap .btn_password{width:102px;height:38px;line-height:38px;color:#fff;border-color:#8e8e8e;background:#999999}
#popup_resetcomplete .popup_content p.tit{text-align:center;font-size:18px;font-weight:bold;color:#333;}
#popup_resetcomplete .popup_content p.tit span{color:#91c326;}
#popup_resetcomplete .popup_content p.txt{text-align:center;font-size:14px;color:#666;margin-bottom:20px;}

/* 아이디 찾기 팝업 */
#popup_idcomplete .popup_content p.tit{text-align:center;font-size:18px;font-weight:bold;color:#333;}
#popup_idcomplete .popup_content p.tit span{color:#91c326;}
#popup_idcomplete .popup_content p.txt{text-align:center;font-size:14px;color:#666;margin-bottom:20px;}
#popup_idcomplete .popup_content .btn_wrap .btn_login{width:102px;height:38px;line-height:38px;color:#fff;border-color:#7cae13;background:#91c326}
#popup_idcomplete .popup_content .btn_wrap .btn_password{width:102px;height:38px;line-height:38px;color:#fff;border-color:#8e8e8e;background:#999999}

/* 우편번호 검색 팝업 */
#popup_zip{margin:-325px 0 0 -375px;width:750px;height:650px}
#popup_zip .popup_content{padding:30px}
#popup_zip .title_wrap{height:90px}
#popup_zip .title_wrap .sub_title{margin-bottom:10px}
#popup_zip .title_wrap .desc{line-height:20px;font-size:14px;color:#999;font-weight:700}
#popup_zip .zip_wrap .search_box{margin-bottom:25px;padding:6px 0 0 125px;height:35px;border-top:2px solid #666;border-bottom:1px solid #ebeced;background:#f9f9f9}
#popup_zip .zip_wrap .input_text{float:left;width:328px;height:28px;background:#fff;*line-height:28px;line-height:28px\9}
#popup_zip .zip_wrap .btn_zip{display:block;float:left;margin-left:8px}
#popup_zip .zip_wrap .btn_zip img{display:block}
#popup_zip .zip_wrap .search_title{margin-bottom:10px;line-height:20px;font-size:14px;color:#333;font-weight:700}
#popup_zip .zip_wrap .list_box{height:388px;border:1px solid #ddd;overflow:hidden;overflow-y:auto}
#popup_zip .zip_wrap .zip_list{padding:20px}
#popup_zip .zip_wrap .zip_list li{height:30px}
#popup_zip .zip_wrap .zip_list a{line-height:20px;font-size:12px;color:#666}
#popup_zip .zip_wrap .zip_list a:hover{text-decoration:underline}
#popup_zip .zip_wrap .zip_list .zip{margin-right:20px}
#popup_zip .address_wrap{padding-top:8px;height:85px;border-top:1px solid #ebeced}
#popup_zip .address_wrap .input_wrap{height:37px}
#popup_zip .address_wrap label{display:block;float:left;width:80px;height:30px;line-height:30px;font-size:14px;color:#333;font-weight:700}
#popup_zip .address_wrap .input_zip{float:left;width:58px;text-align:center}
#popup_zip .address_wrap .input_address{float:right;margin-right:2px;width:506px}
#popup_zip .address_wrap .input_detail{width:590px}
#popup_zip .zip_detail{display:none}
#popup_zip .address_confirm{margin:28px 0;padding:15px 18px 3px 18px;background:#f9f9f9}
#popup_zip .address_confirm .confirm_title{margin-bottom:5px;width:250px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#333;background:url("../img/popup/confirm_round.png") no-repeat}
#popup_zip .address_confirm .confirm_title span{color:#91c326}
#popup_zip .address_confirm .confirm_list li{position:relative;padding:12px 0 12px 128px;border-top:1px solid #d5d5d5}
#popup_zip .address_confirm .confirm_list li:first-child{border-top:0}
#popup_zip .address_confirm .confirm_list .label{display:block;position:absolute;left:0;top:14px;padding-left:10px;line-height:18px;font-size:14px;color:#333;font-weight:700;background:url("../img/icon/text_dot_03.png") no-repeat 2px 8px}
#popup_zip .address_confirm .confirm_list p{line-height:18px;font-size:14px;color:#666}
#popup_zip .popup_content .btn_wrap .btn{margin:0 4px;width:102px;height:38px;line-height:38px}
#popup_zip .popup_content .btn_wrap .btn_cancel{color:#fff;border-color:#8e8e8e;background:#999}

/* 선생님 회원변환 팝업 */
#popup_change{margin:-225px 0 0 -375px;width:750px;height:450px}
#popup_change .popup_content{padding:30px}
#popup_change .title_wrap{height:108px}
#popup_change .table .input_name{width:222px}
#popup_change .popup_content .btn_wrap .btn{margin:0 4px;width:102px;height:38px;line-height:38px}
#popup_teachercomplete .popup_content .btn_wrap .btn{margin:0 4px;width:102px;height:38px;line-height:38px}
#popup_changecomplete .btn_wrap .btn{width:138px;height:38px;line-height:38px}
#popup_dropcomplete .popup_content .btn_wrap .btn{margin:0 4px;width:102px;height:38px;line-height:38px}


/* 자이스토리 팝업 */
.view_xistory{position: absolute;top: 7px;left: 0;display: inline-block;width: 131px;height: 24px;background: url(../img/main/btn_xistory_top.png) 0 0 no-repeat;font-size: 0;text-indent: -999;}
#popup_ad{position:absolute;top:50%;margin:-345px 0 0 -490px;width:980px;height:690px;}
#popup_ad.popup_window.xistory{background: #fff;}
#popup_ad.popup_window.xistory .btn{position: absolute;z-index: 1100;display: inline-block;width: 20px;height: 20px;background: url(../img/main/btn_xistory.png) 0 0  no-repeat;font-size: 0;text-indent: -9999px;}
#popup_ad.popup_window.xistory .btn.btn_close{top: 12px;right: 11px;}
#popup_ad.popup_window.xistory .btn.btn_prev1{top: 332px;left: 17px;height: 27px;background-position: 0 -67px;}
#popup_ad.popup_window.xistory .btn.btn_next1{top: 332px;right: 17px;height: 27px;background-position: 0 -30px;}
#popup_ad.popup_window.xistory .xistory_list{background: #fff;}
#popup_ad.popup_window.xistory .xistory_list{position: relative;overflow: hidden;width: 100%;height: 100%;text-align: center;}
#popup_ad.popup_window.xistory .xistory_list li{display: inline-block;}
#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 p{position: absolute;left: 0;top: 0; display: none;width: 100%;/*max-width: 1980px;*/height: 690px;margin-left: 0;text-align: center;background-position: 0 0;background-repeat: no-repeat;}
#popup_ad.popup_window.xistory .xistory_list li.on a{background: url(../img/main/btn_xistory.png) 0 -127px no-repeat;}
#popup_ad.popup_window.xistory .xistory_list li:first-child p{display: block;}
#popup_ad.popup_window.xistory .xistory_list li p span{font-size: 0; text-indent: -9999px;}
#popup_ad.popup_window.xistory .xistory_list li p img{outline: none;background-image: url();}

/*선생님 인트로*/
.content_wrap .teacher_intro { width:1000px; height:583px; display:block; background-color:#000; background:url(../img/teacher/bg_math2.png) left 30px no-repeat; position:relative; border-top:2px solid #333333;padding-top:30px;}
.content_wrap .teacher_intro ul li { float:left; width:250px; height:240px; display:block; text-align:center; margin-top:325px;}
.content_wrap .teacher_intro ul li.icon_01 { background:url(../img/teacher/icon_math_01.png) top center no-repeat;}
.content_wrap .teacher_intro ul li.icon_02 { background:url(../img/teacher/icon_math_02.png) top center no-repeat;}
.content_wrap .teacher_intro ul li.icon_03 { background:url(../img/teacher/icon_math_03.png) top center no-repeat;}
.content_wrap .teacher_intro ul li.icon_04 { background:url(../img/teacher/icon_math_04.png) top center no-repeat;}
.content_wrap .teacher_intro ul li p.tit { color:#333333; font-weight:700; font-size:18px;padding-top:130px;}
.content_wrap .teacher_intro ul li p.txt { color:#666666; font-size:14px; margin-top:10px;margin-bottom:5px;}
.content_wrap .teacher_btn {background:url(../img/btn/btn_green.png) no-repeat;display:block;width:164px;height:40px;line-height:40px;clear:both;text-align:center;margin-left:400px;color:#fff;margin-top:30px;}

.content_wrap .teacher_notice{margin-top:30px;margin-bottom:50px;padding:15px 0 0 85px;height:75px;background:#f9f9f9 url("../img/icon/teacher_notice.png") no-repeat 20px center}
.content_wrap .teacher_notice p.tit{line-height:20px;font-size:16px;color:#333;font-weight:bold;}
.content_wrap .teacher_notice p.txt{line-height:18px;font-size:12px;color:#666;margin-top:5px;}
.content_wrap .teacher_notice .txt span{color:#91c326;}
.content_wrap .teacher_notice .btn_email{padding-left:8px;line-height:20px;font-size:14px;color:#83bb14;background:url("../img/icon/text_dot_02.png") no-repeat left 9px}
.content_wrap .teacher_notice .btn_email:hover{text-decoration:underline}

/*.content_wrap .teacher_tab{position:relative;margin-bottom:50px;height:37px;border:1px solid #ccc;border-top:2px solid #666;background:#f1f1f1;z-index:1;}
.content_wrap .teacher_tab .tab{display:block;position:absolute;left:-1px;top:0;width:200px;height:37px;line-height:37px;text-align:center;font-size:14px;color:#666;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;background:url("../img/icon/tab_line.png") no-repeat right center;z-index:15}
.content_wrap .teacher_tab .tab_01{border-left:1px solid #ccc}
.content_wrap .teacher_tab .tab_02{left:200px;z-index:14}
.content_wrap .teacher_tab .tab_03{left:400px;z-index:13}
.content_wrap .teacher_tab .tab_04{left:600px;z-index:12}
.content_wrap .teacher_tab .tab_05{left:800px;width:200px;background:none;z-index:12}
.content_wrap .teacher_tab .on, .content_wrap .teacher_tab .tab:hover{width:200px;height:38px;color:#003375;font-weight:700;border-color:#ccc;background:#fff;z-index:20}
.content_wrap .teacher_view{text-align:center;width:1000px;}*/

/* 서브 탭패널 */
/*.content_wrap .sub_tabpanel{position:relative;margin-bottom:50px;height:37px;border:1px solid #ccc;border-top:2px solid #666;background:#f1f1f1;z-index:1; display:block;}*/
.sub_tabpanel{position:relative;padding-top:37px;border-top:2px solid #666;}
.content_wrap .sub_tabpanel .tab{position:absolute;left:0;top:0;border:1px solid #ccc;border-top:0;background:#fafafa;z-index:20;}
.content_wrap .sub_tabpanel .tab a{display:block;width:200px;height:38px;line-height:33px;text-align:center;font-size:1.3em;color:#666;font-weight:700}
.content_wrap .sub_tabpanel .tab_02{left:200px}
.content_wrap .sub_tabpanel .tab_03{left:400px}
.content_wrap .sub_tabpanel .tab_04{left:600px}
.content_wrap .sub_tabpanel .tab_05{left:800px;width:202px;}
.content_wrap .sub_tabpanel .tab a:hover, .content_wrap .sub_tabpanel .tab a:focus, .content_wrap .sub_tabpanel .tab.on a{color:#333;background:#fff}
.content_wrap .sub_tabpanel .tab.on{border-bottom:1px solid #fff}
.content_wrap .sub_tabpanel .sub_title_line{margin-bottom:10px}
.content_wrap .sub_tabpanel .panel{display:none;padding-top:45px;text-align:center;width:1000px; height:auto;}
.content_wrap .sub_tabpanel .panel.on{display:block}
.content_wrap .sub_tabpanel .panel_wrap{overflow:hidden}

/* 서브 탭패널_연혁 */
.content_wrap .sub_tabpanel.history .tab a{display:block;width:500px;height:38px;line-height:33px;text-align:center;font-size:1.3em;color:#666;font-weight:700}
.content_wrap .sub_tabpanel.history .tab_02{left:501px; width:501px;}

/* 교사용교재신청 */
.content_wrap .table_view.view02{border-bottom:1px solid #999;}
.content_wrap .table_view.view03{border:none;}
.content_wrap .table_btn.type02{margin-top:10px}
.content_wrap .table_btn .right .btn.info_btn{width:98px;float:right}
.content_wrap .btn.btn_select{width:50px;background:#86b91a;border-color:#86b91a;color:#fff;}
.content_wrap .btn.btn_select:hover{color:#fff}
.content_wrap .table_btn span{line-height:34px;font-size:14px}
.mt10{margin-top:10px;}
.content_wrap .table_view.table_info{margin-top:20px;border-top:1px solid #ebb5b5;border-bottom:1px solid #ebb5b5;}
.content_wrap .table_view.table_info th{background:#fbf3f3;color:#dd5454;border-top:none;}
.content_wrap .table_view.table_info td span{color:#f00}
.book_category li{height:24px;}
.book_category li span{padding:0 5px;border-left:1px #7d7d7d solid;}
.book_category li span:first-child{border-left:none;}
.book_category .btn_del{position:relative;top:-12px;display:inline-block;width:17px;height:17px; background:url(../img/teacher/btn_del.png) 0 0 no-repeat;font-size:0;}
.result_list li{padding:5px 0;}
.result_list li p{font-size:14px}
.content_wrap .table td.list_td{padding:0;background:url(../img/teacher/tbook_list_bg.png) 0 0 repeat-y;}
.tbook_list>li{border-top:1px solid #ebeced;}
.tbook_list>li:first-child{border-top:none;}
.tbook_list li ul{overflow:hidden}
.tbook_list li ul li{height:40px;line-height:40px;float:left;}
.tbook_list li.l01{width:79px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word}
.tbook_list li.l02{width:79px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word}
.tbook_list li.l03{width:99px;}
.tbook_list li.l04{width:285px;padding-left:14px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .book_category .btn_del{top:-3px;}
}
.content_wrap .table .tit_{text-align:left;padding:0 10px;}
.content_wrap .table .tit_ a{width:360px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;}
.cate_tit p{width:50px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;font-size:14px;}

/* 2020-03-16 리뉴얼 추가 */

/* 메인수정 */
.gnb_wrap.column2 #gnb .teacher {width:131px;}
.gnb_wrap.column2 #gnb .sub_menu {height:205px; border-left: 2px solid #96c222;}
.gnb_wrap.column2 #gnb .sub + .sub .sub_menu{border-left:none}
.gnb_wrap.column2 #gnb .teacher .sub_menu {border-left:none}

.main_recommend.box_type, .main_recommend.box_type .contains {height:391px;}
.main_recommend.box_type .title_wrap {height:62px;}
.recommend_txt {width:131px; height:34px; padding:6px 15px 9px 15px; margin-top:10px;background: url(../img/main/bg_recomo_box.png) 0 0 no-repeat;}
.recommend_txt .inner {overflow:hidden; line-height: 1.5em; height: 3.1em; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical;word-wrap:break-word ; color:#e8e8e8; font-size:12px; text-align:left;}
.recommend_txt .tit{font-weight:700;}

/* 2020-04-08 추가 */
.main_recommend.bgw {background-color:#fff; background-image:none}
.main_recommend.bgw .slide_wrap .btn_prev{background:url("../img/btn/slide_prev_gtype.png") no-repeat}
.main_recommend.bgw .slide_wrap .btn_next{background:url("../img/btn/slide_next_gtype.png") no-repeat}
.main_recommend.bgw .recommend_txt {background-color:#eef2f6; background-image:none; border-radius:4px;}
.main_recommend.bgw .recommend_txt .inner {color:#4c4c4c}
.main_recommend.bgw .slide .book {margin-top:4px;border:1px solid #dadada;}
.main_recommend.bgw .cover_bg01 {height:4px;background: url(../img/main/cover_bg03.png) 0 0 no-repeat;}

.main_bottom.test.info_box {padding-top:33px;}
.main_bottom.test.info_box .contains {height:219px;}
.main_bottom.test.info_box .notice_wrap {width: 283px; margin-right:15px; padding:16px 20px 11px 20px; border:1px solid #d5d5d5; border-width:3px 1px 1px;}
.main_bottom.test.info_box .notice_wrap.know_how {width: 282px;margin-right:0;}
.main_bottom.info_box .title_line {padding-bottom:16px; background: url(../img/main/arr_bottom_blue.png) center bottom no-repeat; text-align:center; font-size:20px; color:#2f2f2f; font-weight:700;}
.main_bottom.info_box .view_more {position: absolute; top: 60px; right: 18px; color: #666; font-size: 12px; font-weight: 400; text-decoration: underline;}
.main_bottom.test.info_box .notice_list {margin-top:37px;}
.main_bottom.test.info_box .notice_list li:first-child {margin-top:22px;}
.main_bottom.test.info_box .notice_list li {height:28px}
.main_bottom.test.info_box .notice_list a {position:relative; display: inline-block; width:185px; padding-right:18px; font-size:12px; color:#666;}
.main_bottom.test.info_box .notice_list a span {display: inline-block; width:180px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height:15px;}
.main_bottom.test.info_box .notice_list .date {padding-right:3px; line-height:13px;}
.main_bottom.test.info_box .notice_list .icon {position: absolute; top: 0; right: 0;}

.main .quick a {display:inline-block;}
.main .quick .evt {vertical-align:top; height:105px;}
.main .quick .evt img {width:128px; height:105px;}
.main .quick .contract {display:inline-block; height:95px;}
.main .quick .contract img{height:95px;}

.new2020 {height:159px; background:#f3f3f3; padding-top:8px}
.new2020 .contains {position: relative; width: 1004px; height:151px; margin: 0 auto; background: url(../img/main/menu_lnb_new2020_nb.png) left top no-repeat;}
.new2020 .contains ul:after{content:'';display:block;clear:both;}
.new2020 .contains ul li {float:left; width:165px; margin-right:44px; text-align:center}
.new2020 .contains ul li:last-child{width:168px; margin-right:0;}
.new2020 .contains ul li a {display:inline-block; width:159px; height:49px; padding-top:88px; border:3px solid #f3f3f3;  line-height:19px; font-size:21px; color:#2f2f2f; font-weight:700;  text-align:center}
.new2020 .contains ul li a:hover {border:3px solid #8ec325; color:#73ad00}
.new2020 .contains ul li.lnb_05 a {width:167px; line-height:24px; padding-top:85px;}
.new2020 .contains ul li.lnb_05 a:hover {border:3px solid #f3f3f3; color:#fe5e1c}
.new2020 .contains ul li a .sub_txt {display:inline-block; font-size:13px; color:#666;}
.new2020 .contains ul li a:hover .sub_txt {color:#666}

.new2020 .contains.type2{background-image: url(../img/main/menu_lnb_new2020_nb3.png);}
.new2020 .contains.type2 ul li{margin-right: 3px;}
.new2020 .contains.type2 ul li:last-child{width: 164px;margin-right: 0;}
/* 교재 시리즈 */
.series_wrap {width: 1004px; overflow: hidden; margin-bottom:44px;}
.series_wrap .book_list_type {margin-left: -67px;width: 1138px;overflow: hidden;}
.book_list_type:after{content:'';display:block;clear:both;}
.series_wrap .book_list_type li { float: left; padding: 20px 0 0 67px; width: 147px; height: 320px;}
.series_wrap .book_list_type li .title{min-height:40px;margin-bottom:7px; font-size:16px; color:#666; font-weight: 700;}
.series_wrap .book_list_type li .img_wrap {width:147px; height:195px;}
.series_wrap .book_list_type li .img_wrap a{display:inline-block;}
.series_wrap .book_list_type li .img_wrap .img{width:145px; height:193px;border:1px solid #d7d7d7;}
.book_list_type li .intro_txt{padding:14px 2px 0 2px; text-align:left; overflow:hidden; line-height: 1.2em; height: 2.5em; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical;word-wrap:break-word ; font-size:12px; color:#666;}

/* 학습자료실 */
.menu_list_sec{padding:10px 20px 39px 20px;}
.menu_list_sec:after{content:'';display:block;clear:both;}
.menu_list_sec li {float:left; width: 140px; height: 121px; margin-right:25px;}
.menu_list_sec li:last-child {margin-right:0;}
.menu_list_sec li a {display: block; width: 140px; height: 121px; text-indent: -9999px; background-image: url(../img/study/menu_answer_link.jpg);}
.menu_list_sec li.meu_01 a {background-position: -20px 0;}
.menu_list_sec li.meu_02 {width:139px;}
.menu_list_sec li.meu_02 a {background-position: -185px 0;}
.menu_list_sec li.meu_03 a {background-position: -349px 0;}
.menu_list_sec li.meu_04 a {background-position: -514px 0;}
.menu_list_sec li.meu_05 a {background-position: -679px 0;}
.menu_list_sec li.meu_06 a {background-position: -844px 0;}

/* 입시정보 학습 노하우 */
.list_tit_wrap {position:relative;}
.list_tit_wrap  .btn_more {position:absolute; bottom:5px; right:0;}
.list_tit_wrap  .btn_more a {position:relative; display:inline-block; padding-right:22px; background: url(../img/btn/list_more_btn.jpg) 38px 5px no-repeat; font-size:12px; color:#666;}
.info_list_wrap {border-top:2px solid #656565;}
.info_list_wrap .book_list_type {margin-left:-67px;}
.info_list_wrap .book_list_type li { float: left; width: 147px; height: 170px; margin:31px 0 0 67px;}
.info_list_wrap .book_list_type li .img_wrap {width:147px; height:112px;}
.info_list_wrap .book_list_type li .img_wrap a{display:inline-block;}
.info_list_wrap .book_list_type li .img_wrap .img{width:145px; height:110px;border:1px solid #d5d5d5;}
.info_list_wrap .book_list_type li .img_wrap .default{border:1px solid #ececec;}
.info_list_wrap + .list_tit_wrap {margin-top:67px;}
.info_list_wrap + .bbs_page {margin-top:62px;}

/* 200717미출고버튼 */
.content_wrap .table .state.incomplete{color:#fff;background:url("/img/icon/table_round3.png") no-repeat}

/* 200724미리보기 사이즈 수정 */
#popup_preview{width:1200px;height:895px;margin:0 0 0 -600px;top:0;}
#popup_preview .slide_wrap{width:100%;height:760px;}
#popup_preview .slide_wrap .slide{height:760px}
#popup_preview .slide_wrap .slide li{height:760px}
#popup_preview .slide_wrap .slide li img{width:auto;height:auto;max-width:50%;}
#popup_preview .slide_thumb{display:none;}

/* 200907 gnb 수정 */
#gnb .on .sub_menu{display: block;}
#gnb .sub_menu{display: none;}
.gnb_wrap.column2 #gnb .sub_menu{border: 2px solid #96c222}
.gnb_wrap.column2 #gnb .sub + .sub .sub_menu,
.gnb_wrap.column2 #gnb .teacher .sub_menu{border-left: 2px solid #96c222;}

/* 210611 무료동영상 추가 */
.gnb2 #gnb .sub{width: 80px;}
.gnb2 #gnb .sub_menu{width: 98px;}

.sub_freevideo .sub_header{background:#ff9999}
.sub_freevideo .sub_header .lnb_wrap{background:#ff7f7c}
.content_wrap .search_box.ty02{height: 80px;margin-bottom: 50px;}
.content_wrap .search_box.ty02 .label{height: 87px;}
.content_wrap .search_box.ty02 .btn_search{margin-top: -18px;}
.content_wrap .search_box.ty02 .select1{width:760px;margin-bottom: 7px;}
.content_wrap .search_box.ty02 .select2{width:375px}
.content_wrap .search_box.ty02 .select3{width:374px}

.content_wrap .btn.btn_view{float: none;display: inline-block;width:65px;margin: 0;background:#748295;color:#fff;height: 20px;line-height: 20px;border-radius: 3px;border: none;}

.content_wrap .table .btn_view:hover{color:#fff;text-decoration:none}

/* 210928  학습노하우 */
.knowhow_tab{overflow: hidden;padding: 20px 2px;border-top: 2px #656565 solid;}
.knowhow_tab li{float: left;width: 186px;height: 75px;margin-right: 10px;border: 3px #91c326 solid;border-radius: 18px;text-align: center;}
.knowhow_tab li a{display: inline-block;width: 100%;height: 100%;padding-top: 10px;font-size: 22px;font-weight: bold;color: #91c326;}
.knowhow_tab li a:after{display: block;content: '자이스토리 학습법';margin-top: 6px;font-size: 16px;font-weight: normal;color: #91c326;}
.knowhow_tab li:first-child{display: none;}
.knowhow_tab li:last-child{margin-right: 0;}


/* 211222 유튜브링크 */
.yt_link_wrap .inner{display: none;position: absolute;top: 40px;left: 350px;z-index: 999;width: 335px;padding: 9px 20px;background: #32393d;}
.yt_link_wrap .inner a{display: inline-block;font-size: 16px;color: #fff;font-weight: bold;letter-spacing: 1px;}
.yt_link_wrap .inner a:hover{color: #91c326}
.yt_link_wrap .inner a+a{margin-left: 20px;padding-left: 20px;border-left: 1px #a3a9ac solid;}
.yt_link_wrap .inner.on{display: block;}


/* 20220620 멘토단 */
.gnb_wrap.column2 #gnb .sub_menu {height:230px; }
.mentor_select{overflow: hidden;margin-bottom: 50px;padding-top: 20px;padding-left: 130px;border-top: 2px #656565 solid;}
.mentor_select li{float: left;width: 242px;margin-left: 12px;padding: 20px 13px;border: 3px #91c326 solid;border-radius: 20px;box-sizing:border-box;}
.mentor_select li:first-child{margin-left: 0;}
.mentor_select li p{font-size: 14px;color: #91c326;line-height: 1.5;}
.mentor_select li p strong{font-size: 22px;letter-spacing: -1px;font-weight: bold;}
.mentor_select li:nth-child(3) p strong{letter-spacing: -2px;}
.mentor_select .btn_wrap{text-align:center;margin-top: 13px;}
.mentor_select .btn_wrap .btn{display:inline-block;margin:0 2px;width:99px;height:40px;line-height:40px;text-align:center;vertical-align:top;font-size:18px;color:#fff;font-weight:bold;border-radius: 4px;}
.mentor_select .btn_wrap .btn.btn_q{background:#00457b}
.mentor_select .btn_wrap .btn.btn_l{background:#748295}

.content_wrap .table_view .view_wrap2{border-top: 1px solid #d5d5d5!important;border-bottom: 1px #999 solid;}
.content_wrap .table_view .view_wrap2 .view_content{overflow-y: auto;height: 270px;padding: 21px 20px 50px 20px;}

.reply_wrap h3{margin-top: 25px;font-weight: bold;font-size: 18px;color: #333;line-height: 47px;}
.reply_wrap>div{/*height: 210px;overflow-y: auto;*/border-top: 2px #656565 solid;border-bottom: 1px #ebeced solid;margin-bottom: 40px;}
.reply_wrap .table_view{border-top: none;}
.reply_wrap .table_view td{border-left: 1px #ebeced solid ;padding-left: 0;text-align: center;}
.reply_wrap .table_view td:first-child{border-left: none;}
.reply_wrap .table_view td:nth-child(2){text-align: left;}
.content_wrap .comment_box.comment_box2{padding-left: 14px;background: none;}
.content_wrap .comment_box.comment_box2 img.sh_bar{display: none;}
.content_wrap .comment_box.comment_box2 .input_text{width: 860px;}

/* 230109 책미리보기 슬라이드 한장짜리 이미지에대한 사이즈 수정 */
#popup_preview .slide_wrap .slide.slide03 li img{max-width: 100%;}

/* 20230313 멘토단 */
.mentor_select{padding-left: 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.mentor_select .btn_wrap{display: flex;justify-content: space-between;}
.mentor_select .btn_wrap .btn{margin: 0;width: 93px;}
.mentor_select li{height: 261px;margin-left: 0;margin-right: 12px;margin-bottom: 10px;padding: 20px 15px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;}
.mentor_select li:nth-child(4n){margin-right: 0;}
.mentor_select li p{display: none;}
.mentor_select li strong{display: none;}
.mentor_select li{background-repeat: no-repeat;background-position: 50% 17px;}
.mentor_select li:nth-child(1){background-image: url(/img/study/img_mentor01.png);}
.mentor_select li:nth-child(2){display: none;background-image: url(/img/study/img_mentor02.png);}
.mentor_select li:nth-child(3){display: none;background-image: url(/img/study/img_mentor03.png);}
.mentor_select li:nth-child(4){display: none;margin-right: 12px;background-image: url(/img/study/img_mentor04.png);}
.mentor_select li:nth-child(5){display: none;background-image: url(/img/study/img_mentor05.png);}
.mentor_select li:nth-child(6){margin-right: 12px;background-image: url(/img/study/img_mentor06.png);}
.mentor_select li:nth-child(7){display: none;background-image: url(/img/study/img_mentor07.png);}
.mentor_select li:nth-child(8){display: none;margin-right: 12px;background-image: url(/img/study/img_mentor08.png);}
.mentor_select li:nth-child(9){background-image: url(/img/study/img_mentor09.png);}
.mentor_select li:nth-child(10){margin-right: 0;background-image: url(/img/study/img_mentor10.png);}
.mentor_select li:nth-child(11){display: none;background-image: url(/img/study/img_mentor11.png);}
.mentor_select li:nth-child(12){display: none;margin-right: 12px;background-image: url(/img/study/img_mentor12.png);}
.mentor_select li:nth-child(13){display: none;background-image: url(/img/study/img_mentor13.png);}
.mentor_select li:nth-child(14){display: none;margin-right: 0;background-image: url(/img/study/img_mentor14.png);}

/* 20230705 멘토단 */
.mentor_select.mentor_select2{justify-content:center;}
.mentor_select.mentor_select2 li{width: 324px;height: 351px;margin-left: 0;margin-right: 16px;margin-bottom: 8px;padding: 33px 23px;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;}
.mentor_select.mentor_select2 li:nth-child(3n){margin-right: 0;}
.mentor_select.mentor_select2 li p{display: none;}
.mentor_select.mentor_select2 li strong{display: none;}
.mentor_select.mentor_select2 li{background-repeat: no-repeat;background-position: 50% 17px;}
.mentor_select.mentor_select2 li:nth-child(1){background-image: url(/img/study/img_mentor_n_01.png);}
.mentor_select.mentor_select2 li:nth-child(2){background-image: url(/img/study/img_mentor_n_02.png);}
.mentor_select.mentor_select2 li:nth-child(3){background-image: url(/img/study/img_mentor_n_03.png);}
.mentor_select.mentor_select2 li:nth-child(4){background-image: url(/img/study/img_mentor_n_04.png);}
.mentor_select.mentor_select2 li:nth-child(5){background-image: url(/img/study/img_mentor_n_05.png);}
.mentor_select.mentor_select2 li:nth-child(6){background-image: url(/img/study/img_mentor_n_06.png);}
.mentor_select.mentor_select2 .btn_wrap .btn{width: 125px;height: 52px;line-height: 52px;font-size: 25px}

/* 20230809 회원가입개편 */
.join_intro.join_new {background:url(../img/join_new/bg_join.png) left 30px no-repeat; }
.join_intro.join_new ul li {width: 50%;}
/* 팝업 */
.popup_join1{border: 1px solid #000;}
.popup_join1{margin:-90px 0 0 -180px;width:360px;height:180px;border:1px solid #000}
.popup_join1.active{display: block;}
.popup_join1 .popup_content{padding:20px 20px 30px 20px}
.popup_join1 .popup_content p.txt{font-size: 18px;color: #666;margin-top: 20px;margin-bottom: 30px;}
.popup_join1 .popup_content .btn_wrap .btn_type1{width:90px;height:34px;line-height:34px;color:#666;border-color:#666;background:#fff}
.popup_join1 .popup_content .btn_wrap .btn_type2{width:90px;height:34px;line-height:34px;color:#fff;border-color:#7cae13;background:#91c326}

.popup_join2{border: 1px solid #000;}
.popup_join2{margin:-85px 0 0 -230px;width:460px;height:190px;border:1px solid #000}
.popup_join2.active{display: block;}
.popup_join2 .popup_content{padding:20px 20px 30px 20px}
.popup_join2 .popup_content .icon_wrap{position: absolute;top: 46px;left: 54px;}
.popup_join2 .popup_content p.txt{font-size: 18px;color: #666;margin-top: 28px;margin-bottom: 30px;text-align: left;padding-left: 90px;}
.popup_join2 .popup_content p.txt strong{color: #00f}
.popup_join2 .popup_content .btn_wrap .btn_type2{width:90px;height:34px;line-height:34px;color:#fff;border-color:#7cae13;background:#91c326}

#popup_mask.active{display: block;opacity: 0.6}
.join_wrap.step_01.join_new .step_wrap{height: 95px;margin-bottom: 20px;}
.join_wrap.step_02.join_new .step_wrap{height: 95px;margin-bottom: 20px;border-bottom: 1px dashed #d5d5d5;}
.join_wrap.step_03.join_new .step_wrap{height: 95px;margin-bottom: 30px;border-bottom: 1px dashed #d5d5d5;}
.join_wrap.join_new .step_wrap .step{background: url("../img/join_new/bg_join_step.png") no-repeat;}
.join_new .join_cmt{margin-bottom: 40px;padding: 15px 0;font-size: 14px;color: #333;line-height: 1.5;background: #f9f9f9;text-align: center;border: 1px solid #ebebeb;}

.join_new .join_cmt2{margin-top: 40px;margin-bottom: 40px;padding: 15px 20px;font-size: 14px;color: #333;line-height: 1.5;background: #f9f9f9;text-align: left;border: 1px solid #ebebeb;}
.join_new .join_cmt strong{color: #f00}
.join_wrap.join_new .terms_wrap .terms_title .title strong{color: #f00}
.join_wrap.join_new .terms_wrap .terms_title .title span{color: #00f}
.join_wrap.join_new .terms_wrap .check_all{text-align: right;padding-right: 20px;}
.join_wrap.join_new .btn_confirm1{width: 250px;height: 60px;line-height: 60px;background: url("../img/join_new/btn_confirm1.png");font-size: 0;border: none;}
.join_wrap.join_new .btn_confirm2{width: 250px;height: 60px;line-height: 60px;background: url("../img/join_new/btn_confirm2.png");font-size: 0;border: none;}

.join_wrap.join_new .join_tit{height: 32px;margin-top: -30px;line-height:26px;font-size:14px;color:#333;font-weight:700}
.join_wrap.join_new .join_tit .title{float:left;line-height:26px;font-size:14px;color:#333;font-weight:700}
.join_wrap.join_new .join_tit strong{float: right;}
.join_wrap.join_new .join_tit strong span{color: #f00}
.join_wrap.join_new .table_join td.th2{background: #e1e1e1;height: 30px;}
.join_wrap.join_new .table_join td span{color: #999}
.join_wrap.join_new .table_join td label{font-size: 12px;color: #666;vertical-align: middle;margin-right: 20px;}
.join_wrap.join_new .table_join td input[type="checkbox"]{vertical-align: middle;}
.join_wrap.join_new .table_join .desc.desc3{margin-left: 0;display: block;}
.join_wrap.join_new .table_join .desc.desc3{margin-left: 0;}
.join_wrap.join_new .table_join .address_wrap .input_text{width: 480px;}
.join_wrap.join_new .table_join .address_wrap .input_detail{margin-top: 8px;}

.join_wrap.join_new .file_upload{display:inline-block; position:relative; width:100%;}
.join_wrap.join_new .file_upload:after{content:""; display:block; clear:both;}
.join_wrap.join_new .file_upload>input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.join_wrap.join_new .file_upload>.upload_name {width: 178px;height:30px; padding:0 14px; box-sizing:border-box; border:1px solid #DDD; background-color:transparent; outline:none;vertical-align:middle; display:inline-block;}
.join_wrap.join_new .file_upload label{float: none;display: inline-block;margin-right: 0 !important;}
.join_wrap.join_new .file_upload a{color: #00f;text-decoration: underline;font-weight: bold;}

.join_wrap.step_03.join_new .fin_img+.table_btn{margin-top: -60px;}
.content_wrap .book_list li{height: auto;min-height:176px }
.content_wrap .book_list .text_wrap .top{height: auto;}
.content_wrap .book_list .text_wrap .name{text-overflow:unset;overflow:visible;white-space:unset;}

/* 231025 선생님 자료실 */
.btn_ebook{display: inline-block;margin:4px 2px;width:62px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#fff !important;background:#86b91a;text-decoration: none !important;border-radius: 3px}

/* 240110 선생님 자료실 */
.td02{font-size: 16px;font-weight: bold;}
/* 250109 */
.content_wrap .table .icon{width: 42px !important;height: 54px !important;}

/* 250529 선생님 자료실 */
.btn_exp{display: inline-block;margin:4px 2px;width:62px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#fff !important;background:#3399ff;text-decoration: none !important;border-radius: 3px}
.btn_ebook2{display: block;margin:4px auto;width:62px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#fff !important;background:#86b91a;text-decoration: none !important;border-radius: 3px}

/* 250717 선생님 자료실 */
.content_wrap .table .tch_file{text-align: center;}
.content_wrap .table .tch_file .icon{width: 70px !important;height: 97px !important;}
.content_wrap .table .tch_file span{display: block;text-align: left;margin-top: 18px;}