@charset "utf-8";
@import url('/js/font-awesome/css/font-awesome.min.css');
.trans{  
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
*{margin:0;padding:0;-webkit-text-size-adjust:none;line-height:1em}
html{overflow-x:auto;overflow-y:scroll; height:100%;}
li{list-style:none}
body{-webkit-text-size-adjust:none; height:100%;}
body,input,textarea,select,button{font-weight:400;font-family : 'Noto Sans KR','Noto Sans', Malgun Gothic, "돋움", Dotum, sans-serif !important;letter-spacing:-.8px; font-size:12px; }
.myungjo{font-family :"Nanum Myeongjo",'Nanum Gothic', Malgun Gothic, "돋움"; letter-spacing:-0.3px;}
legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
table{border-collapse:collapse}
input{vertical-align:middle}
img{border:0}
a{color:#444;text-decoration:none}
.block{display:block}
.clear:after{content:"";display:block;clear:both;*zoom:1}
.montser{font-family :"Montserrat", Malgun Gothic, "돋움"; letter-spacing:-0.3px;}
.sound{display:inline-block;width:0;height:0;font-size:0;line-height:0}
.skip{    text-indent: -9999px;display: none;}
caption{display:none}
.hidden{display:none}
.bg_gray{background-color:#f8f8f8}
.bg_white{background-color:#fff !important;}
.cursor{cursor:pointer;}
a{outline:0} 
::selection { background:#3cbfaf;color: #FFF;text-shadow: none;
}
::-moz-selection {background:#3cbfaf;color: #FFF;text-shadow: none;
}
::-webkit-selection {background:#3cbfaf;color: #FFF;text-shadow: none;}
/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{width:1200px}

#top_btn {position:fixed;display:block; bottom:20px;right:20px;width:40px; height:40px; background-color:#333; font-size:25px; text-align:center; border:0; color:#fff; line-height:36px; z-index:1; cursor:pointer;}
#top_btn:hover{background:#33b2c2;color:#fff}


input[type=checkbox],input[type=text],input[type=password], textarea {
	-webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;
outline: none;
border:0;
color:#666;
}
input[type=text],input[type=password], textarea {
box-sizing:border-box;
}
select{padding-right:20px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;background: url(/renewal/pc/images/common/arrow.png) no-repeat 95% 50%;}
select::-ms-expand {
    display: none;
	

}
label{cursor:pointer;}
.btn{display:inline-block; height:35px; line-height:35px; font-size:15px; font-weight:400; text-align:center; border-radius:5px;}
.btn_t2{display:inline-block; height:60px !important; line-height:60px !important; font-size:20px !important; font-weight:400; text-align:center; border-radius:5px}
.btn1{color:#fff; background-color:#7c7c7c;	-webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;}
.btn2{color:#fff; background-color:#3cbfaf;	-webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;}
.btn3{color:#fff; background-color:#333;	-webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;}
.btn4{color:#fff; background-color:#148275;	-webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;}

.btn1:hover{background-color:#4c4c4c;}
.btn2:hover{background-color:#078e7d;}
.btn3:hover{background-color:#111;}
.btn4:hover{background-color:#0d524a;}

.more{padding:0 10px;}

.center{text-align:center !important}
.left{text-align:left !important}
.right{text-align:right !important}
.red{color:#ed1b23 !important;}
.blue{color:#3cbfaf !important;}
.bold{font-weight:bold !important;}
.w900{font-weight:900 !important;}

.v_top{vertical-align:top !important;}
.v_mid{vertical-align:middle !important;}
.v_bot{vertical-align:bottom !important;}

.explain2{margin-top:10px; color:#7c7c7c; font-size:14px; font-weight:300;}

.inbox{width:1200px; margin:0 auto;}

.header{padding:22px 0 24px; background-color:#333}
.header .inbox{position:relative;}
.logo{width:165px;}
.logo a{display:block; height:35px; background:url(/renewal/pc/images/common/logo.png) no-repeat;}

.header .util{position:absolute; right:0;}
.header .util form fieldset>a,.header .util form label , .header .util img{vertical-align:middle;}
.header .util form fieldset>a,.header .util form label{color:#c6c5c5; font-size:15px;}
.header .util form fieldset>a,.header .util img{margin-right:4px;}

.header .before_util{top:0;}
.header .after_util{top:-9px;}


.sub_header .before_util{top:0;}
.sub_header .after_util{top:-9px;}

.sub_header .util{position:absolute; top:-9px; right:0;}
.sub_header .util form fieldset>a,.header .util form label , .header .util img{vertical-align:middle;}
.sub_header .util form fieldset>a,.header .util form label{color:#c6c5c5; font-size:15px;}
.sub_header .util form fieldset>a,.header .util img{margin-right:4px;}

.sub_header{position:relative; padding:80px 0 30px;border-bottom:2px solid #148275; }
.sub_header .inbox{}
.sub_header h1{float:left;}
.sub_header h1 .sub_logo{display:inline-block; width:165px; height:35px; background:url(/renewal/pc/images/common/sub_logo.png) no-repeat; vertical-align:middle;}
.sub_header h1 .sub_tit{vertical-align:middle; font-size:25px; color:#148275; font-weight:bold; line-height:1em;}

.lecture_sub{background-color:#333;}
.lecture_sub .inbox{position:relative;}
.lecture_sub a{position:relative;display:inline-block;vertical-align:middle;color:#fff;font-size: 20px;margin-right:30px;height: 60px;line-height: 57px;padding: 0 20px;}
.lecture_sub a:hover,.lecture_sub a.active{color:#fff; background-color:#ff1b41}
/*.lecture_sub a:before{content:"|";color:#fff;position:absolute;top:-1px;right: -17px; font-size:11px;}*/
.lecture_sub a.last:before,.lecture_sub .move_lec:before{content:"";}
.lecture_sub a.last{border-right:0;}
.lecture_sub .move_lec{position:absolute;top: 5px;right:0; border:1px solid #fff;padding:0 10px;color: #fff;height: 47px;line-height: 47px;}




.sub_util{position:absolute; top:0; left:0; width:100%; background-color:#f3f3f3; font-size:0; border-bottom:1px solid #d5dcdc;}
.sub_util .inbox{position:relative; border-left:1px solid #d5dcdc;}
.sub_util .inbox>a{display:inline-block; color:#7c7c7c; font-size:15px; text-align:center; height:50px; line-height:50px; padding:0 20px; border-right:1px solid #d5dcdc}
.sub_util .mem_menu{position:absolute;  right:0;}
.sub_util .before_mem{top:7px;}
.sub_util .after_mem{top:0;}
.sub_util form fieldset>a,.sub_util form label{color:#7c7c7c; font-size:15px;vertical-align:middle}
.sub_util  form fieldset>a,.sub_util img{margin-right:4px;}




.quick{position:fixed; top:0; left:0; width:80px; background-color:#f3f3f3; z-index:10;	height:100%; border-right:1px solid #bdc6c6;}
.quick h3 {width:100%;}
.quick h3 a{display:block; width:100%; height:150px; }
.quick ul{border-bottom:1px solid #bdc6c6;}
.quick li{border-top:1px solid #bdc6c6; }
.quick li a{display:block; padding:20px 0 12px; color:#7c7c7c; text-align:center;}
.quick li img{display:block; margin:0 auto 10px;}
.quick li .montser{display:block;font-weight:bold; line-height:1em; margin-bottom:10px}



.quick.off h3 a{background:url(/renewal/pc/images/common/quick_logo_off.png) no-repeat 50%;}
.quick.off li .txt{display:none;}
.quick.off li a{font-size:12px;}
.quick.off li .montser{ color:#adadad; font-size:15px;}

.quick.on h3 a{background:url(/renewal/pc/images/common/quick_logo_on.png) no-repeat 50%;}
.quick.on li a{font-size:15px;}
.quick.on li .txt{display:block;}
.quick.on li .montser{ color:#7c7c7c; font-size:25px;}


.quick li:hover{background-color:#3cbfaf;}
.quick li:hover a,.quick li:hover .montser{color:#fff; font-weight:bold}
.quick li:hover a{font-size:15px;}
.quick .quick_on{background-color:#3cbfaf; color:#fff;}
.quick .quick_on a{color:#fff; font-weight:bold;}

.chk_input input{display:none;}

.util form{display:inline-block; vertical-align:middle}
.login_box input{display:inline-block; width:120px; height:35px; color:#c6c5c5; font-size:15px; text-indent:5px; margin-left:3px;}

.login_box {display:inline-block; width:520px; vertical-align:middle; margin-left:12px; font-size:0;}
.login_box .btn1{width:70px;}
.login_box .btn2{width:120px;}
.bookmark{display:inline-block; width:35px; height:35px; background:url(/renewal/pc/images/common/bookmark.png) no-repeat 50%;}
.login_box a{vertical-align:middle; margin-left:3px;}

.log_after {display:inline-block; vertical-align:middle; font-size:0;}
.log_after > li {position:relative; display:inline-block; font-size:15px; vertical-align:middle; background:url(/renewal/pc/images/common/bar.png) no-repeat 100% 50%;}
.log_after > li.last{background:0;}
.log_after > li > a { display:block; height:21px; line-height:21px; padding:0 23px; border-radius: 2px; text-align:center; }

.log_after > li.adm > a { background:#000;}
.log_after  a.adm { background:#000;}
.log_after > li > span{vertical-align:middle; cursor:pointer; padding:0 9px;}

.log_after > li > span img{display:inline-block; vertical-align:middle; margin-left:4px; margin-top:-4px}
.log_after .sub_mem_menu{display:none; position:absolute; width:118px; top:31px; left:50%; margin-left:-59px;  background-color:#fff; z-index:10; border:1px solid #d5dcdc; box-shadow:0 0 5px rgba(0,0,0,0.2)}
.log_after .sub_mem_menu a{display:block; color:#7c7c7c; font-size:14px; height:33px; line-height:33px; text-align:center;}
.log_after .sub_mem_menu a:hover{background-color:#f3f3f3;}

.header .log_after > li {color:#fff;}
.header .log_after > li > a {color:#fff; }
.header .log_after > li > span{color:#fff; }

.sub_header.sub_border{border-bottom:2px solid #148275;}
.sub_header .log_after > li {color:#7c7c7c;}
.sub_header .adm a{color:#fff !important;}
.sub_header .log_after > li > a {color:#7c7c7c; }
.sub_header .log_after > li > span{color:#7c7c7c; }


.hdlogInfo  {display:inline-block; vertical-align:middle;}
.hdlogInfo > li { float:left;  font-size:12px; padding-left:5px; line-height:21px; }
.hdlogInfo > li > a { display:block; height:21px; line-height:21px; padding:0 9px; border-radius: 2px; text-align:center; color:#fff; }		
.hdlogInfo > li.lgout > a { background:#716c6c;}
.hdlogInfo > li.mypge > a { background:#bd1b13;}
.hdlogInfo > li.basket > a { background:#5a89ff;}

.logMenu { display:inline-block; vertical-align:middle; }
.logMenu > li { float:left;;  }
.logMenu > li > a { display:block; padding:0 20px; line-height:30px; color:#cacacb;  }
.logMenu > li > a:hover { color:#fff;}
.logMenu > li.myClass > a { display:block; height:50px; width:120px; text-align:center; background:#3cbfaf; color:#fff; font-weight:600; line-height:50px; font-size:15px;}
.logMenu > li.myClass > a:hover { color:#fff; font-weight:600; }




#naver_id_login { float:left; margin-left: 3px;}
span.naver { display:block; width:35px; height:35px; text-indent:-9999px; background:url('/template/1/html/image/btn_login_naver.png') no-repeat 50% #01c503; color:#fff; line-height:22px; text-align:left; }
span.modify_naver { display:block; width:41px; height:22px; text-indent: 0px; background:url('/template/1/html/image/btn_login_naver2.png') no-repeat; color:#fff; line-height:22px; text-align:left; padding-left:25px; font-weight:500; }
.fb_iframe_widget { float:right; }
.naver_id_connection { height: 27px;width: 99px;cursor: pointer; background-image: url(/template/1/html/image/btn_naver_clear.png);}

.facebook_connection_login{height: 22px;width: 64px;cursor: pointer;background-image: url(/template/1/html/image/btn_login_fb.png);}
.facebook_connection{height: 27px;width: 99px;cursor: pointer;background-image: url(/template/1/html/image/btn_fb_clear.png);}
.m3_txt1 { line-height:27px; }
.logmenu {position: absolute; left:-180px; top:0;}
.login_facebook { display: inline-block; width:24px;background: url('/template/1/html/image/btn_login_fb_nv.png') no-repeat; text-indent: -9999px; height: 24px; cursor: pointer; }


div.F_login { position:absolute; left:163px; top:280px; width:105px; height:40px; background: url('/template/1/html/image/F_login.png') no-repeat;     cursor: pointer;}

/*#naver_id_login { float:left; margin-right:3px;margin-left: 3px;}

.fb_iframe_widget { float:right; }
.naver_id_connection { height: 27px;width: 99px;cursor: pointer; background-image: url(/template/1/html/image/btn_naver_clear.png);}

.facebook_connection_login{height: 22px;width: 64px;cursor: pointer;background-image: url(/template/1/html/image/btn_login_fb.png);}
.facebook_connection{height: 27px;width: 99px;cursor: pointer;background-image: url(/template/1/html/image/btn_fb_clear.png);}
.m3_txt1 { line-height:27px; }
.logmenu {position: absolute;right: 0;top: 42px;}
.login_facebook { display: inline-block; width:64px;background: url('/template/1/html/image/btn_login_facebook.png') no-repeat; text-indent: -9999px; height: 22px; cursor: pointer; }

a.N_login { position:absolute; left:38px; top:280px; }
div.F_login { position:absolute; left:163px; top:280px; width:105px; height:40px; background: url('/template/1/html/image/F_login.png') no-repeat;     cursor: pointer;}*/


.search_area{background:url(/renewal/pc/images/main/visual.png) no-repeat 50%;}
.search_area .inbox{position:relative; height:550px;}
.search_area .inbox>a{position:absolute; top:0; left:0; width:100%; height:100%;}
.search_area form{position:absolute; top:50px; left:50%; width:542px; border:4px solid #3cbfaf; border-radius:30px; margin-left:-301px; background-color:#fff; overflow:hidden; padding:0 30px;}
.search_area form select{width:120px; color:#333; font-size:18px; height:52px; border:0;}
.search_area form input{width:400px; text-indent:10px; border:0; height:52px; font-size:18px;}
.search_area form .btn_search {position:absolute; top:4px; right:4px;}
.search_area form .btn_search a{display:block; width:45px; height:45px; background:url(/renewal/pc/images/common/search.png) no-repeat; border-radius:45px;}


.popular_lecture{background-color:#3cbfaf;}
.popular_lecture h3{display:inline-block; width:190px; text-align:center; color:#fff; font-size:25px; font-weight:900;  vertical-align:middle; line-height:1em}
.popular_lecture h3 font{font-size:14px; font-weight:400}
.popular_lecture .inbox{font-size:0; background-color:#148275;}
.popular_lecture .inbox div{display:inline-block; padding:19px 0 19px 10px; font-size:0; width:1000px; vertical-align:middle;background-color:#3cbfaf;}
.popular_lecture .inbox div a{display:inline-block; width:191px; height:38px; line-height:38px; color:#fff; font-size:18px; padding-left:9px; border-radius:19px;}
.popular_lecture .inbox div a:hover{background-color:#148275; font-weight:900;}
 
.free_lecture{padding:35px 0;}
.free_lecture h3{color:#333; font-weight:900; font-size:25px; margin-bottom:25px;}
.free_lecture li{padding:10px 0; border-bottom:1px solid #aaa; font-size:0;}
.free_lecture li h5{display:inline-block; width:200px; font-size:18px; font-weight:bold; color:#333; vertical-align:top; height:30px; line-height:30px; padding:3px 0;}
.free_lecture li div{display:inline-block; width:1000px; font-size:0; vertical-align:top;}
.free_lecture li a{display:inline-block; width:190px; height:30px; line-height:30px; color:#333; font-size:17px; font-weight:bold; padding-left:10px; margin:3px 0; font-weight:400; border-radius:15px;}
.free_lecture li a:hover{color:#fff; background-color:#148275;}
.free_lecture li:last-child {border-bottom:0;}


.main_section{padding:88px 0}
.section_title{margin-bottom:50px; color:#333; font-size:40px; font-weight:400; text-align:center; line-height:1.4em; letter-spacing:-2px}
.section_title span{display:inline-block; color:#3cbfaf; font-size:17px; font-weight:bold; border-bottom:1px solid #3cbfaf; margin-bottom:20px; letter-spacing: -.8px;}
.section_title strong{display:block; font-weight:bold; letter-spacing:-2px}


.banner{}
.banner li,.banner li a{display:block; height:630px;}
.banner .v_btn{position:absolute; width:100%; bottom:59px !important; text-align:center;z-index:2;}
.banner .v_btn>span{display:inline-block; width:16px; height:16px; background-color:#b5b5b5; margin:0 8px; cursor:pointer; border-radius:0; border:0; border-radius:16px;}
.banner .v_btn .swiper-pagination-bullet-active{width:40px; background-color:#3cbfaf;}


.review_box{position:relative; width: 1126px; margin: 0 auto;}
.review_box>div{float:left;width:443px; padding:50px 60px 128px}
.review_mask1{position:relative; right:-14px; background:url(/renewal/pc/images/main/review1.png) no-repeat 0 0; z-index:1;}
.review_mask2{position:relative; top:34px; background:url(/renewal/pc/images/main/review2.png) no-repeat 0 0;}

.review_box>div li h5{color:#3cbfaf; font-size:30px; font-weight:bold; margin-bottom:50px; line-height:1em}
.review_box  li div{position:relative;margin-bottom:40px;}
.review_box .writer{font-size:18px;}
.review_box .writer img{vertical-align:middle; margin-right:6px;}
.review_box .date{float:right; font-size:16px;}
.review_box  li .text_input{font-size:16px; line-height:1.8em; min-height:100px;}
.review_box  li a{display:block; width:50px; height:50px; line-height:48px;  font-size:35px; font-weight:900;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.review_box  li a:hover{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg); color:#fff; background-color:#3cbfaf}

.review_mask1 li .text_input{color:#fff; text-align:justify}
.review_mask1 li a{ color:#3cbfaf; margin:25px auto 0; border-radius:50px; border:1px solid #3cbfaf; text-align:center;}

.review_mask1  .writer,.review_mask1  .date{color:#fff;}

.review_mask2 li a{ color:#3cbfaf; margin:25px auto 0; border-radius:50px; border:1px solid #3cbfaf; text-align:center;}


.review_box .review_btn{position:absolute; top:50%; margin-top:-18px; display:block; width:22px; height:36px; cursor:pointer;}
.review_box .review_left{right:100%; background:url(/renewal/pc/images/main/review_left.png) no-repeat;}
.review_box .review_right{left:100%; background:url(/renewal/pc/images/main/review_right.png) no-repeat;}


/*리뷰팝업*/
.main_review_popup{position:fixed; top:0; left:0; width:100%; height:100%; background:url(/renewal/pc/images/main/pop_bg.png) repeat; z-index:100}
.main_review_popup .pop_box{position:absolute; top:50%; left:50%; margin-left:-350px; margin-top:-400px; width:700px;}

.main_review_popup .pop_tit{position:relative; border-radius:10px 10px 0 0; height:258px; display:table; background:url(/renewal/pc/images/main/pop_tit.png) no-repeat 50%; width:100%;}
.main_review_popup .pop_tit h3{display:table-cell; color:#61e7d7; font-size:40px; font-weight:bold; vertical-align:middle; padding:0 40px;}
.main_review_popup .pop_tit a{position:absolute;bottom: 20px;right: 20px;color:#fff;font-size:22px;}
.main_review_popup .pop_tit span{position:absolute; top:0; left:40px; display:block; width:125px; height:50px; line-height:50px; color:#fff; text-align:center; background-color:#3cbfaf; font-size:25px; font-weight:300}

.main_review_popup .pop_con_area{border-radius:0 0 10px 10px; padding:0 40px 10px;  background-color:#fff;}
.main_review_popup .pop_info{padding:18px 0; text-align:left; }
.main_review_popup .pop_info span{color:#7c7c7c; font-size:18px; vertical-align:top}
.main_review_popup .pop_info span img{margin-top:2px;}
.main_review_popup .pop_info .pop_date{color:#7c7c7c; font-size:16px !important; float:right; display: none;}

.main_review_popup .pop_con{margin-top:40px; color:#282828; font-size:20px; font-weight:300; height:430px; overflow-y:scroll; line-height:1.5em}

.main_review_popup .pop_box .close,.f_pop_box .close{position:absolute; display:block; width:40px; height:40px; color:#fff; font-size:25px; line-height:38px; background-color:#282828; text-align:center; cursor:pointer; border-radius:40px; top:-11px; right:-14px; font-weight:300}


.main_paging{position:relative; width:100%; text-align:center; font-size:0; margin-top:50px; line-height:1em}
.main_paging>span{display:inline-block; width:16px; height:16px; border-radius:16px; margin:0 4px; background-color:#b5b5b5; border:0}
.main_paging>span.swiper-pagination-bullet-active{background-color:#3cbfaf; width:40px;}
.review_box>.btn{position:absolute; bottom:-76px; right:0; width:200px; z-index:10;}


.main_board{background-color:#f3f3f3}
.board_area{position:relative; float:left; width:600px; margin-right:55px;}
.board_area .board_tab{margin-bottom:15px;}
.board_area .board_tab span{display:inline-block; width:200px; height:45px; line-height:45px; color:#fff; font-size:18px; background-color:#7c7c7c; text-align:center; cursor:pointer}
.board_area .board_tab .active{background-color:#3cbfaf;}

.board_area li{position:relative; padding:25px 0; border-bottom:1px dashed #808080;}
.board_area li.last{border-bottom:0;}
.board_area li h3{color:#333; font-size:20px; font-weight:bold; cursor:pointer;}
.board_area li div{display:none; margin-top:20px; text-align:justify; color:#565656; font-size:16px; font-weight:300; line-height:1.5em}


.board_area li a{position:absolute; top:21px; right:17px; display:block; width:26px; height:26px; line-height:25px; color:#b5b5b5; font-weight:900; font-size:25px; border-radius:26px; border:1px solid #b5b5b5;text-align:center;    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.board_area li a:hover{ -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg); color:#3cbfaf; border:1px solid #3cbfaf}


.board_box>a{position:absolute; top:13px; right:0; color:#7c7c7c; font-size:15px;}
.board_box>a img{margin-left:8px; margin-top:-3px; vertical-align:middle;}

.data_box{display:none;}

.banner_box{width:545px; float:left;}
.banner_box>a{display:block; margin-bottom:48px;}

.best_book{position:relative;}
.best_book h3{padding:13px 15px 14px; color:#fff; font-size:20px; font-weight:bold; background-color:#148275;}
.best_book .b_more{position:absolute; top:15px; right:10px; color:#fff; font-size:15px; font-weight:400;}
.best_book .b_more img{margin-top:-2px; margin-left:3px;}

.book_slide{position:relative; padding:20px 40px; border:1px solid #148275; background-color:#fff}
.book_slide span{display:block; position:absolute; top:50%; margin-top:-12px; height:24px; width:15px; cursor:pointer}
.book_slide span.best_left{left:10px; background:url(/renewal/pc/images/main/book_left.png) no-repeat 50%;}
.book_slide span.best_right{right:10px; background:url(/renewal/pc/images/main/book_right.png) no-repeat 50%;}

.book_slide li{float:left;}
.book_slide li a{display:block;  width:100px;}


.main_teacher_list{padding-top:88px; overflow:hidden;}
.main_teacher_list .swiper-container:hover .t_direction{opacity:1;}

.main_teacher_list>div{position:relative;}
.main_teacher_list li{width:300px;}
.t_direction{position:absolute; top:0; left:50%; margin-left:-600px; z-index:10; height:100%; opacity:0;}
.t_direction span{position:absolute; top:50%; display:block; width:22px; height:36px; margin-top:-18px; cursor:pointer;}
.t_direction .t_left{left:0; background:url(/renewal/pc/images/main/t_left.png) no-repeat 50%}
.t_direction .t_right{right:0; background:url(/renewal/pc/images/main/t_right.png) no-repeat 50%}

.customer{background-color:#eaeeef;}
.customer_info{float:left; width:582px; margin-right:18px; font-size:0;}
.customer_info h3{color:#333; font-size:39px; font-weight:400; margin-bottom:19px; letter-spacing:-2px;}
.customer_info .tel_box{margin-bottom:10px;}
.customer_info strong{color:#333; font-weight:900; font-size:50px; letter-spacing:0px; vertical-align:middle;}
.customer_info .tel_box a{display:inline-block; width:230px; height:50px; line-height:49px; color:#fff; font-size:20px; background-color:#3cbfaf; border-radius:3px; text-align:center; vertical-align:middle; margin-left:28px}
.customer_info .tel_box a img{vertical-align:middle; margin-left:14px;}

.num_box{margin-bottom:10px;}
.num_box h5{display:inline-block; padding:7px 29px; color:#fff; font-size:20px; border-radius:18px; background-color:#333; vertical-align:middle;}
.num_box span{display:inline-block; margin-left:10px; color:#333; font-size:27px; font-weight:bold; vertical-align:middle;}
.num_box .montser{margin-right:50px;}
.num_box.last{margin-bottom:0;}

.num_box2 img{display:inline-block; vertical-align:middle;}
.num_box2 span{display:inline-block; margin-left:6px; color:#333; font-size:17px; font-weight:bold; vertical-align:middle; margin-right:60px;}
.num_box2 span.last{margin-right:0;}

.cus_menu{float:left;}
.cus_menu li{float:left; width:145px; margin-right:6px;}
.cus_menu li a{display:block; height:44px; color:#333; font-size:18px; font-weight:300; padding-top:154px; border:1px solid #e2e2e2; text-align:center}
.cusmenu1 a{background:url(/renewal/pc/images/main/menu1.png) no-repeat 50% 37px #fff;}
.cusmenu2 a{background:url(/renewal/pc/images/main/menu2.png) no-repeat 50% 37px #fff;}
.cusmenu3 a{background:url(/renewal/pc/images/main/menu3.png) no-repeat 50% 37px #fff;}
.cusmenu4 {margin-right:0 !important;}
.cusmenu4 a{background:url(/renewal/pc/images/main/menu4.png) no-repeat 50% 37px #fff;}

.partner{text-align:center; padding:13px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2}
.partner .inbox{font-size:0;}
.partner a{display:inline-block; width:20%; background:url(/renewal/pc/images/common/f_menu_bar.png) no-repeat 100% 50%;}
.partner a.last{background:0 !important;}

.f_menu{border-bottom:1px solid #e2e2e2; font-size:0; }
.f_menu .inbox{position:relative;padding:15px 0;}
.f_menu a{color:#7c7c7c; font-size:13px; font-weight:300; margin-right:45px}

.b2b_btn{position:absolute; top:0px; right:0;width:224px; }
.b2b_btn a{display:block; width:100%; height:46px; line-height:46px; color:#fff; font-size:18px; font-weight:500; text-align:center; background-color:#148275}
.b2b_btn img{margin-left:13px; vertical-align:middle;}

.f_copy{position:relative; padding:35px 0 65px; font-size:0;}
.f_copy h4{display:inline-block; width:150px; height:32px; background:url(/renewal/pc/images/common/f_logo.png) no-repeat 50%; vertical-align:top;}
.f_copy p{display:inline-block; margin-left:24px; color:#7c7c7c; font-size:14px; font-weight:300; font-size:14px; line-height:1.5em; vertical-align:top;}



.social_icon{position:absolute; top:35px; right:0; font-size:14px; color:#7c7c7c; text-align:right;}
.social_icon a{display:inline-block; width:35px; height:35px; vertical-align:middle;}
.social1{margin-left:15px; background:url(/renewal/pc/images/common/social_icon1.png) no-repeat;}
.social2{margin:0 5px; background:url(/renewal/pc/images/common/social_icon2.png) no-repeat;}
.social3{background:url(/renewal/pc/images/common/social_icon3.png) no-repeat;}




.hdLnbArea{float:right;}
.hdLnbArea li{float:left;margin-left:32px;;}
.hdLnbArea a{display:inline-block; color:#333; font-size:18px;vertical-align:middle;padding:0 9px; height:38px; line-height:38px}
.hdLnbArea .active a,.hdLnbArea a:hover{background-color:#148275; color:#fff; font-weight:bold; border-radius:19px;}
    

/*서브*/
.sub_contents{padding-bottom:70px;}
.padd-t_30{padding-top:30px;}
.sub_contents .sub_title{ color:#333; font-size:23px; font-weight:500; height:60px; line-height:58px; text-align:center; background-color:#f3f3f3;  margin-bottom:75px;}

/*수강신청*/
.lecture_box{}
.lecture_box .lec_top{margin-bottom:20px;}
.lecture_box .lec_top h4{float:left; width:599px; text-align:center; height:65px; line-height:63px; color:#fff; font-size:20px; background-color:#7c7c7c; cursor:pointer;}
.lecture_box .lec_top h4.fir{margin-right:2px;}
.lecture_box .lec_top h4.active{background-color:#3cbfaf}


.lecture_box .lec_con {display:none;}

.lec_package{}
.lec_package li{position:relative; border-radius:10px; overflow:hidden; border:1px solid #d5dcdc; padding:50px 483px 50px 55px; margin-bottom:30px;-webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;}
.lec_package li:hover{box-shadow:0 0 5px rgba(0,0,0,0.2)}
.lec_package li h5 { margin-bottom:20px;}
.lec_package li h5 a{color:#148275; font-weight:bold; font-size:28px; }
.lec_package li p{color:#333; font-size:16px; margin-bottom:25px;}
.lec_package li p span{display:block; margin-top:15px;}
.lec_package li table{width:100%;}
.lec_package li table th{padding:5px 0;}
.lec_package li table td{padding:5px 0 0 20px; }
.lec_package li table th strong{display:block; height:35px; line-height:35px; color:#333; font-size:15px; background-color:#eef4f4; text-align:center; border-radius:13px;}
.lec_package li table td span{display:block;  color:#333; font-size:15px; border-bottom:1px dashed #dedede; line-height:1.4em; min-height:31px; padding-top:6px;}

.lec_package .price_box{position:absolute; top:0; right:0; padding:53px 72px 0; width:426px; height:100%; box-sizing:border-box; background-color:#f3f3f3;}
.lec_package .price_box>font{color:#7c7c7c; font-size:38px; text-decoration:line-through; letter-spacing:0}
.lec_package .price_box span{display:block; position:absolute; top:25px; right:79px; width:90px; height:90px; line-height:90px; color:#fff; font-size:40px; background-color:#333; border-radius:90px; text-align:center;}
.lec_package .price_box span font{font-size:20px;}
.lec_package .price_box strong{display:block; margin-top:35px; color:#ed1b23; font-size:30px; font-weight:bold;}
.lec_package .price_box strong font{font-size:60px;}
.lec_package .price_box a{display:block; width:100%; height:55px; line-height:55px; color:#fff; font-size:20px; text-align:center; background-color:#333; border-radius:10px; margin-top:23px;-webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;}
.lec_package .price_box a:hover{background-color:#111;}
.lec_package .price_box a img{vertical-align:middle; margin-top:-3px; margin-left:23px;}

.lec_con .more{width:100px; text-align:center; border-radius:3px; font-size:13px}
.lec_con th strong{display:inline-block; text-align:center}
/*수강신청 뷰*/
.lecture_view{}
.lecture_view h5{color:#333; font-size:23px; font-weight:bold; padding:18px 20px; background-color:#f3f3f3; border-bottom:1px solid #3cbfaf;}

.lecture_view .orderBtZone a{display:inline-block; width:378px; height:52px; line-height:52px; text-align:center; font-size:18px;}
.lecture_view .orderBtZone .btn1{margin-right:4px;}
.orderBtZone .order_chkbox{}
.order_chkbox label{font-size:16px;color: #000;font-weight: 500;height:35px;line-height:35px;cursor:pointer;display:block;}
.order_chkbox label font{display:inline-block; vertical-align:middle;} 
.order_chkbox .chk_icon{display:inline-block; width:22px; height:22px; background:url(/renewal/pc/images/mypage/check_off.png) no-repeat; vertical-align:middle; margin-right:5px;}
.order_chkbox input{display:none}
.order_chkbox input[type="checkbox"]:checked + label .chk_icon{background:url(/renewal/pc/images/mypage/check_on.png) no-repeat;}


.t_name {color:#282828 !important; font-size:50px !important; font-weight:100; margin-bottom:20px; vertical-align:top}
.t_ex {color:#282828; font-size:14px;}
.t_ex ,.t_ex  p{line-height:24px;}



/*강사소개*/
.teacher_list{}
.teacher_list>ul>li{position:relative; float:left; width:300px; cursor:pointer; margin-right:120px; background-color:#eaeaea; margin-bottom:50px}
.teacher_list>ul>li.last{margin-right:0 !important;}
.teacher_list>ul>li .t_imgbox{height:400px;overflow: hidden;}
.teacher_list>ul>li h5{position:absolute; top:280px; left:25px; color:#fff; font-size:37px; font-weight:300}
.teacher_list>ul>li h5 span{display:block; color:#fff; font-size:20px; margin-top:10px;font-weight:100}
.teacher_list>ul>li .career{padding:10px 5px; background-color:#282828}

.career li{padding-left:9px; color:#f3f3f3; font-size:13px; line-height:1.7em; font-weight:300; background:url(/renewal/pc/images/teacher/techer_list.png) no-repeat 0 10px;}

.teacher_list>ul>li>a{position:absolute; top:280px; right:-25px; display:block; width:100px; height:70px; line-height:70px; color:#fff; font-size:17px; font-weight:100; background-color:#7c7c7c; text-align:center}
.teacher_list>ul>li>a img{vertical-align:middle; margin-left:5px; margin-top:-2px;}

.teacher_list>ul>li:hover{background-color:#3dbfaf;}
.teacher_list>ul>li:hover a{background-color:#282828; font-weight:bold}


/*온라인 서점*/
.sub_header .search_W{width:440px; padding-left:20px; margin-left:415px; border:2px solid #3cbfaf; overflow:hidden; border-radius:23px;}
.sub_header .search_W select,.search_W input{border:0; height:42px; vertical-align:middle;}
.sub_header .search_W select{width:100px; color:#333; font-size:18px; text-align:center;}
.sub_header .search_W input{text-indent:5px; width:294px; padding-right:5px;color:#333; font-size:18px;}
.paid_lecture_list{background-color:#333; margin-bottom:30px;}
.paid_lecture_list li{float:left; width:14.28%;}
.paid_lecture_list li a{display:block; text-align:center; color:#fff; font-size:18px; height:60px; line-height:60px; font-weight:100}
.paid_lecture_list li.active a{font-size:18px; font-weight:bold;}

.subLeft{float:left; width:200px;}
.subLeft h3{ height:60px; line-height:60px; text-align:center; color:#fff; font-size:24px; font-weight:bold; background-color:#3cbfaf;}

.subLeft ul{border:1px solid #d5dcdc; border-top:0; border-bottom:0;}
.subLeft li{border-bottom:1px solid #d5dcdc;}
.subLeft li>a,.subLeft li>span{display:block; padding-left:20px; color:#7c7c7c; font-size:16px; height:49px; line-height:49px; cursor:pointer;}
.subLeft li .left_sub{ position:relative; width:165px; margin:0 auto; padding:5px 0 8px; border-top:1px dashed #d5dcdc;}
.subLeft li .left_sub a,.subLeft li .left_sub>div{display:block; height:30px; line-height:30px; color:#7c7c7c; font-size:14px; font-weight:300; cursor:pointer;}
.subLeft li.active>a,.subLeft li>a:hover,.subLeft li.active>span,.subLeft li>span:hover{color:#282828; background:url(/renewal/pc/images/common/sub_icon_on.png) no-repeat 172px 50% #eef4f4}
.subLeft li .left_sub>div:hover,.subLeft li .left_sub>a:hover,.subLeft li .left_sub>div.on,.subLeft li .left_sub>a.on{color:#3cbfaf; font-size:14px; font-weight:bold;}
.subLeft li .left_sub>div{position:relative;}
.subLeft li .left_sub>div:hover div{display:block;}

.left_sub .guide_pop{display:none; position:absolute; top:0; right:-70px; width:130px; box-shadow:0 0 5px rgba(0,0,0,0.2); border:1px solid #3cbfaf; background-color:#fff; z-index:1} 
.left_sub .guide_pop img{position:absolute; top:9px; right:100%;}
.left_sub .guide_pop a{display:block; padding-left:9px;}
.left_sub .guide_pop a:hover{background-color:#3cbfaf; color:#fff; font-weight:bold;}

.left_banner{margin-top:30px}
.left_banner >div{padding:20px 19px; border:1px solid #d5dcdc; background-color:#f3f3f3;}
.left_banner .call_banner{display:block; height:99px; background:url(/renewal/pc/images/common/call_banner.png) no-repeat 50%;}
.left_banner >div a{display:block; margin-top:10px; color:#7c7c7c; font-size:15px; background-color:#fff; text-align:center; height:30px; line-height:30px; border:1px solid #d5dcdc
} 
.left_banner>a{display:block; margin-top:10px; height:50px; line-height:50px; color:#fff; background-color:#3cbfaf; border-radius:3px; font-size:17px; text-align:center;}
.left_banner>a img{margin-left:6px;}

.subRight{position:relative; float:left; width:970px; margin-left:30px}
.subRight{}
.subRight .nav{position:absolute; top:0; right:0; height:60px; line-height:60px; text-align:right;}
.subRight .nav>span{display:inline-block;}
.subRight .nav .n_next{margin-left:10px; padding-left:16px; vertical-align:middle; line-height:1em; color:#7c7c7c; font-size:15px;  background:url(/renewal/pc/images/common/icon_and.png) no-repeat 0 50%; }

.subRight .nav .home{width:17px; height:13px; background:url(/renewal/pc/images/common/icon_home.png) no-repeat 50%;}


.shop_tit{padding-left:15px; height:60px; line-height:60px; color:#333; font-size:25px; font-weight:bold; background:url(/renewal/pc/images/common/sub_bar.png) no-repeat 0 50%}



.shop_list{}
.shop_list li{position:relative; border-radius:10px; overflow:hidden; border:1px solid #d5dcdc; padding:20px 200px 20px 45px; margin-bottom:30px;-webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;}
.shop_list li:hover{box-shadow:0 0 5px rgba(0,0,0,0.2)}
.shop_list li>a,.shop_list li>div{display:inline-block; vertical-align:middle;}
.shop_list li>div{width:460px;}
.shop_list li>a{width:190px; margin-right:40px;}
.shop_list li>a img{width:100%;}
.shop_list li h5{color:#148275; font-weight:bold; margin-bottom:20px; font-size:24px; }
.shop_list li p{color:#333; font-size:16px; margin-bottom:25px;}
.shop_list li p span{display:block; margin-top:15px;}
.shop_list li table{width:100%;}
.shop_list li table th{padding:5px 0;}
.shop_list li table td{padding:5px 0 0 20px; }
.shop_list li table th strong{display:block; height:35px; line-height:35px; color:#333; font-size:15px; background-color:#eef4f4; text-align:center; border-radius:13px;}
.shop_list li table td span{display:block; color:#333; font-size:15px; border-bottom:1px dashed #dedede; line-height:1.4em; height:35px; line-height:35px;}
.shop_list .sale,.shop_list .point{color:#ed1b23; font-weight:bold;}
.shop_list .sale font{font-weight:bold; font-size:20px; }


.shop_list .price_box{position:absolute; top:0; right:0; padding-top:90px; width:200px; height:100%; box-sizing:border-box; background-color:#f3f3f3;}
.shop_list .price_box a{display:block; width:145px; height:55px; line-height:55px; color:#fff; font-size:18px; text-align:center; border-radius:10px; margin:0 auto 13px}

.view_list{position:relative; border:1px solid #d5dcdc; border-radius:8px; padding:20px; overflow:hidden;}
.view_list .PlayZone{display:inline-block; vertical-align:middle; border:1px solid #bdc6c6; width:220px; height:135px;}
.view_list .PlayZone img{height:100% !important;}

.view_list .lect_con{display:inline-block; width:450px;margin-left:27px; vertical-align:middle;}
.view_list .lect_con h5 {margin-bottom:8px; line-height:30px}
.view_list .lect_con h5 a{color:#333; font-size:20px; font-weight:bold; vertical-align:middle;}
.view_list .lect_con h5 img{vertical-align:middle;}

.view_list .lect_con p{padding-bottom:8px; border-bottom:1px dashed #dedede; color:#7c7c7c; font-size:16px;}

.lect_con table{width:100%;}
.lect_con table th{padding:5px 0;}
.lect_con table td{padding:5px 0 5px 20px; }
.lect_con table th strong{display:block; height:35px; line-height:35px; color:#333; font-size:15px; background-color:#eef4f4; text-align:center; border-radius:13px; font-weight:400}
.lect_con table td span{display:block;  color:#333; font-size:15px; line-height:1.4em; height:35px; font-weight:400; line-height:35px;}

.lect_btn{position:absolute; top:0; right:0; width:200px; height:100%; background-color:#f3f3f3}
.lect_btn .lect_tb{display:table; width:100%; height:100%; }
.lect_btn .lect_tb div{display:table-cell; vertical-align:middle; font-size:25px; color:#ed1b23; font-weight:900; text-align:center;}
.lect_btn .lect_tb div a{display:block; margin:10px auto 0; width:145px; height:55px; line-height:55px; color:#fff; font-size:18px; text-align:center; background-color:#333; border-radius:8px;}
.lect_btn .lect_tb div a:hover{background-color:#3cbfaf;}


/*수험가이드*/
.guide_tab{text-align:center; font-size:0; margin-bottom:35px;}
.guide_tab span,.guide_tab a{display:inline-block; width:190px; height:46px; line-height:46px; background-color:#eee; color:#7c7c7c; text-align:center; border-radius:23px; font-size:16px; font-weight:400; margin-right:4px; cursor:pointer}
.guide_tab a{margin-bottom:4px;}
.guide_tab span.active,.guide_tab a.active{background-color:#3cbfaf; color:#fff; font-weight:bold}
.guide_tab span.last,.guide_tab a.last{margin-right:4px;}

.guide_con{display:none;}
.guide_box{margin-bottom:40px;}
.guide_box h5{margin-bottom:10px; padding-left:20px; color:#282828; font-size:20px; background:url(/renewal/pc/images/common/tit_icon_b.png) no-repeat 0 50%; margin-bottom:15px}
.g_inbox {margin-left:20px; padding:20px 15px; border:3px solid #eef4f4; border-radius:5px}
.g_inbox2{margin-left:20px; padding:10px 0}
.g_inbox p{color:#282828; font-size:16px; font-weight:300; line-height:1.5em; text-align:justify;}
.g_inbox strong{display:block; color:#3cbfaf; font-size:18px; font-weight:500; margin-bottom:20px; margin-bottom:15px;}

.guide_box h6{padding-left:15px; color:#282828; font-size:16px; background:url(/renewal/pc/images/common/tit_icon_dot.png) no-repeat 0 6px; margin-bottom:10px; font-weight:300}


.guide_list h5{margin-bottom:10px; padding-left:20px; color:#282828; font-size:20px; background:url(/renewal/pc/images/common/tit_icon_r.png) no-repeat 0 50%;}
.mtop{margin-top:10px;}
.mtop30{margin-top:30px;}
.guide_list ul{padding-left:20px;}
.guide_list li{position:relative;padding: 12px 10px 12px 55px;color:#282828;font-size:16px;margin-bottom:10px;font-weight:300;line-height: 1.2em;}
.guide_list li span{display:block; position:absolute; top:0; left:0; width:40px; line-height:40px; color:#fff; background-color:#ed1b23; text-align:center; font-size:18px; line-height:40px}
.guide_list li:nth-child(odd){background-color:#eee}
.guide_list li:nth-child(even){background-color:#eef4f4}

.list_style1{}
.list_style1 li,.list_style2 dd,.list_style3 li{padding-left:15px; color:#282828; font-size:16px;  margin-bottom:10px; font-weight:300;  line-height:22px; text-align:justify}
.list_style1 dd,.list_style3 li{background:url(/renewal/pc/images/common/tit_icon_dot.png) no-repeat 0 9px;}
.list_style2 dd:last-child,.list_style1 li:last-child{margin-bottom:0;}

.list_style2 dd{background:url(/renewal/pc/images/common/tit_icon_dot2.png) no-repeat 0 9px;}
.list_style1 dd:last-child,.list_style1 li:last-child,.list_style3 li:last-child{margin-bottom:0;}




table .list_style1 li{font-size:14px !important;}

.reference{margin-left:20px; margin-top:10px;padding:20px 17px; color:#282828; font-size:14px; font-weight:300; background-color:#eef4f4; line-height:23px; border-radius:5px}

.guide_con table{border:1px solid #d5dcdc; width:100%}
.guide_con table th,.guide_con table td{padding:13px; color:#282828; font-size:14px; text-align:center; line-height:1.3em; border:1px solid #d5dcdc} 
.guide_con table th{background-color:#f3f3f3;} 

.inline-block{display:inline-block;}
.w23{width:23%}

/*나의강의실*/
.learning_box{margin-bottom:30px;}

.leaning_table{width:100%; border-top:2px solid #3cbfaf;border-left:1px solid #d5dcdc;border-bottom:1px solid #d5dcdc;}
.leaning_table th,.leaning_table td{border-right:1px solid #d5dcdc;}
.leaning_table td{cursor:pointer;}
.leaning_table th{height:50px; text-align:center; color:#333; font-size:16px; background-color:#f3f3f3; font-weight:500}
.leaning_table .graph{position:relative}
.leaning_table .graph span{position:absolute;font-size: 57px;font-weight: 900;top: 50%;margin-top: -36px;right: 36px;color: #333;letter-spacing: -2px;}
.leaning_table .graph span font{vertical-align:bottom;font-size: 34px;font-weight: 400;}
.leaning_table .time{font-size:30px; font-weight:500; color:#333; text-align:center; letter-spacing:-2px}
.leaning_table .time .explain2{letter-spacing:-1px;}
.leaning_table .schedule{text-align:center; font-size:0;}
.leaning_table .schedule div{display:inline-block; vertical-align:middle; width:36px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:36px; margin:0 2px; font-size:18px}
.leaning_table .schedule div.chk_on{background-color:#3cbfaf}
.leaning_table .schedule div.chk_off{background-color:#7c7c7c}


.lecture_info{border:1px solid #d5dcdc;border-top:2px solid #3cbfaf;}
.lecture_info>div{float:left; width:50%; box-sizing:border-box;}
.lecture_info h5{height:50px; text-align:center; color:#333; font-size:16px; background-color:#f3f3f3; font-weight:500; line-height:50px;}
.lecture_info h5 strong{font-weight:900;}

.lec_report{position:relative;}
.lec_report ul{padding:15px 18px;}
.lec_report li{padding:5px 0; height:28px; line-height:28px;}
.lec_report li a{color:#333; font-size:15px; font-weight:300; vertical-align:middle}
.lec_report .plus{position:absolute; top:13px; right:17px; display:block; width:26px; height:26px; line-height:25px; color:#b5b5b5; font-weight:900; font-size:25px; border-radius:26px; border:1px solid #b5b5b5;text-align:center;    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.lec_report .plus:hover{ -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg); color:#3cbfaf; border:1px solid #3cbfaf}

.lec_dday { border-left:1px solid #d5dcdc;}
.lec_dday div{padding:15px 18px; font-size:45px; color:#333; font-weight:400; letter-spacing:-2px; text-align:center;}
.lec_dday strong{font-weight:900; color:#3cbfaf;}
.lec_dday .explain2{letter-spacing:-1px;}



.board_box{}
.board_box>div{position:relative; float:left; width:460px;}
.board_box>div h4{border-bottom:2px solid #3cbfaf}
.board_box>div ul{padding:15px 17px;}
.board_box>div li{padding:5px 0; height:28px; line-height:28px;}
.board_box>div li a{color:#333; font-size:15px; font-weight:300; vertical-align:middle}
.board_box>div>a{position:absolute; right:0; top:23px; font-size:15px; color:#7c7c7c; font-weight:400;}
.board_box>div>a img{vertical-align:middle; margin-left:10px; margin-top:-2px}

.board_box>div li span{float:right;}

.board_notice{margin-right:50px;}


.lec_tab{font-size:0; margin-bottom:20px;}
.lec_tab span,.lec_tab a{display:inline-block; width:483px; height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:500; background-color:#7c7c7c; text-align:center; cursor:pointer;}
.lec_tab .active{background-color:#3cbfaf;}
.lec_tab .fir{margin-right:4px;}


.lec_list{}
.lec_list li{padding:28px 26px; position:relative; border-radius:10px; border:1px solid #d5dcdc; overflow:hidden; margin-bottom:20px;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.lec_list li:hover{box-shadow:0 0 5px rgba(0,0,0,0.2);}
.lec_list li h5{color:#333; font-weight:bold; font-size:20px; margin-bottom:18px}
.lec_list li h5 img{vertical-align:top;}
.lec_list li>p{position:relative; color:#7c7c7c; font-size:16px; font-weight:300;}
.lec_list li .lec_btn,.lec_list li .lec_btn2{position:absolute; right:0; top:0; height:100%; width:200px; background-color:#f3f3f3;}
.lec_list li p .tot_process{position:absolute;bottom: -10px;right:160px;color:#3cbfaf;font-size:40px;font-weight: 500;}
.lec_list li p .tot_process font{font-size: 25px;vertical-align:bottom;}


.lec_list li .lec_btn a{display:block;width:145px;height: 65px;line-height: 65px;color:#fff;font-size:18px;text-align:center;border-radius:5px;margin:26px auto 0;}
.lec_list li .lec_btn a.btn3:hover{background-color:#3cbfaf;}

.lec_list li .lec_btn2 a{display:block; width:145px; height:35px; line-height:35px; color:#fff; font-size:16px; text-align:center; border-radius:5px; margin:14px auto;}
.lec_list li .lec_btn2 a.btn3:hover{background-color:#3cbfaf;}


.textbox{color:#7c7c7c; font-size:14px; font-weight:300; line-height:1.8em;}

/*나의강의실 수강중인 강좌*/
.package_sub{position:relative; width:100%; z-index:4; margin-top:25px;}
.package_sub td{padding:20px 0; border-top:1px solid #d5dcdc}
.package_sub .p_sub_tit{color:#7c7c7c; font-size:14px; font-weight:400}
.package_sub .p_sub_tit strong{display:block;color:#3cbfaf; font-weight:bold; margin-bottom:9px; font-size:16px;}

.p_sub_percent{position:relative; color:#333; font-size:16px; font-weight:400; line-height:1em}
.p_sub_percent p{position:absolute; top:20px; right:0; color:#7c7c7c; font-size:16px;}
.p_sub_percent strong{color:#333; font-size:16px; }
.p_sub_percent span{color:#ed1b23; font-size:16px; }
.p_sub_graph{margin-top:10px; height:10px; background-color:#f3f3f3; border-radius:5px; overflow:hidden;}
.p_sub_graph span{display:block; height:10px; border-radius:0 5px 5px 0; background-color:#ed1b23; width:0;}


.p_sub_btn {text-align:right;}
.p_sub_btn a{display:inline-block; width:145px; height:35px; line-height:35px; color:#fff; font-size:16px; text-align:center; border-radius:5px; background-color:#333; }
.p_sub_btn a:hover{background-color:#3cbfaf;}


/*나의모의고사*/
.quebox2{position:relative;}
.test_info{position:absolute; bottom:101%; right:0; font-size:16px; color:#333; font-weight:300}
.quebox1 .btn,.quebox2 .btn{width: 100px; text-align: center; border-radius: 3px; font-size: 13px;}



/*장바구니*/
.order_step{padding:30px 0 25px; text-align:center; font-size:0;}
.order_step span,.order_step>img{display:inline-block; vertical-align:middle;}

.order_step span{width:120px; height:90px; padding-top:30px; text-align:center; color:#bdc6c6; font-size:15px; border-radius:120px; border:1px solid #c0c9c9;}
.order_step span img{display:block;margin:0 auto 8px;}
.order_step span.active{background-color:#3cbfaf; color:#fff; border:1px solid #3cbfaf;}

.order_step>img{margin:0 37px;}

.order_tit{color:#333; font-size:16px; margin-bottom:9px;}
.order_table th,.order_table td{box-sizing:border-box;}
.order_table tr.bg th{    border-bottom:0 !important; border-top: 2px solid #3cbfaf;}
.quantity_change{border:1px solid #d5dcdc; border-radius:3px; text-align:center; color:#333; font-size:16px; height:35px; width:100%; cursor:pointer}


.total_price{border-top:2px solid #d5dcdc;padding: 15px; background-color:#f3f3f3}
.total_price span, .total_price div{display:inline-block; vertical-align:middle;}
.total_price span{color:#333; font-size:16px; font-weight:500;}
.total_price span font{display:inline-block; margin-left:14px; margin-right:4px;}

.total_price .plus{width:30px; height:30px; text-align:center; line-height:30px; color:#fff; font-size:16px; font-weight:900; margin:0 28px; background-color:#3cbfaf; border-radius:30px;}

.total_price div{ font-size:20px; color:#333;text-align:right;}
.total_price div span{ margin-left:40px; font-size:20px;}
.total_price div span font{color:#ed1b23; font-size:20px; font-weight:900;}


/*주문진행*/
.order_table .boardArea{position:relative; margin-bottom:50px;}
.boardArea .require_info{position:absolute; top:-26px; right:0; text-align:right; color:#7c7c7c; font-size:16px; font-weight:300;}
 .require_icon{vertical-align:top; color:#ed1b23; font-size:16px; font-weight:300;}
.order_table .boardArea input,.order_table .boardArea select{border:1px solid #d5dcdc; color:#7c7c7c; font-size:16px; font-weight:300; height:43px; text-indent:5px; vertical-align:middle}

#od_b_addr1,#od_b_addr2{width:408px; margin-right:10px;}
#od_b_addr2{margin-right:0;}
#od_memo{width:100%; box-sizing:border-box; border:1px solid #d5dcdc; height:68px;}
.address_search{height:43px; line-height:43px; width:125px; vertical-align:middle; margin-left:5px}

.point_use{color:#7c7c7c; font-size:16px; margin:0 10px; vertical-align:middle;}
.point_info{color:#7c7c7c; font-weight:500; font-size:16px; vertical-align:middle;}

.order_btn{text-align:center; margin-top:50px;}
.order_btn a,.order_btn input{display:inline-block; width:298px; height:60px; line-height:60px; color:#fff; font-size:20px; font-weight:400; border-radius:10px; text-align:center; margin:0 10px; vertical-align:middle; border:0; cursor:pointer}



/*결제내역*/
.tableList{padding-top:10px; margin-top:10px; border-top:1px solid #d5dcdc;}
.tableList2{margin:10px 0 40px; border-top:1px solid #d5dcdc;border-bottom:1px solid #d5dcdc; font-size:0; padding:10px 0}
.tableList2 select,.tableList2 label,.tableList2>span{display:inline-block;vertical-align:middle;}

.tableList2>span {color:#7c7c7c; font-size:14px; font-weight:500;}
.btn_label {width:60px; height:38px; line-height:38px; border:1px solid #d5dcdc; text-align:center; cursor:pointer; font-size:14px; font-weight:300; margin-left:18px;}

.date_input{cursor:pointer;  }
.date_input input{width:100%; height:38px; color:#7c7c7c; font-size:14px;text-align:center; letter-spacing:.5px; border:1px solid #d5dcdc; width:97px; margin-right:5px; cursor:pointer}
.date_input.date1{margin-left:20px; margin-right:12px;}
.date_input.date2{margin-left:12px; margin-right:27px;}

.tableList2 select{height:38px; color:#7c7c7c; font-size:14px;text-align:center; text-indent:3px; border:1px solid #d5dcdc; width:97px; margin-right:10px;}

.payment_btn {display:inline-block; vertical-align:middle; width:99px; height:38px; line-height:38px; color:#fff; text-align:center; font-size:14px; font-weight:500; background-color:#ed1b23; border:0; cursor:pointer}


.payment tr.bg th {
    border-bottom: 0 !important;
    border-top: 2px solid #3cbfaf;
}
.total_price{position:relative;}
.total_price p{position:absolute; left:20px; top:1px;}


/*교재/배송정보*/
.delivery .status{color:#3cbfaf; font-weight:500}


/*할인권*/
.tableList>span {color:#7c7c7c; font-size:14px; font-weight:500;}
.tableList .txt1 {width:720px; text-indent:3px; margin-left:30px; height:38px; border:1px solid #d5dcdc;margin-right:17px;}

.coupon_notice{margin-top:30px; padding:22px; background-color:#f3f3f3;}
.coupon_notice dt{color:#333; font-size:16px; font-weight:500; margin-bottom:5px;}
.coupon_notice dd{ color:#7c7c7c; font-size:14px; font-weight:300; padding:5px 0 5px 35px;}
.coupon_inbox {margin-left:20px; padding:20px 15px; border:3px solid #eef4f4; border-radius:5px}
.coupon_inbox p{font-size:13px; text-indent: 13px;}

/*포인트/사이버머니*/
#BodyTitle{border:1px solid #d5dcdc; border-radius:10px; overflow:hidden; margin:40px auto !important}
#BodyTitle h5{background-color:#f3f3f3; color:#333; font-size:18px; font-weight:bold; padding-left:24px; height:50px; line-height:50px;}
#BodyTitle>div{float:left; width:50%; box-sizing:border-box;}

.tableList_middle{border-right:1px solid #d5dcdc;}
.tableList_middle div{padding:20px 26px; font-size:0;}
.tableList_middle span{display:inline-block; width:50%; box-sizing:border-box; vertical-align:middle; height:52px; line-height:52px; }
.tableList_middle .point1{background-color:#333; font-size:16px; font-weight:500; text-align:center;color:#fff;}
.tableList_middle .point2{border:1px solid #333; padding-left:15px; color:#3cbfaf; font-size:16px; font-weight:bold;}


.money_change div{padding:20px 26px; font-size:16px; color:#7c7c7c; line-height:50px;}
.money_change div input{width:98px; height:50px; border:1px solid #7c7c7c; text-align:center; color:#7c7c7c; font-size:16px; text-align:center; font-weight:bold;}
.money_change div font{color:#3cbfaf;}
.money_change div a{display:inline-block; width:100px; height:50px; line-height:50px; color:#fff; font-size:16px; font-weight:500;  text-align:center; vertical-align:middle; margin-left:20px}



/*회원정보 수정*/
.mjoin_area  input,.mjoin_area select{border:1px solid #d5dcdc;font-size:16px;vertical-align:middle;min-width: 60px;}
.mjoin_area  input[type=password],.mjoin_area  input[type=text],.mjoin_area select{height:43px; text-indent:5px ; color:#7c7c7c; }
.mjoin_area  input[type=checkbox]{margin:5px 0;}
.mjoin_area  select{width:100px;}

.interest{}
.interest input{display:none;}
.interest label{font-size:14px; color:#7c7c7c; font-weight:300; height:27px; line-height:27px; cursor:pointer;}
.interest .chk_icon{display:inline-block; width:22px; height:22px; background:url(/renewal/pc/images/mypage/check_off.png) no-repeat; vertical-align:middle; margin-right:7px;}

.interest input[type="checkbox"]:checked + label .chk_icon{background:url(/renewal/pc/images/mypage/check_on.png) no-repeat;}

.ad_btnarea a,.ad_btnarea input{border-radius:10px;}
.ad_btnarea .btn2{margin:0 10px;}



/*로그인 페이지*/
.login_page{background-color:#f8f8f8}
.sub_login_box,.sub_member_box{padding:100px 0 200px; width:620px; margin:0 auto;}
.sub_login_box h4{color:#7c7c7c; text-align:center; font-size:18px; font-weight:300; line-height:1em}
.sub_login_box h4 span{display:block; color:#333; font-size:100px; font-weight:100; letter-spacing:-4px; line-height:1em; margin-bottom:20px;}
.sub_login_box #login_form{margin-top:45px;}
.sub_login_box #login_form .login_input{width:100%; border:1px solid #d5dcdc; height:68px; padding-left:68px; color:#7c7c7c; font-size:18px; font-weight:300; border-radius:10px; margin-bottom:10px; background-color:#fff;}
.sub_login_box #login_form .login_input:focus{box-shadow:0 0 5px rgba(0,0,0,0.2);}

.sub_login_box #login_form #userid_id{background:url(/renewal/pc/images/join/icon_id.png) no-repeat 20px 50% #fff;}
.sub_login_box #login_form #passwd_id{background:url(/renewal/pc/images/join/icon_pw.png) no-repeat 20px 50% #fff;}

.sub_login_box #login_form input[type=submit]{width:100%; height:68px; line-height:68px; color:#fff; text-align:center; font-size:25px; font-weight:bold; border-radius:10px; border:0; cursor:pointer}


.sub_login_box #login_form .login_btn_area{padding:30px 0; text-align:left; border-bottom:1px solid #c6c5c5; margin-bottom:30px;}
.sub_login_box #login_form .login_btn_area label{color:#c6c5c5; font-size:17px; }
.sub_login_box #login_form .login_btn_area div{float:right;height:30px; line-height:30px;}
.sub_login_box #login_form .login_btn_area div a{display:inline-block; color:#333; font-size:17px; padding-right:12px; height:15px; line-height:15px; border-right:1px solid #c6c5c5; margin-left:12px;}
.sub_login_box #login_form .login_btn_area div a.last{border-right:0 !important;}


.sub_member_box h4{color:#7c7c7c; text-align:center; font-size:18px; font-weight:300; line-height:1em}
.sub_member_box h4 span{display:block; color:#333; font-size:50px; font-weight:500; letter-spacing:-3px; line-height:1em; margin-bottom:20px;}

.join_step{padding:30px 0 25px; text-align:center; font-size:0;}
.join_step span,.join_step>img{display:inline-block; vertical-align:middle;}
.join_step>img{margin:0 12px;}
.join_step span{width:120px; height:90px; padding-top:30px; text-align:center; color:#bdc6c6; font-size:15px; border-radius:120px; border:1px solid #c0c9c9;}
.join_step span img{display:block;margin:0 auto 8px;}
.join_step span.active{background-color:#3cbfaf; color:#fff; border:1px solid #3cbfaf;}

.agree_chk {margin-top:15px;}
.agree_chk input{display:none;}
.agree_chk label{color:#7c7c7c; font-size:16px; font-weight:300; height:30px; line-height:30px;}
.agree_chk .agree_icon{display:inline-block; width:30px; height:30px; background:url(/renewal/pc/images/join/check_big_off.png) no-repeat; vertical-align:middle; margin-right:10px;}
.agree_chk input[type="checkbox"]:checked + label .agree_icon{background:url(/renewal/pc/images/join/check_big_on.png) no-repeat;}
.mjoin_area .btn_area {font-size:0;}
.mjoin_area .btn_area a,.mjoin_area .btn_area input{width:300px; margin:0 5px;}

.join_table {width:100%;}
.join_table th {  text-align:center; padding:5px 0 5px 15px; color:#7c7c7c; font-size:16px; font-weight:bold; border:1px solid #d5dcdc;  background:#fff; text-align:left; font-weight:500}
.join_table td{  text-align:left;  padding:8px 10px; background:#fff;   color:#7c7c7c; font-size:14px;  line-height:1.5em;  border:1px solid #d5dcdc}
.join_table th p{line-height:1.5em }


.add_chk{}
.add_chk font{color:#3bbeae;}

.complete_box{padding:35px 0; margin-top:50px; border:1px solid #d5dcdc;}
.complete_box h5{text-align:center; color:#333; font-size:25px; font-weight:bold; margin-bottom:25px;}
.complete_box p{color:#7c7c7c; font-size:18px; text-align:center; line-height:1.6em;}



.find_pw_text{color:#7c7c7c; font-size:18px; font-weight:400; line-height:1.6em; text-align:center; margin-top:50px;}
.find_pw_text img{display:block; margin:0 auto 10px;}


/*마이페이지 확인*/
#passwd{padding:40px; width:620px;}
#passwd>div{}
#passwd h3{color:#7c7c7c; font-size:18px; margin-bottom:35px; text-align:center; font-weight:400}
#passwd h3 img{display:block; margin:0 auto 25px;}
#passwd input[type=password]{width:100%; border:1px solid #d5dcdc; height:68px; padding-left:68px; color:#7c7c7c; font-size:18px; font-weight:300; border-radius:10px; margin-bottom:10px; background:url(/renewal/pc/images/join/icon_pw.png) no-repeat 20px 50%;}
#passwd input[type=password]:focus{box-shadow:0 0 5px rgb(0,0,0,0.2);}


/*자주묻는 질문*/
.faq_step{}
.faq_step li{position:relative; height:50px; line-height:50px; color:#333; font-size:18px; font-weight:300; border-radius:25px; padding-left:145px; border:1px solid #d5dcdc; margin-bottom:10px;}
.faq_step li div{position:absolute; top:0; left:0; color:#3cbfaf; font-size:18px; line-height:48px; height:50px; background-color:#f8f8f8; border-radius:25px; overflow:hidden; padding-right:30px; font-weight:400}
.faq_step li div span{position:relative; left:-2px; display:inline-block; width:50px; height:50px; line-height:50px; border-radius:50px; background-color:#3cbfaf; text-align:center; font-size:0; vertical-align:top; margin-right:5px;}
.faq_step li a{position:absolute; top:0; right:0; display:inline-block; width:160px; height:50px; line-height:50px; color:#fff; text-align:center; background-color:#7c7c7c; border-radius:25px;}

.faq_search{width:320px; margin:40px auto 50px;}
.faq_search input{font-size:18px; color:#333;}
.faq_dd_btn a{width:70px;}

.faq_dd p{line-height: 1em;}




/*이벤트*/

.board_button { clear:both; margin:10px 0 0 0; }

.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a:link { color:#777; }

.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }

img {border: none;} 
.event_list_img { padding:0px; margin:0 0 0 0; height:80px;}

.event_list_text ul { margin:0; padding:0; list-style:none;height:80px; } 
.event_list_text li  { text-align:left; vertical-align:top;color:#bbbbbb;line-height:18px; font-size:12px; font-weight:600;} 
.event_list_text li a { display:block; line-height:20px; padding:3px 0 10px;color:#333333; font-size:16px; font-weight:600; height:30px;}
.event_list_text li strong { color:#666666; padding-left:10px;}
.event_list_text img { vertical-align:middle;}

.tab_event {margin-bottom:20px;}
.tab_event li {float:left; width:483px;}
.tab_event li.fir {margin-right:4px;}
.tab_event li a{display:block; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; font-weight:500; background-color:#7c7c7c}

.tab_event li.on a{background-color:#3cbfaf;}


.event_list{}
.event_list li{position:relative; padding:20px; border:1px solid #d5dcdc; border-radius:10px; margin-bottom:10px;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.event_list li:hover{ box-shadow:0 0 5px rgba(0,0,0,0.2);}
.event_list li input{position:absolute; top:9px; left:5px;}
.event_list li >div{float:left;}
.event_list_img{width:340px; margin-right:20px;}
.event_list_text{}
.event_list_text h3{ margin-bottom:40px;}
.event_list_text h3 a{color:#333; font-size:20px; font-weight:bold;}
.event_list_text p{color:#333; font-size:15px; font-weight:300; text-align:left;}
.event_list_text p span{display:inline-block; width:100px; height:35px; line-height:35px; text-align:center; color:#333; font-size:15px; font-weight:300; vertical-align:middle; background-color:#eef4f4; border-radius:17px; margin-right:10px}



/*회사소개*/
.comp1{height:500px; background:url(/renewal/pc/images/media/con1.png) no-repeat 50%;}
.comp2{background-color:#eef4f4;}
.comp2 .inbox{height:500px; background:url(/renewal/pc/images/media/con2.png) no-repeat 100% 50%;}
.comp1 .inbox{position:relative;}
.comp1 .inbox .subLeft{position:absolute; top:-60px; left:0;}
.comp1 .inbox .subLeft ul{background-color:#fff;}

.comp3{background-color:#3cbfaf;}
.comp3 .inbox{height:940px; background:url(/renewal/pc/images/media/con3.png) no-repeat 100% 50%;}

/*수강할인혜택*/
.lecture_guide{padding:90px 0 50px; background-color:#f8f8f8;}
.lecture_guide h3{color:#333; font-size:50px; font-weight:500; margin-bottom:50px; text-align:center; line-height:1em; letter-spacing:-1px}
.lecture_guide h3 span{display:block; color:#3cbfaf; font-size:40px; font-weight:bold; margin-top:15px}

.guide_tab2{text-align:center; border-bottom:2px solid #3cbfaf; font-size:0;}
.guide_tab2.scroll{position:fixed; top:0; left:0; background-color:#fff; width:100%; z-index:10;}
.guide_tab2 a{display:inline-block; width:235px; margin-right:6px; height:68px; line-height:68px; background-color:#333; color:#fff; font-size:20px; font-weight:500; text-align:center; cursor:pointer;}
.guide_tab2 a.active{background-color:#3cbfaf;}
.guide_tab2 a.last{margin-right:0 !important;}

.guide_info{}
.guide_info .ginfo_wrap{ padding-bottom:56px; padding-top:56px; border-bottom:1px dashed #bdc6c6}
.guide_info>.ginfo_wrap.last{ border-bottom:0;}
.guide_info .ginfo_wrap>div{padding-left:242px; position:relative;}


.guide_info h5{position:absolute; top:0; left:0; width:235px; text-align:center; border-top:10px solid #3cbfaf; border-right:10px solid #3cbfaf; border-left:10px solid #148275; border-bottom:10px solid #148275; height:100%; box-sizing:border-box; background-color:#fff;}
.guide_info h5 img{position:absolute;}
.guide_info h5 .left_top{top:-10px; left:-10px;}
.guide_info h5 .right_bot{bottom:-10px; right:-10px;}

.guide_info h5 span{display:table; width:100%; height:100%; text-align:center;}
.guide_info h5 span strong{display:table-cell; vertical-align:middle; color:#333; font-weight:bold; font-size:50px; line-height:1.3em}
.guide_info h5 span strong font{display:block; font-weight:300;}


.guide_info li {border:1px solid #ececec; margin-bottom:5px; font-size:0; padding:25px 0 25px 40px; background-color:#fff;}
.guide_info li.last{margin-bottom:0;}
.guide_info li span{display:inline-block; vertical-align:middle; color:#ed1b23; font-size:100px; font-weight:400; letter-spacing:-2px; line-height:1em; margin-right:55px; width:180px}
.guide_info li span font{font-size:50px;}
.guide_info li div{display:inline-block; vertical-align:middle;}
.guide_info li div h6{color:#333; font-size:25px; font-weight:bold; margin-bottom:15px;}
.guide_info li div p{color:#7c7c7c; font-size:20px; font-weight:400; line-height:1.9em;}

/*나의강의실*/
.current_lec{position:relative; padding:30px 27px; margin-bottom:30px; background-color:#f3f3f3; border:1px solid #d5dcdc; border-radius:10px}
.current_lec h3{color:#333; font-size:20px; font-weight:bold;  }
.current_lec h3 img{vertical-align:top;}
.current_lec>span{position:absolute; top:31px; right:27px; color:#7c7c7c; font-size:16px; font-weight:300;}

.current_lec .pack_lect_list{position:relative; border:1px solid #3cbfaf; margin-top:25px}
.current_lec .pack_lect_list h5{width:200px; height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:500; text-align:center; background-color:#3cbfaf}
.current_lec .pack_lect_list ul{position:absolute; width:712px; right:-1px; height:50px; overflow:hidden; top:-1px; background:url(/renewal/pc/images/mypage/next.png) no-repeat 680px 20px #fff; border:1px solid #3cbfaf;}
.current_lec .pack_lect_list ul a,.current_lec .pack_lect_list ul span{display:block; height:50px; line-height:50px; color:#333; font-size:18px; padding-left:25px; cursor:pointer;}
.current_lec .pack_lect_list ul a:hover{color:#fff; background-color:#3cbfaf}

/* 게시판 제목 hover*/
.b_tit td{-webkit-transition: all 0.20s ease-in-out;-moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; cursor:pointer;}
.b_tit:hover td{background-color:#efefef;}
.b_tit td a:hover {text-decoration:underline;}

/*검색 타이틀*/
.search_tit{padding:15px; background-color:#3cbfaf; color:#fff; font-size:20px; font-weight:500;}
.search_tit2{padding:15px;background-color:#148275;color:#fff;font-size: 23px;font-weight:500;margin-bottom:20px;margin-top: 50px;}

/*페이징*/
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#9b9b9b;font-size:19px;height:40px;line-height:38px;min-width:40px;text-decoration:none;border-radius:40px; border:1px solid #ddd; margin:0 4px;-webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;}
.pg_page:hover{background-color:#3cbfaf; border:1px solid #3cbfaf; color:#fff}


.pg_start,.pg_prev,.pg_end,.pg_next{font-size:13px;}

.pg_current {display:inline-block;background:#3cbfaf;color:#fff;height:40px;line-height:38px;min-width:40px;border-radius:40px; border:1px solid #3cbfaf;
font-size:19px;}

/*월별학습현황*/
.mthtb_top{width:100%; font-size:18px; margin-bottom:20px;}
.mthtb_top span{font-size:18px; vertical-align:middle}
.btnArea_right_month {font-size:18px;}
.btnArea_right_month select{height:38px; color:#7c7c7c; font-size:14px;text-align:center; text-indent:3px; border:1px solid #d5dcdc; width:97px; margin-right:10px;}
.month_btn {display:inline-block; vertical-align:middle; padding:0 10px; height:38px; line-height:38px; color:#fff; text-align:center; font-size:14px; font-weight:500; background-color:#3cbfaf ; border:0; cursor:pointer}
.month_tb th,.month_tb td{font-size:14px !important;}
.month_wrap .pg_page{font-size:14px !important;}
/*월별 상세*/

.month_cal {width:75%; margin:20px auto 30px;}
.month_cal th{font-size: 16px;color: #707070; text-align:center}
.month_cal .sun{color:#ff2827}
.month_cal .sat{color:#27a3ff}
.calendar-dates {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  text-align: center;
}

.calendar-dates td {
	position:relative;
  width: 10px;
  padding: 10px;
}
.attendance{position:absolute; top:50%; left:50%; margin-left:-23px; margin-top:-23px;    opacity: 0.3;}



.f_layer_pop{display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/renewal/pc/images/main/pop_bg.png) repeat; z-index: 100;}
.f_pop_box{position:absolute; top:7%; left: 0; right: 0; margin: 0 auto; width:85%; height:705px; background: #fff; padding:2%;}
.f_pop_box h3{padding-bottom:10px; font-size:25px; color: #333; border-bottom: 2px solid #3dbfaf;
font-weight: 800; margin-bottom:20px;}


#add_coupone input[name=coupon_num]{border:1px solid #bcbcbc;}


.board_guide h5{ margin-bottom: 10px; padding-left: 20px; color: #282828; font-size: 20px; background: url(/renewal/pc/images/common/tit_icon_r.png) no-repeat 0 50%;}
.board_guide p{margin-bottom:15px; }

.b_guide1 h6{color:#282828; font-size:18px; font-weight:bold;margin-bottom:15px; }

.b_guide2{margin-top:30px}
.b_guide2>p{padding-left:20px; font-weight:500; font-size:16px;}
.b_guide2 .g_inbox p{font-size:14px; line-height:1.2em; margin-left:12px; }
.b_guide2 .btn2,.b_guide2 .btn1{padding:0 10px;font-weight:500;height: 27px; line-height: 27px;}
.b_guide2 .btn2 i{margin-left:3px; font-size:18px; vertical-align:middle}
.b_guide2 .g_inbox h6.bold{margin-bottom: 5px;}


.b_guide3{margin-top:0px}
.b_guide3>p{padding-left:20px; font-weight:500; font-size:16px;}
.b_guide3 .g_inbox p{font-size:14px; line-height:1.2em; margin-left:14px;}
.b_guide3 .btn2,.b_guide3 .btn1{padding:0 10px;font-weight:500;height: 27px; line-height: 27px; }
.b_guide3 .btn2 i{margin-left:3px; font-size:18px; vertical-align:middle; }