* {-webkit-text-size-adjust:none;}

/* 본문바로가기 */
#skip_to_content{background:#eeeeee;}
#skip_to_content a{position:absolute;top:-100px;padding:5px;display:inline-block;}
#skip_to_content a:active{position:static;top:0;}
#skip_to_content a:focus{position:static;top:0;}


.sound_only {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;display:block}

/* 공통 */
html{font-size:16px;}
.inner { position:relative; max-width:1050px; margin:0 auto;}

/* header */
#header .top_header {height:48px; background:url('/resources/img/user/bg_gnb.gif') center/cover no-repeat; }
#header .top_lef_menu {position:absolute; top:17px; left:0;}
#header .top_lef_menu li {float:left; background:url('/resources/img/user/line_top_list.png') left center no-repeat; padding:0 14px;}
#header .top_lef_menu li.first {background:none; padding-left:0;}
#header .top_lef_menu li a {color:#fff; font-weight:300; font-size:0.938rem;}
#header .top_lef_menu li.first a {background:url('/resources/img/user/bull_star.png') left center no-repeat; padding-left:19px;}
#header .top_lef_menu li.sns a {background:url('/resources/img/user/icon_sns.png') right center no-repeat; padding-right:22px;}
#header .top_rig_menu {position:absolute; top:17px; right:0;}
#header .top_rig_menu {font-size:0;}
#header  .login_info {display:inline-block; font-weight:300; font-size:0.938rem; vertical-align:middle; margin-right:12px; color:#fff; background:url('/resources/img/user/icon_person.png') left center no-repeat; padding-left:18px;}
#header  .login_info span {font-weight:400;}
#header .my_list {display:inline-block; vertical-align:middle;}
#header .my_list li {float:left; background:url('/resources/img/user/line_top_list.png') left center no-repeat; padding:0 14px;}
#header .my_list li:last-child {padding-right:0;}
#header .my_list li a {color:#fff; font-weight:300; font-size:0.938rem;}

#header .bot_header {position:relative; height:120px;}
#header .bot_header .depth2_bg {display:none;position:absolute; top:120px; left:0; content:''; width:100%; padding:40px 0; background:#f4f4f4; z-index:9; box-shadow:0px 16px 16px 0px rgba(0,0,0,0.2);}
#header .bot_header.on .depth2_bg {display:block;}
#header h1.kyobo {position:absolute; left:0; top:36px; z-index:9;}
#header  .m_search {display:none; position:absolute; top:16px; right:16px; width:32px; height:32px; background:url('/resources/img/user/btn-search.svg') center center no-repeat;}
#header  .gnb {position:relative; text-align:center; font-size:0; padding: 0 266px 0 260px; box-sizing:border-box;}
#header  .gnb > li {display:inline-block; margin:0 20px; padding:49px 0 48px;}
#header  .gnb > li > a {font-size:1.438rem; color:#1a1a1a; padding:10px; }
#header  .gnb > li > a:hover {position:relative; color:#20bcae;}
#header  .gnb > li > a:hover:after {content:''; position:absolute; bottom:10px; left:10px; width:calc(100% - 20px);  height:2px; background:#20bcae;}
#header  .gnb > li:focus .depth2 {display:block;}
#header  .gnb > li > a.on { color:#20bcae; }
/* #header  .gnb > li > a.on:after {content:''; position:absolute; bottom:10px; left:10px; width:calc(100% - 20px); height:2px; background:#20bcae;} */
#header  .depth2 {display:none; position:absolute; top:160px; left:0; font-size:0; z-index:99; width:100%;}
#header  .depth2 li {display:inline-block; width:calc((100% - 40px) / 6);/* max-width:180px;  min-width:180px;  */margin:0 4px 8px; }
#header  .depth2 li:first-child {margin-left:0;}
#header  .depth2 li:last-child {margin-right:0;}
#header  .depth2 li a {display:block; font-size:1.125rem; color:#1a1a1a; font-weight:300; background:#fff; border:1px solid #ebebeb; border-radius:12px; box-sizing:border-box; line-height:55px; }
#header  .depth2 li a:hover {color:#fff; font-weight:400; background:#20bcae; border:1px solid #20bcae;}

#header  .util {position:absolute; top:40px; right:0;}
#header  .util  .searcharea {float:left; position:relative; width:220px; height:40px; background:#f4f4f4; border-radius:20px;}
#header  .util input.text_search {width:100%; height:100%; background:none; padding:0 42px 0 15px; box-sizing:border-box; letter-spacing:-0.05em; font-size:1rem; font-weight:300; color:#555; }
#header  .util  .sitemap {float:left; margin-left:6px;}
#header  .util  .sitemap .btn_sitemap {padding:20px; background:url('/resources/img/user/icon_ham.png') right center no-repeat;}
#header  .util .btn_search {position:absolute; top:0; right:4px; font-size:0; width:40px; height:100%; padding:0; background:url('/resources/img/user/icon_search.png') center center no-repeat;}

