@charset "utf-8";
/*=================================================================================
 * Fonts
=================================================================================*/
@font-face {font-family: 'notoBold'; font-weight: normal; font-style: normal; src: url('../fonts/NotoSansKR-Bold.eot'); src: url('../fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansKR-Bold.woff2') format('woff2'), url('../fonts/NotoSansKR-Bold.woff') format('woff'), url('../fonts/NotoSansKR-Bold.ttf') format('truetype'), url('../fonts/NotoSansKR-Bold.svg#NotoSansKR-Bold') format('svg');}
@font-face {font-family: 'notoMedium'; font-weight: normal; font-style: normal; src: url('../fonts/NotoSansKR-Medium.eot'); src: url('../fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansKR-Medium.woff2') format('woff2'), url('../fonts/NotoSansKR-Medium.woff') format('woff'), url('../fonts/NotoSansKR-Medium.ttf') format('truetype'), url('../fonts/NotoSansKR-Medium.svg#NotoSansKR-Medium') format('svg');}
@font-face {font-family: 'notoRegular'; font-weight: normal; font-style: normal; src: url('../fonts/NotoSansKR-Regular.eot'); src: url('../fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansKR-Regular.woff2') format('woff2'), url('../fonts/NotoSansKR-Regular.woff') format('woff'), url('../fonts/NotoSansKR-Regular.ttf') format('truetype'), url('../fonts/NotoSansKR-Regular.svg#NotoSansKR-Regular') format('svg');}
@font-face {font-family: 'notoLight'; font-weight: normal; font-style: normal; src: url('../fonts/NotoSansKR-Light.eot'); src: url('../fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSansKR-Light.woff2') format('woff2'), url('../fonts/NotoSansKR-Light.woff') format('woff'), url('../fonts/NotoSansKR-Light.ttf') format('truetype'), url('../fonts/NotoSansKR-Light.svg#NotoSansKR-Light') format('svg');}
@font-face {font-family: 'notoSerifMedium'; font-weight: normal; font-style: normal; src: url('../fonts/notoserifkr-Medium.woff2') format('woff2'), url('../fonts/notoserifkr-Medium.woff') format('woff'), url('../fonts/notoserifkr-Medium.otf') format('truetype');}
@font-face {font-family: 'xeicon'; font-weight: normal; font-style: normal; src: url('../fonts/xeicon.eot'); src: url('../fonts/xeicon.eot?#iefix') format('embedded-opentype'), url('../fonts/xeicon.woff2') format('woff2'), url('../fonts/xeicon.woff') format('woff'), url('../fonts/xeicon.ttf') format('truetype'), url('../fonts/xeicon.svg#xeicon') format('svg');}
@font-face {font-family: 'tmonblack'; font-weight: normal; font-style: normal; src: url('../fonts/tmonblack.eot'); src: url('../fonts/tmonblack.eot?#iefix') format('embedded-opentype'), url('../fonts/tmonblack.woff2') format('woff2'), url('../fonts/tmonblack.woff') format('woff'), url('../fonts/tmonblack.ttf') format('truetype'), url('../fonts/tmonblack.svg#NotoSansKR-Light') format('svg');}
/*=================================================================================
* Slick Default
=================================================================================*/
.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:inherit;}
.slick-slider .slick-track,
.slick-slider .slick-list{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;}

