@charset "utf-8";

/*Default set*/
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,table,th,td,figure,hr{margin:0;padding:0;font-weight:normal;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body{font-size:13px;line-height:1.5;color:#333;word-break:keep-all;letter-spacing:-.4px;}

/*input*/
input, textarea, select{padding:0;color:#3c3c3c;vertical-align:middle;background-color:transparent;}
input[type=text],input[type=search]input[type=file],input[type=password]{border:1px solid #d4d4d4;outline:none;}
input[type=text],input[type=search],input[type=password]{padding:0 12px;height:43px;line-height:43px;border:1px solid #cecfd0;box-sizing:border-box;font-size:12px;line-height:14px;color:#9496a3;}
input[type=text]::-ms-clear,input[type=sesarch]::-ms-clear{display:none}
input[type=password]::-ms-clear{display:none}

input[type=text]:focus,input[type=search]:focus,input[type=password]:focus{}/*border:1px solid #002a7b;*/
input[type=button]{border:0;background:none;cursor:pointer;}
textarea{border:1px solid #d4d4d4}
input.radio, input.check,fieldset{border:0;background:none}
input, button, select, a+button,.selectBox,.calendar{*margin-right:4px}
/*input,textarea{-webkit-appearance:none;-webkit-border-radius:0;}
input,textarea::-webkit-scrollbar{width:0;height:0;}*/
input,textarea::-webkit-scrollbar-thumb{background:none;}
input+.hyphen{*margin-left:-4px}
input[type=text]+.btnS, input[type=password]+.btnS,input[type=text]+input[type=text], input[type=password]+input[type=text], input[type=text]+input[type=password]{margin-left:10px}
input[type=text][disabled]{background-color:#f7f7f7}
label+.typeRadio{margin-left:30px}
input[type=text]+.checkbox{margin-left:16px}
input[type=file]{width:200px;height:40px;height:40px\9;*height:40px;background-color:transparent;}
input[type=file]::-ms-value{border:0 none;background-color:transparent;}
input[type=file]::-ms-browse{float:left;border:0 none;border-left:1px solid #ccc;background-color:transparent;}
select{height:43px;padding:2px 4px 3px 7px;border:1px solid #ccc;font-size:13px;color:#9496a3}

/*textarea*/
textarea{overflow-y:scroll;width:100%;padding:14px 14px 0 14px;border:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;color:#666;resize:none;font-size:13px}
textarea:focus{border:1px solid #002a7b;}
.byte{padding:6px 0 0;font-size:13px;text-align:right;color:#666}
.byte em{color:#333}

/*link*/
a{display:inline-block;}
a+button{*margin-left:4px}
a, input, label, button{-webkit-tap-highlight-color:transparent;}
a, a:link, a:active{text-decoration:none;color:#000;}
a:visited{color:#000;}
a:hover{text-decoration:underline;}
button{overflow:visible;border-radius:0;margin:0;padding:0;border:0;background:none;width:auto;outline:0;cursor:pointer}
/*button:focus{outline:1px dotted #3c3c3c;}*/
button span, button:active span, button:focus span{position:relative}

/*etc*/
img{border:none;margin:0;padding:0;line-height:0;font-size:0;vertical-align:top;}
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
th{border:0;text-align:center}
td{border:0}
table caption,legend,figcaption{overflow:hidden;width:100%;height:1px;*height:0px;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px}
ol,ul{list-style:none}
em, var, address{font-style:normal}
acronym{border:0 none;text-decoration: none}
a, span{vertical-align:middle;}
iframe, hr{border:none;}

/* common */
/*.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}*/
.hide{display:none;}
.blind{position:absolute !important;/*visibility:hidden !important;*/top:0 !important;left:0 !important;height:0 !important;width:0 !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;}
.bold{font-family:'Noto Sans Bold';}
.border0{border:0!important}
.button{border:1px solid #b4b4b4;border-radius:1px;background-image:linear-gradient(to bottom,#F2F2F2 0%,#D6D5D5 100%)}
.txt_hide{position:absolute;width:0px;height:0px;overflow:hidden;line-height:0;text-indent: 9999px}
.is-logout{display:none;}

/*align*/
.txtC{text-align:center !important;}
.txtL{text-align:left !important;}
.txtR{text-align:right !important;}
.fl-wrap{position:relative;padding-bottom:8px;}
.fl-wrap:after{content:"";display:block;clear:both;zoom:1}
* html .fl-wrap{zoom:1}
*:first-child+html .fl-wrap{zoom:1}
.fl{float:left;}
.fr{float:right;}
/*margin*/
.mt20{margin-top:20px !important;}
.mB20{margin-bottom:20px !important;}
/*checkbox & radio*/

hl{font-weight:bold;}
/*common*/
.clearfix:after{content:"";display:block;clear:both;zoom:1}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}
.ico-new{display:inline-block;width:11px;height:11px;margin-top:-2px;background:url(../../images/v1/ico/ico-new.gif) no-repeat 0 0;}

/* skip navi */
.skip_navi,.skip-navi{width:100%;position:absolute;top:0;z-index:100000;}
.skip_navi a,.skip-navi a{width:100%;font-size:14px;line-height:36px;text-align:center;font-weight:bold;position:absolute;top:-100px;left:0;color:#fff;background:#004880;}
.skip_navi a:hover,.skip_navi a:active,.skip_navi a:focus,
.skip-navi a:hover,.skip-navi a:active,.skip-navi a:focus{top:0;z-index:100000;}

/*top버튼*/
.btn-top{display:none;position:fixed;right:5px;bottom:5px;width:32px;height:32px;}
.btn-top a{display:block;width:100%;height:100%;background:url(../../images/v1/btn/btn-top.png) no-repeat 0 0;background-size:32px;}

/*button*/
.btn{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;vertical-align:inherit;vertical-align:top;}
.btn-link{display:inline-block;width:auto;height:47px;line-height:47px;padding:0 20px;background-color:#343464 !important;color:#fff !important;font-size:16px;}
.btn-link.ico-link:after{content:" ";display:inline-block;width:13px;height:13px;margin-left:8px;background:url(../../images/v1/ico/ico-link.png) no-repeat 0 0}
.btn-link.ico-write:after{content:" ";display:inline-block;width:15px;height:15px;margin-left:8px;background:url(../../images/v1/ico/ico-write.gif) no-repeat 0 0}
.btn-link.btn-rg{height:30px;line-height:28px;padding:0 15px;border:1px solid #27274f;font-size:13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-link.btn-xrg{height:35px;line-height:33px;padding:0 15px;border:1px solid #27274f;font-size:13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-link.btn-large{height:40px;line-height:40px;padding:0 50px;font-size:14px;}
a.btn-link-arr{display:inline-block;height:15px;line-height:1;padding-right:14px;background:url(../../images/v1/arrow/arrow-link3.png) no-repeat 100% 2px;font-size:15px;letter-spacing:-1px;letter-spacing:-.4px;color:#949699;}
.btn-link.type2{background-color:#949699 !important;border:1px solid #949699;}
.btn-wh{display:inline-block;height:30px;min-width:75px;line-height:28px;margin-left:6px;border:1px solid #949699;padding:0 15px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;background-color:#fff;font-size:13px;}
.btn-wh:first-child{margin-left:0;}
.btn-wh.hover:hover,.btn-wh.hover.on{background-color:#343565;border:1px solid #343565;color:#fff !important;}
.btn-list-more,
.btn-wh2{clear:both;display:block;width:226px;height:40px;line-height:36px;margin:0 auto;border:1px solid #54585f;color:#54585f;font-size:16px;text-align:center;background-color:#fff;}
.btn-list-more:hover,
.btn-wh2:hover{border-color:#aaa;color:#aaa;}
.btn-wh2 .ico{display:inline-block;height:9px;width:16px;margin:-3px 0 0 5px;}
.btn-wh2 .ico-up{background:url(../../images/v1/arrow/arrow-folding.png) no-repeat 0 0;}
.btn-wh2 .ico-down{background:url(../../images/v1/arrow/arrow-folding.png) no-repeat 0 100%;}
.btn-stroke{display:inline-block;height:35px;line-height:33px;border:1px solid #0188c8;padding:0 28px;text-align:center;font-size:16px;color:#0088c6;letter-spacing:-.4px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
a.btn-stroke{color:#0088c6;}
.btn-stroke:hover{color:#aaa;border-color:#aaa;text-decoration:none;}
a.btn-stroke2,button.btn-stroke2{display:inline-block;height:24px;line-height:22px;min-width:60px;margin-right:6px;padding:0 8px;border:1px solid #fff;color:#54585f;font-size:12px;text-align:center;color:#fff;font-family:'Noto Sans Medium';}
.btn-stroke2:hover,
.btn-stroke2.on{background-color:#fff;color:#343464;}


/*loading*/
.loading{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff url(../../images/v1/common/logo-loading.png) no-repeat center 95%;background-size:50px;z-index:101;}
.loading-box{position:absolute;left:50%;top:50%;margin:-24px 0 0 -24px;width:48px;height:48px;background:url(../../images/v1/common/loading.png) no-repeat 0 0;background-size:48px;}

/*font정책*/
.h1{font-size:48px;letter-spacing:-.06em;line-height:56px;}
.t1{font-size:32px;letter-spacing:-.07em;line-height:40px;}
.t2{font-size:30px;letter-spacing:-.07em;line-height:44px;}
.t3{font-size:22px;letter-spacing:-.04em;line-height:26px;}
.t4{font-size:20px;letter-spacing:-.04em;line-height:24px;}
.t5{font-size:18px;letter-spacing:-.04em;line-height:22px;}
.t6{font-size:16px;letter-spacing:-.04em;line-height:20px;}
.b1{font-size:18px;letter-spacing:-.04em;line-height:30px;}
.b2{font-size:16px;letter-spacing:-.04em;line-height:26px;}
.b3{font-size:14px;letter-spacing:-.025em;line-height:20px;}
.c1{font-size:14px;letter-spacing:-.04em;line-height:20px;}
.c21{font-size:12px;letter-spacing:-.025em;line-height:16px;}
.c22{font-size:12px;letter-spacing:-.04em;line-height:16px;}
.c3{font-size:11px;letter-spacing:-.025em;line-height:16px;}

.fwT{font-weight:200;}
.fwL{font-weight:300;}
.fwR{font-weight:400;}
.fwB{font-weight:700;}

/*text*/
.word{font-size:14px;line-height:18px;color:#5c5c5c;}
.txt-row1{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* thumbnail */
.thumbnail{display:block;position:relative;overflow:hidden;text-align:center;}
.thumbnail img{height:100%}
.thumbnail:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #bfbfbf;opacity:.1;filter:alpha(opacity=10);}

/* news list */
.list-type a{display:block;}
.list-type .desc{display:block;letter-spacing:-.3px;color:#000}
.list-type .desc .tit{letter-spacing:-.25px;}
.list-type a .desc{color:#000}
.list-type .desc .bar{display:inline-block;margin-left:8px;padding-left:10px;background:url(../../images/v1/etc/txt-bar.gif) no-repeat 0 5px;}
.list-type a:hover{text-decoration:none;}
.list-type a:hover .tit{text-decoration:underline;}
.list-type.list-txt, .list-type.list-txt-num{letter-spacing:-.3px;}
.list-type.list-txt a:hover, .list-type.list-txt-num a:hover{text-decoration:underline;}

/*탭 */
.tabWrap{max-width:1200px;margin:0 auto;}
.tabWrap.widthauto{max-width:100%;width:100%;}
.tabArea{margin:0 auto 30px;clear:both;overflow:hidden;}
.tabWrap.widthauto .tabArea{width:1200px;}

.tab1{background:url(../../images/v1/etc/bg-tab1.gif) repeat-x left 57px;}
.tab1>li{position:relative;float:left;height:58px;box-sizing:border-box;}
.tab1>li + .tab1>li{border-left:0}
.tab1>li>a{display:block;position:relative;z-index:2;padding:0 16px;height:100%;font-size:20px;text-align:center;color:#54585e;line-height:58px}
.tab1>li>a:hover,
.tab1>li.on>a{color:#0088cf;text-decoration:none;}
.tab1>li.on{height:100%;}
.tab1>li>a:hover:before,
.tab1>li.on>a:before{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:4px;background:#0088cf;}
.tab1.has-sub{position:relative;}
.tab1.has-sub.on{padding:0 0 70px;}
.tab1.has-sub:before{display:none;content:"";position:absolute;bottom:0;left:0;width:100%;height:70px;box-sizing:border-box;background:#f6f6f6;}
.tab1.has-sub.on:before{display:block;}
.tab1.has-sub>li{}
.tab1 .tab-sub{position:absolute;visibility:hidden;height:0;overflow:hidden;top:58px;left:0;}
.tab1 > li:nth-of-type(6) .tab-sub{left:-50px;}
.tab1 .on .tab-sub{display:block;visibility:visible;height:auto;overflow:inherit;}
.tab1 .tab-sub>.tab-sub-list>li{float:left;padding:25px 20px;}
.tab1 .tab-sub>.tab-sub-list>li>a{font-size:16px;line-height:18px;color:#54585e;vertical-align:top;}
.tab1 .tab-sub>.tab-sub-list>li.on>a{font-family:'Noto Sans Bold';color:#010101;}
.tabWrap .conArea .tabCon{display:none;}
.tabWrap .conArea .tabCon.on{display:block;}
.tabWrap.visible .conArea .tabCon{display:block;visibility:hidden;height:0;overflow:hidden;}
.tabWrap.visible .conArea .tabCon.on{display:block;visibility:visible;height:auto;overflow:inherit;}

.tab2{clear:both;overflow:hidden;height:65px;line-height:65px;background:url(../../images/v1/etc/bg-tab1.gif) repeat-x 0 100%;}
.tab2 li{float:left;background:url(../../images/v1/ico/bg-nav-bar.gif) no-repeat 0 50%;}
.tab2 li:first-child{background:none !important;}
.tab2 li a{display:block;height:65px;padding:0 23px;font-size:14px;color:#96979b;}
.tab2 li.on a,
.tab2 li.on a:hover,
.tab2 li.on a:active{height:63px;border-bottom:2px solid #000;color:#000;}
.tabWrap .tab2{margin:-30px 0 30px;}

.tab3{display:inline-block;clear:both;overflow:hidden;}
.tab3 li{float:left;width:145px;margin-left:-1px;}
.tab3 li:first-child{margin-left:0;}
.tab3 li a{display:block;height:35px;line-height:33px;border:1px solid #e6e6e6;text-align:center;font-size:16px;color:#54585e;letter-spacing:-.4px;}
.tab3 li.on a{position:relative;border:1px solid #0088c8;z-index:1;color:#0088c8;}
/*.tab3 li a:hover,
.tab3 li a:active{border:1px solid #aaa;z-index:1;color:#aaa;text-decoration:none;}*/
.tab3 li.on a:after{content:'선택됨';height:0;position:absolute;top:-999px;}

/* date-picker customize */
.datepicker-custom .ui-datepicker-buttonpane{position:absolute;right:10px;top:10px;}
.datepicker-custom .ui-datepicker-close{display:inline-block;width:24px;height:24px;background:url(../../images/v1/ico/ico-popup-btn.png) 0 -72px no-repeat !important;}
.datepicker-custom.ui-datepicker{position:absolute; top:1016px;margin:16px 0 0;padding:30px 26px;border:1px solid #e6e6e6;box-shadow:0 2px 6px rgba(0,0,0,.25);background:#fff;}
.datepicker-custom.ui-datepicker .ui-datepicker-header{position:relative; border:none;background:#fff;padding:0;}
/*arrow*/
.datepicker-custom .ui-datepicker-prev,
.datepicker-custom .ui-datepicker-prev-hover{position:absolute;top:16px;left:0px;right:auto;margin:-6px 0 0;width:20px;height:20px;}
.datepicker-custom .ui-datepicker-next,
.datepicker-custom .ui-datepicker-next-hover{position:absolute;top:16px;left:auto;right:0px;margin:-6px 0 0;width:20px;height:20px;}
.datepicker-custom .ui-datepicker-prev .ui-icon{display:block;position:static;margin:0;width:16px;height:16px;background:url(../../images/v1/arrow/arrow-tit.png) no-repeat 3px -12px;font-size:0;cursor:pointer;}
.datepicker-custom .ui-datepicker-prev-hover .ui-icon{width:15px;height:15px;background:url(../../images/v1/arrow/arrow-tit.png) no-repeat 3px 3px;}
.datepicker-custom .ui-datepicker-next .ui-icon{display:block;position:static;margin:0;height:15px;background:url(../../images/v1/arrow/arrow-tit.png) no-repeat -24px -12px;font-size:0;cursor:pointer;}
.datepicker-custom .ui-datepicker-next-hover .ui-icon{width:15px;height:15px;background:url(../../images/v1/arrow/arrow-tit.png) no-repeat -24px 3px;}
.datepicker-custom .ui-datepicker-year {width:90px;font-family:'Noto Sans Medium'; color:#000; border-radius:5px; border:1px solid #ededed; -webkit-appearance:none; appearance:none; background:url(../../images/v1/arrow/bg_select_arr.png) no-repeat 76px 50%; transform:translate(0,-50%); font-size:16px}
.datepicker-custom .ui-datepicker-month {width:67px; font-family:'Noto Sans Medium'; color:#000; border-radius:5px; border:1px solid #ededed; -webkit-appearance:none; appearance:none; background:url(../../images/v1/arrow/bg_select_arr.png) no-repeat 52px 50%; transform:translate(0,-50%); font-size:16px;}
.ui-datepicker-title select option {padding:20px 0; font-size:16px;}
.ui-datepicker-title select::-ms-expand {display:none}

/*//arrow*/
.datepicker-custom.ui-datepicker table{margin:0;}
.datepicker-custom.ui-datepicker .ui-datepicker-title{text-align:center;font-size:22px;line-height:33px;color:#000; padding-top:20px}
.datepicker-custom.ui-datepicker .ui-datepicker-title span{vertical-align:baseline;}
.datepicker-custom.ui-datepicker .ui-datepicker-title .ui-datepicker-month{margin:0 0 0 8px;}
.datepicker-custom.ui-datepicker{display:none;width:auto;z-index:1200 !important;}
.datepicker-custom .ui-datepicker-calendar thead span{display:inline-block;width:35px;height:35px;font-size:12px;line-height:35px;color:#54585e;text-align:center;padding:0;margin:0;}
.datepicker-custom .ui-datepicker-calendar thead th{padding:0;}
.datepicker-custom .ui-state-default,
.datepicker-custom .ui-widget-content .ui-state-default,
.datepicker-custom .ui-widget-header .ui-state-default,
.datepicker-custom .ui-button,
.datepicker-custom .ui-button.ui-state-disabled:hover,
.datepicker-custom .ui-button.ui-state-disabled:active{border:none;background:#fff;color:#000;}
.datepicker-custom .ui-state-default.dimmed,
.datepicker-custom .ui-widget-content .ui-state-default.dimmed,
.datepicker-custom .ui-widget-header .ui-state-default.dimmed{color:#dcdee0 !important;}
.datepicker-custom.ui-datepicker td span,
.datepicker-custom.ui-datepicker td a{display:inline-block;width:40px;height:40px;font-size:14px;line-height:40px;color:#000;text-align:center;padding:0;margin:0;text-align:center;}
.datepicker-custom .ui-state-active{color:#fff !important;background:url(../../images/v1/etc/bg-calendar-active.png) no-repeat center center !important;background-size:30px !important;}
.datepicker-custom .ui-datepicker-today{font-family:'Noto Sans Bold';}
.datepicker-custom .ui-state-disabled,
.datepicker-custom .ui-widget-content .ui-state-disabled,
.datepicker-custom .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35); /* support: IE8 */background-image: none;}

/*이미지 ratio 박스*/
.img-box{display:block;position:relative;width:100%;text-align:center;}
.img-box a{width:100%;}
.img-thum{display:block;position:relative;padding-top:56.25%;overflow:hidden;}
.img-center{display:block;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-transform:translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);}
.img-box img{position:absolute;top:0;left:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;}
/*.img-box .img-thum:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #bfbfbf;opacity:0.2;filter:alpha(opacity=20);}*/
.img-box.ww img{height:100% !important;width:auto !important;}
.img-box.hh img{width:100% !important;height:auto !important;}
.img.ww img{max-height:100% !important;max-width:auto !important;}
.img.hh img{max-width:100% !important;max-height:auto !important;}
.img-box .time{position:absolute;bottom:0;right:0;display:inline-block;height:22px;line-height:22px;font-size:12px;padding:0 7px;text-align:center;background-color:#000;background:rgba(0,0,0,.75);color:#dddee0;font-family:"Noto Sans Light";text-align:center;}
.img-box .ico-photo{position:absolute;bottom:19px;right:17px;display:inline-block;width:26px;height:27px;background:url(../../images/v1/ico/ico-photo.png) no-repeat 0 0;}


/* play icon */
.ico-play{position:absolute;bottom:9%;right:5.5%;display:inline-block;overflow:hidden;z-index:1;}
.ico-play.ico-play0{width:30px;height:30px;background:url(../../images/v1/ico/ico-group-l.png) no-repeat 0 0;}
.ico-play.ico-play1{width:38px;height:38px;background:url(../../images/v1/ico/ico-play.png) no-repeat 0 0;}
.ico-play.ico-play2{width:51px;height:51px;background:url(../../images/v1/ico/ico-play2.png) no-repeat 0 0;}
.ico-play.ico-play3{width:61px;height:61px;background:url(../../images/v1/ico/ico-play3.png) no-repeat 0 0;}
.ico-play.ico-play4{width:46px;height:46px;background:url(../../images/v1/ico/ico-play4.png) no-repeat 0 0;}
.ico-play.ico-play-s{width:26px;height:26px;background:url(../../images/v1/ico/ico-play-s.png) no-repeat 0 0;}
.ico-play.ico-play-ss{position:static;width:15px;height:15px;background:url(../../images/v1/ico/ico-play-ss.png) no-repeat 0 0;}
.ico-play.ico-play-g{position:static;width:15px;height:15px;background:url(../../images/v1/ico/ico-play-g.png) no-repeat 0 0;}
.ico-play.ico-playing{display:none;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.7) url(../../images/v1/ico/player3.png) no-repeat 50% 50%;}
/* .ico-play.ico-playing:after{content:'현재 재생 중'} */

/*owl 갤러리 버튼*/
.owl-pagination{position:absolute;}
.owl-page{float:left;margin:0 5px 0 0;width:4px;height:4px;background:#fff;border-radius:4px;}
.owl-page:last-of-type{margin:0;}
.owl-page a{display:block;width:100%;height:100%;}
.owl-page.active{opacity:.5;filter:alpha(opacity=50);}

.autoplay{position:absolute;width:20px;height:20px;background:url(../../images/v1/btn/btn-play1.png) no-repeat center center;opacity:.4;filter:alpha(opacity=40);}
.autoplay.play{opacity:1;filter:alpha(opacity=100);}


/*리플타입  KBS HOME Style (오픈 전 정리!!)*/
/*.component-box.reply:before{content:"(↓ 댓글 영역)";margin-bottom:-30px;color:red;display:block;text-align:center;}*/
.component-box.reply{position:relative;width:auto !important;max-width:1200px !important;padding-top:30px;border-top:2px solid #343565;}
.component-box.reply .tit-a{font-size:20px;line-height:24px;}
.reply .ico-reply-answer{display:inline-block;position:absolute;width:16px;height:15px;top:21px;left:0;background:url(../../images/v1/ico/ico-group50.png) no-repeat -16px -112px;}
.reply-content .ico{display:inline-block;width:35px;height:35px;}
.reply .ico-reply-facebook{background:url(../../images/v1/ico/ico-sns.png) no-repeat 0 0;}
.reply .ico-reply-sns{background:url(../../images/v1/ico/ico-sns.png) no-repeat 0 -35px;}
.reply-count{display:inline-block;margin:0 0 0 7px;font-family:"Noto Sans Regular";vertical-align:top;color:#949699;}
.reply-refresh{float:right;display:inline-block;width:25px;height:25px;background:url(../../images/v1/ico/ico-reply.png) no-repeat;background-position:0 0;}
.reply-box{position:relative;margin:15px 0 0;border:1px solid #67678b;background:#fff;}
.reply-box .reply-write{position:relative;height:58px;margin:0 48px 0 0;}
.reply-box .reply-write label .place{position:absolute;top:18px;left:0;width:100%;padding:0 25px;box-sizing:border-box;font-size:18px;line-height:22px;color:#54585e;}
.reply-box.on{padding:0 0 58px;}
.reply-box.on .reply-write{height:141px;margin:0;border-bottom:1px solid #bbb;}
.reply-box.on .btn-reply-upload{top:auto;bottom:-1px;}
.reply-box.on .reply-write .reply-write-area{height:120px;line-height:22px;word-break:break-all;}
.reply-box.on .reply-bytes{display:block;position:absolute;right:110px;bottom:22px;font-size:16px;line-height:13px;color:#777;}
.reply-box.on .reply-profile{display:block;}
.reply-box .reply-bytes{display:none;}
.reply-box .reply-write .reply-write-area{width:100%;height:21px;margin:19px 0;padding:0 25px;border:0;overflow-y:auto;text-align:left;font-size:18px;line-height:22px;color:#010101;vertical-align:top;outline:none;resize:none;background:none;overflow-y:hidden;}
.reply-box.on .reply-write .reply-write-area{overflow-y:auto;}
.reply-box .btn-reply-upload{position:absolute;top:-1px;right:-1px;box-sizing:border-box;width:100px;height:60px;border:1px solid #454d5b;font-size:18px;color:#fff;background:#343464;}
.reply-box .ico-reply-answer{top:-2px;left:-18px;}
.reply-sort{display:block;overflow:hidden;padding:40px 0 20px;border-bottom:1px solid #dadada;text-align:right;}
.reply-profile{display:none;margin:11px 12px 5px;}
.reply-profile .write-name{margin:0 0 0 6px;font-family:"Noto Sans Bold";color:#292a2c;font-size:18px;line-height:22px;}
.reply-comment .reply-comment-box{padding:30px 0;border-bottom:1px solid #dcdee0;}
.reply-comment .reply-answer-comment{display:none;}
.reply-comment.on >.reply-comment-box{border-bottom:0;}
.reply-comment.on .reply-answer-comment{display:block;}
.reply-comment .reply-date{display:block;margin:10px 0 0 20px;font-size:14px;line-height:20px;color:#a0a2a9;}
.reply-comment .reply-user{position:relative;}
.reply-comment .reply-user span{display:inline-block;}
.reply-comment .reply-user .user-img{width:23px;height:23px;border-radius:20px;overflow:hidden;}
.reply-comment .reply-user .user-img img{width:100%;}
.reply-comment .reply-user .reply-name{margin:0 0 0 6px;font-family:"Noto Sans Bold";color:#292a2c;font-size:18px;line-height:22px;}
.reply-comment .reply-user .btn-reply-more{position:absolute;display:inline-block;right:0;top:0;width:25px;height:25px;}
.reply-comment .reply-user .btn-reply-more .ico{width:25px;height:25px;font-size:0;line-height:0;background:url(../../images/v1/ico/ico-reply.png) no-repeat -25px 0;}
.reply-comment .reply-user .bubble.on{display:block;}
.reply-comment .reply-user .bubble{display:none;position:absolute;top:-3px;right:8px;width:110px;padding:15px 0;border:1px solid #949699;font-size:13px;line-height:15px;color:#54585f;box-shadow:0px 4px 7px #c5c5c5;text-align:center;background:#fff;}
.reply-comment .reply-user .bubble span{display:inline-block;vertical-align:top;font-size:13px;line-height:15px;}
.reply-comment .reply-user .bubble .ico{display:none;}
.reply-comment .reply-txt{margin:14px 0 0;}
.reply-comment .reply-txt .txt{display:block;word-break:break-all;font-size:16px;line-height:24px;}
.reply-comment .reply-tool{margin:30px 0 0;}
.reply-comment .reply-tool a,
.reply-comment .reply-tool button{display:inline-block;box-sizing:border-box;margin:0 30px 0 0;min-width:51px;height:25px;line-height:25px;text-align:left;}
.reply-comment .reply-tool a span,
.reply-comment .reply-tool button span{display:inline-block;margin:0 0 0 5px;font-size:16px;color:#54585e;line-height:20px;vertical-align:top;font-family:"Noto Sans Bold";}
.reply-comment .reply-tool a .count,
.reply-comment .reply-tool button .count{margin:0 0 0 3px;}
.reply-comment .reply-tool .btn-tool-like .ico{width:25px;height:25px;font-size:0;line-height:0;background-image:url(../../images/v1/ico/ico-reply.png);background-repeat:no-repeat;background-position: 0 -25px;}
.reply-comment .reply-tool .btn-tool-like.on .ico{background-position: -25px -25px;}
.reply-answer-comment{padding:16px 20px;background:#f9f9f9;}
.reply-answer-comment .reply-box.on{margin:0 0 0 18px;}
.reply-answer-comment .reply-box.on .ico-reply-answer{display:inline-block;}
.reply-answer-comment .reply-box{margin:0;}
.reply-answer-comment .reply-box .ico-reply-answer{display:none;}
.reply-answer-comment .btn-answer-add{margin:0 0 0 18px;padding:8px 0;color:#333;font-size:16px;line-height:18px;}
.reply-answer-comment .reply-comment{position:relative;padding:0 0 0 18px;}
.reply-answer-comment .reply-comment-box{margin:0;}
.reply-content .reply-add{padding:60px 0 0;text-align:center;}
.reply-content .reply-add .btn-reply-add{border:1px solid #54585f;padding:10px 80px;line-height:18px;}
.reply-content .reply-add .btn-reply-add span{font-size:16px;vertical-align:top;letter-spacing:-1px;color:#54585f;}

/* radio checkbox common 
.check-box,.radio-box{position:relative;}
input[type='radio'], input[type='checkbox']{
	opacity:0; position:absolute; top:-30px;left:0; filter:alpha(opacity=0); margin:0; z-index:10;
}
input[type='checkbox']+label, input[type='radio']+label{
	position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; z-index:0; color:#666; letter-spacing:-1px;
}*/
/*input[type='radio']:focus+label, input[type='checkbox']:focus+label{
	color:#787676;
}*/

/*라디오버튼*/
/* radio+label 
input[type='radio']{width:20px;height:20px;cursor:pointer;}
input[type='radio']+label {
	min-height:20px;margin:5px 0 0;padding:5px 0 8px 23px;font-size:13px;line-height:20px;color:#565a5d;background-image:url(../../images/v1/form/ico-radio-default.png);background-repeat:no-repeat;background-position:0 4px;background-size:20px;
}*/
/* radio checked+label 
input[type='radio']:checked+label {
	background-image:url(../../images/v1/form/ico-radio-chk.png);
}*/
/* radio disabled+label 
input[type='radio']:disabled+label {
	color:#b7b7b7;
	background-image:url(../../images/v1/form/ico-radio-default-dis.png);
}*/
/* radio disabled:checked+label 
input[type='radio']:disabled:checked+label {
	color:#b7b7b7;
	background-image:url(../../images/v1/form/ico-radio-chk-dis.png);
}*/
/*체크박스*/
/* checkbox+label *
input[type='checkbox'] {width:20px;height:20px;}
input[type='checkbox']+label {
	min-height:20px;margin:5px 0 0;padding:5px 0 8px 23px;font-size:13px;line-height:20px;color:#565a5d;background-image:url(../../images/v1/form/ico-checkbox-default.png);background-repeat:no-repeat;background-position:0 4px;background-size:20px;
}/
/* checkbox checked+label
input[type='checkbox']:checked+label{
	background-image:url(../../images/v1/form/ico-checkbox-chk.png);
} */
/* checkbox disabled+label 
input[type='checkbox']:disabled+label{
		background-image:url(../../images/v1/form/ico-checkbox-default-dis.png);
}*/
/* checkbox disabled:checked+label
input[type='checkbox']:disabled:checked+label{
	background-image:url(../../images/v1/form/ico-checkbox-chk-dis.png);
} */

/* 소팅 리스트 */
.select-sort li{float:left;margin:0 0 0 13px;padding:0 0 0 13px;border-left:1px solid #dcdee0;line-height:14px;vertical-align:middle;}
.select-sort li:first-child{margin:0;padding:0;border:0;}
.select-sort a, .select-sort button{font-size:13px;color:#949699;vertical-align:top;}
.select-sort a span, .select-sort button span{vertical-align:top;}
.select-sort li.on a, .select-sort li.on button{color:#000;font-weight:bold;}


/* customScroll */
.customScroll .mCSB_inside>.mCSB_container{margin-right:25px;}
.customScroll .mCSB_scrollTools{width:25px;}
.customScroll .mCSB_scrollTools .mCSB_draggerContainer{margin:11px 0;}
.customScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#dcdee0 !important;}
.customScroll .mCSB_scrollTools .mCSB_draggerRail{display:none;}


/* error box */
.error-box{text-align:center;font-size:16px;color:#222;padding:180px 0px 100px;margin-bottom:12px;}
.error-box.data-none{background:#fff url(../../images/v1/ico/ico-error.gif) no-repeat 50% 30%;}
.error-box.page-error{}
.error-box .error-blk{font-size:18px;font-family:'Noto Sans Medium';line-height:160%; color:#666;padding-top:80px;margin:50px;background:#fff url(../../images/v1/ico/ico-error.gif) no-repeat 50% 0;}
.error-box .error-blk span {display:block; font-size:16px; }
.error-box .error-blk span.txt01 {font-size:18px;color:#1d4fa8}
.error-box .error-blk span.txt02 {font-size:18px;color:#de2a13}
.error-box .error-blk span a{color:#2573d5;text-decoration:underline;vertical-align:top;}
.btn-error-link {display:block;text-align:center; padding:20px 0 10px; }
.btn-error-link a {display:inline-block; height:35px;font-size:14px;color:#1d4fa8;line-height:35px;padding:0 30px 0 20px; margin:0 5px;border:solid 1px #2573d5; border-radius:3px; background:#fff url(/resources/images/v1/ico/ico_arrow_37.png) no-repeat right 6px;}
.btn-error-link a:hover {color:#fff;background:#2573d5 url(/resources/images/v1/ico/ico_arrow_37.png) no-repeat right -94px;text-decoration:none;}


/* 동영상 재생 영역 */
.vod-wrap .view{position:relative;width:100%;height:100%;}
.vod-wrap .btn-play{position:absolute;display:block;width:333px;height:333px;top:50%;left:50%;background: url(../../images/v1/ico/player5.png) no-repeat 0;z-index:11; transform:translate(-50%,-50%)}
.vod-wrap .view img{width:100%;height:100%;}

/* service 중단 */
.interrupt{position:absolute;z-index:40;top:0;left:0;width:100%;height:100%;padding-top:35%;background:rgba(0,0,0,.7) url(../../images/v1/ico/ico-alert.png) no-repeat 50% 41%;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}
.interrupt p{line-height:26px;color:#fff;letter-spacing:-.75px;font-size:17px;font-family:'Noto Sans Medium'}

/*paging*/
.paging{margin:20px 0 0 0;text-align:center;}
.paging .prev, .paging .next{display:inline-block;margin:0 10px;font-size:0;}
.paging .prev.disabled, .paging .next.disabled{cursor:default;}
.paging .prev .ico, .paging .next .ico{display:inline-block;width:8px;height:12px;}
.paging .prev .ico{background:url(../../images/v1/arrow/arrow-paging.png) no-repeat 0 0;background-size:16px;}
.paging .next .ico{background:url(../../images/v1/arrow/arrow-paging.png) no-repeat -8px 0;background-size:16px;}
.paging .prev.disabled .ico{background-position:0 -12px;}
.paging .next.disabled .ico{background-position:-8px -12px;}
.paging ol{display:inline-block;}
.paging ol li{display:inline-block;}
.paging a{padding:12px;font-size:16px;color:#000;}
.paging li.on a{color:#0088cf;}
.paging li.infinite{margin:0 12px;font-size:20px;}
.paging.type1{width:100%;margin:20px auto 30px;}

/*댓글문구추가*/
.component-box.reply .reply-info {font-size: 13px; color: #777; padding: 0 6px; font-family:'NotoSans-Light';}