@charset "euc-kr";

/* font */
/*@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/css/font/NotoSansKR-300.woff2) format('woff2'),
       url(/css/font/NotoSansKR-300.woff) format('woff'),
	   url(/css/font/NotoSansKR-300.eot);
}
*/
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(/css/font/NotoSansKR-regular.woff2) format('woff2'),
       url(/css/font/NotoSansKR-regular.woff) format('woff'),
	   url(/css/font/NotoSansKR-300.eot);
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(/css/font/NotoSansKR-500.woff2) format('woff2'),
       url(/css/fontNotoSansKR-500.woff) format('woff'),
       url(/css/font/NotoSansKR-regular.eot);
}

strong,b { font-weight: 500; }
/* Common */
html{overflow-y:scroll; font-size: 62.5%}
html,body {width:100%;margin:0;padding:0}
body,input,textarea,select,button,table { font-family: 'Noto Sans KR', Malgun Gothic,'¸¼Àº °íµñ','dotum', AppleGothic,sans-serif; font-size:1.4rem; font-weight: 400; color: #666; }
div,p,ul, li,ol,table,th,td,textarea,input,span,form,h1,h2,h3,h4,h5,h6,dt,dl,dd,em,sup{padding:0px;margin:0px;}
ul,ol,dl,dd,dt,li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:13px}
form,fieldset{margin:0;padding:0;border:0}
table,tbody,tfoot,thead,tr,th,td{border-collapse:collapse}
img{border:0;vertical-align:bottom;outline:none}
optgroup{font-style:normal;font-size:0px;height:0px;line-height:0px}
label{cursor:pointer;}
img,fieldset{border:0 none transparent;/*'transparent' for Opera7*/}
em{font-style:normal;}
i{font-style:italic;}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
legend{position:absolute;top:0;left:0;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
select {  font-family: 'Noto Sans KR', Malgun Gothic,'¸¼Àº °íµñ','dotum', AppleGothic,sans-serif; }
/* html5 ie9 else */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
/*
select{margin:0;vertical-align:middle;padding:3px 7px;height:24px;font-size:13px;color:#767676;border:1px solid #d4d4d4;font-family:Malgun Gothic, "¸¼Àº °íµñ", "±¼¸²", dotum, "µ¸¿ò", gulim, arial, sans-serif}
input{margin:0;vertical-align:middle;padding:3px 7px;font-size:13px;color:#767676;border:1px solid #d4d4d4;font-family:Malgun Gothic, "¸¼Àº °íµñ", "±¼¸²", dotum, "µ¸¿ò", gulim, arial, sans-serif}
textarea{padding:10px;border:1px solid #d4d4d4;resize:none;font-family:Malgun Gothic, "¸¼Àº °íµñ", "±¼¸²", dotum, "µ¸¿ò", gulim, arial, sans-serif}
input[type="file"]{background:#fff;margin:0;vertical-align:middle;padding:3px 7px;height:24px;font-size:13px;color:#767676;border:1px solid #d4d4d4}
*/
/*
select{margin:0;vertical-align:top;padding:5px 7px;height:27px;font-size:13px;color:#767676;border:1px solid #d4d4d4}
input{margin:0;vertical-align:top;padding:5px 7px;font-size:13px;color:#767676;border:1px solid #d4d4d4}
*/
input[type="checkbox"],input[type="radio"]{border:none}

/* ¸µÅ© */
a{text-decoration:none;color:#666;cursor:pointer;}
a:link,a:visited{text-decoration:none;color:#666;}
a:hover,a:focus,a:active{ /*background:none;*/text-decoration:none;}

/* ½ºÅµ³×ºñ */
#skip_nav{position:absolute;top:-50px;left:0;width:100%;}
#skip_nav a{position:absolute;width:100%;text-align:center;background:#458acf;color:#fff;height:30px;display:block}
#skip_nav a:focus{top:50px}

/* wrap */
#wrap{width:100%;background:#fff}
#header{width:100%;min-width:1020px}
#header:after{clear:both;display:block;content:'';zoom:1}
#service_wrap{width:100%;min-width:1020px;height:32px;background:url(../images/common/bg_service.gif) 0 bottom repeat-x #e9e9e9}
#service_wrap:after{clear:both;display:block;content:'';zoom:1}
#search_wrap{width:100%;height:90px}
#gnb_wrap{width:100%;height:55px;border-top:2px solid #002f87;border-bottom:1px solid #ccc;z-index:100}
#container{width:100%;min-width:1020px;position:relative}
#event_wrap{width:100%;height:400px;border-bottom:1px solid #ddd;min-width:1020px}
#newB_wrap{margin:40px auto 0;width:1020px}
#bestB_wrap{margin:60px auto 0;width:1020px;min-width:1020px}
#file_wrap{margin-top:60px;width:100%;height:170px;background:#f2f2f2;min-width:1020px}
#aside_wrap{margin:25px auto 0;width:1020px;min-width:1020px}
#aside_wrap:after{clear:both;display:block;content:'';zoom:1}
#footer{margin:36px auto 40px;width:1020px;}
#sevice{width:1020px;margin:0 auto}
.inner_wrap{margin:0 auto;width:1020px}

/* sub page */
#contents_wrap{width:1020px;margin:0 auto;position:relative;}
#contents_wrap:after{clear:both;display:block;content:'';zoom:1}
#sub_menu { float: left; width:180px; margin-top:20px;}
#sub_contents { float: left; width: 740px; margin: 20px 50px 0; }
#right_banner { position: absolute; right: -8.0rem; width: 72px;}
h3 { font-size: 3.0rem; padding: 2rem 0 0 0; border: 0; margin: 0; color: #333; font-weight: 400; }
h4 { font-size: 2.0rem; /*font-size:16px;*/ padding: 0; border: 0; margin: 0; color:#333; font-weight:500; }
h4.pd { padding-bottom: 1rem; }
h5 { font-size: 1.8rem; /*font-size:14px;*/ padding: 0; border: 0; margin: 0; color:#333; font-weight:500; }
.center_banner{position:relative;width:736px;height:288px;border:1px solid #c4c4c4;overflow:hidden}
.center_banner .center_banner_visual img{width:736px;height:288px;border:0;}
.center_banner .center_banner_visual li{display:none;}
.center_banner .center_banner_visual .on{display:block;}
.center_banner .center_banner_lst{position:absolute;right:10px;bottom:8px;z-index:1}
.center_banner .center_banner_lst li{float:left;margin-left:6px;border:1px solid #a0a0a0;background:#bcbcbe;border-radius:50%}
.center_banner .center_banner_lst li a{display:block;width:12px;height:12px}
.center_banner .center_banner_lst li.on{background:#f3d14d}
.center_banner .center_banner_lst li:first-child{margin-left:0}
.center_banner .center_banner_lst:after{clear:both;display:block;content:'';zoom:1}
.sub_new_lst{width:100%;margin-top:45px;border:0;padding:0}
.sub_new_lst:first-child{margin:20px 0 0 0;}
.sub_tit_box{width:100%;/*height:40px;*/padding: 0 0 0.5rem 0; border-bottom:1px solid #bababa;position:relative}
.sub_tit_box span{float:right;margin-top:6px;}
.sub_book_box{width:738px;margin-top:20px;}
.sub_book_box ul{width:738px;margin-top:23px;display:inline-block;}
.sub_book_box ul:first-child{margin-top:0;}
.sub_book_box .sub_book_lst{width:168px;float:left;background:#fff}
.sub_book_box .sub_book_lst+ .sub_book_lst { margin: 0 0 0 2.0rem; }
.sub_book_box .sub_book_lst:first-child{margin-left:0;}
.sub_book_box .sub_book_lst a{display:block;padding:0; text-align: center; }
.sub_book_box .sub_book_lst a:hover{color:#000}
.sub_book_box img{width:133px;height:182px; margin: 0 auto; padding:0;border:1px solid #e6e6e6}
.sub_book_box .tit { display: inline-block; padding: 0.6rem 0 0 0; text-align: center; font-size: 1.4rem; line-height: 2.1rem; word-break: keep-all; }
.sub_book_box .mp3{width:60px;height:19px;display:block;margin:7px auto;border:1px solid #666;border-radius:2px;background:url(../images/common/icon_mp3.png) 5px 3px no-repeat;}
.sub_book_box .mp3 a{padding-left:22px;display:block;color:#4c4c4c;}
.sub_book_box .mp3 a:hover{color:#000}
.sub_tag_box{width:100%;height:130px;border-bottom:1px solid #bababa;background:#f2f2f2;}
.sub_tag_box .tag_lst{ margin:0 0 0 8px; padding: 8px 0 0 0; width:738px}
.sub_tag_box .tag_lst li{float:left;margin:4px 0 0 4px}
.sub_tag_box .tag_lst ul:after{clear:both;display:block;content:'';zoom:1}
.sub_tag_box .btn_tag{display:inline-block;float:left;*display:block;padding:6px 7px 6px;border:1px solid #c6c6c6;border-radius:3px;background:#fff;opacity:0.9;filter:alpha(opacity=90);font-size:13px;line-height:18px;white-space:nowrap}
.sub_tag_box .btn_tag:hover{border-color:#002f87;color:#002f87}
.sub_tag_box .btn_tag_more{display:block;width:12px;height:18px;background:url(../images/common/btn_bg_plus.gif) 0 4px no-repeat;font-size:0}
.sub_tag_box .btn_tag_more:hover{background-position:0 -26px}
.sub_event{width:738px;height:120px;border-bottom:1px solid #dadada;position:relative;}
.sub_event_thumb{}
.sub_event_thumb img{width:190px;height:120px;border:0;float:left;}
.sub_event_txt{width:528px;height:120px;border:0;padding-left:20px;float:left}
.sub_event_tit{font-size:17px;font-weight: 500;border:0;margin:0;color:#666;margin-top:30px;}
.sub_event_tit:hover{color:#000;}
.sub_event_per{font-size:12px;border:0;margin:0;color:#666;margin-top:15px;}
.sub_event_per:hover{color:#000;}

.sub_navi{width:100%;height:18px;margin-top:4px;padding:0;z-index:100;}
.sub_navi ul{float:right;}
.sub_navi_lst{height:18px;float:left;font-size:11px;margin-top:-4px;padding-left:6px;position:relative; color: rgba(150,150,150,1);}
.sub_navi_lst:first-child{padding-left:11px;background:url(../images/common/navi_home.gif?1) 0 3px no-repeat;}
.sub_navi_lst .btn_btm{float:right;width:13px;height:13px;margin:3px 0 0 5px;display:block;border:1px solid #c8c8c8;background:url(../images/common/btn_bg_arrow_b.gif) 3px 3px no-repeat}
.navi_box_2dep{margin-top:22px;padding:10px 10px;border:1px solid #c8c8c8;background:#fff;line-height:20px;position:absolute;top:0;right:0;font-size:11px;z-index:999;}
.navi_box_2dep a{display:block;}
.navi_box_2dep a:hover{color:#000}
.navi_box_3dep{margin-top:22px;padding:10px 10px;border:1px solid #c8c8c8;background:#fff;line-height:20px;position:absolute;top:0;right:0;font-size:11px;z-index:999;}
.navi_box_3dep a{display:block;}
.navi_box_3dep a:hover{color:#000}

.sub_view_box{width:738px;display:inline-block;}
.sub_view_tit{width:100%;/*margin-top:27px;*/}
.sub_view_left{width:262px;height:auto;float:left;margin-top:23px;display:block;}
.sub_view_left img{width:228px;height:312px;border:1px solid #c6c6c6;margin:0;padding:0;}
.sub_view_right{width:476px;height:auto;float:left;margin-top:23px;display:block;}
.view_right_box{width:476px;height:auto;border-top:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c;margin:0;padding:0;}
.view_right_box ul:after{clear:both;display:block;content:'';zoom:1}
.view_right_box .item{width:463px;margin-top:7px;padding-left:13px;background:url(../images/common/bu_cont.gif) 0 6px no-repeat;}
.view_right_box .item:first-child{margin-top:15px;}
.view_right_box .item:after{clear:both;display:block;content:'';zoom:1}
.view_right_box .lik_store{width:463px;height:18px;margin-top:15px;padding-left:13px;background:url(../images/common/bu_cont.gif) 0 6px no-repeat;}
.view_right_box .box_name{width:66px;float:left;color:#4c4c4c;}
.view_right_box .right{float:right;}
.view_right_box .box_con{float:left;margin-left:15px;color:#4c4c4c;}
.view_right_box .box_con_st{float:left;width:380px;margin-left:15px;color:#4c4c4c;}
.view_right_box .box_con_store{width:382px;height:54px;float:left;margin-left:15px;}
.view_right_box .box_con_store ul{margin-top:20px;}
.view_right_box .box_con_store ul:first-child{margin-top:0;}
.view_right_box .box_con_store li{float:left;padding:0 20px 0 20px;background:url(../images/common/l_line_table.gif) 0px -9px no-repeat;}
.view_right_box .box_con_store li:first-child{padding:0 20px 0 0;background:url(../images/common/l_line_table.gif) -1px -9px no-repeat}
.view_right_box .box_con_store li a:hover{color:#000;}
.view_right_box .price{font-size:16px;font-weight: 500;margin-top:-2px}
.view_right_box .buy{font-size:13px;font-weight: 500;color:#e81818;}
.view_right_box .btn_ybmchip{float:right;width:132px;height:20px;font-size:13px;padding-left:28px;margin-right:136px;border-radius:3px;text-align:center;color:#fff;background:#5ba4fe url(../images/common/btn_logo.png?z) 20px -104px no-repeat}
.view_right_box .btn_ybmchip2{float:right;width:132px;height:29px;font-size:13px;padding:6px 0 0 28px;margin:12px 88px 0 0;border-radius:3px;text-align:center;color:#fff;background:#5ba4fe url(../images/common/btn_logo.png?z) 20px -98px no-repeat}
.view_right_box .btn_ybmchip3{float:right;width:112px;height:20px;font-size:13px;padding-left:28px;margin:12px 108px 0 0;border-radius:3px;text-align:center;color:#fff;background:#96a5b4 url(../images/common/btn_logo.png?z) 10px -104px no-repeat}
.view_right_box .btn_purchasing{float:left;width:130px;height:30px;font-size:15px;padding-top:5px;margin:12px 0 0 92px;border-radius:3px;text-align:center;color:#fff;background:#f56363}
.view_right_box .event_box{width:476px;height:27px;background:#e0e0e0;margin:16px 0;}
.view_right_box .event_box .event_tit{width:66px;float:left;margin:4px 0 0 15px;font-size:13px;font-weight: 500;}
.view_right_box .event_box .event_con{width:395px;float:left;margin:4px 0 0 0;font-size:13px;}
.view_right_box .event_box .event_con:hover{text-decoration:underline;}
.view_right_box .box_bottom{height:41px;margin-top:18px;border-top:1px solid #4c4c4c;display:block}
.view_right_box .box_bottom li{float:left;text-align:center;margin-top:10px;width:158px;background:url(../images/common/l_line_table.gif) 0px -9px no-repeat}
.view_right_box .box_bottom li:first-child{background:url(../images/common/l_line_table.gif) -1px -9px no-repeat}
.view_right_box .box_bottom a:hover{color:#000;text-decoration:underline;}
.view_btn_box{width:476px;height:40px;border:0;}
.view_btn_box ul{margin-left:-4px;}
.view_btn_box li{float:left;}
.view_btn_box .ybmedu{width:92px;height:40px;display:block;margin:10px 0 0 4px;border:0;background:#3e9cde url(../images/common/btn_logo.png) 8px 12px no-repeat}
.view_btn_box .ybmclass{width:92px;height:40px;display:block;margin:10px 0 0 4px;border:0;background:#485485 url(../images/common/btn_logo.png) 22px -42px no-repeat}
.view_btn_box .e4u{width:92px;height:31px;display:block;margin:10px 0 0 4px;padding-top:9px;border:0;background:#454545;font-size:14px;color:#fff;text-align:center;}
.view_btn_box .ebook{width:92px;height:31px;display:block;margin:10px 0 0 4px;padding-top:9px;border:0;background:#454545;font-size:14px;color:#fff;text-align:center;}
.view_btn_box .free{width:92px;height:31px;display:block;margin:10px 0 0 4px;padding-top:9px;border:0;background:#454545;font-size:14px;color:#fff;text-align:center;}
.view_con_tab_wrap{}
.view_con_tab_box{width:738px;height:41px;border-left:1px solid #6e6e6e;margin-top:45px}
.view_con_tab{float:left;margin:0;padding-top:6px;width:144px;height:33px;border-left:0;border-top:1px solid #6e6e6e;border-right:1px solid #6e6e6e;border-bottom:1px solid #6e6e6e;font-size:1.5rem;color:#666;text-align:center; background: #f2f2f2}
.view_con_tab:hover{height:31px;border-top:1px solid #6e6e6e;border-right:1px solid #6e6e6e;border-bottom:3px solid #6e6e6e;color:#292929;}
.tab_on{border-bottom:0;font-size:16px;color:#002f87;font-weight:500; background: #fff; }
.tab_on:hover{border-bottom:0;font-size:16px;color:#002f87;font-weight: 500;}
.view_con_tab_none{float:left;margin:0;padding-top:6px;width:122px;height:33px;border-left:0;border-top:1px solid #6e6e6e;border-right:1px solid #6e6e6e;border-bottom:1px solid #6e6e6e;font-size:16px;color:#c8c8c8;text-align:center;}
.view_con_tab_none:hover{height:31px;border-top:1px solid #6e6e6e;border-right:1px solid #6e6e6e;border-bottom:1px solid #6e6e6e;color:#c8c8c8;}
.view_con_wrap{}
.view_con_box{width:738px;margin-top:30px;}
.view_con_box_book{width:738px;height:320px;margin-top:30px;}
.view_con_box:first-child{width:738px;margin-top:54px;}
.border_t{padding-top:26px;border-top:1px solid #c8c8c8}
.view_con_box .btn_close{width:47px;height:18px;float:right;display:block;margin-top:4px;padding-right:8px;color:#fff;text-align:center;font-size:11px;background:#aaaaaa url(../images/common/btn_bg_close.png) 38px 7px no-repeat}
.view_con_box .btn_open{width:47px;height:18px;float:right;display:block;margin-top:4px;padding-right:8px;color:#fff;text-align:center;font-size:11px;background:#aaaaaa url(../images/common/btn_bg_open.png) 38px 7px no-repeat}
.view_con_detail{width:738px;margin-top:20px;border:0;line-height:22px;overflow:hidden;}

.table_wrap{width:738px;margin-top:14px;margin-bottom:60px;}
.table_wrap table{width:738px;margin:0;border-bottom:1px solid #828282;text-align:center;}
.table_wrap th{font-size:13px;font-weight: 500;border-top:1px solid #828282;padding:9px 10px 12px 10px;border-collapse:collapse;}
.table_wrap td{border-top:1px solid #828282;padding:10px 10px 11px 10px;line-height:22px;border-collapse:0;}
/* .table_wrap td a{display:block;} */
.table_wrap td a:hover{color:#000}
.table_wrap .left{text-align:left;}
.table_wrap .l_line{background:url(../images/common/l_line_table.gif) 0px 0px no-repeat}
.table_wrap .view{text-align:left;padding:20px 10px;border-top:1px solid #828282;}
.table_wrap .download{border-left:1px solid #dddddd;font-size:15px;line-height:24px;}
.table_wrap .download a:hover{text-decoration:underline;}
.table_wrap .icon_dwn{display:block;width:17px;height:15px;float:left;margin-top:6px;margin-right:4px;border:0;background:url(../images/common/icon_mp3.png) 2px 1px no-repeat;}

.table_wrap .btn_wirte{width:90px;height:21px;margin:15px 0 0 0;padding-top:3px;color:#fff;text-align:center;font-size:12px;background:#d74949;border-radius:2px;position:absolute;top:-19px;right:0;}
.table_wrap .btn_back{width:90px;height:21px;margin:15px 0 0 0;padding-top:3px;color:#fff;text-align:center;font-size:12px;background:#666;border-radius:2px;float:right;display:block;}
.table_wrap .icon_review00{width:61px;height:9px;display:block;margin:0 auto;background:url(../images/common/icon_review_00.gif) 0 0 no-repeat}
.table_wrap .icon_review01{width:61px;height:9px;display:block;margin:0 auto;background:url(../images/common/icon_review_01.gif) 0 0 no-repeat}
.table_wrap .icon_review02{width:61px;height:9px;display:block;margin:0 auto;background:url(../images/common/icon_review_02.gif) 0 0 no-repeat}
.table_wrap .icon_review03{width:61px;height:9px;display:block;margin:0 auto;background:url(../images/common/icon_review_03.gif) 0 0 no-repeat}
.table_wrap .icon_review04{width:61px;height:9px;display:block;margin:0 auto;background:url(../images/common/icon_review_04.gif) 0 0 no-repeat}
.table_wrap .icon_review05{width:61px;height:9px;display:block;margin:0 auto;background:url(../images/common/icon_review_05.gif) 0 0 no-repeat}

#sub_contents .paginate_wrap{width:100%;margin-top:20px;position:relative;text-align:center;}
#sub_contents .paginate{overflow:hidden;display:inline-block;margin:0 auto;}
#sub_contents .paginate a{float:left;display:inline-block;margin:0;padding:0;width:20px;height:15px;border-left:1px solid #c8c8c8;}
#sub_contents .paginate .pre{float:left;width:13px;height:15px;display:block;border:1px solid #c8c8c8;border-radius:3px;background:url(../images/common/btn_bg_arrow_l.gif) 4px 4px no-repeat}
#sub_contents .paginate .next{float:left;width:13px;height:15px;display:block;border:1px solid #c8c8c8;border-radius:3px;background:url(../images/common/btn_bg_arrow_r.gif) 5px 4px no-repeat}
#sub_contents .paginate .frst{border:0}
#sub_contents .paginate .select{font-weight: 500;color:#ff6600}

.relatedbook_box{width:677px;margin:20px auto;position:relative;}
.relatedbook_box ul{width:738px;height:256px;margin-top:30px;}
.relatedbook_box ul:first-child{margin-top:30px;}
.relatedbook_box .sub_book_lst{width:143px;height:256px;float:left;margin-left:35px;background:#fff}
.relatedbook_box .sub_book_lst:first-child{margin-left:0;width:144px}
.relatedbook_box .sub_book_lst a{display:block;padding:0;}
.relatedbook_box img{width:133px;height:182px;margin:0 4px 11px 4px;border:1px solid #e6e6e6}
.relatedbook_box .tit{width:143px;height:40px;display:inline-block;text-align:center;}
.relatedbook_box .tit:hover{color:#000;}
.relatedbook_box .btn_arrow{position:absolute;top:67px;}
.relatedbook_box .btn_prev{left:-30px}
.relatedbook_box .btn_next{right:-30px}
.relatedbook_box .btn_prev a,.relatedbook_box .btn_next a{display:block;width:25px;height:49px;background:url(../images/common/sp_control_arrow.png) no-repeat;overflow:hidden}
.relatedbook_box .btn_prev a{background-position:0 0}
.relatedbook_box .btn_next a{background-position:-26px 0}
.relatedbook_box .btn_prev a:hover,.relatedbook_box .btn_next a:hover{background-color:#ddd}

.depth3_box{width:738px;border:1px solid #bababa;margin-top:23px;}
.depth3_box a{color:#969696;}
.depth3_box a:hover{color:#666;}
.depth3_box ul{width:736px;border-bottom:1px dotted #bababa;/*height:33px;border-left:1px solid #bababa;border-right:1px solid #bababa;*/}
.depth3_box ul.last{width:736px;border-bottom:0;/*height:34px;border-left:1px solid #bababa;border-right:1px solid #bababa;border-bottom:1px solid #bababa;*/}
.depth3_box li.default_lst{width:183px;float:left;display:block;padding:6px 0 10px 0;color:#666;text-align:center;/*background:url(../images/common/l_line_table.gif) 0px -3px no-repeat */}
.depth3_box li.default_lst:first-child{width:184px;background:none;}
.depth3_box li.last_lst{width:183px;float:left;padding:6px 0 10px 0;text-align:center;background:url(../images/common/l_line_table.gif) 0px -3px no-repeat}
.depth3_box li.last_lst:first-child{width:184px;background:none;}
.depth3_box ul:after { display: block; clear: both; content: ''; }
.depth3_box .select{color:#000;font-weight: 500;text-decoration:underline;}
.depth3_box .select:hover{color:#000;font-weight: 500;text-decoration:underline;}
.depth4_box{width:738px;margin-top:10px;display:inline-block;background:#eee;}
.depth4_box a{color:#969696;}
.depth4_box a:hover{color:#666;}
.depth4_box ul{}
.depth4_box li{float:left;padding:8px 30px 10px 30px;background:#eee url(../images/common/l_line_4dep.gif) 0px 11px no-repeat}
.depth4_box li:first-child{float:left;padding:8px 30px 10px 30px;background:#eee;}
.depth4_box .select{font-weight: 500;text-decoration:underline;color:#666;}
.depth4_box .select:hover{font-weight: 500;text-decoration:underline;color:#666;}
.new_reco_box{width:738px;margin-top:22px;}
.new_reco_box .new_box{float:left;width:344px;position:relative;margin-right:24px;}
.new_reco_box .reco_box{float:left;width:344px;position:relative;padding-left:25px;border-left:1px solid #bababa;}
.new_reco_box .btn_pre_nex{width:35px;height:16px;position:absolute;top:5px;right:10px;}
.new_reco_box .btn_pre_nex .pre{float:left;width:13px;height:14px;display:block;border:1px solid #b8b8b8;background:url(../images/common/btn_bg_arrow_l.gif) 4px 4px no-repeat}
.new_reco_box .btn_pre_nex .next{float:left;width:13px;height:14px;display:block;margin-left:5px;border:1px solid #b8b8b8;background:url(../images/common/btn_bg_arrow_r.gif) 5px 4px no-repeat}
.new_reco_lst{clear:both;margin-top:19px;}
.new_reco_lst a{display:block;padding:0;}
.new_reco_lst a:hover{color:#000}
.new_reco_lst img{width:133px;height:182px;margin:0 4px 11px 4px;border:1px solid #e6e6e6}
.new_reco_lst .tit{width:143px;display:inline-block;text-align:center;}
.new_reco_lst_l{float:left;width:143px;margin-left:6px;}
.new_reco_lst_r{float:left;width:143px;margin-left:46px;}

.lst_wrap{width:738px;display:inline-block;margin-top:44px;}
.lst_wrap .lst_header{width:738px;display:inline-block;border-top:1px solid #bababa;border-bottom:1px solid #bababa;margin-top:14px;position:relative;}
.lst_sort_order{float:left;}
.lst_sort_order li{float:left;color:#b7b7b7;font-weight: 500;padding:10px 8px 13px 10px;background:url(../images/common/l_line_4dep.gif) 0px 14px no-repeat}
.lst_sort_order li:first-child{background:none;}
.lst_sort_order a{color:#b7b7b7;}
.lst_sort_order .on{color:#333333;}
.lst_sort_style{float:right;margin-top:13px;margin-right:10px;}
.lst_sort_style li{float:left;}
.lst_sort_style .lst_sort_ico{width:14px;height:14px;display:block;padding-right:8px;background:url(../images/common/icon_icostyle.gif) 0 0 no-repeat}
.lst_sort_style .lst_sort_lst{width:14px;height:14px;display:block;padding-left:8px;border-left:1px solid #bababa;background:url(../images/common/icon_lststyle.gif) 8px 0 no-repeat}
.lst_sort_style .lst_sort_ico.on{width:14px;height:14px;display:block;padding-right:8px;background:url(../images/common/icon_icostyle_on.gif) 0 0 no-repeat}
.lst_sort_style .lst_sort_lst.on{width:14px;height:14px;display:block;padding-left:8px;border-left:1px solid #bababa;background:url(../images/common/icon_lststyle_on.gif) 8px 0 no-repeat}
.lst_sort_option{width:88px;height:21px;position:absolute;top:9px;right:71px;}
.lst_sort_option span{width:84px;display:inline-block;margin:0;padding:1px 0 3px 4px;border:1px solid #b8b8b8;background:#fff url(../images/common/btn_bg_arrow_b.gif) 76px 7px no-repeat;}
.lst_sort_option ul{width:80px;margin-top:22px;padding:6px 4px;border:1px solid #c8c8c8;background:#fff;line-height:20px;position:absolute;top:0;left:0;}

.view_ico_wrap{width:738px;height:auto;}
.view_ico_wrap .view_ico_box{}
.view_ico_wrap .view_ico_box ul{width:738px;}
.view_ico_wrap .view_ico_box:after{clear:both;display:block;content:'';zoom:1}
.view_ico_wrap .view_ico_box li{width:361px;height:180px;float:left;margin-left:8px;border:2px solid #fff;}
.view_ico_wrap .view_ico_box li:first-child{margin-left:0px;}
.view_ico_wrap .view_ico_box li:hover{border:2px solid #000;}
.view_ico_wrap .view_ico_box li a{display:block;}
.view_ico_wrap .view_ico_box img{float:left;width:100px;height:136px;margin:17px 12px 23px 10px;}
.view_ico_wrap .view_ico_box .tit{float:left;width:238px;display:inline-block;text-align:left;margin-top:17px;line-height:20px;}
.view_ico_wrap .view_ico_box .name{float:left;width:238px;display:inline-block;text-align:left;margin-top:15px;line-height:20px; font-size: 13px;}
.view_ico_wrap .view_ico_box .date{float:left;width:238px;display:inline-block; margin-top: 3px; text-align:left;line-height:20px; font-size: 13px; color: #999;}
.view_ico_wrap .view_ico_box .btn_dwn{float:left;width:54px;height:20px;display:block;padding-left:21px;margin-top:17px;border:1px solid #666;border-radius:2px;background:url(../images/common/icon_mp3.png) 6px 4px no-repeat;}

.view_lst_wrap{width:738px;}
.view_lst_wrap .view_lst_box{}
.view_lst_wrap .view_lst_box ul{width:738px;display:inline-block;border-bottom:1px solid #bababa;}
.view_lst_wrap .view_lst_box ul:after{clear:both;display:block;content:'';zoom:1}
.view_lst_wrap .view_lst_box li{width:738px;height:126px;border:2px solid #fff;}
.view_lst_wrap .view_lst_box li:first-child{}
.view_lst_wrap .view_lst_box li:hover{border:2px solid #000;}
.view_lst_wrap .view_lst_box li a{display:inline-block;}
.view_lst_wrap .view_lst_box img{float:left;width:66px;height:90px;margin:15px 26px 18px 8px;}
.view_lst_wrap .view_lst_box .tit{float:left;width:610px;display:inline-block;text-align:left;margin-top:15px;line-height:20px;}
.view_lst_wrap .view_lst_box .name{float:left;width:610px;display:inline-block;text-align:left;margin-top:9px;line-height:20px;}
.view_lst_wrap .view_lst_box .btn_dwn{float:left;width:54px;height:20px;display:block;padding-left:21px;margin-top:14px;border:1px solid #666;border-radius:2px;background:url(../images/common/icon_mp3.png) 6px 4px no-repeat;}

.roadmap_wrap{width:1020px;margin:0 auto;position:relative;}
.roadmap_ban{width:1020px;height:200px;margin-top:20px;background:#ff8728;}
.roadmap_con{width:1020px;margin-top:20px;}
.roadmap_con img{max-width:1020px;}
.roadmap_box{width:1020px;border-top:1px solid #bababa;margin-top:23px;}
.roadmap_box a{color:#969696;}
.roadmap_box a:hover{color:#666;}
.roadmap_box ul{width:1018px;height:33px;border-left:1px solid #bababa;border-right:1px solid #bababa;}
.roadmap_box ul.last{width:1018px;height:34px;border-left:1px solid #bababa;border-right:1px solid #bababa;border-bottom:1px solid #bababa;}
.roadmap_box li.default_lst{width:203px;float:left;display:block;padding:6px 0 10px 0;color:#666;border-bottom:1px dotted #bababa;text-align:center;background:url(../images/common/l_line_table.gif) 0px -3px no-repeat}
.roadmap_box li.default_lst:first-child{width:203px;background:none;}
.roadmap_box li.last_lst{width:202px;float:left;padding:6px 0 10px 0;text-align:center;background:url(../images/common/l_line_table.gif) 0px -3px no-repeat}
.roadmap_box li.last_lst:first-child{width:202px;background:none;}
.roadmap_box .select{font-weight: 500;text-decoration:underline;color:#000;}
.roadmap_box .select:hover{font-weight: 500;text-decoration:underline;color:#000;}
.btn_main{width:100%;margin:10px auto 100px auto;font-size:15px;text-align:center;font-weight: 500;}
.btn_main a{display:block;padding:8px 0 11px 0;border:1px solid #bababa;color:#bababa;}
.btn_main a:hover{display:block;padding:8px 0 11px 0;border:1px solid #666;color:#666;}

.tit_sitemap{width:1020px;height:30px;border-top:2px solid #002f87;border-bottom:1px solid #002f87;font-size:16px;text-align:center;font-weight: 500;color:#002f87;padding-top:4px;margin-top:30px;}
.tit_sitemap_s{width:100%;height:30px;border-top:2px solid #002f87;border-bottom:1px solid #002f87;font-size:16px;text-align:center;font-weight: 500;color:#002f87;padding-top:4px;margin-top:30px;float:left;}
.wrap_sitemap_s{width:48%;display:inline-block;float:left;padding-left:30px;}
.wrap_sitemap_sf{width:49%;display:inline-block;float:left;padding-left:0;}
.box_sitemap{width:1020px;margin:0 auto 30px auto;display:inline-block;}
.box_sitemap_s{width:100%;}
.lst_sitemap{float:left;width:164px;margin:0;padding:20px 10px 20px 30px;}
.lst_sitemap ul{margin-top:6px;}
.lst_sitemap li{line-height:20px;}
.lst_sitemap a{color:#333;}
.lst_sitemap a:hover{color:#333;text-decoration:underline;}

.bookInfoLink{color:#333;}
.bookInfoLink:hover{color:#333;text-decoration:underline;}
.bookInfoCnt{color:#000;font-weight: 500;}

/* ¹«·áƯ°­ */
.free_class_con {position:relative;font-size:15px;color:#000;margin-bottom:40px;}
.free_class_con .btn_faq {display:inline-block;width:140px;height:20px;position:absolute;top:0;right:20px;padding:8px 0 10px 0;text-align:center;background-color:#494949;border-radius:20px;color:#fff;}
/*.wrap_free_class_lst {margin-top:40px;}*/
.wrap_free_class_lst:after {clear:both;display:block;content:'';zoom:1}
.wrap_free_class_lst ul {margin-top:18px;}
.wrap_free_class_lst ul:after {clear:both;display:block;content:'';zoom:1}

.free_class_lst { margin: 0 0 0 -20px; }
.free_class_lst li { float: left; position: relative; width: 356px; height: 220px; margin: 18px 0 0 20px; padding: 30px 0 0 25px; border: 1px solid #d7d7d7; box-sizing: border-box; border-radius: 8px; overflow: hidden; }
/*.free_class_lst li:nth-child(even) { border-right: 0; }*/
.free_class_lst ul:after { display: block; clear: both; content: '' }


.free_class_lst li .tit { display: block; width:210px; font-size: 23px; line-height: 31px; color:#000; word-break: keep-all }
.free_class_lst li .txt { display: block; width:180px; margin: 8px 0 0 0; padding: 0 0 0 2px; font-size: 13px; line-height: 20px; color: #666; word-break: keep-all; box-sizing: border-box }
.free_class_lst li .txt_left { display: inline-block; padding: 0 0 0 3px; font-size: 15px; line-height: 20px; color: #969696; vertical-align: middle }

.free_class_lst li .teaimg { position:absolute; bottom: -20px; right:0; z-index: -1 }
.free_class_lst li .btn_class { display: inline-block; margin: 8px 0 0 -1px; padding: 2px 16px 3px; border-radius: 4px; background: #25b0b0; color: #fff; font-size: 15px; text-align:center; line-height: 26px }
.free_class_lst li .btn_class:hover { background: #087979 }
/*.free_class_lst .btn_class:hover {display:inline-block;width:82px;height:52px;position:absolute;bottom:20px;right:100px;padding-top:30px;border:1px solid #25b0b0;border-radius:41px;background-color:#25b0b0;color:#fff;font-size:15px;text-align:center;font-weight: 500;}*/


/* sub_title */
.sub_title{font-size:20px;font-weight: 500;padding-left:20px;border:0;margin:0;color:#000000;}

/* color */
.gray_01{color:#767676}
.gray_02{color:#4a4a4a}
.gray_03{color:#151515}

/* font */
.hide_txt{font-size:0;line-height:0}
.u_hc,.u_skip{visibility:hidden;overflow:hidden;position:absolute;left:-999em;width:0;height:0;font-size:0;line-height:0}
.u_vc{position:absolute;z-index:-1;font-size:1px;line-height:1px;color:transparent}
.ls_0 {letter-spacing:0}
.link_c a {color:#4c4e51;text-decoration:underline}
.text-h20 { word-break: break-all; }

/* button */
.btn_base{display:inline-block;padding:2px 9px 3px;border:1px solid #b8b8b8;font-size:12px;line-height:16px}
.btn_more{padding-right:16px;background:url(../images/common/btn_bg_arrow_r.gif) 90% 7px no-repeat;}
.btn_top{display:block;width:20px;height:20px;background:#333}

/* table */

/* images */
.img_b{position:absolute;top:0;left:0;border:1px solid #000;opacity:0.1;filter: alpha(opacity=10);}

/* tab */
.tab_bar{background:url(../images/common/bg_tab_bar.gif) 0 100% repeat-x}
.tab_ty1{width:100%}
.tab_ty1:after{clear:both;display:block;content:'';zoom:1}
.tab_ty1 li{display:inline-block;float:left;*display:block;background:url(../images/common/bg_tab_li.gif) 0 5px no-repeat}
.tab_ty1 li:first-child{background:none}
.tab_ty1 .on{border:2px solid #292929;border-bottom:0}
.tab_ty1 li a{display:block; padding:9px 32px 9px;line-height:20px}
.tab_ty1 .on a{padding:7px 30px 11px; padding:7px 30px 9px !important; background:#fff}
.tab_ty1 li a span{font-size:16px}
.tab_ty1 li a:hover span,.tab_ty1 .on a:hover span{color:#002f87}
.tab_ty1 .on a span,.tab_ty1 .on a:hover span{color:#151515}

/* header */
.site_list{float:left}
.site_list li{float:left;display:inline-block;*display:block;}
.site_list li:after{clear:both;display:block;content:'';zoom:1}
.site_list li:first-child{}
.site_list li.on{}
.site_list li a{display:block;}
.site_list li a span{display:block;height:32px;font-size:0;line-height:0}
.site_list .ybmbooks{width:147px;background:url(../images/common/sp_site_list_1224_v3.png) 0 0 no-repeat}
.site_list a:hover .ybmbooks{background-position:0 -37px}
.site_list .ybmedu{width:116px;background:url(../images/common/sp_site_list_1224_v3.png) -147px 0 no-repeat}
.site_list a:hover .ybmedu{background-position:-147px -37px}
.site_list .ybmclass{width:116px;background:url(../images/common/sp_site_list_1224_v3.png) -263px 0 no-repeat}
.site_list a:hover .ybmclass{background-position:-263px -37px}
.site_list .etstoeic{width:116px;background:url(../images/common/sp_site_list_1224_v3.png) -379px 0 no-repeat}
.site_list a:hover .etstoeic{background-position:-379px -37px}
.site_list .ybmsolution{width:116px;background:url(../images/common/sp_site_list_1224_v3.png) -495px 0 no-repeat}
.site_list a:hover .ybmsolution{background-position:-495px -37px}
.site_list .booksam{width:116px;background:url(../images/common/sp_site_list_1224_v3.png) -611px 0 no-repeat}
.site_list a:hover .booksam{background-position:-611px -37px}

.my_list{float:right}
.my_list li{float:left;display:inline-block;*display:block;background:url(../images/common/bg_myList.gif) 0 10px no-repeat}
.my_list li:after{clear:both;display:block;content:'';zoom:1}
.my_list li:first-child{padding-left:0;background:none}
.my_list li .m_txt{display:block;padding:10px 13px 8px;font-family:'±¼¸²',Gulim;font-size:12px;line-height:14px;}
.my_list li a.m_txt:hover{color:#151515}

h1.ybmbooks{float:left;margin:25px 0 0 33px}
#sch_box{float:left;margin:24px 0 0 138px}
#sch_box .bg_inner{width:426px;height:42px;background:url(../images/common/bg_search.gif) no-repeat}
#sch_box .bg_inner.on{background-position:0 -44px}
/*#sch_box .top_search{margin:5px 0 0 5px;width:270px;height:22px;border:0;font-size:16px;line-height:22px}*/
#sch_box p input {width:340px;height:34px;font-size:16px;line-height:34px;color:#151515;letter-spacing:0;border:0;background-color:transparent;outline:none}
#sch_box p{float:left;padding-top:3px;margin:0 0 0 10px}
#sch_box .btn_search{float:right;display:inline-block;*display:block;position:relative;width:61px;height:42px;font-size:12px;line-height:40px;background:url(../images/common/btn_search.gif) 0 0 no-repeat;border:0;cursor:pointer}
#sch_box .btn_search:hover{background-position:0 -43px}

.bn_ng{position:relative;float:right;width:252px;height:90px;overflow:hidden}
.bn_ng:after{clear:both;display:block;content:'';zoom:1}
.bn_ng span {position:absolute;top:27px;left:41px;color:#1f1f1f;font-family:'³ª´®°íµñ',Nanumgothic;font-size:30px;font-weight:600;letter-spacing:13px;}
.bn_tedu{float:right;margin-right:20px;padding:8px 15px 8px 15px;height:39px;border-right:1px solid #ddd;border-left:1px solid #ddd;overflow:hidden}
.bn_tedu:after{clear:both;display:block;content:'';zoom:1}

.gnb{float:left}
.gnb ul:after{display:block;content:'';clear:both;*zoom:1}
.gnb .depth{position:relative;float:left;z-index:10}
.gnb .sub .sub{position:absolute;top:0;left:0;z-index:11}
.gnb .depth{margin-left:1px}
.gnb .depth:first-child{margin:0 20px 0 0}
.gnb .depth .bn{display:block;padding:2px 35px 3px;font-size:16px;line-height:46px;color:#333;border-bottom:4px solid #fff}
.gnb .depth .anchor{display:block;padding:2px 23px 3px;font-size:16px;line-height:46px;color:#333;border-bottom:4px solid #002f87}

/*±âÁØ!*/
.gnb .sub{display:none;position:absolute;top:55px;left:0;background:#fff;border:1px solid #002f87}
.btn_cateall .sub_all{ display: none; position:absolute;top:55px;right:0;background:#fff;border:1px solid #002f87;z-index:20;}

/*ÀüüīÅ×°í¸®*/
.btn_cateall{float:right;z-index:10;position:relative;}
.btn_cateall:after{clear:both;display:block;content:'';zoom:1}
.btn_cateall .bn_all{display:block;padding:55px 0 0 0;width:72px;font-size:16px;line-height:46px;color:#333;background:url(../images/common/gnb_mnu_all.gif) 0 6px no-repeat}
.book_category{float:left;padding:0 0 30px 15px}
.book_category:first-child{border-right:1px solid #ddd}
.sub_all .cate_tit,.sub_all .cate_tit a{margin:15px 0 0 0;font-size:16px;line-height:30px;color:#0059b8; font-weight: 500; }
.sub_all .lf_pd{padding-left:9px}
.sub_all .arrow{display:inline-block;width:15px;height:30px;background:url(../images/common/bg_bCate_arrow.gif) 6px 15px no-repeat;padding-left:11px}
.sub_all .col{float:left;display:block;margin:0 12px 0 10px;}
.sub_all .col:first-child{margin-left:-12px;}
.sub_all .col2{margin-left:24px;}
.sub_all:after{clear:both;display:block;content:'';zoom:1}
.sub_all .b_cate .tit{display:block;margin:20px 0 0 -1px;font-size:14px;line-height:2.7rem;color:#4a4a4a; font-weight: 500;}
.sub_all .b_cate .tit a{color:#151515}
.sub_all .b_cate .tit:first-child{margin-top:0}
.sub_all .b_cate ul li a{display:block;font-size:1.3rem;line-height:2.3rem}
.sub_all .b_cate ul li a:hover{color:#151515}
.sub_all .sm_cate{margin-left:17px}
.sub_all .sm_cate:first-child{margin-left:10px}
.sub_all .sm_cate .cate_tit{margin-left:-1px}
.sub_all .sm_cate ul{padding-bottom:10px}
.sub_all .sm_cate li a{display:block;font-size:1.3rem;line-height:27px}
.sub_all .sm_cate li a:hover{color:#151515}

.btn_cateall .sub_w00{width:1018px}
.gnb .sub_w01{width:180px}
.gnb .sub_w02{width:180px}
.gnb .sub_w03{width:150px}
.gnb .sub_w04{width:200px}
.gnb .sub li{position:relative;margin-top:0}
.gnb .sub li:first-child{margin-top:0}
.gnb .sub .sm{position:absolute;left:150px;top:0;width:150px;background:#fff;border:1px solid #ccc;border-top:0}
.gnb .sub .sm a{display:block;padding:3px 0 6px 22px;font-size:13px;line-height:20px;color:#333}
.gnb .sub .sm a:hover{background:#fff;color:#002f87}
.gnb .sub a{display:block;padding:8px 0 8px 22px;font-size:14px;color:#333}
.gnb .sub a:hover,.gnb .sub .on{background:#4085ce;color:#fff}
.gnb .selected .bn{border-bottom:4px solid #002f87;color:#002f87;font-weight:normal}
.gnb a:hover.bn{border-bottom:4px solid #002f87;color:#002f87}
/* gnb selected*/
.gnb .selected .sub{display:block;}
.btn_cateall .sub_all.selected{display:block;}
.btn_cateall .selected .bn_all, .btn_cateall .bn_all:hover{border-color:#fff;color:#002f87;font-weight:normal;background-position:0 -54px}

/* ÁÂÃø ¸Þ´º */
.sb_menu{ display: block; }
.sb_menu .menuitem{ display: block; padding: 3.6rem 0.4rem 3.6rem 0; box-sizing: border-box; text-align:center; color:#214ea2; border-top:7px solid #002f87; border-bottom:1px solid #002f87; font-size:2.4rem;line-height: 4.0rem; font-weight: 500; }
.sb_menu .submenu{ color: #666; }
.sb_menu .submenu .depth2 {display:block;padding:0.6rem 0 0.6rem 0.2rem; box-sizing: border-box; text-decoration: none;border-bottom:1px solid #999;color:#666; font-size:1.5rem; line-height:2.8rem; }
.sb_menu .submenu .depth2 li { background: #f8f8f8; }
.sb_menu .submenu .depth2:hover { color: #214ea2; }
.sb_menu .submenu .depth2.on{ color: #214ea2; font-weight: 500; border-bottom:1px solid #999; }
.sb_menu .submenu .depth2.on.sdepth{ border-bottom:1px dashed #c1c1c1; font-weight: 500; }
.sb_menu .submenu .depth3_pa { display: block; margin: 0; padding: 1rem 0 1rem 0.5rem !important; font-size:1.3rem !important; color: #666; background:url(../images/common/family_arrow.gif) 160px 50% no-repeat #f7f7f7; border-bottom: 1px dashed #ddd; }
.sb_menu .submenu .depth3_pa li{  }
.sb_menu .submenu .depth3_pa.on { color: #214ea2; background:url(../images/common/family_arrow2.gif) 160px 50% no-repeat #f7f7f7; }
.sb_menu .submenu .depth3 { display:none; margin: 0; padding: 0; background: #f4f4f4; }
.sb_menu .submenu .depth3 li:last-child { padding-bottom: 1rem; border-bottom: 1px solid #ddd; }
.sb_menu .submenu .depth3 a { display: block; padding: 0.6rem 0.5rem 0.6rem 1rem; font-size: 1.2rem; text-decoration:none; line-height:1.6rem; color:#767676; }
.sb_menu .submenu .depth3 a.on{ color: #214ea2; }

.lnb {  }
.lnb a:hover { color: #214ea2; }
.depth1 li { border-bottom:1px solid #bbb; }
.depth1 li a { display: block; padding: 1rem 0 1rem 0.4rem; font-size: 1.5rem; line-height: 2.2rem; color: #333; box-sizing: border-box;}
.depth1 li a.on { color: #214ea2; font-weight: 500; }
.depth1 li a.bg-mnu { background: url(../images/common/icon-depth2.svg) no-repeat 96% 50%; background-size:12px 7px; } 
.depth1 li a.bg-mnu.on { background: url(../images/common/icon-depth2-on.svg) no-repeat 96% 50%; background-size:12px 7px; }
.depth1 li a .icon-blank { display: inline-block; width: 10px; height: 10px; margin: 0 0 0 6px; background: url(/image/icon_blank.svg) no-repeat; background-size: 10px 10px; content: ''; }
.depth2 { display: none; }
.depth2 li { border-bottom: 1px dashed #ddd; background: #f7f7f7; }
.depth2 li a { padding: 1rem 0 1rem 1.2rem; font-size: 1.3rem; line-height: 1.8rem; }
.depth2 > li:last-child { border-bottom: 0; }
.depth2 li a.bg-mnu2 { background: url(../images/common/icon-depth3.svg) no-repeat 95% 50%; background-size:8px 4px; } 
.depth2 li a.bg-mnu2.on { background: url(../images/common/icon-depth3-on.svg) no-repeat 95% 50%; background-size:8px 4px; }
.depth3 { display: none; }
.depth3 li { border-bottom: 0px dashed #ddd; background: #f2f2f2; }
.depth3 li a { padding: 0.7rem 0.4rem 0.8rem 1.4rem; font-size: 1.2rem; line-height: 1.6rem; color: #666; }
.depth3 li:last-child { border-bottom: 0; }
.depth3 li:last-child a { padding-bottom:2rem; }


.lnb_banner { width: 100%; height: 5.0rem; margin-top: 0.4rem; padding: 0 0 0 5.0rem; border:1px solid #e1e1e1; box-sizing: border-box; border-radius: 4px; }
.lnb_banner.btn1 { margin: 2rem 0 0 0; background:url(../images/common/icon_leftmenu_01.jpg) 10px 50% no-repeat}
.lnb_banner.btn2 { background:url(../images/common/icon_leftmenu_02.jpg) 10px 50% no-repeat; }
.lnb_banner.btn3 { background:url(../images/common/icon_leftmenu_03.jpg) 10px 50% no-repeat; }
.lnb_banner.btn4 { background:url(../images/common/icon_leftmenu_04.jpg) 10px 50% no-repeat; }
.lnb_banner .btn_font:after { display: inline-block; width: 1px; height: 4.8rem; vertical-align: middle; content: ''; }
.lnb_banner .btn_font { font-size:1.4rem; vertical-align: middle; }

/* footer */
#footer{border-top:1px solid #292929}
#footer .svs_mnu{height:48px;border-bottom:1px solid #ddd}
#footer .svs_mnu:after{display:block;content:'';zoom:1}
#footer .svs_mnu .mnu{float:left;margin-left:12px}
#footer .svs_mnu .mnu li{position:relative;display:inline-block;float:left;*display:block;background:url(../images/common/bg_svs_mnu.gif) 0 18px no-repeat}
#footer .svs_mnu .mnu li:first-child{margin-left:-18px;background:none}
#footer .svs_mnu .mnu a{display:block;padding:15px 18px 17px;font-size:12px}
#footer .svs_mnu .mnu strong{color:#151515}

#footer .svs_mnu .foot_sns{float:left;margin-left:180px}
#footer .svs_mnu .foot_sns li{position:relative;display:inline-block;float:left;}
#footer .svs_mnu .foot_sns li:first-child{margin-left:-18px;background:none}
#footer .svs_mnu .foot_sns a{display:block;padding:11px 6px 15px;}

#footer .family{position:relative;float:right}
#footer .family .site_view{display:block;padding:15px 18px 17px;width:150px;background:url(../images/common/family_arrow2.gif) no-repeat 165px 24px;border-left:1px solid #ddd;font-size:12px}
#footer .family .site_lst{position:absolute;top:-100px;left:0;display:none;width:160px;background:#fff;border:1px solid #ddd}
#footer .family .btn_top{margin-top:10px;background:url(../images/common/family_arrow2.gif) 8px 10px no-repeat;padding:2px 3px 4px;border:1px solid #c6c6c6;border-radius:3px;}
#footer .ets_copy{clear:both;margin-top:11px;padding:0 12px 9px;border-bottom:1px solid #ddd}
#footer .ets_copy span{font-size:12px;line-height:16px;letter-spacing:0}
#footer .add_wrap{padding-top:23px}
#footer .add_wrap:after{clear:both;display:block;content:'';zoom:1}
#footer .add{float:left;padding:0 0 0 122px;background:url(../images/common/footer_logo.gif?1) 12px 4px no-repeat}
#footer .add p{margin-top:10px;font-size:12px}
#footer .add p:first-child{margin-top:0}
#footer .award{float:right;padding:72px 0 0 0;width:130px;height:75px;text-align:center;background:url(../images/common/footer_award.gif?v13) no-repeat}
#footer .award span{font-size:12px}

.ly_pop{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10}/*½ºÅ©·Ñ Çصµ mask ÇÏ°Ô fixed¸¦ ÁÜ*/
.ly_pop .ly_full{position:absolute;top:0;bottom:0;left:0;right:0;background-image:url(../images/common/ly_full_bg.png);text-align:center;font-size:0;z-index:111}
.ly_pop .ly_full .cont{position:relative;display:inline-block;width:1020px;vertical-align:middle;font-size:14px}
.ly_pop .ly_full .cont img{vertical-align:top}
.ly_pop .ly_full .dummy{display:inline-block;margin-left:-1px;width:1px;height:100%;vertical-align:middle}
.ly_pop .btn_close{position:absolute;left:1000px;top:0;background:red}

#serial_num {position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:999999;}
.serial_box {position:relative;width:500px;height:450px;padding:50px 60px;border-radius:10px;border:4px solid #333;background-color:#fff;position:absolute;top:220px;left:50%;margin-left:-350px;}
.serial_box h4 {margin-bottom:10px;font-size:20px;}
.serial_box img {display:block;width:230px;height:240px;margin:0 auto 10px auto;}
.serial_box input {width:358px;height:58px;font-size:20px;padding:0 0 0 10px;border:1px solid #666;}
.serial_box button {width:120px;height:60px;padding-bottom:5px;border:0;background-color:#4085ce;color:#fff;font-size:24px;}
.serial_txt {margin-top:30px;font-size:15px;font-weight:600;}
.serial_txt strong {color:}
.serial_btn {width:28px;height:28px;position:absolute;top:26px;right:30px;}
.serial_btn img {width:28px;height:28px;}

/* paginate */
.paginate_basic {margin:20px 0 0 0; padding-bottom:40px; text-align:center}
.paginate_basic a {display:inline-block; padding:5px 11px 5px 10px; color:#666; font-size: 15px;line-height:20px; border:1px solid #ddd; background-color:#fff; }
.paginate_basic a:hover {background-color:#eee}
.paginate_basic a.on {color:#333; font-weight: 500; }

/* reader -> book list */
.reader_lst li{margin-top:20px; padding:14px 35px 14px; background:#f3f3f3; border:1px solid #d8d8d8; border-radius:5px}
.reader_lst li:after {clear:both; display:block; content:''}
.reader_lst .book_img {float:left; width:137px; text-align:left; vertical-align:top;}
.reader_lst .book_txt {width:510px; float:right; text-align:left; vertical-align:top;}
.reader_lst .book_img img{width:127px; border:5px solid #47c0d5}
.reader_lst .ls_0 {letter-spacing:0}
.reader_lst .book_txt h4 {padding-bottom:5px; border-bottom:1px dashed #9c9c9c;}
.reader_lst .book_txt h4 span {font-size:18px; color:#1a68bb; line-height:25px; font-weight:400; letter-spacing:-0.02em; word-break:keep-all; }
.reader_lst .book_txt .info_txt {padding:5px 0 0 0; font-size:13px; line-height:19px;  letter-spacing:-0.06em; word-break:keep-all; }
.reader_lst .book_txt .kinds_book {margin-top:15px; padding:5px 0 0 0; font-size:13px; line-height:19px;  letter-spacing:-0.04em; word-break:keep-all; }
.reader_lst .book_txt .kinds_book em {display:block; font-size:12px; font-weight: 500; color:#333}
.reader_lst .book_txt .btn_wrap {margin-top:10px; padding:7px 0 0 0; border-top:1px dashed #9c9c9c; text-align:right}
.reader_lst .book_txt .btn_wrap a {display:inline-block;}
.reader_lst .book_txt .btn_wrap a.btn_down{padding:5px 15px 6px; background:#fff; border:1px solid #ccc; border-radius:2px;}
.reader_lst .book_txt .btn_wrap a.btn_down:hover {border:1px solid #ffb8b8; background:#fff1f1}
.reader_lst .book_txt .btn_wrap .btn_down span{font-size:13px; color:#d70d0d}

/* toeicstudy ÅäÀͽºÅ͵ð ½Åû °Ô½ÃÆÇ */
#toeicstudy {position:relative;width:930px;margin:0 auto;}
#toeicstudy h3 {text-align:center;padding:65px 0 0 0;font-size:40px;color:#0053a0;}
#toeicstudy .toeictit {text-align:center;padding:20px 0;font-size:20px;color:#909090;}
#toeicstudy .wrap_ts {position:relative;}
#toeicstudy .subject_tit {display:block;height:40px;margin:30px 0 15px;text-align:left;font-size:22px;color:#010101;}
#toeicstudy .ts_table {width:100%;border-top:2px solid #444;border-bottom:2px solid #444;text-align:center;color:#000;}
#toeicstudy .ts_table th {height:50px;background-color:#fafafa;font-size:13px;border-bottom:1px solid #707070;}
#toeicstudy .ts_table .name {width:15%;}
#toeicstudy .ts_table .subject {width:45%;}
#toeicstudy .ts_table .time {width:25%;}
#toeicstudy .ts_table .smit {width:15%;}
#toeicstudy .ts_table .left {text-align:left;padding-left:40px;color:#8d8d8d;}
#toeicstudy .ts_table .left p {font-size:15px;color:#000;}
#toeicstudy .ts_table .btn {display:block;width:74px;height:25px;margin:0 auto;background-color:#0053a0;border-radius:3px;color:#fff;line-height:22px;}
#toeicstudy .ts_table .end {display:block;width:74px;height:25px;margin:0 auto;background-color:#bbb;border-radius:3px;color:#fff;line-height:22px;}
#toeicstudy .ts_table td {height:62px; border-bottom:1px solid #dcdcdc;}
#toeicstudy .ts_table td:last-child {border-right:0;}
#toeicstudy .wrap_paging {margin-top:40px;text-align:center;}
#toeicstudy .wrap_paging .btn_prev, .btn_nxt {display:inline-block;vertical-align:middle;width:18px;height:36px;margin:0 30px;border:0;white-space:nowrap;overflow:hidden;}
#toeicstudy .wrap_paging .btn_prev {background:url(/images/common/toeicstudy_arr.png) 0 0 no-repeat;background-position:0 2px;}
#toeicstudy .wrap_paging .btn_nxt {background:url(/images/common/toeicstudy_arr.png) 0 0 no-repeat;background-position:100% 2px;}
#toeicstudy .wrap_paging .btn_prev:hover {background:url(/images/common/toeicstudy_arr.png) 0 0 no-repeat;background-position:0 2px;}
#toeicstudy .wrap_paging .btn_nxt:hover {background:url(/images/common/toeicstudy_arr.png) 0 0 no-repeat;background-position:100% 2px;}
#toeicstudy .pagenum a {display:inline-block;vertical-align:middle;width:34px;height:34px;border:1px solid #bbb;font-size:20px;color:#bbb;line-height:30px;}
#toeicstudy .pagenum a:hover {border:1px solid #000;font-size:20px;color:#000;}
#toeicstudy .pagenum a.on {border:1px solid #000;font-size:20px;color:#000;}

/* toeicstudy ÅäÀͽºÅ͵ð ½Åû °Ô½ÃÆÇ_°Ë»ö¹Ù */
#toeicstudy .wrap_search {display:block;width:379px;position:absolute;top:0;right:0}
#toeicstudy .opt_m {display:inline-block;position:relative;float:left;}
#toeicstudy .opt_m .opt_search {display:block;width:94px;height:40px;border-top:1px solid #5a5a5a;border-right:0;border-bottom:1px solid #5a5a5a;border-left:1px solid #5a5a5a;-moz-appearance:none;-webkit-appearance:none;font-size:15px;text-indent:8px;}
#toeicstudy .opt_m .ico_arrow {position:absolute;right:6px;top:16px;width:9px;height:6px;background:url(/images/common/family_arrow.gif) 0 0 no-repeat;background-size:9px 6px;}
#toeicstudy .input_m {display:inline-block;float:left;}
#toeicstudy .input_m .input_txt {display:block;width:280px;height:38px;border-top:1px solid #5a5a5a;border-right:0;border-bottom:1px solid #5a5a5a;border-left:1px solid #5a5a5a;color:#919191;font-size:15px;text-indent:8px;}
#toeicstudy .input_m button {position:absolute;right:0;top:0;width:70px;height:40px;margin:0;border:0;font-size:17px;font-weight: 500;background-color:#5a5a5a;color:#fff;}
#toeicstudy .opt_m:after {content:'';display:block;clear:both;}
#toeicstudy .input_m:after {content:'';display:block;clear:both;}

/* toeicstudy ÅäÀͽºÅ͵ð ½Åû °Ô½ÃÆÇ_·¹À̾îÆ˾÷ */
#wrap_ts_layerpop .ts_layerpop {position:relative;width:730px;min-height:910px;padding-bottom:20px;margin:123px auto 0 auto;background-color:#fff;z-index:99999;}
#wrap_ts_layerpop {position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.6);z-index:9999;color:#393939;}
#wrap_ts_layerpop .ts_ly_tit {width:730px;height:120px;line-height:3.2;background-color:#212121;text-align:center;color:#fff;font-size:34px;font-weight: 500;}
#wrap_ts_layerpop .ts_tit {font-size:22px;font-weight: 500;margin:20px 0;}
#wrap_ts_layerpop .wrap_ts_txt {width:610px;height:auto;padding:30px 60px;background-color:#fafafa;font-size:17px;}
#wrap_ts_layerpop .wrap_ts_txt .ts_tag {margin:8px 0;display:inline-block;width:86px;font-weight: 500;vertical-align:top;}
#wrap_ts_layerpop .wrap_ts_txt .ts_txt {margin:8px 0;display:inline-block;width:524px;font-weight:normal;vertical-align:top;}
#wrap_ts_layerpop .wrap_ts_input {width:610px;height:auto;padding:30px 60px;font-size:17px;}
#wrap_ts_layerpop .wrap_ts_input p {margin:10px 0;}
#wrap_ts_layerpop .wrap_ts_input label {display:inline-block;width:80px;font-weight: 500;}
#wrap_ts_layerpop .wrap_ts_input .input_txt1 {width:126px;height:40px;border:1px solid #919191;font-size:17px;}
#wrap_ts_layerpop .wrap_ts_input .input_txt2 {width:176px;height:40px;border:1px solid #919191;font-size:17px;}
#wrap_ts_layerpop .wrap_ts_term {width:630px;margin:0 auto;border-top:1px solid #000;}
#wrap_ts_layerpop .wrap_lst_ts_term {position:relative;padding:20px 0;border-bottom:1px solid #000;}
#wrap_ts_layerpop .wrap_lst_ts_term .input_chk {display:inline-block;width:32px;height:32px;-moz-appearance:none;-webkit-appearance:none;background:url(/images/common/toeicstudy_chk.png) 0 0 no-repeat;}
#wrap_ts_layerpop .wrap_lst_ts_term .input_chk:checked {display:inline-block;width:32px;height:32px;-moz-appearance:none;-webkit-appearance:none;background:url(/images/common/toeicstudy_chk_on.png) 0 0 no-repeat;}
#wrap_ts_layerpop .lst_ts_term {width:580px;position:absolute;top:23px;left:40px;font-size:17px;font-weight: 500;background:url(/images/common/toeicstudy_arr2.png) 545px 4px no-repeat;}
#wrap_ts_layerpop .lst_ts_term.on {background:url(/images/common/toeicstudy_arr2.png) 545px -18px no-repeat;}
#wrap_ts_layerpop .dowm_ts_term {width:550px;margin:10px 0 0 40px;font-size:15px;font-weight:normal;line-height:1.6;}
#wrap_ts_layerpop .btn_reg {display:block;width:280px;padding:10px 0;margin:40px auto 60px auto;color:#fff;font-size:28px;text-align:center;background-color:#0053a0;}
#wrap_ts_layerpop .btn_clo {display:inline-block;position:absolute;top:0;right:-62px;width:62px;height:62px;background:#000 url(/images/common/toeicstudy_clo.png) 0 0 no-repeat;}

/* µµ¼­¹®ÀÇ »ó´Ü ¹®ÀÇÇϱâ */
.top-cs-text { position: relative; padding: 0 0 1rem 0; box-sizing: border-box; }
.top-cs-text .comment { padding: 2.0rem 0 2rem 0.2rem; color: #767676; line-height: 1.5; }
.title-commnet { padding: 0 0 3rem 0.2rem; color: #767676; font-size: 1.4rem; line-height: 2.1rem; }
.top-cs-text .unit { vertical-align: top; padding: 2rem 2rem 2rem 3rem; box-sizing: border-box; background: #f8f8f8; border: 1px solid #e8e8e8; border-radius: 0.8rem; }
.top-cs-text .half { float: left; padding: 1.5rem 2rem 1.5rem 2rem; box-sizing: border-box;border-radius: 0.8rem; font-size: 1.4rem; line-height: 2.1rem; vertical-align: top; }
.top-cs-text .half+.half { margin-left: 1rem; }
.top-cs-text:after { display: block; clear: both; content: ''; }
.top-cs-text .title { font-size: 1.8rem; font-weight: 500; color: #bb3d40; }
.top-cs-text .half p { padding: 0.6rem 0 1rem 0; }
.top-cs-text .half.left { background: #f3f9fd; border: 1px solid #649cc7; }
.top-cs-text .half.right { background: #fbf3f1; border: 1px solid #e49f94; }
.top-cs-text .half.left .title { color: #0a68b1; }
.top-cs-text .half.right .title { color: #c52b13; }

.btn-wrap { padding: 2rem 0 4rem; text-align: center; }
.btn-wrap a+a { margin-left: 2rem; }
.btn-wrap button { cursor: pointer; }
/* button */
.btn-site { display: inline-block; padding: 0.7rem 1.6rem 0.8rem; border-radius: 4px; letter-spacing: 0; color: #fff; font-size:1.4rem; font-weight: 500; vertical-align: middle; }
.btn-site:after { display: inline-block; width: 12px; height: 12px; margin: 0 0 0 6px; background: url(/image/icon-blank-white.svg) no-repeat; background-size: 12px 12px; content: ''; }
.btn-site span { display: inline-block; border-radius: 4px; letter-spacing: 0; color: #fff; font-size:1.4rem; font-weight: 500; }
.btn-site.go-cloud { background: #e59f92; }
.btn-site.go-sam { background: #639cc9; }
.btn-site.go-faq { background: #333; }
.btn-site.go-mp3 { margin: 0 0 0 1rem; background: #1966b4; }
.btn-size-s { display: inline-block; padding: 0.4rem 1.0rem 0.5rem; border-radius: 0.2rem; }
.btn-size-s span { font-size: 1.2rem; font-weight: 500; }
.btn-size-m { display: inline-block; padding: 0.7rem 1.6rem 0.8rem; border-radius: 0.3rem; }
.btn-size-m span { font-size: 1.4rem; font-weight: 500; }
.btn-size-l { display: inline-block; padding: 1rem 2rem 1.2rem; border-radius: 0.4rem; }
.btn-size-l span { font-size: 1.6rem; font-weight: 500; }
.btn-bg-point { background: #012f84; border: 0.1rem solid #012f84; }
.btn-bg-basic { background: #333; border: 0.1rem solid #333; }
.btn-bg-off { background: #ccc; border: 0.1rem solid #ccc; }
.btn-bg-border { background: #fff; border:0.1rem solid #bebebe; }
.btn-bg-point span,.btn-bg-basic span,.btn-bg-off span { color: #fff; }
.btn-bg-border span { color: #333; }



/* Å×À̺í(¸ñ·Ï) ±âº» */
.align-l { text-align: left; }
.align-c { text-align: center; }
.align-r { text-align: right; }
.content-none { padding: 5rem 0 5rem !important; }
.page-wrap { padding: 2rem 0 4rem 0; text-align: center; }
.table-wrap { border-top: 1px solid #000; border-bottom: 2px solid #000; }
.table-type {  }
.table-type th { padding-top: 0.8rem; padding-bottom: 0.8rem; border-bottom: 1px solid #dcdcdc; font-size: 1.3rem; font-weight: 500; vertical-align: middle; }
.table-type.basic th { background: #eee; }
.table-type.cyan th {  }
.table-type td { padding: 1.0rem 1.0rem 1.0rem 1.0rem; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; text-align: left; vertical-align: middle; }
.table-type td.align-c { padding-left: 0; padding-right: 0; text-align: center;  }
.table-type td.align-r { padding-left: 0; padding-right: 1rem; text-align: right; }
/* .table-type.basic td { padding-top: 1.0rem; padding-bottom: 1.0rem; border-bottom: 1px solid #dcdcdc; vertical-align: middle; } */
.table-type td a { vertical-align: middle; }
/*.table-type.basic td a { vertical-align: middle; }*/
.table-type td:last-child { border-right: 0; }
.table-type.basic td:last-child { border-right: 0; }
.table-type td b { font-weight: 400; vertical-align: middle; }
.table-type.basic td b { font-weight: 400; vertical-align: middle; }
.table-type .number { padding: 0.2rem 0 0 0; font-size: 1.2rem; color: #ababab; line-height: 1.6rem; }
.table-type .none-content { padding: 5rem 0 5rem; font-size: 1.6rem; }
.icon-board { display: inline-block; margin: 0 0 0 1rem; vertical-align: middle; font-size: 1.1rem; }
.icon-kinds-reply { padding: 0.2rem 1rem 0.3rem 2.2rem; background: url(/images/common/icon-check.svg) no-repeat #00a8d9 8px 7px; background-size: 11px 8px; color: #fff; border-radius: 2rem; }
.icon-kinds-reply.ing { padding: 0.2rem 1rem 0.3rem 2.2rem; background: url(/images/common/icon-check.svg) no-repeat #ccc 8px 7px; background-size: 11px 8px; color: #fff; border-radius: 2rem; }



/* red board */
.table-type.red th { background: #fbe7e8; color: #c73739; border-top: 1px solid #f59698; border-color: #f59698; }
.table-type.red td {  }
.table-type.red tr:last-child td { border-bottom: 2px solid #f59698; }

/* orange board */
.table-type.orange th { background: #fce5d9; color: #b12b0e; border-top: 1px solid #e0674c; border-color: #e0674c; }
.table-type.orange td {  }
.table-type.orange tr:last-child td { border-bottom: 2px solid #e0674c; }

/* yellow board */
.table-type.yellow th { background: #fcf0dd; color: #b75d10; border-top: 1px solid #f3a360; border-color: #f3a360; }
.table-type.yellow td {  }
.table-type.yellow tr:last-child td { border-bottom: 2px solid #f3a360; }

/* green board */
.table-type.green th { background: #e1f3e1; color: #20701f; border-top: 1px solid #7bcc72; border-color: #7bcc72; }
.table-type.green td {  }
.table-type.green tr:last-child td { border-bottom: 2px solid #7bcc72; }

/* cyan board */
.table-type.cyan th { background: #def3fc; color: #117eb9; border-top: 1px solid #5eb5e4; border-color: #5eb5e4; }
.table-type.cyan td {  }
.table-type.cyan tr:last-child td { border-bottom: 2px solid #5eb5e4; }

/* blue board */
.table-type.blue th { background: #e8f0fd; color: #1c67ce; border-top: 1px solid #86c4fd; border-color: #86c4fd; }
.table-type.blue td {  }
.table-type.blue tr:last-child td { border-bottom: 2px solid #86c4fd; }

/* purple board */
.table-type.purple th { background: #e8ecfd; color: #3532cc; border-top: 1px solid #86adfd; border-color: #86adfd; }
.table-type.purple td {  }
.table-type.purple tr:last-child td { border-bottom: 2px solid #86adfd; }

/* gray board */
.table-type.cyan th { background: #def3fc; color: #117eb9; border-top: 1px solid #5eb5e4; border-color: #5eb5e4; }
.table-type.cyan td {  }
.table-type.cyan tr:last-child td { border-bottom: 2px solid #5eb5e4; }

/* board view */
.table-type.view { position:relative; padding: 1rem 2rem 3rem; border-top: 1px solid #5eb5e4; border-bottom: 2px solid #5eb5e4; border-color: #5eb5e4; box-sizing: border-box; }
.table-type.view.red { border-color: #f59698; }
.table-type.view.orange { border-color: #ef864f; }
.table-type.view .end-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 1.0rem; background: #f2f2f2; }
.table-type.view .bg-wrap { position: relative; margin: -1rem -2rem 0; padding: 0 2rem 1rem; background:#def3fc; border-bottom: 1px solid #ddd;}
.table-type.view .bg-wrap:after { display: block; clear: both; content: ''; }
.table-type.view.red .bg-wrap { background:#fbe7e8; }
.table-type.view.orange .bg-wrap { background:#fff4e6; }

.table-type.view .title { padding:1rem 0; word-break: keep-all; }
.table-type.view .title h4 { display: inline-block; font-size: 1.9rem; line-height: 3.5rem; font-weight: 500; color: #333; vertical-align: middle; }
.table-type.view .title a { display: inline-block; margin: 0 0 0 2rem;  padding: 0 1rem 0 2.8rem; background: url(/images/common/icon-book-s.png) no-repeat 10px 58%; border: 1px solid #bbb; border-radius: 2px; font-size: 1.3rem; line-height: 2.5rem; font-weight: normal; color: #767676; vertical-align: middle; }
.table-type.view .date { margin: 0 1rem -1.1rem 0; text-align: right; }
.table-type.view .date span { display: inline-block; margin-bottom: 1rem;font-size: 1.3rem; color: #888; }
.table-type.view .date span+span { border-left: 1px solid #ccc; margin-left: 20px; padding-left: 20px; }
.table-type.view .file-wrap { margin: 1rem 0; padding: 1rem 3rem 1rem; background: #edf9fe; border: 1px solid #399fc7; border-radius: 4px; }
.table-type.view .file-wrap .download { display: inline-block; position: relative; padding: 0.8rem 0 0.8rem 3.0rem; background: url(/images/common/icon-download-s.png) no-repeat 0 50%; }
.table-type.view .file-wrap .download span { position: relative; padding: 0 0 0 0; color: #000; }
.table-type.view .file-wrap .download span:after { position: absolute; display: block; width: 100%; height: 1px; content: ''; background: #000; }
.table-type.view .content-wrap { padding: 3rem 0 3rem; line-height: 1.8; }
.table-type.view .content-wrap a{ border-bottom: 1px solid; }
.table-type.view .file-wrap + .content-wrap { padding-top: 1rem; }
.reply-content-wrap { margin: 2rem; padding: 2rem; border: 1px solid #eee; border-radius: 8px; background: #f4f4f4; }
.reply-content-wrap .reply-title { float: left; padding: 0 0 0 0.4rem; font-size: 1.4rem !important; color: #000 !important; font-weight: 500; }
.reply-content-wrap:after { display: block; clear: both; content: ''; }
.faq-q { display: inline-block; width: 3rem; height: 3rem; margin: 0 1rem 0 0; padding: 0; font-size:2.0rem; font-weight: 500; text-align: center; line-height: 2.6rem; color: #fff; background: #f74445; border-radius: 4px; }
.faq-a { display: block; width: 3rem; height: 3rem; margin: 0 0 1rem 0; padding: 0; font-size:2.0rem; font-weight: 500; text-align: center; line-height: 2.8rem; color: #fff; background: #767676; border-radius: 4px; }
.faq-a:after { display: block; content: ''; } 

/* °Ë»öâ */
.board-search-wrap { padding: 2rem; border: 1px solid #ddd; background: #f4f4f4; border-radius: 4px; box-sizing: border-box; }
.board-search-wrap .notice-list { padding:10px 5px 0; text-align:left; line-height:25px;  }
.board-search-wrap .notice-list li { padding: 0 0 0 0.5rem; font-size: 1.3rem; }
.board-search-wrap .notice-list li:before { display: inline-block; width: 12px; margin: 0 0 0 -1.2rem; content: '¡¤ ' }
.board-search-wrap .notice-list li.point span { position: relative; display: inline-block; color: #117eb9; border-bottom: 1px solid #117eb9; }

/* 1:1 µµ¼­¹®ÀÇ */
.final-info { text-align: center; }
.final-info .bg-image { display: block; height: 220px; background: url(/images/common/icon-write-end.svg) 53% 50% no-repeat; background-size: 134px 121px; content: ''; }
.final-info h4 { font-size: 3.0rem; font-weight: 400; }
.final-info p { padding: 1rem 0 3rem 0; font-size: 1.6rem; line-height: 1.6; font-weight: 400; }

.input-wrap { border-top: 1px solid #333; border-bottom: 2px solid #333; }
.input-row-unit { position: relative; padding: 1rem 0 1rem; }

.input-row-unit+.input-row-unit { border-top: 1px solid #ebebeb; }
.input-row-unit .kinds { float: left; width: 15rem; padding: 0.5rem 0 0 1.2rem; }
.input-row-unit .content { float: left; position: relative; width: 75%; }
.input-row-unit:after { display: block; clear: both; content: ''; }
.input-row-unit strong { font-weight: 500; color: #333; }
.input-row-unit .point-red { color: #4d1b1d; }
.input-row-unit label { display: inline-block; padding: 0 0 0.4rem 0.4rem; vertical-align: middle; }
.input-row-unit input,.input-row-unit textarea,.input-row-unit select { display: inline-block; padding: 0.4rem 1rem 0.5rem; vertical-align: middle; font-size: 1.4rem; }
.input-row-unit .comment { display: block; }
.input-row-unit .single {  }
.input-row-unit .multi {  }
.input-row-unit.email { background: #f8f8f8; }
.input-row-unit p { padding: 0.4rem 0 0 0; font-size: 1.3rem; color: #888; }
.input-row-unit .agree-wrap { width: 100%; margin: 1rem 0 0 0; padding: 0.5rem 0 0 0; border-top: 1px dashed #999; }
.input-row-unit .agree-rule { margin: 0.5rem 0 0 0; border: 1px solid #ccc; padding: 1rem; font-size: 1.3rem; background: #fff; }
.cs-banner { margin: 1rem 0 0 0; padding: 2rem; border: 1px solid #ddd; background: #fff; }

/* ¹«·áƯ°­ */
.free-lec-top { text-align: center; }
h4.free-lec { padding: 2rem 2rem 1rem 0.4rem; text-align: left; }
.free-lec-footer { padding: 1rem 2rem 3rem; }
.free-lec-footer p { padding: 0 0 0 1rem; font-size: 1.2rem; line-height: 1.5; }
.free-lec-footer p { padding: 0 0 0 1rem; font-size: 1.2rem; line-height: 1.5; }
/*
.reply-content-wrap .view-wrap { padding: 0; }
.reply-content-wrap .view-wrap.reply {  }
.reply-content-wrap .view-wrap + .view-wrap { border-top: 1px dashed #729fb3; }
.reply-content-wrap .view-wrap .title { padding: 2rem 0 0 4rem; font-size: 1.9rem; color: #333; }
.reply-content-wrap .view-wrap .inwrap { width: 100%; padding: 1rem 2rem 1rem; background: #e5f7fc; box-sizing: border-box; }
.reply-content-wrap .view-wrap .inwrap:after { display: block; clear: both; content: ''; }
.reply-content-wrap .view-wrap .inwrap .kinds { display: inline-block; padding: 0 1.5rem 0 0; vertical-align: middle; font-weight: 500; color: #00628e }
.reply-content-wrap .view-wrap .inwrap .date { display: inline-block; vertical-align: middle; font-size: 1.2rem; color: #666; line-height: 1.6rem; }
.reply-content-wrap .view-wrap .inwrap .date:before { content:'('; }
.reply-content-wrap .view-wrap .inwrap .date:after { content:')'; }
.reply-content-wrap .view-wrap .content-box { padding: 2rem 4rem 4rem; line-height: 1.8; border-radius: 0.8rem; }
.reply-content-wrap .view-wrap .content-box a { color:#3990fb; text-decoration: underline; }
.reply-content-wrap .view-wrap.reply .banner { margin-top: 3rem; padding: 2rem; background: #fff; border: 1px solid #ddd; border-radius: 0.4rem; }
.reply-content-wrap .view-wrap.reply .inwrap { background: #cfe9f1; }
*/

/* faq */
.category-wrap { padding: 1rem; text-align: center; border: 1px solid #f59698; border-radius: 4px; }
.category-wrap .faq-category { display: inline-block; padding: 0.4rem 1rem 0.4rem 0; }
.category-wrap .faq-category span { display: inline-block; position: relative; padding: 0 6px 0 14px; }
.category-wrap .faq-category.on span { font-weight: 500; color: #e44f51; }
.category-wrap .faq-category.on span:after { position: absolute; left: 1px; top: 6px; width: 0px; height: 0px; border-left:6px solid #f97678; border-top: 5px solid transparent; border-bottom: 5px solid transparent; content: ''; }