@charset 'utf-8';
/*=================================================================================
 * Fonts
=================================================================================*/
@font-face {
    font-family: 'notoBold';
	font-weight: normal;
    font-style: normal;
    src: url('../fonts/notokr-bold.eot');
    src: url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-bold.woff2') format('woff2'), url('../fonts/notokr-bold.woff') format('woff'), url('../fonts/notokr-bold.ttf') format('truetype'), url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
}

@font-face {
    font-family: 'notoMedium';
	font-weight: normal;
    font-style: normal;
    src: url('../fonts/notokr-medium.eot');
    src: url('../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-medium.woff2') format('woff2'), url('../fonts/notokr-medium.woff') format('woff'), url('../fonts/notokr-medium.ttf') format('truetype'), url('../fonts/notokr-medium.svg#notokr-medium') format('svg');
}

@font-face {
    font-family: 'notoRegular';
	font-weight: normal;
    font-style: normal;
    src: url('../fonts/notokr-regular.eot');
    src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-regular.woff2') format('woff2'), url('../fonts/notokr-regular.woff') format('woff'), url('../fonts/notokr-regular.ttf') format('truetype'), url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
}

 @font-face {
    font-family: 'notoDemLight';
	font-weight: normal;
    font-style: normal;
    src: url('../fonts/notokr-demilight.eot');
    src: url('../fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-demilight.woff2') format('woff2'), url('../fonts/notokr-demilight.woff') format('woff'), url('../fonts/notokr-demilight.ttf') format('truetype'), url('../fonts/notokr-demilight.svg#notokr-demilight') format('svg');
}

@font-face {
    font-family: 'notoLight';
	font-weight: normal;
    font-style: normal;
    src: url('../fonts/notokr-light.eot');
    src: url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-light.woff2') format('woff2'), url('../fonts/notokr-light.woff') format('woff'), url('../fonts/notokr-light.ttf') format('truetype'), url('../fonts/notokr-light.svg#notokr-light') format('svg');
}

@font-face {
    font-family: 'notoThin';
	font-weight: normal;
    font-style: normal;
    src: url('../fonts/notokr-thin.eot');
    src: url('../fonts/notokr-thin.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-thin.woff2') format('woff2'), url('../fonts/notokr-thin.woff') format('woff'), url('../fonts/notokr-thin.ttf') format('truetype')
}

@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');
}

/*=================================================================================
* 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: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;}

/*=================================================================================
* 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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; -webkit-transition: all 0.3s ease-out; 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; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); 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 {-webkit-transition: none !important; transition: none !important;}
#fp-nav {position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-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; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); 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; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#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 {-webkit-transition: opacity 0.2s ease-in; 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 ease-in-out;}
#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;}
.fullpage .section .inner {padding:20px 20px 120px 20px;}
.fullpage #section1 {background-image:url('../images/brief_bg.jpg');}
.fullpage #section2 {background-color:#fff;}
.fullpage #section3 {background-color:#265fa7; background-image:url('../images/brief_bg_3rd.png'); background-size: 100%; background-position:top center; background-repeat: repeat-x;}
.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.5; margin-top:10px;}
.scroll_control a span {display:block; width:100%; height:30px; border-radius:30px; background:rgba(37, 37, 37, 0.5); font-family:'notoRegular'; font-size:15px; line-height:33px; letter-spacing:-0.05em; color:#fff; text-align:center;}

.fullpage #section2 .scroll_control a:after {background-image:url('../images/arrow_down3.png');}
.fullpage #section3 .scroll_control a:after {background-image:url('../images/arrow_down2.png');}
.fullpage #section4 .scroll_control a:after {background-image:none;}

.slogan {}
.slogan h1 {font-size:24px; text-align: center; color:#fff; opacity: 0.7; font-family:'notoSerifMedium'; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.4); transition:all 0.3s ease-in-out;}
.slogan h2 {font-size: 0; width: 286px; height: 102px; margin:20px auto 50px auto; background-image:url('../images/slogan_h2.png'); background-repeat:no-repeat; background-position:center center; background-size:100%; transition:all 0.3s ease-in-out;}
/*
.slogan h1 {font-size:0; width:185px; height:20px; margin:0 auto; background-image:url('../images/briefing_logo.png'); background-repeat:no-repeat; background-position:center center; background-size:100%; opacity:0.6; transition:all 0.3s ease-in-out;}
.slogan h2 {font-size:40px; letter-spacing:-0.1em; color:#fff; font-family:'notoSerifMedium'; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.4); text-align:center; margin:20px 0 50px 0; transition:all 0.3s ease-in-out;}
*/

