@charset "utf-8";

/* margin / padding */
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0 !important;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.pos_fix {position:fixed; height:100%;}
.bdnone, .remove_line {border:0 !important;}

/* hidden */
.blind{width:0;height:0;line-height:0;font-size:0;color:transparent;text-indent:-9999em;overflow:hidden;visibility:hidden;position:absolute;top:-9999em;left:0;}

/* button */
.button {overflow:hidden; display:inline-block; text-align:center; white-space:nowrap; vertical-align:middle; color:#000; cursor:pointer; font-size:12px; border:0; height:24px; line-height:24px; padding:3px 7px 1px 7px; border:1px solid #d2d2d2; background:#fff; text-overflow:ellipsis; white-space:nowrap; border-radius:2px;}
.button.strong * {font-weight:700 !important;}
.button:hover {color:#666;}

.tab_button {overflow:hidden; display:inline-block; text-align:center;  white-space:nowrap; vertical-align:middle; color:#747474; cursor:pointer; width:100%; font-size:15px; border:0; height:35px; line-height:35px; border:1px solid #e4e4e4; background:#f9f9f9; text-overflow:ellipsis; white-space:nowrap;}

.ch480 .button{padding-top:0;padding-bottom:0;}

/* button_moblie */
.button {height:20px; line-height:20px; color:#333;}
.button:hover {color:#858585;}

/* color */
.button.black {border:1px solid #171717; background:#171717; color:#d9dada;}

/* icon */
.icn_play1 {height:24px; line-height:24px;}
.icn_play1 span {display:block; height:22px; line-height:22px; padding-left:13px; background:url('../images/icon/btn_allPlayWeb.png') no-repeat left center;}
.icn_play2 {height:24px; line-height:24px;}
.icn_play2 span {display:block; height:22px; line-height:22px; padding-left:13px; background:url('../images/icon/btn_allPlayWeb_b.png') no-repeat left center;}


/* 공유하기버튼 */
.btn_share {display:block; /*overflow:hidden;*/ width:20px; height:20px; text-indent:-7000000em; font-size:0; line-height:0; background:url('../images/icon/ico_share_new2.png') no-repeat right 5px;}
.btn_share:hover {background:url('../images/icon/ico_share_on.png') no-repeat right 5px;}
.btn_share:focus {background:url('../images/icon/ico_share_on.png') no-repeat right 5px;}
.ch480 .btn_share {width:22px; height:23px; background:url('../images/icon/ico_share_new2_m.png') no-repeat right bottom; background-size:12px 13px;-webkit-background-size:12px 13px;-moz-background-size:12px 13px;}
.ch480 .btn_share:hover {background:url('../images/icon/ico_shareM_on.png') no-repeat right bottom; background-size:12px 13px;-webkit-background-size:12px 13px;-moz-background-size:12px 13px;}
.ch480 .btn_share:focus {background:url('../images/icon/ico_shareM_on.png') no-repeat right bottom; background-size:12px 13px;-webkit-background-size:12px 13px;-moz-background-size:12px 13px;}

.lazy_load_button {display:block; width:100%; padding:10px 0; margin-top:10px; background:url('../images/icon/btn_moblieMore.png') no-repeat center center; background-size:15px 9px;}
.lazy_load_button span {display:none;}

.btn_more {display:block; padding:10px 0; margin-top:15px; background:url('../images/icon/btn_moblieMore.png') no-repeat center center; background-size:15px 9px;}
.btn_more span {display:none;}

/* 플레이버튼 */
.ico_thum_play {display:inline-block; width:38px; height:38px; font-size:0; line-height:0; text-indent:-7000000em; background:url('../images/icon/ico_thum_play.png') no-repeat center center;}
.ico_thum_playB {display:inline-block; width:90px; height:90px; font-size:0; line-height:0; text-indent:-7000000em; background:url('../images/icon/ico_thum_playB_over.png') no-repeat center center;}
.ico_thum_playB:hover {background:url('../images/icon/ico_thum_playB_over.png') no-repeat center center;}


.ch816 .ico_thum_playB {width:90px; height:90px; background-size:100%;}
.ch768 .ico_thum_playB {width:90px; height:90px; background-size:100%;}

.ir-com {overflow:hidden; white-space:nowrap; font-size:0; line-height:0; text-indent:-7000000em; background:url('../images/common/ico_all.png') no-repeat left top; background-size:30px 14px; background:url(../images/common/ico_all2.png) no-repeat left top\0/ie8;}
.ir-com.i-all {position:relative;}
.ch480 .ir-com.i-all::after {display:none;}
.ir-com.i-all::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; filter:alpha(opacity=0); -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
a:hover .ir-com.i-all::after, a:focus .ir-com.i-all::after { opacity:1; filter:alpha(opacity=100); }
.ir-com.i-all .ani1 { position:absolute; left:0; top:0; width:0; z-index:2; height:2px; background:#000; -webkit-transition: width 0.2s 0.2s ease; transition: width 0.2s 0.2s ease; }
.ir-com.i-all .ani2 { position:absolute; left:0; top:6px; width:0; z-index:2; height:2px; background:#000; -webkit-transition: width 0.2s 0.3s ease; transition: width 0.2s 0.3s ease; }
.ir-com.i-all .ani3 { position:absolute; left:0; bottom:0; width:0; z-index:2; height:2px; background:#000; -webkit-transition: width 0.2s 0.4s ease; transition: width 0.2s 0.4s ease; }
a:hover .ir-com.i-all .ani1, a:focus .ir-com.i-all .ani1, a:hover .ir-com.i-all .ani2, a:focus .ir-com.i-all .ani2, a:hover .ir-com.i-all .ani3, a:focus .ir-com.i-all .ani3 { width:100%; }

/* 플레이버튼_모바일 */
.ch480 .ico_thum_play {width:20px; height:20px; background-size:20px; margin:-10px 0 0 -10px !important;}
.ch480 .ico_thum_playB {width:56px; height:56px; margin:-28px 0 0 -28px; background:url('../images/icon/ico_thum_playB_m.png') no-repeat center center; background-size:100%;}
.ch480 .icn_play1 {height:20px; line-height:20px;}
.ch480 .icn_play1 span {height:20px; line-height:20px;}



/* layout */
#wrapper {width:100%;  background:#fff;}
#header {width:100%;  background:#fff; /* border-bottom:1px solid #e5e5e5; */}
#header .box_in {position:relative;}
#header .box_in .logo {text-align:center;height:105px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#header .box_in .logo a {display:inline-block; overflow:hidden; width:376px; height:105px; font-size:0; line-height:0; text-indent:-7000000em; background:url('/images/logo.png') no-repeat center top;background-size:100% auto;} /* 2016-02-29 */
/*html>body #header.fixed .box_in .logo a {height:22px; background:url('/images/common/logo2.png') no-repeat center top;}*/
#header .box_in .gnbToggle {position:absolute; top:39px; display: inline-block; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; color:#555; font-size:15px;}
#header .box_in .gnbToggle:hover {opacity:0.6;filter:alpha(opacity=60);}
/*#header .box_in .gnbToggle .ir-com.i-all {display:inline-block; margin:0 5px -3px 0; width:14px; height:14px;}*/
#header .box_in .util {position:absolute; right:0; top:39px;}
#header .box_in .util:after{display:block;content:"";clear:both;}
#header .box_in .util a {float:left; margin-left:26px;}
#header .box_in .util a.btn_chHd {display:inline-block; height:17px; line-height:17px; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; color:#000;}
#header .box_in .util a.btn_chHd:hover {color:#666;}
#header .box_in .util .btn_shTop {display:inline-block; overflow:hidden; width:28px; height:28px; font-size:0; line-height:0; text-indent:-7000000em; background:url('/images/search.png') no-repeat left top;background-size:100% auto;}
#header .box_in .util .btn_shTop.open {background:url('../images/common/ico-search_2x.png') no-repeat left bottom;background-size:100% auto;}
#header .box_in .util .btn_shTop:hover {background:url('/images/search.png') no-repeat left top;background-size:100% auto;}
#header .box_in .util .btn_shTop:hover.open {background:url('../images/common/ico-search_over_2x.png') no-repeat left bottom;background-size:100% auto;}

#header .box_in .util .btn_shTop2 {margin-top:2px;display:inline-block; overflow:hidden; width:28px; height:28px; font-size:0; line-height:0; text-indent:-7000000em; background:url('/images/close.png') no-repeat left top; background-size:100% auto;}

/* 로그인 */
#header .box_in .util .btn_login,
#header .box_in .util .btn_logout{float:left;position:relative;z-index:99; display:none;}
#header .box_in .util .btn_login > a,
#header .box_in .util .btn_logout a{margin:0;float:none;}
#header .box_in .util .btn_login > a:hover{opacity:0.6;filter:alpha(opacity=60);}
#header .box_in .util .btn_login > div,
#header .box_in .util .btn_logout > div{padding:32px 16px 52px;border:1px solid #e5e5e5;position:absolute;top:40px;right:-45px;background:#fff;display:none;box-shadow:0 0 100px rgba(0,0,0,0.1);}
#header .box_in .util .btn_login > a{width:16px;height:17px;display:inline-block;vertical-align:top;font-size:0;color:transparent;text-indent:-9999em;overflow:hidden;background:url("../images/icon/login_icon_2x.png") no-repeat 0 0;background-size:100% auto;}
#header .box_in .util .btn_login.on,
#header .box_in .util .btn_logout.on{z-index:99999;}
#header .box_in .util .btn_login.on > a + div,
#header .box_in .util .btn_logout.on > a + div{display:block;}
#header .box_in .util .btn_login > div:after,
#header .box_in .util .btn_logout > div:after{width:14px;height:12px;display:block;content:"";position:absolute;top:-12px;right:45px;z-index:90;background:url("../images/common/bubble_bg.png") no-repeat 0 0;}
#header .box_in .util .btn_logout > div:after{right:42px;}
#header .box_in .util .btn_login > div{padding-bottom:15px;width:286px;text-align:center;}
#header .box_in .util .btn_login > div h4{margin-bottom:18px;font-size:20px;color:#333;}
#header .box_in .util .btn_login > div p{margin-bottom:47px;padding:0 0 33px;border-bottom:1px solid #ccc;line-height:20px;font-size:13px;color:#888;letter-spacing:-1px;}
#header .box_in .util .btn_login .social_login div{margin:0 8px 40px;display:inline-block;}
#header .box_in .util .btn_login .social_login br{display:none;}
#header .box_in .util .btn_login > div a{margin:0;width:80px;text-align:center;background:none;}
#header .box_in .util .btn_login > div a:hover{opacity:0.6;filter:alpha(opacity=60);}
#header .box_in .util .btn_login > div a img{margin:0 auto 10px;width:40px;display:block;}
#header .box_in .util .btn_logout > a{padding:4px 30px;display:inline-block;vertical-align:top;position:relative;background:url("../images/icon/bu_arrow7.png") no-repeat right center;}
#header .box_in .util .btn_logout > a span{font-size:12px;font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;color:#000;}
#header .box_in .util .btn_logout > a + a{padding:10px;font-size:0;line-height:0;color:transparent;text-indent:-9999em;overflow:hidden;}
#header .box_in .util .btn_logout > a + a:after{width:1px;height:12px;display:block;content:"";position:absolute;top:3px;right:19px;background:#ccc;}
#header .box_in .util .btn_logout > a:first-child{padding-right:7px;background:none;}
#header .box_in .util .btn_logout > a:hover{opacity:0.6;filter:alpha(opacity=60);}
#header .box_in .util .btn_logout > div{padding:25px 29px 19px 29px;width:220px;}
#header .box_in .util .btn_logout div:first-child{font-size:13px;color:#333;font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
#header .box_in .util .btn_logout div div{border-top:1px solid #e5e5e5;}
#header .box_in .util .btn_logout div div:first-child{padding:0 0 9px;border:0;line-height:16px;}
#header .box_in .util .btn_logout div div:first-child img{width:16px;float:right;border-radius:3px;}
#header .box_in .util .btn_logout div div:after{display:block;content:"";clear:both;}
#header .box_in .util .btn_logout div a{padding:13px 0;font-size:13px;color:#333;display:block;text-align:left;background:url('../images/icon/bu_arrow1.png') no-repeat right center;}
#header .box_in .util .btn_logout div a:hover{opacity:0.6;filter:alpha(opacity=60);}
#header .box_in .util .btn_logout div.logout_btn{margin-top:5px;}
#header .box_in .util .btn_logout div.logout_btn a{padding:10px;border-radius:3px;font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;font-size:13px;color:#fff;display:block;text-align:center;background:#333;}
#header .box_in .util .btn_logout div.logout_btn a:hover{opacity:1;filter:alpha(opacity=100);background:#000;}
#header .box_in .util .btn_login > div h4 a{display:none;}
#header .box_in .util .btn_logout > a > img{width:20px;height:20px;position:absolute;top:0;left:0;border-radius:100px;}
.chWide #header .box_in .util .btn_login > div,
.chWide #header .box_in .util .btn_logout > div{margin-left:-160px;left:50%;}
.chWide #header .box_in .util .btn_login > div:after,
.chWide #header .box_in .util .btn_logout > div:after{margin-left:-7px;left:50%;}
.chWide #header .box_in .util .btn_logout > div:after{margin-left:27px;}

.ch480 #header .box_in .util .btn_login > div{padding:0;width:100%;border:0;position:fixed;top:0;left:0;box-sizing:border-box;z-index:999;}
.ch480 #header .box_in .util .btn_login h4{margin-bottom:35px;padding:18px 16px;font-size:15px;text-align:left;display:block;border-bottom:1px solid #e5e5e5;}
.ch480 #header .box_in .util .btn_login h4 a{float:right;}
.ch480 #header .box_in .util .btn_login h4 a{margin:0;width:18px ;height:18px;float:right;}
.ch480 #header .box_in .util .btn_login h4 a img{width:100%;display:block;}
.ch480 #header .box_in .util .btn_login > div{padding-bottom:40px;}
.ch480 #header .box_in .util .btn_login > div p{margin:0;padding:0 0 37px;font-size:13px;border:0;}
.ch480 #header .box_in .util .btn_login > div h4 a img{width:100%;}
.ch480 #header .box_in .util .btn_login > div a img{width:60px;}
.ch480 #header .box_in .util .btn_login .social_login div{margin:0 18px 33px;}
.ch480 #header .box_in .util .btn_login .social_login br{display:block;}

.ch480 #header .box_in .util .btn_login > div h4 a{display:block;}
.ch480 #header .box_in .util .btn_login > a{width:20px;height:20px;background:url("../images/icon/login_icon_m.png") no-repeat 0 0;background-size:100%;}
.ch480 #header .box_in .util .btn_logout > a{width:22px;height:22px;background:url("../images/icon/logout_icon_m.png") no-repeat 0 0;background-size:100%;}
.ch480 #header .box_in .util .btn_logout > a + a{display:none;}
.ch480 #header .box_in .util .btn_logout > a span,
.ch480 #header .box_in .util .btn_logout > a img,
.ch480 #header .box_in .util .btn_logout > a:after,
.ch480 #header .box_in .util .btn_logout.on > a + div{display:none;}
.ch480 #header .box_in .util .btn_logout > a{padding:0;}

/* 전체 프로그램 */
#header .program_all{position:absolute;top:45px;z-index:99;}
#header .program_all .gnbToggle{padding:2px 0 2px 35px; position:static;background:url("/images/look.png") no-repeat left center;background-size:30px auto;}
#header .program_con{padding:5px 20px 0;width:318px;border:1px solid #e5e5e5;position:absolute;top:40px;left:0;background:#fff;display:none;box-shadow:0 0 100px rgba(0,0,0,0.1);}
#header .program_all.on .program_con{z-index:99999;}
#header .program_all.on > a + div{display:block;}
#header .program_con:after{width:14px;height:12px;display:block;content:"";position:absolute;top:-12px;left:25px;z-index:90;background:url("../images/common/bubble_bg.png") no-repeat 0 0;}
#header .program_con div div{padding:20px 10px;border-top:1px solid #e5e5e5;}
#header .program_con div div:first-child{border-top:0;}
#header .program_con a{display:table;}
#header .program_con a:hover span{color:#858585;}
#header .program_con a:after{display:block;content:"";clear:both;}
#header .program_con span:first-child{padding-right:20px;}
#header .program_con span{font-size:15px;color:#333;display:table-cell;vertical-align:middle; line-height:100%;}
#header .program_con span span{line-height:100%; margin-top:4px;padding:0 !important;display:block;font-size:12px;color:#666;font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
#header .program_con a{font-size:14px;font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
#header .program_con img{width:107px;}
#header .program_con .program_btn{padding:5px 0 20px;;border:0;}
#header .program_con .program_btn a{padding:10px;border-radius:2px;font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;font-size:13px;color:#fff;display:block;text-align:center;background:#7c97ac;}
#header .program_con .program_btn a:hover{background:#000;}
#header .program_con h4{display:none;}
.chWide #header .program_con{margin-left:-180px;left:50%;}
.chWide #header .program_con:after{margin-left:-7px;left:50%;}
.ch480 #header .program_con{padding:0;width:100%;border:0;position:absolute;top:0;left:0;z-index:99;box-shadow: none;}
.ch480 #header .program_con h4{padding:18px 16px;font-size:15px;display:block;border-bottom:1px solid #e5e5e5;}
.ch480 #header .program_con h4 a{width:18px;height:18px;float:right;}
.ch480 #header .program_con h4 a img{width:100%;display:block;}
.ch480 #header .program_con > div{overflow-y:auto;}
.ch480 #header .program_con div div,
.ch480 #header .program_con .program_btn{margin:0 16px;}
.ch480 #header .program_con div div{padding:18px 0;position:relative;}
.ch480 #header .program_con div div:after{margin-top:-4px;width:7px;height:9px;display:block;content:"";position:absolute;top:50%;right:0;background:url("../images/icon/menu_arrow.png") no-repeat 0 0;background-size:100% auto;}
.ch480 #header .program_con div div.program_btn{padding-top:0;}
.ch480 #header .program_con span{font-size:13px;}
.ch480 #header .program_con span span{line-height:100%; margin-top:2px;font-size:12px;}
.ch768 #header .program_all.on .program_con .list_scroll,
.ch816 #header .program_all.on .program_con .list_scroll,
.ch1030 #header .program_all.on .program_con .list_scroll,
.ch1280 #header .program_all.on .program_con .list_scroll,
.ch1500 #header .program_all.on .program_con .list_scroll{height:auto;overflow:auto;}

/* 반응형 */
.ch480 #wrapper {background:#e8e8e8;}
/*
.ch1500 #header .box_in .gnbToggle {left:40px;}
*/
.ch1280 #header .box_in .gnbToggle {left:40px;}
.ch1280 #header .box_in .util {right:40px;}

.ch1030 #header .box_in .gnbToggle {left:30px;}
.ch1030 #header .box_in .util {right:30px;}

.ch816 #header .box_in .gnbToggle {left:30px;}
.ch816 #header .box_in .util {right:30px;}

.ch768 #header .box_in .gnbToggle {left:30px;}
.ch768 #header .box_in .util {right:30px;}

/* layout_moblie */
.ch480 #header {height:100px !important; border-bottom:1px solid #e5e5e5}
.ch480 .etb_main_body #header{border-bottom:0;}
.ch480 #header .inner_gnb.pos_static{position:relative !important;top:0 !important;left:0 !important;z-index:99999999;}
.ch480 #header .program_all.pos_default{position:static;}
.ch480 #header .inner_gnb > .box_in {height:54px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-top:3px solid #ff8390;}
.ch480 #header .box_in {max-width:100%; padding:15px 16px 0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ch480 #header .box_in .logo {position:absolute; left:16px; top:0px; padding-top:0; height:53px;}
.ch480 #header .box_in .logo a {display:block; width:104px; height:53px;  background:url('/images/mobile_logo.png') no-repeat center top; background-size:104px 53px;}
.ch480 #header .box_in .gnbToggle {width:22px; height:22px; padding-top:3px; overflow:hidden; font-size:0; line-height:0; text-indent:-7000000em;}
/*.ch480 #header .box_in .gnbToggle .ir-com.i-all {width:17px;}*/
.ch480 #header .box_in .util {position:static; float:right;margin-top:1px;}
.ch480 #header .box_in .util .btn_chHd {display:block; position:absolute; top:-23px; left:-7px; color:#999; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; display:none;}
.ch480 #header .box_in .util .btn_shTop {margin:0 0 0 16px;width:20px; height:20px; background:url('/images/search.png') no-repeat left top; background-size:100%;}
.ch480 #header .box_in .util .btn_shTop2{margin:0 0 0 19px;position:relative;z-index:99;}
.ch480 #header .box_in .util .btn_shTop.open {width:17px; height:17px; background:url('../images/common/ico_mobile_search_over.png') no-repeat left top; background-size:100%;}
.ch480 .input_focus,
.ch768 .input_focus{position:absolute !important;z-index:99999999;}
.ch480 .input_focus .inner_gnb,
.ch768 .input_focus .inner_gnb{position:relative !important;}

#footer {padding:40px 0; margin-top:40px; background:#ffffff;border-top:1px solid #e5e5e5}
.etb_main_body #footer{margin-top:0;}
#footer .box_in {position:relative;}
#footer .box_in .footLink {text-align:center; font-size:13px;}
#footer .box_in .footLink a {display:inline-block; vertical-align:middle; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
#footer .box_in .footLink em {display:inline-block; margin:0 4px; font-size:0; line-height:0; width:1px; height:12px; vertical-align:middle; background:#e5e5e5;} /* 2016-02-14 수정 */
#footer .box_in .footLink .btn_hdfoot {color:#d25a66;} /* 2016-02-14 수정 */
#footer .box_in .footLink .btn_kakao {color:#333;}
#footer address {overflow:hidden; color:#666; text-align:center; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; }
#footer address span {display:inline-block; white-space:nowrap;}
#footer address span.a2, #footer address span.a3, #footer address span.a4 {padding-left:8px; margin-left:3px; background:url("../images/bg/bg_bar_w.gif") 0 2px no-repeat;}
#footer address em {padding-left:4px;}
#footer .copyright {margin-top:12px; color:#666; text-align:center; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; }
/*#footer .copyright .footerLogo {display:block; overflow:hidden; width:112px; height:24px; margin:30px auto 0; font-size:0; line-height:0; text-indent:-7000000em; background:url("../images/common/logo_footer.png") no-repeat center top;}*/

#footer .other {text-align:center; padding:30px 0;}
#footer .other:after {content:""; display:block; float:none; clear:both;}
#footer .other_moblie {display:none;}
#footer .footOther {display:inline-block; vertical-align:top; margin-top:1px;}
#footer .footOther li {display:inline-block; padding:0 5px; vertical-align:middle;}
#footer .footOther li a {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-7000000em;}
#footer .footOther li a.ico_face {width:12px; height:30px;  background:url('../images/icon/ico_face.png') no-repeat center center;}
#footer .footOther li a.ico_twitter {width:20px; height:30px; background:url('../images/icon/ico_twitter.png') no-repeat center center;}
#footer .footOther li a.ico_youtube {width:24px; height:30px; background:url('../images/icon/ico_youtube.png') no-repeat center center;}
#footer .footOther li a.ico_blog {width:24px; height:30px; background:url('../images/icon/ico_blog.png') no-repeat center center;}
#footer .footOther li a.ico_face:hover {background:url('../images/icon/ico_face_over.png') no-repeat center center;}
#footer .footOther li a.ico_twitter:hover {background:url('../images/icon/ico_twitter_over.png') no-repeat center center;}
#footer .footOther li a.ico_youtube:hover {background:url('../images/icon/ico_youtube_over.png') no-repeat center center;}
#footer .footOther li a.ico_blog:hover {background:url('../images/icon/ico_blog_over.png') no-repeat center center;}


#footer .familySite {display:inline-block; position:relative; font-size:11px; width:200px; vertical-align:top; margin-left:15px;}
#footer .familySite .family_tit {display:block; color:#000; padding:0 20px; border:1px solid #bababa; background:#ffffff; text-align:left;}
#footer .familySite .family_tit span {display:block; height:30px; line-height:30px; background:url('../images/common/bg_footerSel_off.png') no-repeat right center; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; font-size:12px;}
#footer .familySite.open .familyList {display:block;}
#footer .familySite .familyList {display:none; position:absolute; left:0; bottom:31px; width:178px; padding:10px; background:#fff; border:1px solid #bababa;z-index:100000000;}
#footer .familySite .familyList li {line-height:27px; text-align:left;}
#footer .familySite .familyList li.etb_family_line{margin-top:12px;padding-top:11px;border-top:1px solid #bababa}
#footer .familySite .familyList li a {display:block; color:#666;}
#footer .familySite .familyList li a:hover {color:#1e75d6}
#footer .familySite.open .family_tit span {background:url('../images/common/bg_footerSel_on.png') no-repeat right center;}

/*
#footer {padding:30px 0; border-top:1px solid #e5e5e5;}
#footer .box_in {position:relative;}
#footer address {overflow:hidden; color:#000;}
#footer address span {display:inline-block; white-space:nowrap;}
#footer address span.a2, #footer address span.a3, #footer address span.a4 {padding-left:8px; margin-left:3px; background:url("/images/bg/bg_bar.gif") 0 2px no-repeat;}
#footer address span.a4 a {font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; cursor:pointer;}
#footer address em {padding-left:4px;}
#footer .copyright {margin-top:8px; color:#999;}
#footer .copyright .footerLogo {display:block; overflow:hidden; width:75px; height:16px; margin-top:15px; font-size:0; line-height:0; text-indent:-7000000em; background:url("/images/common/logo_footer.png") no-repeat left top;}
*/

 /*
#footer .other {position:absolute; right:0; top:0;}
#footer .other:after {content:""; display:block; float:none; clear:both;}
#footer .other_moblie {display:none;}
#footer .footOther {overflow:hidden; float:left; padding-right:30px;}
#footer .footOther li {float:left; padding-left:12px;}
#footer .footOther li:first-child {padding-right:18px;}
#footer .footOther li a {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-7000000em;}
#footer .footOther li a.ico_kakao {padding-left:28px; background:url('/images/icon/ico_footp.png') no-repeat left center; text-indent:0; font-size:12px; line-height:normal;}
#footer .footOther li a.ico_kakao strong {display:block; color:#000; padding-bottom:5px;}
#footer .footOther li a.ico_kakao span {display:block; color:#111; padding-right:11px; background:url('/images/icon/bu_arrow2.png') no-repeat right center;}
#footer .footOther li a.ico_face {width:12px; height:19px; margin-top:9px; background:url('/images/icon/ico_face.png') no-repeat center center;}
#footer .footOther li a.ico_twitter {width:20px; height:19px; margin-top:9px;background:url('/images/icon/ico_twitter.png') no-repeat center center;}
#footer .footOther li a.ico_youtube {width:24px; height:19px; margin-top:9px; background:url('/images/icon/ico_youtube.png') no-repeat center center;}
#footer .footOther li a.ico_blog {width:24px; height:19px; margin-top:9px; background:url('/images/icon/ico_blog.png') no-repeat center center;}
#footer .familySite {float:left; position:relative; font-size:11px; width:160px;}
#footer .familySite .family_tit {display:block; color:#000; padding:0 10px; border:1px solid #bababa; background:#fff;}
#footer .familySite .family_tit span {display:block; height:30px; line-height:30px; background:url('/images/common/bg_footerSel_off.gif') no-repeat right center;}
#footer .familySite.open .familyList {display:block;}
#footer .familySite .familyList {display:none; position:absolute; left:0; bottom:31px; width:138px; padding:10px; background:#fff; border:1px solid #bababa;}
#footer .familySite .familyList li {line-height:21px;}
#footer .familySite .familyList li a {display:block; color:#666;}
#footer .familySite.open .family_tit span {background:url('/images/common/bg_footerSel_on.gif') no-repeat right center;}
*/

/* 모바일 */
.ch480 #footer .other_moblie_in {margin-top:7px; background:#f07a87;}
.ch480 #footer .footLink {display:none;}
.ch480 #footer address {text-align:center; color:#fff; background:#f07a87;}
.ch480 #footer address .a1 {display:block; padding-bottom:5px;}
.ch480 #footer address .a2 {margin-left:0; padding:0; background-image:none;}
.ch480 #footer address .row .a4 {display:none;}
.ch480 #footer address span.a3, .ch480 #footer address span.a4 {}
.ch480 #footer .copyright {text-align:center; padding:12px 0 30px 0; margin-top:0; color:#fff; background:#f07a87;}
.ch480 #footer .copyright .footerLogo {margin:15px auto 0; font-size:15px; font-weight:500; color:#fff;}

/* footer_moblie */
.ch480 #footer {margin-top:7px; padding:0; border-top:1px solid #e5e5e5; background:none;}
.ch480 #footer .other {display:none;}
.ch480 #footer .other_moblie {display:block;}
.ch480 #footer .other_moblie .talkTxt {display:block; text-align:center; background:#fff; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; height:49px; line-height:49px; color:#333; font-size:13px;border-bottom:1px solid #e5e5e5;} /* 2016-02-14 수정 */
/*.ch480 #footer .other_moblie .talkTxt:first-child {display:none;}*/
.ch480 #footer .other_moblie .talkTxt:nth-child(2) {border-bottom:1px solid #dadada;}

.ch480 #footer .other_moblie .talkTxt a {display:inline-block; padding-right:10px; font-size:13px; color:#333; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; background:url('../images/common/ico_moblie_talkTxt.png') no-repeat right center; background-size:5px 7px;}
.ch480 #footer .other_moblie .totalNum {overflow:hidden; padding:18px 0; text-align:center; font-size:13px; color:#999; border-bottom:1px solid #363636;}
.ch480 #footer .other_moblie .totalNum li {display:inline-block; padding:0 5px;}
.ch480 #footer .other_moblie .totalNum li.cnt {padding-left:12px; background:url('../images/icon/ico_smplay_m.png') no-repeat left center; background-size:8px 9px;}
.ch480 #footer .other_moblie .totalNum li.cnt2 {padding-left:12px; background:url('../images/icon/ico_memb_m.png') no-repeat left center; background-size:8px 9px;}
.ch480 #footer .other_moblie .snsFoot {clear:both; width:100%; padding:0; text-align:center;}
.ch480 #footer .other_moblie .snsFoot li {display:inline-block;}
.ch480 #footer .other_moblie .snsFoot li a {display:inline-block; overflow:hidden; padding:0 10px; height:21px; font-size:0; line-height:0; text-indent:-7000000em;}
.ch480 #footer .other_moblie .snsFoot li .ico_face {width:10px; background:url('../images/icon/ico_face_m.png') no-repeat center center; background-size:10px 21px;}
.ch480 #footer .other_moblie .snsFoot li .ico_twitter {width:20px; background:url('../images/icon/ico_twitter_m.png') no-repeat center center; background-size:20px 15px;}
.ch480 #footer .other_moblie .snsFoot li .ico_youtube {width:22px; background:url('../images/icon/ico_youtube_m.png') no-repeat center center; background-size:22px 15px;}
.ch480 #footer .other_moblie .snsFoot li .ico_blog {width:28px; background:url('../images/icon/ico_blog_m.png') no-repeat center center; background-size:28px 20px;}
.ch480 #footer .other_moblie .footSv {float:left; width:49.5%; display:block; text-align:center; padding:18px 0; font-size:13px; border-bottom:1px solid #ffb2ba;}
.ch480 #footer .other_moblie .footSv em {width:100%;}
.ch480 #footer .other_moblie .footSv:nth-child(2) em {border-left:1px solid #ffb2ba;}
.ch480 #footer .other_moblie .footSv .txtFoot {display:inline-block; color:#fff; font-size:13px; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}

#topButton {display:none; position:fixed; bottom:20px !important; right:20px; z-index:900; visibility:hidden;}
#topButton a {display:block; overflow:hidden; width:32px; height:32px; text-indent:-7000000em; line-height:0; font-size:0; border:1px solid #e5e5e5; background:url('../images/icon/ico_top.png') no-repeat left top;}

#container {width:100%;}
#container:after {content:""; display:block; float:none; clear:both;}
#content {}
#contentRight {}
#aside {}

/*
.ch1500 #wrapper {}
.ch1280 #wrapper {background:red}
.ch1030 #wrapper {background:orange}
.ch816 #wrapper {background:pink}
.ch768 #wrapper {background:yellow}
*/
/* is Mobile */
/*
#header .header_mobile {display:none;}
.ch480 #header .header_in {display:none;}
.ch480 #header .header_mobile {display:none;}
*/

#header .sr-only {display:none;}
#header .navbar-toggle {
  position: absolute;
  /* float: right; */
  right:15px;
  top:18px;
  background:transparent;
  width:21px;
  height:17px;
  box-sizing:border-box;
  text-align:center;
  padding:0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 21px;
  height: 2px;
  background:#000;
}
#header .navbar-toggle .icon-bar+.icon-bar{
	margin-top:2px;
}
#header .navbar-toggle .icon-moving-bar {display: inline-block; vertical-align: middle; width: 21px; height: 2px; margin: -3px auto 0 auto; background: #000; position: relative;}
#header .navbar-toggle .icon-moving-bar:after, .navbar-toggle .icon-moving-bar:before {display: inline-block; width: 21px; height: 2px; background: #000; position: absolute; left: 0; content: ''; -webkit-transform-origin: 1.5px center; transform-origin: 1.5px center;}
#header .navbar-toggle .icon-moving-bar:after {top:5px;}
#header .navbar-toggle .icon-moving-bar:before {top:-5px;}

#header .navbar-toggle .icon-moving-bar,
#header .navbar-toggle .icon-moving-bar:after,
#header .navbar-toggle .icon-moving-bar:before {
  transition-property: initial;
  transition-duration: 0.3s;
  transition-timing-function: initial;
  transition-delay: initial;
}

#header .navbar-toggle .icon-move {background:0 0;}
#header .navbar-toggle .icon-move:after {
	-webkit-transform: rotate3d(0,0,1,-45deg);
	transform: rotate3d(0,0,1,-45deg);
	 -webkit-transform-origin:  50% 50%;
	 transform-origin: 50% 50%;
	 top:0;
}
#header .navbar-toggle .icon-move:before {
  -webkit-transform: rotate3d(0,0,1,45deg);
  transform: rotate3d(0,0,1,45deg);
	 -webkit-transform-origin:  50% 50%;
	 transform-origin: 50% 50%;
	 top:0;
}
/*
.ch480 #header {background:#fff; height:56px;}
.ch480 #header .header_mobile {position:relative; }
.ch480 #header .header_mobile h1 {width:101px; height:17px; position:absolute; top:20px; left:19.5px;}
.ch480 #header .header_mobile h1 a {display:block; width:100%; height:17px; text-indent:-9999em; background:url('/images/common/logo_mobile.png') no-repeat left center; background-size:cover;}
.ch480 #header .search {position:absolute; top:17.5px; right:56px; display:block; width:21.5px; height:21.5px; text-indent:-9999em; background:url('/images/common/ico_mobile_search.png') no-repeat left center; background-size:cover;}
*/

/* 레이어 */
.layerPopup {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999999999999999999;}
.layerPopup.open {display:block;}
.layerPopup .bg_mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#222; opacity:.7; filter:alpha(opacity=70);}
.layerBody {overflow:hidden; position:absolute; left:50%; top:50%;  background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.layerBody .close {position:absolute; right:40px; top:40px; overflow:hidden; display:block; width:23px; height:23px; font-size:0; line-height:0; text-indent:-7000000em; background:url('../images/btn/btn_layerClose.png') no-repeat center center;}
.layerBody .layerBody_in {width:100%;  padding-bottom:40px}
.layerBody .layerBody_in .tit_layer {color:#fff;  padding:40px 70px 30px 40px; background:#000; font-size:24px; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; }
.layerBody .layerBody_in .tit_layer .smTxt {display:block; padding-top:15px; color:#999; font-size:13px; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}

.layerPopup.noti {}
.layerPopup.noti .layerBody {width:500px;}
.layerPopup.noti .layerBody .layerBody_in {padding:0;}
.layerPopup.noti .layerBody .layerBody_in .contPop {padding:40px; max-height:300px; overflow:auto; font-size:18px; line-height:28px; word-break:break-all;}

.ch480 .layerBody .close {top:11px; right:11px; background:url('../images/btn/btn_layerClose_sm.png') no-repeat center center;}
.ch480 .layerBody .layerBody_in .tit_layer {padding:16px 20px 15px 20px; font-size:15px;}

#chInfoBx .layerBody {width:800px; height:497px;}
.ch480 #chInfoBx .layerBody {width:300px; height:300px;}
.ch480 #chInfoBx .layerBody .contPop {padding-bottom:0; height:254px; overflow:auto;}
.ch768 #chInfoBx .layerBody {width:700px; margin-left:-350px !important}
#chInfoBx .contPop {padding:20px 0;}
#chInfoBx .chInfo_txt {color:#888; font-size:13px; line-height:22px;  padding:20px 40px}
#chInfoBx .chInfo_txt strong {color:#000;}

.ch480 #chInfoBx .contPop {padding:0;}
.ch480 #chInfoBx .chInfo_txt {padding:20px 20px 0 20px;}

#kakaoFriend .layerBody {width:500px;}
.ch480 #kakaoFriend .layerBody {width:78%; max-width:500px;} /* 2016-02-29 */
#kakaoFriend .kaoList {color:#333; font-size:18px; line-height:28px; padding:0 40px}
#kakaoFriend .kaoList li {padding:40px 12px 40px 0; border-top:1px solid #e5e5e5; word-break: keep-all;}
/*#kakaoFriend .kaoList li:first-child {border-top:none;}*/
#kakaoFriend .kaoList .qrBx {position:relative; padding-right:120px; min-height:99px; padding-bottom:0; word-break: keep-all;}
#kakaoFriend .kaoList .qrBx .qrimg {position:absolute; right:0; top:40px;}

/* 운영정책 팝업 */
#policyPopup .layerBody {width:800px; height:450px;}
.ch480 #policyPopup .layerBody {width:300px; height:300px;}
.ch480 #policyPopup .layerBody .layerBody_in {padding-bottom:0;}
.ch480 #policyPopup .layerBody .contPop {height:254px; overflow-y:auto;}
.ch768 #policyPopup .layerBody {width:700px; margin-left:-350px !important}
.ch768 #policyPopup .layerBody .contPop {height:355px; overflow-y:auto;}
.ch816 #policyPopup .layerBody .contPop {height:404px; overflow-y:auto;}
.ch1280 #policyPopup .layerBody .contPop,
.ch1030 #policyPopup .layerBody .contPop,
.ch1500 #policyPopup .layerBody .contPop {height:355px; overflow-y:auto;}

.etb_policy_new_tit{padding:20px 40px 0 40px;font-size:13px;color:#000000;font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
.ch480 .etb_policy_new_tit{padding:20px 20px 0 20px;}
#policyPopup h2 {padding:0 40px; margin-bottom:7px; color:#333; font-size:13px; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
.ch480 #policyPopup h2{padding:0 20px;}
#policyPopup .policy_txt {color:#333; font-size:13px; line-height:1.4; padding:0 40px;}
.ch480 #policyPopup .policy_txt{padding:0 20px;}
.ch480 .policy_txt_sub{display:block}

.movEndBx {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/bg/bg_movEnd1.png') repeat left top;}
.vjs-fullscreen + .movEndBx {z-index:9999999999; left:50%; top:50%; margin-left:-225px; margin-top:-50px; width:450px; height:100px;}
.movEndBx ul {position:absolute; left:0; top:50%; height:66px; margin-top:-33px; width:100%; text-align:center;}
.movEndBx ul li {display:inline-block; padding:0 40px;}
.movEndBx ul li a {display:inline-block; padding-top:40px;}
.movEndBx ul li a span {display:block; color:#fff; padding-top:16px; font-size:20px; }
.movEndBx ul li a.icnBg1 {background:url('../images/icon/mov_end01.png') no-repeat center top;}
.movEndBx ul li a.icnBg1:hover {background:url('../images/icon/mov_end01_click.png') no-repeat center top;}
.movEndBx ul li a.icnBg1.on {background:url('../images/icon/mov_end01_click.png') no-repeat center top;}
.movEndBx ul li a.icnBg2 {width:40px; background:url('../images/icon/mov_end02.png') no-repeat center top;}
.movEndBx ul li a.icnBg3 {background:url('../images/icon/mov_end03.png') no-repeat center top;}
.movEndBx ul li a.icnBg4 {background:url('../images/icon/mov_end04.png') no-repeat center top;}
.movEndBx ul li a.disabled {filter:alpha(opacity=30); opacity:0.3;}
.ch480 .movEndBx ul li {padding:0;width:68px;}
.ch480 .movEndBx ul li a span {padding-top:8px; font-size:12px}
.ch480 .movEndBx ul li a.icnBg1,
.ch480 .movEndBx ul li a.icnBg2,
.ch480 .movEndBx ul li a.icnBg3,
.ch480 .movEndBx ul li a.icnBg4 {background-size:28px}


/* SNS 공유하기 */
/* .prmList_item {position:relative;} */

.ch768 .shareLayer,
.ch816 .shareLayer,
.ch1030 .shareLayer,
.ch1280 .shareLayer,
.ch1500 .shareLayer {z-index:100; position:absolute; left:-125px; top:30px; width:141px; height:123px; display:block; border:1px solid #e4e4e4; background-color:#fff;}

.ch768 .shareLayer .dimm,
.ch816 .shareLayer .dimm,
.ch1030 .shareLayer .dimm,
.ch1280 .shareLayer .dimm,
.ch1500 .shareLayer .dimm {display:none;}

.ch768 .shareLayer .share_head,
.ch816 .shareLayer .share_head,
.ch1030 .shareLayer .share_head,
.ch1280 .shareLayer .share_head,
.ch1500 .shareLayer .share_head {z-index:2; position:relative;}

.ch768 .share_head .title,
.ch816 .share_head .title,
.ch1030 .share_head .title,
.ch1280 .share_head .title,
.ch1500 .share_head .title {display:block; height:28px; line-height:28px; font-size:18px; color:#fff; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; text-indent:-9999px;}

.ch768 .share_head .btn_close_layer,
.ch816 .share_head .btn_close_layer,
.ch1030 .share_head .btn_close_layer,
.ch1280 .share_head .btn_close_layer,
.ch1500 .share_head .btn_close_layer {position:absolute; right:9px; top:9px; width:12px; height:12px; background:url('../images/icon/btn_share_close.png') no-repeat 0 0; text-indent:-9999px;}

.ch768 .shareLayer .share_body,
.ch816 .shareLayer .share_body,
.ch1030 .shareLayer .share_body,
.ch1280 .shareLayer .share_body,
.ch1500 .shareLayer .share_body {z-index:2; position:relative; height:84px; padding:0 0 11px 0;}

.ch768 .shareLayer .share_body:after,
.ch816 .shareLayer .share_body:after,
.ch1030 .shareLayer .share_body:after,
.ch1280 .shareLayer .share_body:after,
.ch1500 .shareLayer .share_body:after {clear:both; display:block; content:"";}

.ch768 .shareLayer a,
.ch816 .shareLayer a,
.ch1030 .shareLayer a,
.ch1280 .shareLayer a,
.ch1500 .shareLayer a {position:relative; display:block; float:left; width:47px; height:42px;}

.ch768 .shareLayer .share_body a.mobileOnly,
.ch816 .shareLayer .share_body a.mobileOnly,
.ch1030 .shareLayer .share_body a.mobileOnly,
.ch1280 .shareLayer .share_body a.mobileOnly,
.ch1500 .shareLayer .share_body a.mobileOnly {display:none;}

.ch768 .shareLayer .share_body a:hover,
.ch816 .shareLayer .share_body a:hover,
.ch1030 .shareLayer .share_body a:hover,
.ch1280 .shareLayer .share_body a:hover,
.ch1500 .shareLayer .share_body a:hover,
.ch768 .shareLayer .share_body a.active,
.ch816 .shareLayer .share_body a.active,
.ch1030 .shareLayer .share_body a.active,
.ch1280 .shareLayer .share_body a.active,
.ch1500 .shareLayer .share_body a.active {background-color:#f2f2f2;}

.ch768 .shareLayer .share_body a:hover .label,
.ch816 .shareLayer .share_body a:hover .label,
.ch1030 .shareLayer .share_body a:hover .label,
.ch1280 .shareLayer .share_body a:hover .label,
.ch1500 .shareLayer .share_body a:hover .label,
.ch768 .shareLayer .share_body a.active .label,
.ch816 .shareLayer .share_body a.active .label,
.ch1030 .shareLayer .share_body a.active .label,
.ch1280 .shareLayer .share_body a.active .label,
.ch1500 .shareLayer .share_body a.active .label,
.ch768 .shareLayer .share_body a:focus .label,
.ch816 .shareLayer .share_body a:focus .label,
.ch1030 .shareLayer .share_body a:focus .label,
.ch1280 .shareLayer .share_body a:focus .label,
.ch1500 .shareLayer .share_body a:focus .label {display:block;}

.ch768 .shareLayer .share_body .label,
.ch816 .shareLayer .share_body .label,
.ch1030 .shareLayer .share_body .label,
.ch1280 .shareLayer .share_body .label,
.ch1500 .shareLayer .share_body .label {display:none; position:absolute; left:50%; top:-17px; border:1px solid #dfdfdf; padding:4px; color:#000; background-color:#fff; font-size:12px; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; text-align:center; letter-spacing:-1px; white-space:nowrap;}

.ch768 .shareLayer .share_body .label:after,
.ch816 .shareLayer .share_body .label:after,
.ch1030 .shareLayer .share_body .label:after,
.ch1280 .shareLayer .share_body .label:after,
.ch1500 .shareLayer .share_body .label:after {position:absolute; content:""; display:block; left:50%; bottom:-5px; width:7px; height:5px; margin-left:-3.5px; background:url('../images/bg/bg_share_arrow.png') no-repeat 0 0;}

.ch768 .shareLayer .share_body .ico_share,
.ch816 .shareLayer .share_body .ico_share,
.ch1030 .shareLayer .share_body .ico_share,
.ch1280 .shareLayer .share_body .ico_share,
.ch1500 .shareLayer .share_body .ico_share {display:block; width:100%; height:100%;}

.ch768 .shareLayer .share_body .share_facebook .ico_share,
.ch816 .shareLayer .share_body .share_facebook .ico_share,
.ch1030 .shareLayer .share_body .share_facebook .ico_share,
.ch1280 .shareLayer .share_body .share_facebook .ico_share,
.ch1500 .shareLayer .share_body .share_facebook .ico_share {background:url('../images/icon/ico_share_facebook.png') no-repeat 50% 50%;}

.ch768 .shareLayer .share_body .share_facebook .label,
.ch816 .shareLayer .share_body .share_facebook .label,
.ch1030 .shareLayer .share_body .share_facebook .label,
.ch1280 .shareLayer .share_body .share_facebook .label,
.ch1500 .shareLayer .share_body .share_facebook .label {margin-left:-24px;}

.ch768 .shareLayer .share_body .share_twitter .ico_share,
.ch816 .shareLayer .share_body .share_twitter .ico_share,
.ch1030 .shareLayer .share_body .share_twitter .ico_share,
.ch1280 .shareLayer .share_body .share_twitter .ico_share,
.ch1500 .shareLayer .share_body .share_twitter .ico_share {background:url('../images/icon/ico_share_twitter.png') no-repeat 50% 50%;}

.ch768 .shareLayer .share_body .share_twitter .label,
.ch816 .shareLayer .share_body .share_twitter .label,
.ch1030 .shareLayer .share_body .share_twitter .label,
.ch1280 .shareLayer .share_body .share_twitter .label,
.ch1500 .shareLayer .share_body .share_twitter .label {margin-left:-19px;}

.ch768 .shareLayer .share_body .share_kakaostory .ico_share,
.ch816 .shareLayer .share_body .share_kakaostory .ico_share,
.ch1030 .shareLayer .share_body .share_kakaostory .ico_share,
.ch1280 .shareLayer .share_body .share_kakaostory .ico_share,
.ch1500 .shareLayer .share_body .share_kakaostory .ico_share {background:url('../images/icon/ico_share_kakaostory.png') no-repeat 50% 50%;}

.ch768 .shareLayer .share_body .share_kakaostory .label,
.ch816 .shareLayer .share_body .share_kakaostory .label,
.ch1030 .shareLayer .share_body .share_kakaostory .label,
.ch1280 .shareLayer .share_body .share_kakaostory .label,
.ch1500 .shareLayer .share_body .share_kakaostory .label {margin-left:-34px;}

.ch768 .shareLayer .share_body .share_band .ico_share,
.ch816 .shareLayer .share_body .share_band .ico_share,
.ch1030 .shareLayer .share_body .share_band .ico_share,
.ch1280 .shareLayer .share_body .share_band .ico_share,
.ch1500 .shareLayer .share_body .share_band .ico_share {background:url('../images/icon/ico_share_band.png') no-repeat 50% 50%;}

.ch768 .shareLayer .share_body .share_band .label,
.ch816 .shareLayer .share_body .share_band .label,
.ch1030 .shareLayer .share_body .share_band .label,
.ch1280 .shareLayer .share_body .share_band .label,
.ch1500 .shareLayer .share_body .share_band .label {margin-left:-15px;}

.ch768 .shareLayer .share_body .share_email .ico_share,
.ch816 .shareLayer .share_body .share_email .ico_share,
.ch1030 .shareLayer .share_body .share_email .ico_share,
.ch1280 .shareLayer .share_body .share_email .ico_share,
.ch1500 .shareLayer .share_body .share_email .ico_share {background:url('../images/icon/ico_share_email.png') no-repeat 50% 50%;}

.ch768 .shareLayer .share_body .share_email .label,
.ch816 .shareLayer .share_body .share_email .label,
.ch1030 .shareLayer .share_body .share_email .label,
.ch1280 .shareLayer .share_body .share_email .label,
.ch1500 .shareLayer .share_body .share_email .label {margin-left:-15px;}

.ch768 .shareLayer .share_body .share_url .ico_share,
.ch816 .shareLayer .share_body .share_url .ico_share,
.ch1030 .shareLayer .share_body .share_url .ico_share,
.ch1280 .shareLayer .share_body .share_url .ico_share,
.ch1500 .shareLayer .share_body .share_url .ico_share {background:url('../images/icon/ico_share_url.png') no-repeat 50% 50%;}

.ch768 .shareLayer .share_body .share_url .label,
.ch816 .shareLayer .share_body .share_url .label,
.ch1030 .shareLayer .share_body .share_url .label,
.ch1280 .shareLayer .share_body .share_url .label,
.ch1500 .shareLayer .share_body .share_url .label {margin-left:-25px;}

.ch768 .shareLayer .share_body .mobileOnly,
.ch816 .shareLayer .share_body .mobileOnly,
.ch1030 .shareLayer .share_body .mobileOnly,
.ch1280 .shareLayer .share_body .mobileOnly,
.ch1500 .shareLayer .share_body .mobileOnly {display:none;}

.ch480 .shareLayer {z-index:99999999; position:fixed; left:0; top:0; width:100%; height:100%; display:block;}
/* 201607 이전 버전 백업 소스
.ch480 .shareLayer .inner {position:absolute; width:280px; height:327px; left:50%; top:50%; margin-left:-140px; margin-top:-155px;}
*/
.ch480 .shareLayer .inner {position:absolute; width:256px; height:100%; left:50%; top:50%; margin-left:-128px; margin-top:-196px;}
.ch480 .shareLayer .dimm {display:block; width:100%; height:100%; background-color:#000; opacity:0.9; filter:alpha(opacity=90);}
/* .ch480 .shareLayer .share_head {z-index:2; position:relative; height:47px; background-color:#000;} */
.ch480 .shareLayer .share_head {z-index:2; position:relative; height:47px; background-color:#000;margin-bottom:17px;}
.ch480 .shareLayer .share_head .title {display:block; height:47px; padding:0 20px; line-height:47px; font-size:23px; color:#fff; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;text-align: center;}
.ch480 .shareLayer .share_head .btn_close_layer {position:fixed; right:20px; top:22px; width:25px; height:25px; background:url('../images/icon/btn_share_close2_m.png') no-repeat 0 0; text-indent:-9999px;background-size: 25px 25px;-webkit-background-size: 25px 25px;-moz-background-size: 25px 25px;}
/* 201607 이전 버전 백업 소스
.ch480 .shareLayer .share_body {z-index:2; position:relative; height:260px; padding:20px 0; border:1px solid #e4e4e4; background-color:#fff; box-sizing:border-box;}
*/
.ch480 .shareLayer .share_body {z-index:2; position:relative; height:100%; padding:20px 0; /* border:1px solid #e4e4e4; */ background-color:transparent; box-sizing:border-box;}
.ch480 .shareLayer .share_body:after {clear:both; display:block; content:"";}
.ch480 .shareLayer .share_body a {display:block; float:left; width:33.33333%; height:75px;margin-bottom:24px;}
.ch480 .shareLayer .share_body a.mobileOnly {display:block;}
.ch480 .shareLayer .share_body .label {display:block; margin-top:7px;color:#ffffff; font-size:12px; font-family:"YouandiModernHEB"; text-align:center;}
.ch480 .shareLayer .share_body .ico_share {display:block; margin:0 auto; width:50px;height:50px;border-radius: 25px;}
.ch480 .shareLayer .share_body .share_facebook .ico_share {background:#ffffff url('../images/icon/ico_share2_facebook_m.png') no-repeat 50% 50%;background-size: 50px 50px;-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;}
.ch480 .shareLayer .share_body .share_twitter .ico_share {background:#ffffff url('../images/icon/ico_share2_twitter_m.png') no-repeat 50% 50%;background-size: 50px 50px;-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;}
.ch480 .shareLayer .share_body .share_kakaostory .ico_share {background:#ffffff url('../images/icon/ico_share2_kakaostory_m.png') no-repeat 50% 50%;background-size: 50px 50px;-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;}
.ch480 .shareLayer .share_body .share_band .ico_share {background:#ffffff url('../images/icon/ico_share2_band_m.png') no-repeat 50% 50%;background-size: 50px 50px;-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;}
.ch480 .shareLayer .share_body .share_email .ico_share {background:#ffffff url('../images/icon/ico_share2_email_m.png') no-repeat 50% 50%;background-size: 50px 50px;-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;}
.ch480 .shareLayer .share_body .share_url .ico_share {background:#ffffff url('../images/icon/ico_share2_url_m.png') no-repeat 50% 50%;background-size: 50px 50px;-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;}
.ch480 .shareLayer .share_body .share_katalk .ico_share {background:#ffffff url('../images/icon/ico_share2_katalk_m.png') no-repeat 50% 50%;background-size: 50px 50px;-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;}
.ch480 .shareLayer .share_body .share_line .ico_share {background:#ffffff url('../images/icon/ico_share2_line_m.png') no-repeat 50% 50%;background-size: 50px 50px;-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;}

.ch480 .pasteLayer {z-index:3; position:fixed; left:0; top:0; width:100%; height:100%; display:none; display:block;}
.ch480 .pasteLayer .inner {position:absolute; width:280px; height:183px; left:50%; top:50%; margin-left:-140px; margin-top:-91px;}
.ch480 .pasteLayer .dimm {display:block; width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50);}
.ch480 .pasteLayer .paste_head {z-index:2; position:relative; height:47px; background-color:#000;}
.ch480 .pasteLayer .paste_head .title {display:block; height:47px; padding:0 20px; line-height:47px; font-size:18px; color:#fff; font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
.ch480 .pasteLayer .paste_head .btn_close_layer {position:absolute; right:20px; top:15px; width:17px; height:17px; background:url('../images/icon/btn_share_close_m.png') no-repeat 0 0; text-indent:-9999px;}
.ch480 .pasteLayer .paste_body {z-index:2; position:relative; padding:20px 20px 30px; border:1px solid #e4e4e4; background-color:#fff; box-sizing:border-box;}
.ch480 .pasteLayer .paste_body:after {clear:both; display:block; content:"";}
.ch480 .pasteLayer .paste_body .desc {color:#333; font-size:12px;}
.ch480 .pasteLayer .paste_body .site_url {padding:10px; margin-top:20px; background-color:#e4e4e4; color:#333; word-break:break-all; line-height:1.4;}
.ch480 .pasteLayer .paste_body .site_url input {background-color:#e4e4e4; border:0; width:100%;}
.ch480 .pasteLayer .paste_body .site_url textarea {background-color:#e4e4e4; border:0; width:100%; line-height:1.5;}



.ui-helper-hidden-accessible {display:none !important;}

/* 2016-05-12 비로그인 구독 팝업 추가 */
/* 2016-07-05 비로그인  PC 기준 작업 추가 */
.layer_alert{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999999999999999999}
.layer_alert.open {display:block;}
.ch480 .layer_alert .bg_mask {position:absolute; top:0; left:0; width:100%; height:100%; background:#222; opacity:.7; filter:alpha(opacity=70);}
.layer_alert .layer_cont {overflow:hidden; position:absolute; left:50%; top:50%;width:309px;margin:-64px 0 0 -154px;padding:22px 22px 0 22px; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.layer_alert .layer_cont .info_txt{padding-bottom:20px;font-size:13px;line-height:19px}
.layer_alert .layer_cont .btn_area{border-top:1px solid #e5e5e5}
.layer_alert .layer_cont .btn_area a{display:inline-block;width:50%;padding:16px 0 20px 0;font-size:13px;color:#888888;text-align:center}
.layer_alert .layer_cont .btn_area a.login{color:#333333}
.layer_cont.etb_border{border:1px solid #e5e5e5;box-shadow:0 0 100px rgba(0,0,0,0.1);}

/* 2016-05-18 login tooltip 추가 */
#header .box_in .util .btn_logout a .tooltip_area{display:none;position:absolute;bottom:-69px;left:0;width:160px;margin-left:-70px;padding:11px 0 10px;text-align:center;font-family:'Noto Sans KR', 'Nanum Gothic', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;font-size:13px;font-weight:normal;color:#333333;background:url('../images/common/bg_tooltip_back.gif') no-repeat left top}
/* #header .box_in .util .btn_logout a .tooltip_area.open{display:block} */
#header .box_in .util .btn_logout a .tooltip_area .bg_arrow_tp{display:inline-block;position:absolute;top:-10px;left:50%;width:12px;height:11px;margin-left:-6px;background:url('../images/common/bg_tooltip_arrow.gif') no-repeat left top}

.ch480 #header .box_in .util .btn_logout a .tooltip_area{display:none;position:absolute;top:33px;left:-49px;width:177px;padding:17px 0 16px;text-align:center;font-size:13px;font-weight:normal;color:#333333;background:url('../images/common/bg_m_tooltip_back.gif') no-repeat left top;background-size:177px 46px}
/* .ch480 #header .box_in .util .btn_logout a .tooltip_area.open{display:block} */
.ch480 #header .box_in .util .btn_logout a .tooltip_area .bg_arrow_tp{display:inline-block;position:absolute;top:-10px;left:initial;right:41px;width:12px;height:11px;margin-left:-6px;background:url('../images/common/bg_m_tooltip_arrow.gif') no-repeat left top;background-size:12px 11px}