/*=================================================================================
* Fullpage Default
=================================================================================*/
html.fp-enabled,
.fp-enabled body {margin: 0; padding: 0; overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.fp-section {position: relative; box-sizing: border-box;}
.fp-slide {float: left;}
.fp-slide,
.fp-slidesContainer {height: 100%; display: block;}
.fp-slides {z-index:1; height: 100%; overflow: hidden; position: relative; transition: all 0.3s ease-out;}
.fp-section.fp-table,
.fp-slide.fp-table {display: table; table-layout:fixed; width: 100%;}
.fp-tableCell {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.fp-slidesContainer {float: left;position: relative;}
.fp-controlArrow {-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none;  -ms-user-select: none; position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; transform: translate3d(0,0,0);}
.fp-controlArrow.fp-prev {left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next {right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff;}
.fp-scrollable {overflow: hidden; position: relative;}
.fp-scroller{overflow: hidden;}
.iScrollIndicator{border: 0 !important;}
.fp-notransition {transition: none !important;}
#fp-nav {position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; transform: translate3d(0,0,0);}
#fp-nav.fp-right {right: 17px;}
#fp-nav.fp-left {left: 17px;}
.fp-slidesNav{position: absolute; z-index: 4; opacity: 1; transform: translate3d(0,0,0); left: 0 !important; right: 0; margin: 0 auto !important;}
.fp-slidesNav.fp-bottom {bottom: 17px;}
.fp-slidesNav.fp-top {top: 17px;}
#fp-nav ul, .fp-slidesNav ul {margin: 0; padding: 0;}
#fp-nav ul li, .fp-slidesNav ul li {display: block; width: 14px; height: 13px; margin: 7px; position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a, .fp-slidesNav ul li a {display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; transition: all 0.1s;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 10px; height: 10px; margin: -5px 0px 0px -5px;}
#fp-nav ul li .fp-tooltip {position: absolute; top: -2px; color: #000; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {transition: opacity 0.2s ease-in; width: auto; opacity: 1;}
#fp-nav ul li .fp-tooltip.fp-right { right: 20px;}
#fp-nav ul li .fp-tooltip.fp-left {left: 20px;}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{height: auto !important;}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {height: auto !important;}
.fp-sr-only{position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
/*=================================================================================
 * Default
=================================================================================*/
/* Font */
body, select, input, textarea, h1, h2, h3, h4, h5, h6, dt, button, strong {font-family:'notoRegular';}

/* Common */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, em, img, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, tbody, tfoot, thead, tr, th, td, a, figure, i {margin:0; padding:0; border:0; box-sizing:border-box;}
html {height:100%; -webkit-text-size-adjust:none; font-size:15px; background-color:#252525;}
body {font-size:1rem; line-height:1.25; color:#555; letter-spacing:-0.04em; height:100%;}
h1,h2,h3,h4,h5 {font-size:100%; font-weight:normal;}
ul,ol,li, figure {list-style-type:none;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption {position:absolute; left:-10000%; top:0; width:0; height:0; font-size:0; line-height:0; }
caption.cap {text-align:left; font-weight:bold; margin-bottom:5px; font-size:.7rem;}
em, address, i {font-style:normal;}
button {display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap;}
button::-moz-focus-inner {padding:0;border:0; border-radius:0; -webkit-appearance:none;}
button:focus {outline:none;}
button span {position:relative;}
button:focus {outline:none;}
.hid, .hidden, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
a {text-decoration:none; color:#666; -webkit-tap-highlight-color:transparent; /* -webkit-user-select:none; */}
a:hover {text-decoration:none; cursor:pointer; color:#666; }
section, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav {display:block; box-sizing:border-box;}
img {vertical-align:middle; border:0;}
:before, :after {box-sizing:border-box;}

#loader {position:fixed; left:0; top:0; bottom:0; right:0; z-index:1000; background-color:rgba(0, 0, 0, .75); z-index:10000; visibility:hidden; opacity:0; transition:all 0.3s;}
#loader.active {visibility:visible; opacity:1;}
#loader span {position:fixed; left:50%; top:43%; width:10px; height:10px; border-radius:50%; margin:-5px 0 0 -5px; animation:loader 1s linear alternate infinite; z-index:10000; font-size:0; line-height:0; display:block;}
@keyframes loader {
  0% {box-shadow:-40px 40px 0 2px #fff, -20px 40px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), 20px 40px 0 0 rgba(255, 255, 255, 0.2), 40px 40px 0 0 rgba(255, 255, 255, 0.2); }
  25% {box-shadow:-40px 40px 0 0 rgba(255, 255, 255, 0.2), -20px 40px 0 2px #fff, 0 40px 0 0 rgba(255, 255, 255, 0.2), 20px 40px 0 0 rgba(255, 255, 255, 0.2), 40px 40px 0 0 rgba(255, 255, 255, 0.2); }
  50% {box-shadow:-40px 40px 0 0 rgba(255, 255, 255, 0.2), -20px 40px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 2px #fff, 20px 40px 0 0 rgba(255, 255, 255, 0.2), 40px 40px 0 0 rgba(255, 255, 255, 0.2); }
  75% {box-shadow:-40px 40px 0 0 rgba(255, 255, 255, 0.2), -20px 40px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), 20px 40px 0 2px #fff, 40px 40px 0 0 rgba(255, 255, 255, 0.2); }
  100% {box-shadow:-40px 40px 0 0 rgba(255, 255, 255, 0.2), -20px 40px 0 0 rgba(255, 255, 255, 0.2), 0 40px 0 0 rgba(255, 255, 255, 0.2), 20px 40px 0 0 rgba(255, 255, 255, 0.2), 40px 40px 0 2px #fff; }
}

/*=================================================================================
* Layout
=================================================================================*/
.fullpage {}
.fullpage .section {position:relative; background-position:bottom center; background-size:cover; background-repeat: no-repeat;}
.fullpage .section .inner {padding:20px 20px 120px 20px;}
.fullpage #section1 {background-image:url('../images/brief_bg.jpg');}
.fullpage #section2 {background-image:url('../images/brief_bg_2th.jpg'); background-position:center center;}
.fullpage #section3 {background-image:url('../images/brief_bg_3rd.jpg'); background-position:center center;}
.fullpage #section4 {background-image:url('../images/brief_bg_4th.jpg');}
.fullpage #section5 {background-color:#252525;}
.fullpage #section5 .inner {padding:30px 20px;}

.scroll_control {position:absolute; left:50%; bottom:20px; margin-left:-60px; width:120px; z-index:100;}
.scroll_control a {position:relative; display:block; text-align:center;}
.scroll_control a:after {content:''; display:inline-block; width:25px; height:29px; background-image:url('../images/arrow_down.png'); background-size:100%; background-position:center center; background-repeat:no-repeat; opacity:0.8; margin-top:10px;}
.scroll_control a span {display:block; width:100%; height:30px; border-radius:30px; background:rgba(255, 255, 255, 0.9); font-family:'notoMedium'; font-size:15px; line-height:30px; letter-spacing:-0.05em; color:#19191d; text-align:center;}

.slick-arrow {position:absolute; top:50%; transform: translateY(-50%); width:30px; height:50px; background-size:100%; background-repeat:no-repeat; background-position:center center; font-size:0; z-index:2; opacity:0.8; transition:all 0.3s;}
.slick-arrow:hover {opacity:1;}
.slick-arrow.slick-prev {background-image:url('../images/arrow_prev.png'); left:-70px;}
.slick-arrow.slick-next {background-image:url('../images/arrow_next.png'); right:-70px;}

.slick-dots {font-size:0; text-align:center;}
.slick-dots li {display:inline-block;}
.slick-dots button {position:relative;  width:20px; height:37px; font-size:0;}
.slick-dots button:before {content:''; position:absolute; left:50%; top:50%; background:transparent; width:12px; height:12px;  margin:-6px 0 0 -6px; box-sizing:border-box; font-size:0; line-height:0; border-radius:10px;}

.fullpage #section2 .scroll_control a span {background: rgba(236, 241, 253, 1); color: #2d3856;}
.fullpage #section3 .scroll_control a span {background: rgba(62, 71, 83, 1); color: #fff;}
.fullpage #section3 .scroll_control a:after {background-image:url('../images/arrow_down3.png');}
.fullpage #section4 .scroll_control a span {background: rgba(255, 255, 255, 0.8); color: #434756;}
.fullpage #section4 .scroll_control a:after {background-image:none;}

.logo {width: 1200px; position: absolute; top: 28px; left: 50%; transform: translateX(-50%); transition:all 0.3s;}
.logo a {display: inline-block; width: 102px; height: 41px; background-image: url('../images/korea_logo_top.png'); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; color: transparent;}

.slogan {width: 100%;}
.slogan h1 {text-align: center; line-height: 0;}
.slogan h1 span {display: inline-block; width: 284px; height: 24px; background-image: url('../images/slogan_h1.png'); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; color: transparent;}

.slogan h2 {text-align: center; padding: 25px 0 50px 0;}
.slogan h2 span {display: inline-block; color: transparent; background-repeat:no-repeat; background-position:center center; background-size:100% auto; transition:all 0.3s;}
.slogan h2 span:nth-child(1) {width: 472px; height: 46px; background-image: url('../images/slogan_h2_1.png'); margin-right: 10px; background-size: contain;}
.slogan h2 span:nth-child(2) {width: 499px; height: 46px; background-image: url('../images/slogan_h2_2.png'); background-size: contain;}

.briefing {position:relative; max-width:1200px; margin:0 auto; box-shadow:5px 5px 20px rgba(0, 0, 0, .5); font-size:0;}
.briefing .for {background: linear-gradient(to right, #bd445b 0%, #41478f 99%); box-sizing:border-box;}
.briefing .for .box {position:relative; width:613px; min-height:380px; box-sizing:border-box; display:table; table-layout:fixed; height: 0; opacity: 0.4;}
.briefing .for .box.s1 {width:680px;}
.briefing .for .box .day {position:absolute; top:50%; left:68px; display:table; width:170px; height:170px; margin-top:-85px; border:1px solid #fff; box-sizing:border-box; text-align:center; color:#fff; transition:all 0.3s;}
.briefing .for .box .day > div {display:table-cell; vertical-align:middle;}
.briefing .for .box .day strong {position:relative; display:inline-block; font-weight:normal; font-family:'tmonblack'; font-size:40px; line-height:40px; letter-spacing:-0.05em;}
.briefing .for .box .day strong:after {content:''; display:block; width:100%; height:3px; background-color:#fff; margin-top:10px; transition:all 0.3s; opacity: 0.5;}
.briefing .for .box .day span {position:relative; display:block; font-family:'notoRegular'; font-size:22px; letter-spacing:-0.05em; margin-top:7px;}
.briefing .for .box .list {width:100%; display:table-cell; vertical-align:middle; padding:0 0 0 230px; transition:all 0.3s;}
.briefing .for .box .list > ul {padding:20px 0;}
.briefing .for .box .list > ul:after {content:''; display:block; clear:both;}
.briefing .for .box .list > ul > li {position:relative; font-size:0; padding:3px 0 3px 40px; box-sizing:border-box; }
.briefing .for .box .list > ul > li ~ li {margin-top: 10px;}
.briefing .for .box .list > ul > li > strong {font-size:33px; font-family:'notoBold'; color:#fff; font-weight:normal; display: block;}
.briefing .for .box .data {padding: 0; margin: 5px 0 5px 0; display: inline-block;}
.briefing .for .box .data li {padding: 0; font-family: 'notoLight'; font-size: 0; display: inline-block;}
.briefing .for .box .data li ~ li {margin-left: 7px; padding-left: 10px; position: relative;}
.briefing .for .box .data li ~ li:before {content: attr(data-title); display: inline-block; color: #fff; font-size: 18px;  opacity: 0.4; vertical-align: middle; margin-right: 5px;}
.briefing .for .box .data li ~ li:after {content: ''; display: inline-block; width: 1px; height: 14px; background-color: #fff; opacity: 0.45; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.briefing .for .box .data li span {vertical-align: middle; font-size: 0; display: inline-block; position: relative;}
.briefing .for .box .data li span i {color: #fff; opacity: 0.4; font-size: 0; display: inline-block; width: 27px;}
.briefing .for .box .data li span i:before {content:'';  display: inline-block; width: 27px; height: 25px; background-size: 18px auto; background-position: 50% 50%; background-repeat: no-repeat;}
.briefing .for .box .data li span.home i:before {background-image: url('../images/ico_hp.png');}
.briefing .for .box .data li span.down i:before {background-image: url('../images/ico_dw.png');}
.briefing .for .box .data li span.view i:before {background-image: url('../images/ico_view.png');}
.briefing .for .box .data li ~ li span a:before {border-radius:15px; background-color: #121c3f; width: 58px; height: 20px; line-height: 20px; position: absolute; top: -24px; left: 50%; transform: translateX(-50%);  font-size: 12px; color: #fff; display: inline-block; transition:all 0.2s; opacity: 0; visibility: hidden; text-align: center; z-index: 2;}
.briefing .for .box .data li ~ li span a:after {content: ""; display: inline-block; position: absolute; left: 50%; top: -4px; transform: translateX(-50%);  border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #121c3f; transition:all 0.2s; opacity: 0; visibility: hidden;}
.briefing .for .box .data li ~ li span.down a:before {content: '다운로드';}
.briefing .for .box .data li ~ li span.view a:before {content: '바로보기';}
.briefing .for .box .data li ~ li span a:hover:before {opacity: 1; visibility: visible;}
.briefing .for .box .data li ~ li span a:hover:after {opacity: 1; visibility: visible;}
.briefing .for .box .data li span {vertical-align: middle;}
.briefing .for .box .data li span a i {opacity: 1; color: #fff;}
.briefing .for .box .data li.active:before {opacity: 1;}
.briefing .for .box .data li.active span i {opacity: 1;}
.briefing .for .slick-current .box {opacity: 1;}
.briefing .for .slick-current .box .day {border:3px solid #fff; color: #fff;}
.briefing .for .slick-current .box .day strong:after {background-color:#fff; opacity: 0.6;}
.briefing .for .slick-current .box .list > ul > li > strong {color:#fff;}

.briefing .nav {position:relative; font-size:0; width:100%; margin-top:-4px;}
.briefing .nav:after {content:''; display:block; position:absolute; left:0; top:4px; bottom:0; right:0; background:#2e3a49; z-index:1;}
.briefing .nav > div {position:relative; width:100%; margin:0 auto; z-index:2;}
.briefing .nav button {position:relative; font-family:'notoRegular'; font-size:14px; height:38px; width:100%; line-height:43px; color:#fff; letter-spacing:0; transition:all 0.3s;}
.briefing .nav button:after {content:''; position:absolute; left:0; top:4px; right:0; height:1px; background:#fff; transition:all 0.3s;}
.briefing .nav .slick-current button {color: #f4e0a4;}
.briefing .nav .slick-current button:after {content:''; position:absolute; left:0; right:0; top:2px; display:inline-block; height:5px; background-color:#f4e0a4; z-index:2;}
.briefing .nav .slick-slide {position: relative; width:10%; float:none; display: inline-block;}
.briefing .nav .slick-slide > div {position: relative;}
.briefing .nav .slick-slide:before {content:''; position:absolute; left:0; top:0; display:inline-block; height:9px; width:1px; background-color:#fff; z-index:3;}
.briefing .nav .slick-slide:last-child:after {content:''; position:absolute; right:0; top:0; display:inline-block; height:9px; width:1px; background-color:#fff; z-index:2;}

.policy_news {position:relative; max-width:1224px; margin:0 auto;}
.policy_news .hightlight {padding:0 12px; min-height:300px;}
.policy_news .hightlight a {position:relative; display:block; color:#fff;}
.policy_news .hightlight a:after {content:''; display:block; clear:both;}
.policy_news .hightlight .thumb {float:right; position:relative; width:486px; height:301px; margin-left:35px; font-size:0; line-height:0;}
.policy_news .hightlight .thumb span {position:absolute; left:0; top:0; right:0; bottom:0; display:block;}
.policy_news .hightlight .thumb span img {width:100%; height:100%;}
.policy_news .hightlight .text {display:block; overflow:hidden;}
.policy_news .hightlight .text > i {font-size:20px; font-family:'notoBold'; color:#2d3856; font-weight:normal; background:#fff; display:inline-block; width:188px; height:40px; line-height:40px; box-sizing:border-box; text-indent:20px; margin-bottom:20px;}
.policy_news .hightlight .text > em {display:block; font-size:14px; font-family:'notoRegular'; letter-spacing:-0.05em; margin-bottom:5px; color: #fff;}
.policy_news .hightlight .text > em i {border-bottom:1px solid #fff;}
.policy_news .hightlight .text strong {display: block; font-size:36px; font-family:'notoMedium'; letter-spacing:-0.05em; line-height:53px; font-weight:normal; overflow:hidden; padding-bottom:2px; max-height:110px;}
.policy_news .hightlight .text strong i {position:relative; border-bottom:2px solid #fff;}
.policy_news .hightlight .text span {display:block; font-size:16px; font-family:'notoLight'; letter-spacing:-0.05em; margin-top:20px; line-height:26px; overflow:hidden; max-height:80px;}
.policy_news .list {position:relative; margin-top:20px; padding-top:10px;}
.policy_news .list ul {}
.policy_news .list ul:after {content:''; display:block; clear:both;}
.policy_news .list li {float:left; width:25%; box-sizing:border-box; padding:10px 12px;}
.policy_news .list li a {position:relative; display:block; box-sizing:border-box;}
.policy_news .list li a:before {content:''; display:block; width:100%; height:92px;}
.policy_news .list li a:after {content:''; display:block; width:100%; height:0;padding-bottom:66%;}
.policy_news .list li a > span {position:absolute; left:0; top:0; bottom:0; right:0;}
.policy_news .list li a em {display:block; font-size:14px; font-family:'notoRegular'; color:#f4e0a4; letter-spacing:-0.05em; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.policy_news .list li a .thumb {display:block; position:relative; width:100%; height:0; font-size:0; padding-bottom:66%;}
.policy_news .list li a .thumb span {display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.policy_news .list li a .thumb span img {width:100%; height:100%;}
.policy_news .list li a strong {display:block; font-size:18px; font-family:'notoMedium'; letter-spacing:-0.05em; color:#fff; line-height:24px; font-weight:normal; margin-top:15px; height:48px; overflow:hidden;}
.policy_news .list li a .lead {display:block; font-size:14px; font-family:'notoRegular'; letter-spacing:-0.05em; color:#fff; line-height:20px; font-weight:normal; position:absolute; left:0; right:0; top:96px; bottom:0; overflow: hidden;}
.policy_news .list li a em + strong {margin-top:0;}
.policy_news .list li a .thumb  + strong + .lead {display:none;}
.policy_news .slick-arrow {opacity:0.5;}
.policy_news .slick-arrow:hover {opacity:0.8;}
.policy_news .slick-dots button:before {border:2px solid #dbdbdc;}
.policy_news .slick-dots .slick-active button:before {background:#dbdbdc;}
.policy_news .slick-arrow.slick-prev {background-image:url('../images/arrow_prev2.png'); left:-70px;}
.policy_news .slick-arrow.slick-next {background-image:url('../images/arrow_next2.png'); right:-70px;}

.card_graphic {position:relative; max-width:1224px; margin:0 auto;}
.card_graphic .tab {margin-bottom:63px; padding:0 12px; box-sizing:border-box;}
.card_graphic .tab ul {}
.card_graphic .tab ul:after {content:''; display:block; clear:both;}
.card_graphic .tab ul li {float:left; margin-right:8px;}
.card_graphic .tab ul li:last-child {margin:0;}
.card_graphic .tab ul li button {font-size:20px; font-family:'notoBold'; color:#1864ab; font-weight:normal; background:#fff; display:inline-block; width:188px; height:40px; line-height:40px; box-sizing:border-box; text-indent:20px; text-align:left; border:1px solid #3e4753;}
.card_graphic .tab ul li.on button {color:#fff; background:#3e4753;}
.card_graphic .tab_cont {padding:0 0; }
.card_graphic .tab_cont > div {opacity:0; height:0; overflow:hidden;}
.card_graphic .tab_cont > div.on {opacity:1; height:auto; overflow:visible;}
.card_graphic .slider {position:relative; width:100%;}
.card_graphic .slider .box {position:relative; box-sizing:border-box; margin:0 12px 65px 12px;}
.card_graphic .slider .box:before {content:''; width:100%; height:0; font-size:0; display:block; padding-bottom: 100%;}
.card_graphic .slider .box a {display:block; position:absolute; left:0; top:0; bottom:0; right:0; padding:0 0 0 0; box-sizing:border-box;}
.card_graphic .slider .box .thumb {display:block; position:relative; width:100%; height:0; font-size:0; overflow: hidden; padding-bottom: 100%;}
.card_graphic .slider .box .thumb span {position:absolute; left:0; top:0; right:0; bottom:0; display:block;}
.card_graphic .slider .box .thumb span img {width:100%; height:100%; }
.card_graphic .slider .box .text {display:block; text-align:center; position:absolute; left:32px; right:32px; bottom:-50px; height:110px;z-index:2; box-sizing:border-box; padding:16px 20px; background:#fff; box-shadow:0px 9px 20px rgba(0, 0, 0, .1);}
.card_graphic .slider .box .text em {display:inline-block; font-size:13px; color:#c6324b; letter-spacing:-0.05em; font-family:'notoMedium'; margin-bottom:10px;}
.card_graphic .slider .box .text em:after {content:''; display:block; width:100%; height:1px; background-color:#c6324b;}
.card_graphic .slider .box .text strong {position: relative; display:block; font-size:20px; height:48px;font-weight:normal; font-family:'notoBold'; color:#212529; line-height:24px; overflow:hidden;}
.card_graphic .slick-dots button:before {border:2px solid #3e4753;}
.card_graphic .slick-dots .slick-active button:before {background:#3e4753;}
.card_graphic .sort2 .slider .box a {bottom:35.83%;}
.card_graphic .sort2 .slider .box .thumb {padding-bottom:64.17%;}
.card_graphic .sort2 .slick-arrow {margin-top:-110px;}
.card_graphic .sort2 .slick-dots li {position:relative; top:-95px;}

.title {position:relative; max-width:1200px; margin:0 auto 30px auto;}
.title span {font-size:20px; font-family:'notoBold'; color:#444; font-weight:normal; background:#fff; display:inline-block; width:188px; height:40px; line-height:40px; box-sizing:border-box; text-indent:20px; text-align:left;}
.media {position:relative; max-width:1200px; margin:0 auto; z-index:1000;}
.media .bx {padding-top:40px;}
.media .bx:after {content:''; display:block; clear:both;}
.media .media_large {width:74.5%; float:left;}
.media .media_large a {position:relative; display:block;}
.media .media_large .thumb {position:relative; width:100%; height:0; padding-bottom:56.26%; display:block; font-size:0; overflow:hidden;}
.media .media_large .thumb:after {content:''; display:block; position:absolute; left:0; top:0; bottom:0; right:0; background-image:url('../images/ico_play.png'); background-repeat:no-repeat; background-position:50% 50%;}
.media .media_large .thumb span {position:absolute; left:0; top:0; right:0; bottom:0; display:block;}
.media .media_large .thumb span img {width:100%; height:100%;}
.media .media_large strong {position:absolute; top:-40px; left:0; right:0; display:block; font-size:22px; font-weight:normal; font-family:'notoMedium'; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.media .media_large .movie {position:relative;}
.media .media_large .movie > div {position:relative; padding-bottom:56.26%; height:0; line-height:0; font-size:0; overflow:hidden;}
.media .media_large .movie > div iframe,
.media .media_large .movie > div object,
.media .media_large .movie > div video {position:absolute; top:0; right:0; bottom:0; left:0; width:100% !important; height:100% !important; object-fit:cover;}
.media .media_small {position:relative; width:25.5%; float:right; padding:0 0 0 0; box-sizing:border-box;}
.media .media_small:after {content:''; width:100%; height:0; padding-bottom:164.36% ; display:block;}
.media .media_small > div {position:absolute; left:24px; top:0; right:0; bottom:0;}
.media .media_small a {display:block; width:100%;}
.media .media_small a:nth-child(1) {position:absolute; top:0;}
.media .media_small a:nth-child(2) {position:absolute; top:50%; margin-top:-28.19% ;}
.media .media_small a:nth-child(3) {position:absolute; bottom:0;}
.media .media_small .thumb {position:relative; width:100%; height:0; padding-bottom:56.38%; display:block; font-size:0; overflow:hidden;}
.media .media_small .thumb span:before {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url('../images/media_bg.png'); background-repeat:repeat-x; background-position:left bottom;}
.media .media_small .thumb span {position:absolute; left:0; top:0; right:0; bottom:0; display:block;}
.media .media_small .thumb span img {width:100%; height:100%;}
.media .media_small .text {display:block; position:absolute; bottom:0; left:0; right:0; padding:10px;}
.media .media_small .text em {display:inline-block; font-size:12px; color:#fff; letter-spacing:-0.05em; font-family:'notoRegular'; margin-bottom:3px;}
.media .media_small .text em:after {content:''; display:block; width:100%; height:1px; background-color:#fff;}
.media .media_small .text strong {display:block; font-size:15px; font-weight:normal; font-family:'notoMedium'; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.media .slick-dots button:before {border:2px solid #dbdbdc;}
.media .slick-dots .slick-active button:before {background:#dbdbdc;}
.media .slick-arrow {opacity:0.5;}
.media .slick-arrow:hover {opacity:0.8;}
.media .slick-arrow.slick-prev {background-image:url('../images/arrow_prev2.png'); left:-70px;}
.media .slick-arrow.slick-next {background-image:url('../images/arrow_next2.png'); right:-70px;}

.footer {position:relative; max-width:1200px; margin:0 auto;}
.footer:after {content:''; display:block; clear:both;}
.footer address {float:left; transition:all 0.3s;}
.footer address span {display:inline-block; color:#929292; font-family:'notoRegular'; font-size:14px; margin-right: 5px;}
.footer address span:last-child {display:block; margin-top: 5px;}
.footer address a {color:#929292; letter-spacing:0;}
.footer .util {float:right; font-size:0; padding:0 10px 0 0; transition:all 0.3s;}
.footer .util a {display:inline-block; width:25px; height:25px; background-size:100%; background-repeat:no-repeat; margin-left:25px; opacity:0.5; vertical-align:middle;}
.footer .util a:nth-child(1) {background-image:url('../images/sns_fb.png'); margin:0;}
.footer .util a:nth-child(2) {background-image:url('../images/sns_tw.png');}
.footer .util a:nth-child(3) {background-image:url('../images/sns_bl.png');}
.footer .util a:nth-child(4) {background-image:url('../images/sns_yt.png');}
.footer .util a:nth-child(5) {background-image:url('../images/korea_logo.png'); width:102px; height:40px;}

.layer_popup {position: absolute; top: 0; right: 0; display: inline-block; visibility: hidden; opacity: 0; transition: all 0.2s; z-index: 50; box-shadow: 0 5px 8px rgba(0, 0, 0, .5);  height:0;}
.layer_popup.active {opacity: 1; visibility: visible; height:auto;}
.layer_popup .pop {position: relative; display: table; table-layout: fixed; font-size: 0; line-height: 0;}
.layer_popup .pop li {display: table-cell; text-align: center; font-size: 0; line-height: 0;}
.layer_popup .pop li a {display: block; font-size: 0; line-height: 0;}
.layer_popup .pop li a img {max-width: 300px;}
.layer_popup .close_wrap {background-color: #030609; font-size: 0;}
.layer_popup .close_wrap button {position: relative; color: #cccccc; font-size: 14px; font-weight: 500; padding: 10px; text-align: center;}
.layer_popup .close_wrap .today {width: 70%;}
.layer_popup .close_wrap .close {width: 30%; border-left: 1px solid #1d1f22;}
.layer_popup.close {opacity: 0; visibility: hidden;}
.mobile_banner {display: none;}

.page_top {position: fixed; right: 50px; bottom: 30px; z-index: 101; font-size: 0; line-height: 0; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; background-color: #0a3c79; color: #fff; transition: all .5s; opacity: 1;}
.page_top:before {content: '\e915'; font-family: 'xeicon'; font-size: 15px; color:#fff; transition:all 0.3s;}
body.fp-viewing-1st .page_top {opacity: 0;}
body.fp-viewing-2nd .page_top {background-color: #4793d6; bottom: 48px;}
body.fp-viewing-2nd .page_top {background-color: #ecf1fd; bottom: 48px}
body.fp-viewing-2nd .page_top:before {color: #2d3856;}
body.fp-viewing-3rd .page_top {background-color: #3e4753; bottom: 48px}
body.fp-viewing-4th .page_top {background-color: #d9dadb; }
body.fp-viewing-4th .page_top:before {color: #434756;}
body.fp-viewing-footer .page_top {background-color: #919191; }
body.fp-viewing-footer .page_top:before {color: #252525;}

/*=================================================================================
* Media
=================================================================================*/
@media only screen and (max-width:1200px) {
	.fullpage .section .inner {padding:60px 60px 130px 60px;}
	.fullpage #section2 .inner {padding:60px 48px 130px 48px;}
	.fullpage #section3 .inner {padding:60px 48px 130px 48px;}
	.fullpage #section4 .inner {padding:60px 60px 130px 60px;}
	.fullpage #section5 .inner {padding:20px;}

	.logo {width: 100%; position: relative; top: 0; left: 0; transform: translateX(0); margin-bottom: 50px;}

	.briefing .slick-arrow.slick-prev {left:-45px;}
	.briefing .slick-arrow.slick-next {right:-45px;}
	.policy_news .slick-arrow.slick-prev {left:-33px;}
	.policy_news .slick-arrow.slick-next {right:-33px;}
	.card_graphic .slick-arrow.slick-prev {left:-33px;}
	.card_graphic .slick-arrow.slick-next {right:-33px;}
	.media .slick-arrow.slick-prev {left:-45px;}
	.media .slick-arrow.slick-next {right:-45px;}
}

@media only screen and (max-width:1199px) {
	.slogan h2 span:nth-child(1) {width: 100%; height: 46px; margin-right: 0px; margin-bottom: 15px;}
	.slogan h2 span:nth-child(2) {width: 100%; height: 46px;}
}

@media only screen and (max-width:1100px) {
	.footer .util {padding:0; width:100%; text-align:center; padding-bottom:10px;}
	.footer .util a {width:40px; height:40px; background-size:25px 25px; background-position:center center;}
	.footer .util a:nth-child(5) {background-size:100% 100%; width:64px; height:25px;}
}

@media only screen and (max-width:890px) {
	.fullpage #section4 .inner {padding:60px 50px 130px 50px;}

	.logo a {width: 80px; height: 32px;}

	.policy_news .hightlight {min-height:240px;}
	.policy_news .hightlight a {padding-top:55px;}
	.policy_news .hightlight .thumb {width:100%; height:0; margin-left:0; padding-bottom:61.93%;}
	.policy_news .hightlight .text {float:left; width:100%; overflow:visible; margin-top:-55px;}
	.policy_news .hightlight .text > i {margin-bottom:10px;}
	.policy_news .hightlight .thumb + .text {margin-top:15px;}
	.policy_news .hightlight .thumb + .text > i {position:absolute; left:0; top:0; margin:0px;}
	.policy_news .hightlight .text strong {font-size:22px; line-height:34px; max-height:70px;}
	.policy_news .hightlight .text span {margin-top:10px; }

	.card_graphic .tab {margin-bottom:20px;}

	.title {padding:0 0 0 10px; margin:0 auto 30px auto;}
	.media .media_large {width:100%; box-sizing:border-box; padding:0 10px;}
	.media .media_small {width:100%; margin-top:20px;}
	.media .media_small:after {display:none;}
	.media .media_small > div {position:relative; left:0;}
	.media .media_small > div:after {content:''; display:block; clear:both;}
	.media .media_small a {float:left; width:33.33%; padding:0 10px; box-sizing:border-box;}
	.media .media_small a:nth-child(1) {position:relative; top:auto;}
	.media .media_small a:nth-child(2) {position:relative; top:auto; margin-top:0 ;}
	.media .media_small a:nth-child(3) {position:relative; bottom:auto;}
	.media .media_small .text {left:10px; right:10px;}

	.media .slick-arrow.slick-prev {left:-35px;}
	.media .slick-arrow.slick-next {right:-35px;}

}

@media only screen and (max-width:861px) {
	.slogan h2 span:nth-child(1) {width: 100%; height: 35px; margin-bottom: 15px;}
	.slogan h2 span:nth-child(2) {width: 100%; height: 35px;}

	.briefing .for .box {width:520px; min-height:280px;}
	.briefing .for .box.s1 {width:520px; min-height:280px;}
	.briefing .for .box .day {left:40px; width:130px; height:130px; margin-top:-65px;}
	.briefing .for .box .day strong {font-size:30px; line-height:30px;}
	.briefing .for .box .list {padding:0 0 0 160px;}
	.briefing .for .box .list > ul > li > strong {font-size:23px;}
}

@media only screen and (max-width:660px) {
	.footer {}
	.footer address {width:100%;}
	.footer address span {display:inline-block;}
	.footer address span:nth-child(1) {display:block;}
	.footer address span:nth-child(4) {display:block;}

	.briefing .nav > div {width:99%;}
	.briefing .nav .slick-slide {width:9% !important;}
	.briefing .nav button {font-size:12px;}

	.briefing .for .box {width:480px; min-height:260px;}
	.briefing .for .box.s1 {width:480px; min-height:260px;}
	.briefing .for .box .day {width:100px; height:100px; margin-top:-50px;}
	.briefing .for .box .day strong {font-size:20px; line-height:20px;}
	.briefing .for .box .day strong:after {height:2px;}
	.briefing .for .box .day span {font-size:15px;}
	.briefing .for .box .list {padding:0 0 0 140px;}
	.briefing .for .box .list > ul > li {padding:2px 0 2px 25px;}
	.briefing .for .box .list > ul > li > strong {font-size:20px;}
}

@media only screen and (max-width:630px) {
	.policy_news .list > ul > li {width:50%;}
}

@media only screen and (max-width:570px) {
	.fullpage .section .inner {padding:30px 30px 90px 30px;}
	.fullpage #section2 .inner {padding:30px 30px 90px 30px;}
	.fullpage #section3 .inner {padding:30px 30px 90px 30px;}
	.fullpage #section4 .inner {padding:30px 30px 90px 30px;}

	.scroll_control a:after {width:18px; height:21px; margin-top:5px;}

	.slogan {padding: 0 10px;}

	.briefing {margin: 0 12px;}
	.briefing .for .box {width:100%;}
	.briefing .for .box.s1 {width:100%;}
	.briefing .for .box .day {left:20px;}
	.briefing .for .box .list {padding:0 20px 0 120px;}
	.briefing .slick-arrow {width:20px; top: 0; bottom: 0; height: 100%; transform: translateY(0);}
	.briefing .slick-arrow.slick-prev {left:-33px;}
	.briefing .slick-arrow.slick-next {right:-33px;}

	.policy_news .hightlight {min-height:175px;}
	.policy_news .hightlight .text > i {width: 100%;}
	.policy_news .hightlight .text strong {font-size:20px; max-height:36px; visibility: visible;}
	.policy_news .hightlight .text strong i {border:none;}
	.policy_news .hightlight .text span {line-height:20px; margin-top:5px; max-height:40px;}
	.policy_news .slick-arrow {top:25px; margin-top:0; width:20px; height:0; padding-bottom:77%; transform: translateY(0);}
	.policy_news .slick-arrow.slick-prev {left:-23px;}
	.policy_news .slick-arrow.slick-next {right:-23px;}
	.card_graphic .slick-arrow {width:20px;}
	.card_graphic .slick-arrow.slick-prev {left:-23px;}
	.card_graphic .slick-arrow.slick-next {right:-23px;}

	.media .slick-arrow {width:20px; top:60px; padding-bottom:56.26%; transform: translateY(0); margin-top: -25px;}
	.media .slick-arrow.slick-prev {left:-23px;}
	.media .slick-arrow.slick-next {right:-23px;}
}

@media only screen and (min-width:561px) {
	.briefing .nav .slick-track {flex-wrap:nowrap; display:flex; text-align: center; width: 100% !important; justify-content:center; transform:translate3d(0, 0, 0) !important; transform:translate(0, 0) !important;}
}

@media only screen and (max-width:560px) {
	.briefing .for .box {height: 100%; min-height:auto; padding: 15px 15px 15px 15px;}
	.briefing .for .box.s1 {min-height:auto; display: block;}
	.briefing .for .box .day {position: relative; top: 0; left: 0; display: block; width: 100%; height: auto; padding: 13px; margin: 0 auto; border:3px solid #fff;}
	.briefing .for .box .day > div {display:block; vertical-align:top;}
	.briefing .for .box .day > div:after {content:''; display:block; clear:both;}
	.briefing .for .box .day strong {position:inherit; display:inline-block; font-size:20px; line-height:22px; float:left;}
	.briefing .for .box .day strong:after {content:''; position:absolute; top:50%; left:75px; right:75px; display:block; width:auto; height:2px; transform: translateY(-50%); margin: 0;}
	.briefing .for .box .day span {display:inline-block; font-size:18px; line-height:18px; margin-top:2px; float:right; font-family:'notoBold';}
	.briefing .for .box .list {padding:0; width: 100%; display: block;}
	.briefing .for .box .list > ul {padding: 15px 0 5px 0; min-height: 90px;}
	.briefing .for .box .list > ul > li {padding:5px 0 5px 0; box-sizing:border-box;}
	.briefing .for .box .list > ul > li strong {text-align: center;}
	.briefing .for .box .data {display: block; text-align: center;}

	.briefing .nav:before {width: 100%;}
	.briefing .nav > div {width: 100%;}
	.briefing .nav .slick-slide {width: 80px !important;}
	.briefing .nav.center .slick-list {padding: 0 !important;}
	.briefing .nav.center .slick-slider .slick-track {transform: translate3d(0px, 0px, 0px) !important; width: 100% !important;}
	.briefing .nav.center .slick-slide {width: 33.33% !important;}

	.layer_popup {display: none;}
	.mobile_banner {display: block; margin: 20px 0 0 0; padding: 0 12px;}
	.mobile_banner a {display: block; box-shadow: 0 5px 8px rgba(0, 0, 0, .5);}
	.mobile_banner img {max-width: 100%;}

	.media .media_small a {width:100%; float:none;}
	.media .media_small a:nth-child(1) {margin:10px auto 0 auto;}
	.media .media_small a:nth-child(2) {margin:10px auto 0 auto;}
	.media .media_small a:nth-child(3) {margin:10px auto 0 auto;}
}

@media only screen and (max-width:515px) {
	.logo {margin-bottom: 20px;}
	.slogan h1 span {width: 213px; height: 18px;}
	.slogan h2 {padding: 20px 0 25px 0;}

	.slogan h2 span:nth-child(1) {height: 30px; margin-bottom: 10px;}
	.slogan h2 span:nth-child(2) {height: 30px;}
}

@media only screen and (max-width:468px) {
	.logo {margin-bottom: 30px;}

	.slogan h2 span:nth-child(1) {height: 25px; margin-bottom: 10px;}
	.slogan h2 span:nth-child(2) {height: 25px;}

	.card_graphic .tab ul li {float:left; width:50%; margin:0;}
	.card_graphic .tab ul li button {width:100%; height:40px; text-indent:0; text-align:center;}
	.title {padding:0 10px 0 10px; margin:0 auto 30px auto;}
	.title span {width: 100%;}
	.media .media_large .thumb:after {background-size:80px 80px;}
}

@media only screen and (max-width:440px) {
	.briefing .for .box .data {margin-left: -15px; margin-right: -15px;}
	.briefing .for .box .data li ~ li {margin-left: 4px; padding-left: 7px;}
	.briefing .for .box .data li ~ li:before {font-size: 12px; margin-right: 3px;}
}

@media only screen and (max-width:362px) {
	.footer .util a {margin-left:5px}

	.briefing .for .box .data li ~ li {margin-left: 3px; padding-left: 6px;}
	.briefing .for .box .data li ~ li:before {font-size: 12px; margin-right: 0; display: block; margin-bottom: 2px;}
	.briefing .for .box .data li ~ li:after {position: absolute; top: 50%; left: 0; transform: translateY(0);}
	.briefing .for .box .data li span i {width: 30px;}
	.briefing .for .box .data li span i:before {width: 30px; height: 30px; background-size: 20px auto;}
}

@media only screen and (max-width:345px) {
	.fullpage .section .inner {padding:20px 30px 90px 30px;}

	.briefing .for .box {padding: 10px 10px;}
	.briefing .for .box.s1 {min-height: 174px;}
	.briefing .for .box .list > ul > li {padding: 5px 0 5px 0;}
}