@charset "utf-8";
@import "font.css";
@import "header.css";

/* Slick */
.slick-list,.slick-slider,.slick-track {position: relative;display: block}
.slick-loading .slick-slide,.slick-loading .slick-track {visibility: hidden}
.slick-slider {-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-list {overflow: hidden;margin: 0;padding: 0}
.slick-list:focus {outline: 0}
.slick-list.dragging {cursor: pointer;cursor: hand}
.slick-slider .slick-list,.slick-slider .slick-track {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
.slick-track {top: 0;left: 0}
.slick-track:after,.slick-track:before {display: table;content: ''}
.slick-track:after {clear: both}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px}
[dir=rtl] .slick-slide {float: right}
.slick-slide img {display: block}
.slick-slide.slick-loading img {display: none}
.slick-slide.dragging img {pointer-events: none}
.slick-initialized .slick-slide {display: block}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent}
.slick-arrow.slick-hidden {display: none}

/* common */
.f-left {float:left !important;}
.select_common {border:0 none;}
.select_common label {font-size:14px;}
.blind {position:absolute;overflow:hidden;width: 1px;height:1px;}

/* Index 및 검색 추가 */
.main-wrap, .sub-wrap {position:relative;min-width:1200px;overflow:hidden;}
.main-wrap .select_common label {color:#fff;font-size:14px;}
.select-holder .btn-search {display:inline-block;width:38px;height:38px;border:0;background:url(../images/common/btn_search.png) no-repeat;text-indent:-999em;cursor: pointer;}
.layer-search-area {position: absolute;left:0;top:0;width:100%;background: #fff;z-index: 99;transform: translate(0,-350px);transition: .5s ease-out;}
.layer-search-area.on {transform: translate(0,0);transition: .3s ease-out;}
.layer-search-area.on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#ccc;}
.layer-search-area .search-wrap {width:1200px;margin:auto;height:107px;box-sizing:border-box;}
.layer-search-area .search-wrap:after {content:"";clear: both;display: block;}
.layer-search-area .search-wrap .layer-logo {float:left;width:265px; padding-top:33px;}
.layer-search-area .search-wrap .search-cnt {float:left;width:897px}
.layer-search-area .search-input {border-bottom: 1px solid #e3e3e3;padding: 36px 0 10px;}
.layer-search-area .search-input input[type="text"] {width: 803px;padding: 0 10px 0 0;border:0;font-size: 18px;}
.layer-search-area .search-input input[type="text"]::placeholder {color:#999;}
.layer-search-area .search-input button {display:inline-block;border:0;text-indent: -999em;background:url(../images/common/btn_layer_search.png) no-repeat left top;cursor: pointer;}
.layer-search-area .search-input .btn-input-search {width:27px;height:27px;text-indent: -999em;margin-right: 19px;}
.layer-search-area .search-input .search-close {width:29px;height:29px;background-position: right top;}
.layer-search-area .keywords-search {font-size:14px;padding: 30px 0;}
.layer-search-area .keywords-search:after,.layer-search-area .keywords-search ul:after {content: "";clear: both;display: block;}
.layer-search-area .keywords-search dt {float: left;width:75px;color:#333;font-weight: 500}
.layer-search-area .keywords-search dd {padding: 0 0 0 75px;}
.layer-search-area .keywords-search li {float:left;margin-left:24px;}
.layer-search-area .keywords-search dd a {color:#f1592a;}
.layer-search-area .search-link {padding:0 0 40px;overflow: hidden;}
.layer-search-area .search-link a {position:relative;color:#333;}
.layer-search-area .search-link a:hover:after {content:"";position: absolute;left:0;bottom: 0;width:100%;height:1px;background:#f1592a;}
.layer-search-area .search-link .search-txt {color:#f1592a;}
.layer-search-area .search-link .mene-shortcut {position:relative;padding:0;margin-top:25px;background: url(../images/common/bg_search.png) no-repeat right top;}
.layer-search-area .search-link .mene-shortcut strong {font-size:14px;}
.layer-search-area .search-link .mene-shortcut > div {margin-top:7px;}
.layer-search-area .search-link .mene-shortcut .txt {position: relative;margin-right:14px;font-size:14px;}
.layer-search-area .search-link .mene-shortcut .txt:after {content:"";position: absolute;left:-13px;top:5px;background:url(../images/common/bg_arrow.png) no-repeat;width:7px;height:13px;}
.layer-search-area .search-link .mene-shortcut .txt:first-child:after {display: none;}

.main #main {position:relative;top:-119px;width:100%;margin-bottom:-35px;}

.visual-wrap { position:relative; height:670px; overflow:hidden; background:#000;z-index:3;}
.visual-wrap:after {content:"";position:absolute;left:0;top:0;width:100%;height:150px;
	/*background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);  FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);  Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );  IE6-9 */
}
.visual-wrap:before {
    content:"";position:absolute;left:0;bottom:-88px;width:100%;height:150px;z-index: 2;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 81%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 43%,rgba(255,255,255,1) 53%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 67%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 81%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.visual-wrap .visual {opacity:1; position:relative; top:13px; left:0; width:100%;}
.visual-wrap .visual .w1200 {position: absolute;left:50%;top:105px;height:500px;margin-left:-600px;}
.visual-wrap .visual .txt {opacity:0; position:absolute; z-index:99;top:37%;left:595px;width:1000px;margin-left:-25px;display:block;transform:translate(-50%, -50%); font-size:44px; line-height:46px; text-align:left; color:#fff;font-family:'NanumGothicLight';font-weight: 200;}
.visual-wrap .visual .img {position:relative;transform:scale(1.1); transition-delay:0.5s;max-width:none;margin:auto;}
/*.visual-wrap .visual .txt strong,.visual-wrap .visual .txt i {font-family: 'HanwhaR';font-weight:300;font-style: normal;}*/
.visual-wrap .visual .txt strong img {display:inline-block;position:relative;top:13px;}
.visual-wrap .visual .txt strong span,.visual-wrap .visual .txt b {font-family:'NanumGothic-Bold'}
.visual-wrap .visual.first {opacity:1;}
.visual-wrap .visual.loading {display:none; }
.visual-wrap .visual.slick-active {opacity:1; z-index:1; }
.visual-wrap .visual.slick-active .txt,.visual-wrap .slick-active .visual .txt  { opacity:1; transform:translate(-50%, -70%); transition-duration:1s;}
.visual-wrap .visual.slick-active .img,.visual-wrap .slick-active .visual .img  {transform:scale(1); transition-duration:10s;}
.visual-wrap .visual.slick-active.show .img,.visual-wrap .slick-active .visual.show .img {transform:scale(1) !important;}
.visual-wrap .bx-controls {position:absolute;left:0;top:0;z-index: 99;}

svg {position: relative;}

.main-wrap .button {position: absolute;left:522px;min-width: 86px;height:40px;padding: 0 82px 0 24px;display: inline-block;color: #fff;font-size: 16px;text-transform: uppercase;line-height:40px;cursor: pointer;z-index: 1;overflow: hidden;transition: color 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);border-radius:4px;background:#f1592a;}
.main-wrap .button.active {color: #fff}
.main-wrap .button:before,.main-wrap .button:after {content: '';width: calc(100% + 30px);height: 100%;position: absolute;top: 0;left: -15px;z-index: -1;background:transparent}
.main-wrap .button:before {
    transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(calc(-100% - 15px), 0, 0) skew(-25deg);
}

.main-wrap .button:after {
    transition: transform 0.3s 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(0, 0, 0) skew(-25deg);
}

.main-wrap .button .bor-line {position:relative;}
.main-wrap .button .bor-line:after ,.main-wrap .button .bor-line:before {box-sizing: inherit;content: '';position: absolute;border: 2px solid transparent;width: 0;height: 0;}
.main-wrap .button .bor-line:after,.main-wrap .button .bor-line:before {position:relative;}
.main-wrap .button .t-top,.main-wrap .button .t-middle,.main-wrap .button .t-bottom {
    display: inline-block
}

.main-wrap .button .t-middle,.main-wrap .button .t-bottom {
    position: absolute;
    top: 0;
    left: 28px;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}

.main-wrap .button .t-top {
    position: relative;
    z-index: 3;
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);*/
    transition: .5s ease-out;
	transform: translate(30px,0);
}

.main-wrap .button .t-middle {
    color: #0c0c11;
    transition: clip-path 0.3s 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-clip-path 0.3s 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.main-wrap .button .t-bottom {
    transition: clip-path 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-clip-path 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.main-wrap .button input {display: none}
.main-wrap .button .cont {width: 43px;height: 1px;display: block;position: absolute;top: 50%;right: 27px;z-index: 3;transform: translate3d(0, 0, 0);transition: transform 0.3s ease}
.main-wrap .button .line {content: '';width: 29px;height: 1px;position: absolute;top: 0;right: 8px;overflow: hidden;transform: translate3d(70px, 0, 0)}
.main-wrap .button:hover .line {display:block;transform: translate3d(0, 0, 0)}
.main-wrap .button .line:before,.main-wrap .button .line:after {content: '';width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;background: #FFF}
.main-wrap .button .line:before {
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.main-wrap .button .line:after {
    transition: transform 0.3s 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(-100%, 0, 0)
}

.main-wrap .button i {width: 12px;height: 1px;position: absolute;top: 0;right: 0;transform-origin: 100% 50%;transform: translate3d(0, 50px, 0);overflow: hidden}
.main-wrap .button:hover i {transform: translate3d(0, 0, 0);}
.main-wrap .button i:before,.main-wrap .button i:after {
content: '';
width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;background: #FFF}

.main-wrap .button i:before {
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.main-wrap .button i:after {
    transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(100%, 0, 0)
}

.main-wrap .button i:first-of-type {transform: rotate(45deg) translate3d(0, 58px, 0)}
.main-wrap .button:hover i:first-of-type {transform: rotate(45deg) translate3d(0, 0.5px, 0)}
/*.main-wrap .button i:last-of-type {transform: rotate(-45deg) translate3d(0, -0.5px, 0)}*/
/*.main-wrap .button:hover {border:1px solid #f1592a;}*/

.main-wrap .button:hover:before {
    transition: transform 0.5s 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(0, 0, 0) skew(-25deg);
	background:#f1592a;
}
.main-wrap .button:hover:after {
    transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(calc(100% + 15px), 0, 0) skew(-25deg);
	border-color:#f1592a;
}

.main-wrap .button:hover .t-top {
    /*transition: clip-path 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-clip-path 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);*/
	transform: translate(0,0)
}

.main-wrap .button:hover .t-middle {
    transition: clip-path 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-clip-path 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.main-wrap .button:hover .t-bottom {
    transition: clip-path 0.3s 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-clip-path 0.3s 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.main-wrap .button:hover .cont {
    transform: translate3d(5px, 0, 0)
}

.main-wrap .button:hover .line:before {
    transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(100%, 0, 0)
}

.main-wrap .button:hover .line:after {
    transition: transform 0.3s 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(0, 0, 0)
}

.main-wrap .button:hover i:before {
    transition: transform 0.3s 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(-100%, 0, 0)
}

.main-wrap .button:hover i:after {
    transition: transform 0.3s 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translate3d(0, 0, 0)
}
/* progress bar */
.slider-progress {
	position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 3px;
    background: #eee;
    z-index: 3;
    overflow: hidden
}
.slider-progress .progress {
  width: 0%;
  height: 3px;
  background: #000;
}


.vusial-btn {position:absolute;left:50%;bottom:212px;margin-left:-450px;}
.btn-svg .txt {position:absolute;left:-150px;top:25px;font-size:14px;color:#fff;}
.btn-svg {position:absolute;right:50%;top:47%;width:76px;height:76px;border-radius:50%;margin-right: -560px;z-index: 3}
.btn-svg:after {content:"";position:absolute;left:0;top:1px;width:71px;height:71px;border-radius: 50%;border:3px solid #fff;z-index: -1;}
.btn-svg .btn_next {position:absolute;left:0;top:-1px;border: none;background: none;width: 76px;height:76px;padding:0;cursor:pointer; outline: none;}
.btn-svg .btn_next span {display: block;text-indent:-999em;background: url(../images/main/bg_arrow.png) no-repeat center 0;text-align: center;}
.main-tit {font-family: 'NanumGothic-Bold',sans-serif;color:#333;font-size:26px;font-weight: 300;}
#main .main-tit {padding: 58px 0 18px;height:auto;}
.main-tit span {color:#f1592a;}
.main-wrap .w1200 {width:1200px;margin:auto;}

.spotlight-area {position:absolute;left:50%;top:595px;margin-left:-600px !important;z-index:3;}
.spotlight-area:after {content:"";position:absolute;left:-50px;top:0;width:1300px;height:100px;background:#fff;border-radius:5px 5px 0 0;}
.spotlight-area:before {content:"";position:absolute;left:-50px;top:0;width:1300px;height:40px;background:#eeefec;border-radius:5px 5px 0 0;z-index:3;}
.spotlight-area ul {overflow: hidden; position:relative; z-index:10; padding: 75px 0 0; width: 1200px; height:322px;}
.spotlight-area li {overflow: hidden; position: relative; float:left; margin-left: 24px; width: 282px;}
.spotlight-area li:first-child {margin-left: 0;}
.spotlight-area li a {overflow: hidden; position: relative; display: block; width: 100%; height: 322px;}
.spotlight-area li a .bg_box {overflow: hidden; display: block; content: ""; top: 0;left: 0; width: 100%; height:322px;}
.spotlight-area li a .bg_box img {transition: all 0.4s ease-out;}
.spotlight-area li a .txt_box {position: absolute; display: block; top:0; left:0; width: 100%; height: 322px; box-sizing: border-box;}
.spotlight-area li a .txt_box:before {position: absolute; display: block; top:0; left:0; bottom:0; width: 100%; background: url(/images/main/bg_business_gradient.png) no-repeat center bottom; content: ""; transition: all 0.5s ease-out;}
.spotlight-area li a .txt_box img {position: absolute; top:221px; left:0;}
.spotlight-area li.on a .bg_box img {-webkit-transform: scale(1.09); -ms-transform: scale(1.09); transform: scale(1.09);}


.now-area {padding:315px 0 0;}
.now-area .tab-type {margin:77px 0 18px;}
.now-area #tabs:after {content:"";clear:both;display:block;}
.now-area #tabs li {position:relative;float:left;margin-right:38px;}
.now-area #tabs li:first-child:after {content:"";position:absolute;right:-20px;top:1px;width:1px;height:20px;background:#333;}
.now-area #tabs li a {display: block; width: 67px; height: 23px; text-indent: -999999%; background-repeat: no-repeat; background-position: center;}
.now-area #tabs li:nth-child(1) a {background-image: url(/images/main/title_news.jpg);}
.now-area #tabs li.on:nth-child(1) a {background-image: url(/images/main/title_news_ov.jpg);}
.now-area #tabs li:nth-child(2) a {background-image: url(/images/main/title_vod.jpg);}
.now-area #tabs li.on:nth-child(2) a {background-image: url(/images/main/title_vod_ov.jpg);}

.now-cont {position:relative;height:331px;padding-bottom: 60px;}
.now-cont:after {content:"";clear:both;display: block}
.now-cont .big-img {position:relative;float:left;width:898px;}
.now-cont .big-img a {display:block;}
.now-cont .big-img a:after {content:"";clear:both;display:block;}
.now-cont .big-img .img {float:left;width:586px;}
.now-cont .big-img .img img {vertical-align:top;width:586px;height:330px;}
.now-cont .big-img .txt-cnt {float:left;width:312px;height:287px;padding:14px 20px 0 20px;box-sizing: border-box;letter-spacing:-0.1em;}
.now-cont .big-img .txt-cnt .tit {font-size:24px;color:#333;font-weight:600;line-height: 1.5em}
.now-cont .big-img .txt-cnt p {margin:25px 0 15px;color:#666;}
.now-cont .big-img .txt-cnt .date {letter-spacing:0.05em;font-size:14px;color:#999;}
.now-cont .big-img .sns-link {position:absolute;left:605px;bottom:0;}
.now-cont .big-img .sns-link a {display:inline-block;width:28px;height:28px;text-indent:-999em;background:url(../images/main/bg_sns.png) no-repeat;margin-right:7px;}
.now-cont .big-img .sns-link .link {background-position:0 0;}
.now-cont .big-img .sns-link .mail {background-position:-38px 0;}
.now-cont .big-img .sns-link .twitter {background-position:-76px 0;}
.now-cont .big-img .sns-link .facebook {background-position:-114px 0;}

.now-cont .img-list {float:left;width:302px;height:331px;padding:0 0 0 23px;border-left:1px solid #e3e3e3;box-sizing: border-box;}
.now-cont .img-list li {position:relative;margin-top:11px;height:158px;}
.now-cont .img-list li:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:60px;background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.now-cont .img-list li a {display:block;}
.now-cont .img-list li .img img {vertical-align:top;width:282px;height:158px;}
.now-cont .img-list li .txt-cnt {position:absolute;left:10px;bottom:10px;z-index:2;}
.now-cont .img-list li span {display:block;color:#333;}
.now-cont .img-list li .date {margin:4px 0;font-size:12px;line-height:1em;color:#fff;}
.now-cont .img-list li .txt {font-size:13px;line-height:1.28em;color:#fff;}
.now-cont .img-list li:first-child {margin-top:0;}
.now-cont .btn-more {position:absolute;right:0;top:-54px;text-indent:-999em;background:url(../images/main/btn_more.png) no-repeat;width:25px;height:25px;}
.news-image {float:left;width:190px;}
.news-image ul {position:relative;margin-top:-60px;padding:0 0 0 26px;}
.news-image ul:after{content:"";position:absolute;left:0;top:45px;width:1px;height:275px;background:#e3e3e3;}
.news-image li {position:relative;margin-top:45px;}
.news-image li:after {content:"";position:absolute;left:-31px;top:36px;width:11px;height:11px;border-radius:11px;background:#999;z-index:2;}
.news-image li a {color:#999;}
.news-image .txt-cnt span {display:block;}
.news-image .date {font-size:12px;}
.news-image .txt {font-size:14px;line-height:1.3em}

.joy-area {height:435px;overflow:hidden;margin-bottom:17px;background:#f8f8f8;}
.joy-area .main-tit {width:1200px;margin:auto;}
.joy-area .sns-list {margin-bottom:24px;}
.joy-area .sns-list:after,.joy-area .youtube-list:after,.banner-list:after {content: "";clear: both;display: block}
.joy-area .sns-list {position:relative;float:left;width:224px !important;height:224px;margin-left:20px;}
.joy-area .sns-list a {position: relative;display: block;}
.joy-area .slick-slide .sns-list a:after {opacity: 1;z-index:1;position: absolute;display: block;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.5);content: ""; transition: all 0.2s ease-out;}
.joy-area .slick-slide.slick-active .sns-list a:after {opacity: 0; transition: all 0.2s ease-out;}

.joy-area .sns-list .ico-sns,.joy-area .youtube-list .ico-youtube {position:absolute;right:10px;bottom:10px;display: block;background:url(../images/main/icon_sns.png) no-repeat;width:28px;height: 28px;text-indent: -999em;}
.joy-area .sns-list .ico-sns.face {background-position: 0 0;}
.joy-area .sns-list .ico-sns.insta {background-position: -38px 0;}
.joy-area .sns-list .ico-sns.twitter {background-position: -76px 0;}
.joy-area .sns-list .ico-sns.blog {background-position: -114px 0;}
.joy-area .sns-list .ico-sns.youtube {background-position: -152px 0;}
.banner-list.w1200 {width: 1224px;position:relative;left:-24px;}
.banner-list:after {content:"";clear:both;display:block;}
.banner-list > div {float:left;margin-left: 24px;}
.banner-list > div .tit {display:block;color:#333;font-size:20px;font-weight:500;margin-bottom:13px;margin-top:35px;min-height: 25px;}
.banner-list > div img {vertical-align:top;}
.banner-list .last-banner {padding:40px 0 0;}

#footer {padding:45px 0 0;}
/* .main #footer {margin-top:-35px;top:0;padding:0;} */
#footer .main-tit {width:1200px;margin:auto;padding:0;color:#fff;overflow:hidden;font-family:'NanumGothicLight'}
#footer .main-tit span {color:#f37855;}
#footer .main-tit span img {position:relative;top:3px;}
#footer .footer-frame {padding-top:15px;}
.footer-frame .video-block {margin-left:0;}

.svg-progress {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.progress__value {
  stroke: #f77a52;
  stroke-linecap: round;
}


/***** 통합검색 *****/
.search-wrap {color:#222;}
.search-wrap .total-search {margin-bottom:50px;padding:22px 0 0;font-size:28px;text-align:center;}
.search-wrap .search-txt {color:#f1592a;}
.search-wrap .total-search .search-txt,
.search-wrap .total-search .search-num{position:relative;color:#f1592a;font-weight:600;}
.search-wrap .total-search .search-txt {padding:0 10px;}
.search-wrap .total-search .search-txt:after,
.search-wrap .total-search .search-txt:before {position:absolute;top:4px;width:5px;height:28px;}
.search-wrap .total-search .search-txt:before {content:'“';left:0;}
.search-wrap .total-search .search-txt:after {content:'”';right:4px;}

.search-input-area {width:588px;margin:0 auto 55px;}
.search-input-area .search-box {border:2px solid #f1592a;height:56px;}
.search-input-area .search-box input[type="text"] {height:56px;width:508px;border:0;vertical-align:top;line-height:54px;padding:0 24px;font-size:24px;font-weight:bold;color:#333;box-sizing:border-box;}
.search-input-area .search-box .btn-search {text-indent:-999em;background:url(../images/common/btn_sub_search.png) no-repeat left top;width:76px;height:56px;border:0;cursor:pointer;}
.search-input-area .re-check {margin-top:4px;font-size:14px;}
.search-wrap .tab_common {margin-left:-2px;}
.search-wrap .tab_common li {margin-bottom:10px;}
.search-wrap .tab_common li:first-child {margin-left:2px;}
.search-wrap .tab_common li.on a:before {background:url(../images/common/tab_on.png) no-repeat;}

.search-tab-con {margin-top:30px;}
.search-wrap .list-wrap {padding:35px 0 0;border-top:1px solid #ccc;}
.search-wrap .list-wrap:nth-of-type(1) {border:0;}
.search-wrap .list-wrap .tit-arae {position:relative;}
.search-wrap .list-wrap .tit-arae h2 {font-size:18px;height:auto !important;padding:0 !important;margin-bottom:17px;font-weight:500;}
.search-wrap .list-wrap .tit-arae .num {color:#f1592a;}
.search-wrap .list-wrap .tit-arae .search-more {position:absolute;right:0;top:0;color:#f1592a;font-size:14px;padding:0 16px 0 0;}
.search-wrap .list-wrap .tit-arae .search-more:after {content:"";position:absolute;right:0;top:6px;background:url(../images/common/bg_search_arrow.png) no-repeat;width:7px;height:13px;}
.search-wrap .list-type {padding: 0 0 10px;}
.search-wrap .list-type > ul:after {content:"";clear:both;display:block;}
.search-wrap .list-type ul {margin: 0 -1.5%;}
.search-wrap .list-type li {float:left;margin: 0 1.5%; width:47%;margin-bottom:30px;}
.search-wrap .list-type li a {color:#333}
.search-wrap .list-type li .img {float:left;width:180px;}
.search-wrap .list-type li .img img {vertical-align: top;}
.search-wrap .list-type li .info-txt {padding:0 0 0 25px;max-height:101px;overflow: hidden;}
.search-wrap .list-type .info-txt .t-tit{position:relative;display:block;font-size:14px;margin-bottom:1px;}
.search-wrap .list-type li .info-txt .tit {display:block;width:100%;margin-bottom:6px;font-size:16px;font-weight:500;}
.search-wrap .list-type li .info-txt .txt {font-size:14px;line-height: 1.4em;}
.search-wrap .storyhub .list-type li .info-txt .txt {line-height: 1.6em;}

.list-type .brand-list .info-txt .tit {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.search-wrap .report-list li .info-txt .tit {font-weight:400;}
.search-wrap .report-list li .info-txt .date {display:block;margin-top:7px;font-size:14px;color:#666;}
.tit-area.f-left {width:225px;}
.list-wrap .notice-list,
.list-wrap .menu-list {position:relative;padding:0 0 32px 225px;}
.list-wrap .notice-list li {position:relative;width:570px;padding: 0 80px 0 0;box-sizing:border-box;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.list-wrap .notice-list li,
.list-wrap .menu-list li {margin-bottom:5px;}
.list-wrap .notice-list li .date {position:absolute;right:0;top:0;font-size:14px;color:#666;}
.list-wrap .notice-list a,
.list-wrap .menu-list a {color:#333;}
.menu-list .special-c {font-family:sans-serif;margin:0 5px;}
.search-nodata {text-align:center}
.search-nodata strong {display:block;margin-bottom:30px;font-size:24px;}
.search-nodata strong span {color:#f1592a}
.list-wrap .notice-list .search-more,
.list-wrap .menu-list .search-more {position:absolute;right:0;top:0;color:#f1592a;font-size:14px;padding:0 16px 0 0;}
.list-wrap .notice-list .search-more:after,
.list-wrap .menu-list .search-more:after {content:"";position:absolute;right:0;top:6px;background:url(../images/common/bg_search_arrow.png) no-repeat;width:7px;height:13px;}

/* Slider */

.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* Dots */
.slick-dotted.slick-slider{margin-bottom: 30px;}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: .75;color: black;}
.joy-area .slick-prev {position: absolute;left: -73px;top: 78px;background: url(../images/main/btn_slider2.png) no-repeat left top;width: 38px;height: 68px;text-indent: -9999em;z-index: 1;border:0;cursor: pointer;}
.joy-area .slick-next {position: absolute;right: -73px;top: 78px;background: url(../images/main/btn_slider2.png) no-repeat right top;width:38px;height: 68px;text-indent: -9999em;border:0;cursor: pointer;}
.joy-area .btn-more {display: inline-block;text-indent:-999em;background:url(../images/main/btn_more.png) no-repeat;width:25px;height:25px;}
.sns-slider {width:1200px;margin:0 auto;}
.sns-slider .slick-list { position: absolute;margin-left: -22px;overflow: inherit;}
.sns-slider .slick-arrow.slick-disabled {display: none !important;}

/* 영상뉴스 추가 */
#vod-list.report-list .img {width:210px;height:210px;overflow:hidden;}
.search-wrap .list-type #vod-list.report-list li .info-txt {padding:0 30px 0 235px;}

/* pagin */
.paging span a {vertical-align:top}

/* 2018.11.07 */
.visual-wrap .visual {overflow: hidden;}
.visual-wrap .visual .txt strong {font-family: 'NanumGothic-Bold'}
.joy-area .sns-list img {height:224px;}