/* 모바일 검색창 */
.m_search_wrap {display:none; position:fixed; top:0; left:0; height:48px; width:100%; background:#fff; z-index:9; padding:10px 16px 0 10px; box-sizing:border-box; text-align:center; font-size:0;}
.m_search_close {display:inline-block; vertical-align:middle; padding:16px; background:url('/resources/img/user/icon_search_close.png') center center no-repeat; background-size:10px 16px; }
.search_area {position:relative; display:inline-block; vertical-align:middle; width:calc(100% - 79px); border-radius:18px; overflow:hidden; margin:0 11px 0 4px;}
.search_area  input {width:100%;line-height:36px; background:#f4f4f4; padding:0 20px; box-sizing:border-box;}
.m_search_btn {display:inline-block; vertical-align:middle; font-size:1.143rem; width:32px; height:32px;}
.search_area label {display:block; position:absolute; top:0; left:0; font-size:1.143rem; line-height:36px; width:100%; text-align:left; padding-left:20px; box-sizing:border-box;}
.label_del {display:none; position:absolute; right:6px; top:50%; padding:12px; margin-top:-12px; background:url('/resources/img/user/icon_del.png') center center no-repeat; background-size:24px 24px;}

/* footer */
#footer .foot_menu_wrap {border-top:1px solid #ddd; }
#footer .foot_menu_wrap .inner:after {content:''; display:block; clear:both;}
#footer .foot_menu_wrap ul li {float:left; width:12.5%; box-sizing:border-box; border-right:1px solid #ddd;}
#footer .foot_menu_wrap ul li:first-child {border-left:1px solid #ddd;}
#footer .foot_menu_wrap ul li  a {display:block; text-align:center; color:#1a1a1a; font-size:0.938rem; padding:22px 0 20px; font-weight:300; }
#footer .foot_copy_wrap {position:relative; padding:31px 0 46px; border-top:1px solid #ebebeb; box-sizing:border-box; background:#f4f4f4;}
#footer .foot_copy_wrap .foot_inner_box:after {content:''; display:block; clear:both;}
#footer .foot_info {float:left;}
#footer .foot_info .foot_info_list {margin-top:30px;}
#footer .foot_info .foot_info_list:after {content:''; display:block; clear:both;}
#footer .foot_info .foot_info_list li {float:left; position:relative;  color:#666; font-size:0.938rem; font-weight:300; padding-left:13px; margin:0 11px 10px 0; box-sizing:border-box;}
#footer .foot_info .foot_info_list li:before {content:''; position:absolute; top:50%; margin-top:-6px; left:0;  width:1px; height:12px; background:#ccc;}
#footer .foot_info .foot_info_list li:nth-child(1):before {display:none;}
#footer .foot_info .foot_info_list li:nth-child(5):before {display:none;}
#footer .foot_info .foot_info_list li:nth-child(1) {padding-left:0;}
#footer .foot_info .foot_info_list li:nth-child(5) {padding-left:0;}
#footer .foot_link {position:absolute; top:0; right:0;  font-size:0;}
#footer .foot_link li {display:inline-block; margin:0 10px;}
#footer .foot_link li:last-child {margin-right:0;}
#footer .cp {margin-top:20px; color:#666;  font-size:0.938rem; font-weight:300;}

/* 모바일 전체메뉴 */
.all_menu_wrap {position:fixed; top:0; left:-320px; z-index:99999; width:320px; height:100%; background:#fff; transition:all 0.3s; /* min-height:460px; */}
.all_menu_wrap.on {left:0;}
.all_dim {display:none; position:fixed;  z-index:9999; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.6); }

.info_top {position:relative; height:64px;}
.m_kyobo_logo {position:absolute; top:18px; left:20px;}
.m_kyobo_logo img {height:28px;}
.info_bot {padding:24px 20px; background:#20BCAE;}
.info_bot:after {content:''; display:block; clear:both;}
.all_login_info {float:left; width:78%; }
.all_login_info a {position:relative;font-size:1.143rem; color:#fff; padding-right:16px;}
.all_login_info a:after {position:absolute; right:0; top:50%; margin-top:-6px; content:''; width:12px; height:12px; background:url('/resources/img/user/icon_more.png') center center/cover no-repeat;}
.all_login_check {float:left; width:22%; text-align:right; }
.all_login_check  a {font-size:1rem; color:#fff;}
.all_quick {padding:0 20px; box-sizing:border-box;}
.all_quick:after {content:''; display:block; clear:both;}
.all_quick a {float:left; position:relative; width:33.333%; padding:58px 0 18px 0; text-align:center; font-size:0.857rem;}
.all_quick a.all_quick_sche:before {position:absolute; top:12px; left:50%; margin-left:-22px; content:''; width:44px; height:44px; background:url('/resources/img/user/ic-menu-calendar.png') center center/cover no-repeat; }
.all_quick a.all_quick_check:before {position:absolute; top:12px; left:50%; margin-left:-22px; content:''; width:44px; height:44px; background:url('/resources/img/user/ic-menu-check.png') center center/cover no-repeat; }
.all_quick a.all_quick_noti:before {position:absolute; top:12px; left:50%; margin-left:-22px; content:''; width:44px; height:44px; background:url('/resources/img/user/ic-menu-notice.png') center center/cover no-repeat; }
.all_quick a.all_quick_first:before {position:absolute; top:12px; left:50%; margin-left:-22px; content:''; width:44px; height:44px; background:url('/resources/img/user/ic-menu-frist.png') center center/cover no-repeat; }
.all_quick a.all_quick_join:before {position:absolute; top:12px; left:50%; margin-left:-22px; content:''; width:44px; height:44px; background:url('/resources/img/user/ic-menu-sign.png') center center/cover no-repeat; }

.all_inner {position:absolute; width:100%; height:calc(100% - 319px); border-top:1px solid #ddd; /* min-height:460px; */ overflow-y:auto;}
.all_menu >  li > a {display:block; position:absolute; top:0; left:0; text-align:center; width:33.333%; height:16.666%; background:#f4f4f4; border-right:1px solid #ddd; box-sizing:border-box; border-bottom:1px solid #ddd;}
.all_menu >  li > a > span {position:absolute; top:50%; left:20px;   -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%); font-size:1.143rem;}
.all_menu > li:nth-child(2) a {top:16.666%;}
.all_menu > li:nth-child(3) a {top:33.332%;}
.all_menu > li:nth-child(4) a {top:49.998%;}
.all_menu > li:nth-child(5) a {top:66.664%;}
.all_menu > li:nth-child(6) a {top:83.33%;}
.all_depth2 {display:none; position:absolute; top:0; left:33.333%;  width:66.667%; height:100%; box-sizing:border-box; overflow-y:auto; min-height:300px;}
.all_menu > li:nth-child(1) .all_depth2 {display:block;}
.all_depth2  > li  > a {display:block; font-size:1.143rem; color:#1a1a1a; font-weight:500; padding:16px 20px; box-sizing:border-box; }
.all_depth2  > li  > a.icon_arr {position:relative;}
.all_depth2  > li  > a.icon_arr:after {position:absolute; top:50%; margin-top:-6px; right:20px; content:''; width:12px; height:12px; background:url('/resources/img/user/btn-more-12.png') center center/cover no-repeat;  transition:all 0.2s;}
.all_depth2  > li  > a.on {color:#00A99A;}
.all_depth2  > li  > a.off:after { transform:rotate(180deg);}

.all_depth3 {display:none;}
.all_depth3 > li > a {display:block; font-size:1rem; color:#1a1a1a; font-weight:300; padding:11px 20px; box-sizing:border-box;}
.all_menu >  li.on > a {background:#fff; border-right:none; color:#00A99A;}
 .all_cs_call {position:absolute; bottom:0; left:0; width:100%; background:#20BCAE; height:103px; padding:20px; box-sizing:border-box;} 
.all_cs_call dl dt {font-size:0.857rem; color:#fff;}
.all_cs_call dl dd {margin-top:8px;}
.all_cs_call dl dd a {font-size:1.571rem; color:#fff; font-weight:500;}
.all_cs_call p {color:#fff; font-size:0.857rem; margin-top:10px; font-weight:300;}
.all_menu_close {display:block; position:absolute; top:20px; right:16px; width:24px; height:24px; background:url('/resources/img/user/btn-close.png') center center/cover no-repeat;}

.top_btn {position:absolute; top:31px; right:3%; display:block; width:48px; height:48px; background:#fff url('/resources/img/user/icon_top.png') center 12px no-repeat; border:1px solid #ddd; box-sizing:border-box; border-radius:100%; padding-top:5px; box-sizing:border-box; color:#666; font-weight:300; font-size:0.875rem;}


/*돌렸을떄*/
.all_menu_wrap.land .info {position:absolute; width:100%;z-index:99;}
.all_menu_wrap.land .scroll_wrap {position:absolute;  width:100%; overflow-y:auto; top:128px; padding-top:0; height:calc(100% - 128px);}
.all_menu_wrap.land .all_quick {position:absolute; width:100%; height:88px;}
.all_menu_wrap.land .all_inner {position:absolute; top:88px; overflow-y:auto; min-height:300px; height:auto;}
.all_menu_wrap.land .all_menu > li > a {height:50px; line-height:50px;}
.all_menu_wrap.land .all_menu > li:nth-child(2) > a {top:50px;}
.all_menu_wrap.land .all_menu > li:nth-child(3) > a {top:100px;}
.all_menu_wrap.land .all_menu > li:nth-child(4) > a {top:150px;}
.all_menu_wrap.land .all_menu > li:nth-child(5) > a {top:200px;}
.all_menu_wrap.land .all_menu > li:nth-child(6) > a {top:250px;}
.all_menu_wrap.land .all_cs_call {bottom:auto; top:388px; height:103px;}


/* 서브 top*/
.sub_navi_wrap {border-top:1px solid #ebebeb;  border-bottom:1px solid #ebebeb; height:50px; box-sizing:border-box;}
.sub_navi {max-width:1050px; margin:0 auto; line-height:50px; font-size:0;}
.sub_navi > span {position:relative; vertical-align:middle; font-size:0.875rem; font-weight:300; padding-right:13px; margin-right:8px; display:inline-block;}
.sub_navi > span:after {position:absolute; top:50%; margin-top:-4px; right:0;  content:''; width:5px; height:8px; background:url('/resources/img/user/icon_navi.png') center center no-repeat;}
.sub_navi > span:last-child:after {display:none;}

.sub_top_wrap {background:url('/resources/img/user/bg_sub_top.gif') center bottom/cover no-repeat; padding:48px 0 60px;}
.sub_top_wrap.cust_top_wrap {height:200px; padding:72px 0 86px; box-sizing:border-box;}
.sub_top {max-width:1050px; margin:0 auto;}
.sub_top h2 {font-size:2.625rem; font-weight:400; text-align:center;}
.sub_top_guide {font-size:1.25rem; color:#1a1a1a; font-weight:300; text-align:center; margin-top:30px;}
.sub_top_guide span {font-weight:400; color:#00a99a;}
.sub_top_wrap.sub_top_mo {position:relative; padding:60px 0 70px; height:240px; box-sizing:border-box;}
.sub_top_wrap.sub_top_mo:after {display:none; position:absolute; bottom:0; left:0; content:''; width:100%; height:40px; background:url('/resources/img/user/bg_wave.png') center bottom no-repeat;  background-size:100% 40px;}
.sub_top_wrap.sub_top_wrap9.sub_top_mo:after {display:none; position:absolute; bottom:0; left:0; content:''; width:100%; height:40px; background:url('/resources/img/user/bg_wave2.png') center bottom no-repeat;  background-size:100% 40px;}
.sub_top_wrap.sub_top_wrap22 { background: url(https://contents.kyobobook.co.kr/pmtn/2023/general/230313_edu/bg_book_01.jpg) center bottom/cover no-repeat;}

.sub_top_wrap.sub_top_wrap1 {background:url('/resources/img/user/bg_culture_01.jpg') center bottom/cover no-repeat; }
.sub_top_wrap.sub_top_wrap2 {background:url('/resources/img/user/bg_culture_02.jpg') center bottom/cover no-repeat; }
.sub_top_wrap.sub_top_wrap3 {background:url('/resources/img/user/bg_culture_03.jpg') center bottom/cover no-repeat; }
.sub_top_wrap.sub_top_wrap4 {background:url('/resources/img/user/bg_culture_04.jpg') center bottom/cover no-repeat; }
.sub_top_wrap.sub_top_wrap5 {background:url('/resources/img/user/bg_reading_01.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap6 {background:url('/resources/img/user/bg_reading_02.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap7 {background:url('/resources/img/user/bg_reading_03.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap8 {background:url('/resources/img/user/bg_reading_04.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap9 {background:url('/resources/img/user/bg_reading_05.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap9-1 {background:url('/resources/img/user/bg_reading_06.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap10 {background:url('/resources/img/user/bg_reading_07.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap11 {background:url('/resources/img/user/bg_youth_01.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap12 {background:url('/resources/img/user/bg_youth_02.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap13 {background:url('/resources/img/user/bg_youth_03.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap14 {background:url('/resources/img/user/bg_youth_04.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap15 {background:url('/resources/img/user/bg_youth_05.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap22 {background:url('/resources/img/user/bg_youth_06.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap16 {background:url('/resources/img/user/bg_exp_01.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap17 {background:url('/resources/img/user/bg_exp_02.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap18 {background:url('/resources/img/user/bg_exp_03.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap19 {background:url('/resources/img/user/bg_exp_04.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_wrap20 {background:url('/resources/img/user/bg_exp_05.jpg') center bottom/cover no-repeat;}
.sub_top_wrap.sub_top_mo .sub_top h2 {color:#fff;}
.sub_top_wrap.sub_top_mo .sub_top_guide {color:#fff; line-height:26px; margin-top:25px;}

.msub_top_guide {display:none; font-size: 1.143rem; word-break: keep-all; padding: 0 20px;  box-sizing: border-box; line-height:26px; color:#fff; text-align:center;}




/* 서브 콘텐츠 */
.sub_inner {max-width:1050px; padding:80px 0 120px; margin:0 auto; }
.sub_inner2 {max-width:1050px; margin:0 auto; padding:80px 0 100px;}
.clear:after {content:''; display:block; clear:both;}
.lnb_wrap {float:left; width:22.858%;}
.lnb {padding:40px 30px; box-sizing:border-box; border-radius:32px; border:1px solid #ddd; }
.lnb > li {margin-top:40px;} 
.lnb > li:first-child {margin-top:0;}
.lnb > li > a {display:block; font-size:1.125rem; color:#1a1a1a; font-weight:500;} 
.lnb > li.on > a {color:#00a99a; font-weight:500;}
.lnb_depth3 {margin-top:9px;}
.lnb_depth3 >  li {margin-top:18px;}
.lnb_depth3 >  li  >  a {position:relative; display:block; font-size:1rem; color:#1a1a1a; padding-left:9px;}
.lnb_depth3 >  li  >  a:before {position:absolute; top:50%; left:0; margin-top:-1.5px; content:''; width:3px; height:3px; border-radius:100%; background:#1a1a1a;}
.lnb_depth3 >  li.on  >  a {color:#00a99a;}
.lnb_depth3 >  li.on  >  a:before {background:#00a99a;}

.sub_cnt {float:left;  margin-left:5.712%; width:71.43%;}
.sub_cnt > h3 {padding:40px 0 60px; text-align:center; font-size:2.25rem; color:#1a1a1a; font-weight:400;}

.sub_cs_box {padding:30px; box-sizing:border-box; border-radius:32px; border:1px solid #ddd; margin-top:15px;}
.sub_cs_box h2 {font-size:1.125rem; font-weight:500;}
.sub_cs_box .link_wrap a {float:none; display:inline-block;}
.sub_cs_box .link_wrap a:nth-child(2) {margin-top:10px;}
.sub_cs_box.cs_box_01 {padding-top:126px; background: url(/resources/img/user/bg_edu_cs.png) center 30px no-repeat; background-size:auto 76px; }
.sub_cs_box .kyobo_logo {margin-bottom:20px;}
.sub_cs_box .kyobo_logo img {height:56px;}

/* 레이어팝업 공통 */
.layer_dim {display:none;  position:fixed; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9999;}
.layer_wrap {position:fixed; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);  transform:translate(-50%,-50%); border-radius:32px; background:#fff; z-index:99999; box-sizing:border-box; overflow:hidden;}
.layer_wrap h2 {font-size:1.875rem; color:#1a1a1a; font-weight:500; text-align:center;}
.layer_wrap h2 span {color:#00a99a;}


/* sns 팝업 */
.sns_layer_wrap {display:none; max-width:528px; max-height:623px; padding:75px 70px 30px;}
.sns_list:after {content:''; display:block; clear:both;}
.sns_list {margin-top:60px;}
.sns_list li {float:left; width:33.333%; margin-bottom:40px; text-align:center;}
.sns_list li a {display:block;}
.sns_list li a span {display:block; margin-top:20px; color:#1a1a1a; font-size:1.125rem; font-weight:300;}
.layer_close_btn {position:absolute; top:30px; right:30px; padding:10px; background:url('/resources/img/user/btnx.svg') center center no-repeat; background-size:16px 16px;}
.sns_icon {width:64px; height:64px; margin:0 auto;}
.sns_kakao {background:url('/resources/img/user/icon_sns_01.png') center center no-repeat;}
.sns_fb {background:url('/resources/img/user/icon_sns_02.png') center center no-repeat;}
.sns_tw {background:url('/resources/img/user/icon_sns_03.png') center center no-repeat;}
.sns_ks {background:url('/resources/img/user/icon_sns_04.png') center center no-repeat;}
.sns_nb {background:url('/resources/img/user/icon_sns_05.png') center center no-repeat;}
.sns_line {background:url('/resources/img/user/icon_sns_06.png') center center no-repeat;}
.sns_band {background:url('/resources/img/user/icon_sns_07.png') center center no-repeat;}
.sns_link_copy{background:url('/resources/img/user/icon_sns_08.png') center center no-repeat;}

/* 사이트맵 팝업 */
.site_layer_wrap {display:none; padding:75px 48px 40px; width:1050px; box-sizing:border-box;}
.sitemap_list:after {content:''; display:block; clear:both;}
.sitemap_list {max-height:649px; overflow-y:auto; margin-top:40px;}
.sitemap_list  li a {display:block;}
.sitemap_list > li {float:left; width:25%; box-sizing:border-box; min-height:424px; border-left:1px solid #ddd; padding:20px 25px 20px 35px;}
.sitemap_list > li:first-child {border-left:0;}
.sitemap_list > li:nth-child(5) {border-left:0;}
.sitemap_list > li:nth-child(7) {position:relative;}
.sitemap_list > li:nth-child(7):after {position:absolute; right:-1px; top:0;content:''; width:1px; height:100%; background:#ddd;}
.sitemap_list > li > a {font-size:1.75rem; color:#034c81; margin-bottom:15px;}
.sitemap_depth2 > li {margin:7px 0;}
.sitemap_depth2 > li > a {font-size:1.125rem; color:#1a1a1a; padding:10px 0;}
.sitemap_depth2 > li a:hover {color:#00a99a;}
.sitemap_depth3 li a {position:relative; font-size:1rem; font-weight:300; line-height:28px; color:#1a1a1a; padding-left:7px;}
.sitemap_depth3 li a:before {position:absolute; top:50%;  left:0; content:''; width:3px; height:3px; border-radius:100%; background:#1a1a1a;}
.sitemap_depth3 li a:hover {color:#00a99a;}

/* 약관 레이어 */
.terms_layer_wrap {display:none; position:fixed; padding: 75px 48px 48px; max-width:780px; max-height:580px;  min-height:580px; box-sizing:border-box;}
.terms {margin-top:40px; font-size:1.125rem; max-height:389px; overflow-y:auto; padding-right:20px; box-sizing:border-box;}
.terms h3, .terms h4, .terms h5, .terms p { font-weight:300; line-height:28px;}
.terms h4, .terms h5 {margin-top:30px;}
.terms h4 {position:relative; padding-left:20px; box-sizing:border-box;}
.terms h4:before {position:absolute; top:50%; left:0; margin-top:-7px; content:''; width:17px; height:17px; border-radius:100%; background:#1a1a1a;}
.terms p  {word-break:keep-all;}

/* 에러페이지 */
.error_wrap {position:fixed; width:100%; height:100%; /* padding:30px 0; box-sizing:border-box;  */}
.error_guide_box {text-align:center; position:absolute; top:50%; left:50%;  -ms-transform:translate(-50%,-55%);  -webkit-transform:translate(-50%,-55%); -o-transform:translate(-50%,-55%);
transform:translate(-50%,-55%); width:760px; /* margin:180px auto; */}
.error_wrap.on {position:static; padding:30px 0;}
.error_wrap.on .error_guide_box {position:static; transform:none;}
.error_guide {background:url('/resources/img/user/bg_error.png') center top no-repeat; padding-top:260px;}
.error_guide h2 {font-size:2.25rem; font-weight:400; line-height:2.875rem; color:#1a1a1a;}
.error_txt {font-size:1.125rem; line-height:1.5rem; color:#1a1a1a; font-weight:300; margin:40px 0 50px;}

@media screen and (max-width:1280px){
	.top_btn {top:100px; right:20px;}
	#footer .foot_info .foot_info_list {width:80%;}
}
@media screen and (max-width:1208px){
	html{font-size:15px;}
}

@media screen and (max-width:1100px){
	#header h1.kyobo {left:20px;}
	#header .top_lef_menu {left:20px;}
	#header .top_rig_menu {right:20px;}
	#header .util {right:20px;}
	
	
	.sub_navi {padding:0 20px; box-sizing:border-box;}
	/* 푸터 */
	#footer .foot_copy_wrap {padding: 31px 20px 46px;}

	/* 사이트맵 팝업 */
	.layer_wrap {width:100% !important; height:100%; max-width:100% !important; padding: 75px 20px 40px !important; max-width:auto !important; min-height:auto !important; max-height:100% !important; border-radius:0; top:0; left:0; -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); min-width:100% !important;}
	.layer_wrap > div {height:100% !important; /* overflow-y: auto; */}
	.sitemap_list > li {padding:20px 10px 20px;}

	.my_info_wrap {padding:0 20px; box-sizing:border-box;}

	.clear {padding:0 20px; box-sizing:border-box;}

	.sub_top_wrap.sub_top_wrap1 {background-position:35% center;}
	.sub_top_wrap.sub_top_wrap3 {background-position:40% center;}

}

@media screen and (max-width:1024px){	
	#header .top_header {display:none;}
	#header h1.kyobo {top:18px; left:20px;}
	#header h1.kyobo img {height:28px;}
	#header .bot_header {height:96px; position:fixed; width:100%; z-index:999; background:#fff; border-bottom:1px solid #ebebeb;}
	#header .bot_header .inner{padding-top:48px;}
	#header .util .searcharea {display:none;}
	#header .util .sitemap {display:none;}
	#header  .m_search {display:block;}
	#header .gnb {padding:0;}
	#header .gnb > li {margin:0 10px; padding:0;}
	#header .gnb > li > a {line-height:48px; font-size:1.533rem;}

	/* 서브페이지 모바일 헤더 */
	#header.sub_header h1.kyobo {top:14px; left:50%; margin-left:-76.5px;}
	#header.sub_header .gnb {display:none;}
	#header.sub_header .bot_header {height:56px;}
	#header.sub_header .bot_header .inner {padding:0;}
	#header.sub_header .m_search {top:12px;}
	#header.sub_header .util {right:auto; left:0; top:0;}
	#header.sub_header .util .sitemap {display:block; position:absolute; top:12px; left:16px; right:auto; margin-left:0;}
	#header.sub_header .util .sitemap .btn_sitemap {padding:16px; background: url('/resources/img/user/btn-menu.png') center center no-repeat; background-size:20px 16px;}

	#header .depth2 {position:static; height:100%; /* min-width:375px;  */}
	#header .depth2:after {content:''; display:block; clear:both;}
	#header .depth2 li {float:left; margin:0 10px 0 0;   height:100%; display:list-item; width:auto;}
	#header .depth2 li:last-child {/* margin-right:38px; */}
	#header .depth2 li a { line-height:48px; background:none; border:none;  color:#fff; font-size:12px; }
	#header .depth2 li.on > a {position:relative; font-weight:500;}
	#header .depth2 li.on > a:before {display:block; content: ''; width:60%; height:3px; background:#fff; position:absolute; bottom:0; left:20%; margin-top:0; top:auto;}
	#header .depth2 li a:hover {color:#fff; font-weight:300; background:none; border:none;}
	#header .gnb a.on + .frame .depth2{display:block !important;}


	.sub_navi_wrap {display:none;}
	.sub_top_wrap.sub_top_mo {margin-top:87px; }
	#container {padding-top:57px;}
  #wrapper{position:relative}
    
	.wrapper_type2 #header h1.kyobo {display:none;}
	.wrapper_type2 #header .bot_header {height:56px;}
	.wrapper_type2 .gnb {display:none;}
	.wrapper_type2 .sub_top_wrap.sub_top_mo {display:none;}
	.wrapper_type2 .depth3_link {display:none;}
	.detail_page_tit {position:absolute; top:0; left:25%; width:50%; height:56px;line-height:56px; text-align:center; font-size:1.429rem; font-weight:500;}
	.wrapper_type2 #header .m_search {top:12px;}
	.back_btn {position:absolute; top:12px; left:5px; padding:18px; background: url(/resources/img/user/icon_search_close.png) center center no-repeat; background-size: 10px 16px;}
	


	/* 푸터 */
	#footer .foot_menu_wrap ul li {width:25%; border-bottom:1px solid #ddd;}
	#footer .foot_copy_wrap {border-top:none; padding: 31px 20px 102px;}
	.sub_inner {padding:40px 0 60px;}	
	.sub_inner.sub_inner_bot {padding:40px 0 20px;}
	.lnb_wrap {float:none; width:100%; transition:all 0.2s;}
	.lnb_wrap.fixed{position:fixed; left: 0; top:57px; width: 100%; z-index:99;}
	.lnb_wrap.on {height:96px;}
	.sub_cnt {float:none; width:100%; margin-left:0;}
	.lnb_wrap aside {display:none;}
	.lnb {border:none; position:relative; border-radius:0; padding:0 30px; height:48px; background:#fff; border-bottom:1px solid #ebebeb; text-align:center; font-size:0;}
	.lnb:after {content:''; display:block; clear:both;}
	.lnb >  li {display:inline-block;  /* margin:0 2%; */ margin:0; width:33.333%;}
	.lnb > li > a {line-height:48px; height:48px;}
	.frame_st2 {display:none; position:absolute; left:0; height:48px; background:url('/resources/img/user/bg_depth3.jpg') center center repeat-x;  padding:0  30px; box-sizing:border-box; width:100%;}
	.frame_st2.on {display:block;} 
	.lnb_depth3  {height:100%; width:100%; margin-top:0;}
	.frame_st2:after {position:absolute; top:0; right:0; content:''; width:48px; height:100%; background:url('/resources/img/user/bg_gra.png') center center/cover no-repeat; }
	.lnb_depth3 > li  {float:left; margin-right:38px; margin-top:0;}
	.lnb_depth3 > li > a {padding-left:0; line-height:48px; font-size:1rem; color:#fff; font-weight:300;}
	.lnb_depth3 > li > a:before {display:none;}
	.lnb_depth3 > li.on > a {position:relative; color:#fff; font-weight:500;}
	.lnb_depth3 > li.on > a:before {display:block; content:''; width:100%; height:3px; background:#fff; position:absolute; bottom:0; left:0; margin-top:0; top:auto; border-radius:0;}

	.clear {padding:0;}
	.sub_cnt {padding:0 20px; box-sizing:border-box; position:relative;}
/* 	.frame.on {display:flex; justify-content: space-between;} */

	/*에러페이지*/
	.error_guide {background-size:auto 120px;  padding-top:180px;}
	.error_guide_box {width:100%; padding:0 20px; box-sizing:border-box; /* margin:60px auto; */}
	.error_guide h2 {font-size:1.429rem; line-height:normal;}
	.error_txt {font-size:1rem;}

}

@media screen and (max-width:768px){
	/* .layer_wrap > div {overflow-y: auto;} */
	html{font-size:14px;}
	.mo_none {display:none;}
	#header .gnb > li > a {font-size:1.286rem;}
	.sub_inner.sub_inner_wave {padding:20px 0 60px !important;}
	.foot_logo img {height:32px;}
	#footer .foot_link {position:static; margin-top:20px;}
	#footer .foot_link li {margin:0; width:25%; text-align:center;}
	#footer .foot_info {float:none; width:100%;}
	#footer .foot_info .foot_info_list li {font-size:0.786rem; margin:0 4px 4px 0; padding-left:4px; line-height:16px;}
	#footer .foot_info .foot_info_list li:nth-child(4) {padding-left:0;}
	#footer .foot_info .foot_info_list li:nth-child(6) {padding-left:0;}
	#footer .foot_info .foot_info_list li:nth-child(4):before {display:none;}
	#footer .foot_info .foot_info_list li:nth-child(6):before {display:none;}
	#footer .foot_info .foot_info_list li:before {height:8px; margin-top:-4px;}
	#footer .foot_info .foot_info_list {margin-top:20px; width:100%;}
	#footer .cp {font-size:0.786rem;}
	#footer .foot_menu_wrap ul li a {font-size:0.857rem; padding: 19px 0;}

	.top_btn {width:40px; height:40px; top:30px; right:16px; font-size:0.786rem; background-size:6px auto; background-position:center 9px; padding-top:3px;}

	
	/* 사이트맵 팝업 */
	.sitemap_list {position:absolute; width:calc(100% - 40px); max-height:75%; overflow-x:hidden; /* padding:0 30px 30px; */ box-sizing:border-box;}
	.mo_scroll::-webkit-scrollbar { width:3px; }
	.mo_scroll::-webkit-scrollbar-thumb { background:#a9a9a9;}

	.sitemap_list > li {float:none; width:100%; min-height:auto; border-bottom:1px solid #ddd; border-left:none; padding:30px 0 20px; box-sizing:border-box;}
	.sitemap_list > li:last-child {border-bottom:1px solid #ddd; }
	.sitemap_list > li:nth-child(7):after {display:none;}
	.sitemap_depth2 > li > a {font-size:1.286rem; line-height:22px;}
	.sitemap_depth3 li a {font-size:1.143rem; line-height:30px;}

	/* 서브탑 */
	.sub_top_wrap {padding:38px 0 40px; background: url(/resources/img/user/bg_msub_top.png) center bottom/cover no-repeat;}
	.sub_top_guide {/* padding:0 40px; */ padding:0 65px; box-sizing:border-box; line-height:20px; word-break:keep-all; margin-top:15px; font-size:1.143rem; font-weight:400; max-width:65%; margin:20px auto 0;}
	.sub_top_wrap.sub_top_wrap7 .sub_top_guide {padding:0 80px;}
	.sub_top h2 {font-size:2rem;}
	
	.lnb > li > a {font-size:1.143rem;}

	.sub_cnt >  h3 {font-size:1.714rem; padding: 40px 0 30px;}
	
	.sub_top_wrap.sub_top_mo {padding:45px 0 0 0;}
	/* .sub_top_wrap.sub_top_wrap14.sub_top_mo {padding:60px 0 70px;} */
	/* .sub_top_wrap.sub_top_wrap15.sub_top_mo {padding:60px 0 70px;} */
	.sub_top_wrap.sub_top_mo:after  {display:block;}
	.sub_top_wrap.sub_top_wrap9.sub_top_mo:after  {display:block;}
	.sub_top_wrap.sub_top_mo .sub_top h2 {display:none;}
	.sub_top_wrap.sub_top_mo .sub_top_guide  {margin-top:0;}
	.msub_top_guide {display:block;} 
	.hidden_guide {display:none;}


	

}

@media screen and (max-width:376px){
	#header .depth2 {min-width:100%; }
}


@media screen and (max-width:340px){	
	#header .gnb > li > a {font-size:1.143rem;}
	.all_login_info a {font-size:1.071rem;}
	.all_login_check a {font-size:0.929rem;}
}

@media screen and (max-width:334px){
	#footer .foot_menu_wrap ul li {width:50%;}
}