.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-color:#1e5ca9; box-sizing:border-box;}
.briefing .for .box {position:relative; width:613px; min-height:380px; box-sizing:border-box; display:table; table-layout:fixed; /* overflow:hidden; */ height: 0;}
.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 #dee3eb; box-sizing:border-box; text-align:center; color:#fff; opacity:0.5; transition:all 0.5s ease-in-out;}
.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:'notoBold'; font-size:40px; line-height:40px; letter-spacing:0;}
.briefing .for .box .day strong:after {content:''; display:block; width:100%; height:3px; background-color:#fff; margin-top:10px;}
.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; opacity:0.5; transition:all 0.5s ease-in-out;}
.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:0 60px 0 40px; box-sizing:border-box;}
.briefing .for .box .list ul li strong {font-size:37px; font-family:'notoBold'; color:#fff; font-weight:normal;}
.briefing .for .box .list ul li > span {position:absolute; top:50%; right:0; margin-top:-10px; opacity:0; transition:all 0.3s ease-in-out;}
.briefing .for .box .list ul li > span > span {position:relative; display:inline-block; width:23px; height:20px; font-size:0; vertical-align:middle; margin-left:12px;}
.briefing .for .box .list ul li > span > span:before {content:''; position:absolute; left:-6px; top:2px; bottom:2px; width:1px; background:#4a7db8;}
.briefing .for .box .list ul li > span > span:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-size:100%; opacity:0.4; background-repeat:no-repeat;}
.briefing .for .box .list ul li > span > span:first-child {margin-left:0px;}
.briefing .for .box .list ul li > span > span:first-child:before {display: none;}
.briefing .for .box .list ul li > span > span:nth-child(1):after {background-image:url('../images/ico_hp.png'); }
.briefing .for .box .list ul li > span > span:nth-child(2):after {background-image:url('../images/ico_dw.png');}
.briefing .for .box .list ul li > span > span:nth-child(3):after {background-image:url('../images/ico_dw.png');}
.briefing .for .box .list ul li > span > span a {position:absolute; left:0; top:0; right:0; bottom:0; display:block; z-index:2;}
.briefing .for .box .list ul li > span > span a:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-size:100%; background-repeat:no-repeat; background-color:#2e60a6;}
.briefing .for .box .list ul li > span > span:nth-child(1) a:after {background-image:url('../images/ico_hp.png');}
.briefing .for .box .list ul li > span > span:nth-child(2) a:after {background-image:url('../images/ico_dw.png');}
.briefing .for .box .list ul li > span > span:nth-child(3) a:after {background-image:url('../images/ico_dw.png');}

.briefing .for .box .list ul li > span > span > i {line-height:17px; height: 17px; position: absolute; top: -24px; left: 50%; margin-left: -30px; font-size: 12px; background-color: #feb425; color: #252525; width: 60px; z-index: 5; padding:0 1px; border-radius: 15px; text-align: center; display: inline-block; opacity: 0; transition:all 0.3s ease-in-out;}
.briefing .for .box .list ul li > span > span > i:before {content:""; display:block; position:absolute; left:50%; bottom:-4px; margin-left:-4px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #feb425;}
.briefing .for .box .list ul li > span > span:hover i {opacity: 1;}

.briefing .for .slick-current .box .day {border:7px solid #feb425; opacity:1;}
.briefing .for .slick-current .box .list {opacity:1;}
.briefing .for .slick-current .box .list ul li > span {opacity:1;}
.briefing .slick-arrow {position:absolute; top:50%; margin-top:-25px; width:30px; height:50px; background-size:100%; background-repeat:no-repeat; background-position:center center; font-size:0; z-index:2; opacity:0.3; transition:all 0.3s ease-in-out;}
.briefing .slick-arrow:hover {opacity:0.5;}
.briefing .slick-arrow.slick-prev {background-image:url('../images/arrow_prev.png'); left:-70px;}
.briefing .slick-arrow.slick-next {background-image:url('../images/arrow_next.png'); right:-70px;}
.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:rgba(37, 37, 37, 0.7); 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;}
.briefing .nav button:after {content:''; position:absolute; left:0; top:4px; right:0; height:1px; background:#fff;}
.briefing .nav .slick-current button {color: #feb425;}
.briefing .nav .slick-current button:after {content:''; position:absolute; left:0; right:0; top:2px; display:inline-block; height:5px; background-color:#feb425; z-index:2;}
.briefing .nav .slick-track {flex-wrap:nowrap; display:flex;text-align: center; width: 100% !important; justify-content:center; -webkit-transform:translate3d(0, 0, 0) !important; -moz-transform:translate3d(0, 0, 0) !important; -ms-transform:translate3d(0, 0, 0) !important; -o-transform:translate3d(0, 0, 0) !important; transform:translate3d(0, 0, 0) !important; transform:translate(0, 0) !important;}
.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:#252525;}
.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:#fff; font-weight:normal; background:#265fa8; 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: #265fa8;}
.policy_news .hightlight .text > em i {border-bottom:1px solid #265fa8;}
.policy_news .hightlight .text strong {display:block; font-size:36px; font-family:'notoMedium'; letter-spacing:-0.05em; line-height:50px; font-weight:normal; overflow:hidden; padding-bottom:2px; max-height:102px;}
.policy_news .hightlight .text strong i {position:relative; border-bottom:2px solid #252525;}
.policy_news .hightlight .text span {display:block; font-size:16px; font-family:'notoDemLight'; 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:#265fa8; 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:#252525; 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:#252525; 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 {position:absolute; top:50%; margin-top:-25px; width:30px; height:50px; background-size:100%; background-repeat:no-repeat; background-position:center center; font-size:0; z-index:2; opacity:0.3; transition:all 0.3s ease-in-out;}
.policy_news .slick-arrow:hover {opacity:0.5;}
.policy_news .slick-arrow.slick-prev {background-image:url('../images/arrow_prev3.png'); left:-58px;}
.policy_news .slick-arrow.slick-next {background-image:url('../images/arrow_next3.png'); right:-58px;}
.policy_news .slick-dots {font-size:0; text-align:center;}
.policy_news .slick-dots li {display:inline-block;}
.policy_news .slick-dots {}
.policy_news .slick-dots button {position:relative;  width:20px; height:37px; font-size:0;}
.policy_news .slick-dots button:before {content:''; position:absolute; left:50%; top:50%;  background:transparent; width:12px; height:12px;  margin:-6px 0 0 -6px; border:2px solid #265fa8; box-sizing:border-box; font-size:0; line-height:0; border-radius:10px;}
.policy_news .slick-dots .slick-active button:before {background:#265fa8;}

.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 #1864ab;}
.card_graphic .tab ul li.on button {color:#252525; background:#feb425;}
.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; padding-bottom:100%; display:block;}
.card_graphic .slider .box a {position:absolute; 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; 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:#1c7ed6; letter-spacing:-0.05em; font-family:'notoRegular'; margin-bottom:10px;}
.card_graphic .slider .box .text em:after {content:''; display:block; width:100%; height:1px; background-color:#1c7ed6;}
.card_graphic .slider .box .text strong {display:block; font-size:20px; height:48px;font-weight:normal; font-family:'notoBold'; color:#212529; line-height:24px; overflow:hidden;}
.card_graphic .slick-arrow {position:absolute; top:50%; margin-top:-25px; width:30px; height:50px; background-size:100%; background-repeat:no-repeat; background-position:center center; font-size:0; z-index:2; opacity:0.3; transition:all 0.3s ease-in-out;}
.card_graphic .slick-arrow:hover {opacity:0.5;}
.card_graphic .slick-arrow.slick-prev {background-image:url('../images/arrow_prev2.png'); left:-58px;}
.card_graphic .slick-arrow.slick-next {background-image:url('../images/arrow_next2.png'); right:-58px;}
.card_graphic .slick-dots {font-size:0; text-align:center;}
.card_graphic .slick-dots li {display:inline-block;}
.card_graphic .slick-dots button {position:relative;  width:20px; height:37px; font-size:0;}
.card_graphic .slick-dots button:before {content:''; position:absolute; left:50%; top:50%;  background:transparent; width:12px; height:12px;  margin:-6px 0 0 -6px; border:2px solid #74c0fc; box-sizing:border-box; font-size:0; line-height:0; border-radius:10px;}
.card_graphic .slick-dots .slick-active button:before {background:#74c0fc;}
.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:#fff; font-weight:normal; background:#265fa8; 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-arrow {position:absolute; top:50%; margin-top:-25px; width:30px; height:50px; background-size:100%; background-repeat:no-repeat; background-position:center center; font-size:0; z-index:2; opacity:.3; transition:all 0.3s ease-in-out;}
.media .slick-arrow:hover {opacity:0.5;}
.media .slick-arrow.slick-prev {background-image:url('../images/arrow_prev.png'); left:-70px;}
.media .slick-arrow.slick-next {background-image:url('../images/arrow_next.png'); right:-70px;}
.media .slick-dots {font-size:0; text-align:center;}
.media .slick-dots li {display:inline-block;}
.media .slick-dots button {position:relative;  width:20px; height:37px; font-size:0;}
.media .slick-dots button:before {content:''; position:absolute; left:50%; top:50%;  background:transparent; width:12px; height:12px;  margin:-6px 0 0 -6px; border:2px solid #fff; box-sizing:border-box; font-size:0; line-height:0; border-radius:10px;}
.media .slick-dots .slick-active button:before {background:#fff;}

.footer {position:relative; max-width:1200px; margin:0 auto;}
.footer:after {content:''; display:block; clear:both;}
.footer address {float:left; transition:all 0.3s ease-in-out;}
.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 ease-in-out;}
.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;}

/*=================================================================================
* 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 {background-image:none;}
	.fullpage #section3 .inner {padding:60px 48px 130px 48px;}
	.fullpage #section4 .inner {padding:60px 60px 130px 60px;}
	.fullpage #section5 .inner {padding:20px;}
	.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: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;}

	.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) {
	.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:25px;}
}

@media only screen and (max-width:660px) {
	.footer {}
	.footer address {width:100%; opacity:0.5;}
	.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:420px; min-height:260px;}
	.briefing .for .box.s1 {width:420px; 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 47px 2px 25px;}
	.briefing .for .box .list ul li strong {font-size:20px;}
	.briefing .for .box .list ul li > span {margin-top:-8.5px;}
	.briefing .for .box .list ul li > span > span {width:20px; height:17px;}
	.briefing .for .slick-current .box .day {border:5px solid #feb425;}

}

@media only screen and (max-width:630px) {

	.policy_news .list li {width:50%;}
}

@media only screen and (max-width:570px) {
	/*
	.slogan h1 {width:130px; height:14px;}
	.slogan h2 {font-size:35px; line-height:22px;}
	.slogan h2 i {display:block;}
	*/
}

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

	.slogan h2 {margin:20px auto 20px auto;}

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

	.briefing .for {padding:10px 10px 0 10px;}
	.briefing .for > div {padding:0 0 10px 0;}
	.briefing .for .box {width:100%; min-height:auto; display:block; table-layout:auto; overflow:visible; height: auto;}
	.briefing .for .box.s1 {width:100%; min-height:auto; display:block; table-layout:auto; overflow:visible;}
	.briefing .for .box .day {position:relative; top:auto; left:0; display:block; width:100%; height:auto; margin-top:0; text-align:left; padding:10px 10px;}
	.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:20px; float:left;}
	.briefing .for .box .day strong:after {content:''; position:absolute; top:50%; left:75px; right:75px; display:block; width:auto; height:2px; margin:-1px 0 0 0;}
	.briefing .for .box .day span {display:inline-block; font-size:14px; line-height:20px; margin-top:0; float:right;}
	.briefing .for .box .list {display:none; padding:0 0 0 0; opacity:inherit; transition:none;}
	.briefing .for .box .list ul {padding:0 0 5px 0;}
	.briefing .for .box .list ul li {padding:15px 0 0 10px;}
	.briefing .for .box .list ul li strong {font-size:17px;}
	.briefing .for .box .list ul li > span {margin-top:0px;}
	.briefing .for .box .list ul li > span > span {width:19px; height:16px;}
	.briefing .for > div.on .box {}
	.briefing .for > div.on .box .day {padding:10px 10px; border:3px solid #feb425;  opacity:1;}
	.briefing .for > div.on .box .list {opacity:inherit; display:block;}
	.briefing .for > div.on .box .list ul li > span {opacity:1;}
	.briefing .nav {display:none;}

	.policy_news .hightlight {min-height:175px;}
	.policy_news .hightlight .text > i {width: 100%;}
	.policy_news .hightlight .text strong {font-size:20px; max-height:36px;}
	.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:0; margin-top:0; width:20px; height:0; padding-bottom:77%;}
	.policy_news .slick-arrow.slick-prev {background-image:url('../images/arrow_prev3.png'); left:-23px;}
	.policy_news .slick-arrow.slick-next {background-image:url('../images/arrow_next3.png'); 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%;}
	.media .slick-arrow.slick-prev {left:-23px;}
	.media .slick-arrow.slick-next {right:-23px;}

}

@media only screen and (max-width:524px) {

	.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:468px) {
	.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:375px) {
	.slogan h1 {font-size:20px;}
	.slogan h2 {width: 180px; height: 64px;}
}

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

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