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

@font-face {font-family: 'Pretendard'; font-weight: 100; font-style: normal; font-display: swap; src: url('../fonts/Pretendard-Thin.eot');	src: url('../fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/Pretendard-Thin.woff2') format('woff2'),url('../fonts/Pretendard-Thin.woff') format('woff'),url('../fonts/Pretendard-Thin.ttf') format('truetype'),url('../fonts/Pretendard-Thin.svg#Pretendard-Thin') format('svg');}
@font-face {font-family: 'Pretendard'; font-weight: 200; font-style: normal; font-display: swap; src: url('../fonts/Pretendard-ExtraLight.eot');	src: url('../fonts/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'),url('../fonts/Pretendard-ExtraLight.woff') format('woff'),url('../fonts/Pretendard-ExtraLight.ttf') format('truetype'),url('../fonts/Pretendard-ExtraLight.svg#Pretendard-ExtraLight') format('svg');}
@font-face {font-family: 'Pretendard'; font-weight: 300; font-style: normal; font-display: swap; src: url('../fonts/Pretendard-Light.eot');	src: url('../fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Pretendard-Light.woff2') format('woff2'),url('../fonts/Pretendard-Light.woff') format('woff'),url('../fonts/Pretendard-Light.ttf') format('truetype'),url('../fonts/Pretendard-Light.svg#Pretendard-Light') format('svg');}
@font-face {font-family: 'Pretendard'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/PretendardVariable-Regular.eot');	src: url('../fonts/PretendardVariable-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/PretendardVariable-Regular.woff2') format('woff2'),url('../fonts/PretendardVariable-Regular.woff') format('woff'),url('../fonts/PretendardVariable-Regular.ttf') format('truetype'),url('../fonts/PretendardVariable-Regular.svg#PretendardVariable-Regular') format('svg');}
@font-face {font-family: 'Pretendard'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/Pretendard-Medium.eot');	src: url('../fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Pretendard-Medium.woff2') format('woff2'),url('../fonts/Pretendard-Medium.woff') format('woff'),url('../fonts/Pretendard-Medium.ttf') format('truetype'),url('../fonts/Pretendard-Medium.svg#Pretendard-Medium') format('svg');}
@font-face {font-family: 'Pretendard'; font-weight: 600; font-style: normal; font-display: swap; src: url('../fonts/Pretendard-SemiBold.eot');	src: url('../fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Pretendard-SemiBold.woff2') format('woff2'),url('../fonts/Pretendard-SemiBold.woff') format('woff'),url('../fonts/Pretendard-SemiBold.ttf') format('truetype'),url('../fonts/Pretendard-SemiBold.svg#Pretendard-SemiBold') format('svg');}
@font-face {font-family: 'Pretendard'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/Pretendard-Bold.eot');	src: url('../fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Pretendard-Bold.woff2') format('woff2'),url('../fonts/Pretendard-Bold.woff') format('woff'),url('../fonts/Pretendard-Bold.ttf') format('truetype'),url('../fonts/Pretendard-Bold.svg#Pretendard-Bold') format('svg');}
@font-face {font-family: 'Pretendard'; font-weight: 800; font-style: normal; font-display: swap; src: url('../fonts/Pretendard-ExtraBold.eot');	src: url('../fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'),url('../fonts/Pretendard-ExtraBold.woff') format('woff'),url('../fonts/Pretendard-ExtraBold.ttf') format('truetype'),url('../fonts/Pretendard-ExtraBold.svg#Pretendard-ExtraBold') format('svg');}
@font-face {font-family: 'Pretendard'; font-weight: 900; font-style: normal; font-display: swap; src: url('../fonts/Pretendard-Black.eot');	src: url('../fonts/Pretendard-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Pretendard-Black.woff2') format('woff2'),url('../fonts/Pretendard-Black.woff') format('woff'),url('../fonts/Pretendard-Black.ttf') format('truetype'),url('../fonts/Pretendard-Black.svg#Pretendard-Black') 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 20px 20px;}
.fullpage #section1 {background-image:url('../images/brief_bg.jpg');}
.fullpage #section1 .inner {padding:50px 20px 120px 20px;}
.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;}

.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:#7454cb; display:inline-block; width:188px; height:40px; line-height:40px; box-sizing:border-box; text-indent:20px; text-align:left;}
.fullpage #section2 .title span {background:#684f45;}

.fullpage #section1 .fp-tableCell {vertical-align: top;}

body.fp-viewing-1st .page_top {opacity: 0; background-color: #fff; bottom: 48px;}
body.fp-viewing-1st .page_top:before {color: #3e4753;}
body.fp-viewing-2nd .page_top {background-color: #fff; bottom: 48px;}
body.fp-viewing-2nd .page_top:before {color: #3e4753;}
body.fp-viewing-3rd .page_top {background-color: #5d5d68; bottom: 48px}
body.fp-viewing-3rd .page_top:before {color: #fff;}
body.fp-viewing-4th .page_top {background-color: #fff; }
body.fp-viewing-4th .page_top:before {color: #3e4753;}
body.fp-viewing-footer .page_top {background-color: #919191; }
body.fp-viewing-footer .page_top:before {color: #252525;}

.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:1; 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 #section1 .scroll_control a:after {background-image:url('../images/arrow_down2.png');}
.fullpage #section1 .scroll_control a span {background:rgba(255, 255, 255, 0); border: 1px solid #5d5d5d; color:#19191d;}
.fullpage #section2 .scroll_control a span {background: #fff; color: #19191d;}
.fullpage #section2 .scroll_control a:after {background-image:url('../images/arrow_down.png'); opacity: 0.7;}
.fullpage #section3 .scroll_control a span {background: #5d5d68; color: #fff;}
.fullpage #section3 .scroll_control a:after {background-image:url('../images/arrow_down2.png');}
.fullpage #section4 .scroll_control a span {background: #fff; color: #242930;}
.fullpage #section4 .scroll_control a:after {background-image:none;}

.logo {width: 1200px; position: relative; top: 0; left: 50%; transform: translateX(-50%); transition:all 0.3s; margin-bottom: 10px;}
.logo a {display: inline-block; width: 118px; height: 47px; line-height: 47px; background-image: url('../images/korea_logo_top.svg'); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; color: transparent; font-size: 14px;}

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

.slogan h2 {text-align: center; padding: 25px 0 50px 0;}
.slogan h2 span {width: 705px; height: 57px; line-height: 57px; background-image: url('../images/slogan_h2_pc.svg'); display: inline-block; color: transparent; background-repeat:no-repeat; background-position:center center; background-size:100% auto; transition:all 0.3s;}

.briefing {position:relative; max-width:1200px; margin:0 auto; font-size:0;}
.briefing .for {box-sizing:border-box; background: linear-gradient(105deg, #d23b58 0%, #3841b0 99%); opacity: 0;}
.briefing .for:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; box-shadow:5px 5px 20px rgba(0, 0, 0, .5); z-index: 1;}
.briefing .for .slick-list {z-index: 2;}
.briefing .for.slick-initialized {opacity: 1;}
.briefing .for .slick-track {display: flex; flex-wrap: nowrap; /*align-items:center;*/}
.briefing .for .slick-track .slick-slide {float: none;}

.briefing .for .box {position:relative; width:680px; box-sizing:border-box; padding: 60px 0 60px 70px; opacity: 0.4;}

.briefing .for .head {font-size: initial; width: 100%; margin-bottom: 30px; font-family:'Pretendard'; font-weight: 800; font-size: 38px; color: #fff; word-break: keep-all;}
.briefing .for .body {display:flex;}

.briefing .for .box .day {transition:all 0.3s;}
.briefing .for .box .day > div {display:flex; justify-content: center; align-items: center; flex-direction: column; width:170px; height:170px; border:1px solid #fff; box-sizing:border-box; text-align:center; color:#fff; }
.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:calc(100% - 170px); transition:all 0.3s; display: flex; align-items: center;}
.briefing .for .box .list > ul {padding:0 0;}
.briefing .for .box .list > ul:after {content:''; display:block; clear:both;}
.briefing .for .box .list > ul > li {position:relative; font-size:0; padding:4px 0 4px 40px; box-sizing:border-box; }
.briefing .for .box .list > ul > li:last-child {margin-bottom: -20px;}
.briefing .for .box .list > ul > li ~ li {margin-top: 0;}
.briefing .for .box .list > ul > li > strong {font-size:26px; line-height: 26px; font-family:'notoBold'; color:#fff; font-weight:normal; display: flex; align-items: center; word-break: keep-all;}
.briefing .for .box .list > ul > li > strong i {color: #fff; opacity: 0.4; font-size: 0; width: 26px; height: 26px; border-radius: 26px; background-color: rgba(255, 255, 255, 0.2); position: relative; margin-left: 7px;}
.briefing .for .box .list > ul > li > strong i:before {content:'';  display: inline-block; background-image: url('../images/ico_hp.png'); width: 15px; height: 15px; background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.briefing .for .box .list > ul > li > strong a {color: #fff; display: flex; align-items: center;}
.briefing .for .box .list > ul > li > strong a i {opacity: 1;}
.briefing .for .box .list > ul > li > strong i, .briefing .for .box .list > ul > li > strong a {display: none;}

.briefing .for .box .data {padding: 0; margin: 10px 0 20px 0; display: inline-block;}
.briefing .for .box .data li {padding: 0; font-family: 'notoLight'; font-size: 0; display: none;}
.briefing .for .box .data li:before {content: attr(data-title); display: inline-block; color: #fff; font-size: 17px;  opacity: 0.4; vertical-align: middle; margin-right: 5px; letter-spacing: -0.05em;}
.briefing .for .box .data li.active ~ li.active {margin-left: 7px; padding-left: 10px; position: relative;}
.briefing .for .box .data li.active ~ li.active: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 ~ 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 {display: none;}
.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 span a:before {font-family:'notoMedium'; border-radius:15px; background-color: #333941; 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 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 #333941; transition:all 0.2s; opacity: 0; visibility: hidden;}
.briefing .for .box .data li span.down a:before {content: '다운로드';}
.briefing .for .box .data li span.view a:before {content: '바로보기';}
.briefing .for .box .data li span a:hover:before {opacity: 1; visibility: visible;}
.briefing .for .box .data 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 {display: inline-block;}
.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 > div {border:3px solid #fff; color: #fff;}
.briefing .for .slick-current .box .day strong:after {background-color:#fff; opacity: 0.6;}
.briefing .for .slick-current .head {color: #f4e0a4;}

.briefing .nav {position:relative; font-size:0; width:100%; margin-top:-4px;}
.briefing .nav > div {opacity: 0;}
.briefing .nav > div.slick-initialized {opacity: 1;}
.briefing .nav:after {content:''; display:block; position:absolute; left:0; top:4px; bottom:0; right:0; background-image: url('../images/brief_bg_nav.png'); background-position: 50%  0; 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;}
.briefing .nav .slick-slide > div {position: relative;}
.briefing .nav .slick-slide:before {content:''; position:absolute; left:-1px; top:0; display:inline-block; height:9px; width:1px; background-color:#fff; z-index:3;}
.briefing .nav .slick-slide:after {content:''; position:absolute; right:0; top:0; display:inline-block; height:9px; width:1px; background-color:#fff; z-index:2;}

.briefing .nav.w100 .slick-list {padding: 0 !important;}
.briefing .nav.w100 .slick-slide {position: relative; width:10%; float:none; display: inline-block;}
.briefing .nav.w100 .slick-slide > div {position: relative;}
.briefing .nav.w100 .slick-slide:before {content:''; position:absolute; left:-1px; top:0; display:inline-block; height:9px; width:1px; background-color:#fff; z-index:3;}
.briefing .nav.w100 .slick-slide:after {content:''; position:absolute; right:0; top:0; display:inline-block; height:9px; width:1px; background-color:#fff; z-index:2;}
.briefing .nav.w100 .slick-slide.slick-cloned {display: none;}
.briefing .nav.w100 .slick-slide.slick-cloned + .slick-slide:before {left:0;}

.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:#333;}
.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%; object-fit: cover;}
.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:#684f45; display:inline-block; width:188px; height:40px; line-height:40px; box-sizing:border-box; text-indent:20px; margin-bottom:20px; display: none;}
.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 {font-size:36px; font-family:'notoMedium'; color: #fff; letter-spacing:-0.05em; line-height:53px; font-weight:normal; padding-bottom:2px; max-height:110px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.policy_news .hightlight .text strong i {position:relative; border-bottom:2px solid #fff;}
.policy_news .hightlight .text span {display:block; color: #fff; font-size:16px; font-family:'notoLight'; letter-spacing:-0.05em; margin-top:20px; line-height:26px; max-height:80px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.policy_news .list {position: relative; margin-top: 30px;}
.policy_news .list .box {box-sizing:border-box; padding:10px 12px;}
.policy_news .list a {position:relative; display:block; box-sizing:border-box; }
.policy_news .list a:before {content:''; display:block; width:100%; height:92px;}
.policy_news .list a:after {content:''; display:block; width:100%; height:0;padding-bottom:66%;}
.policy_news .list a > span {position:absolute; left:0; top:0; bottom:0; right:0;}
.policy_news .list 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 a .thumb {display:block; position:relative; width:100%; height:0; font-size:0; padding-bottom:66%;}
.policy_news .list a .thumb span {display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.policy_news .list a .thumb span img {width:100%; height:100%; object-fit: cover;}
.policy_news .list a strong {font-size:18px; font-family:'notoMedium'; letter-spacing:-0.05em; color:#fff; line-height:24px; font-weight:normal; margin-top:15px; height:48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.policy_news .list 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 a em + strong {margin-top:0;}
.policy_news .list a .thumb  + strong + .lead {display:none;}
.policy_news .list .slick-arrow {opacity:0.8; top: calc(50% - 30.5px);}
.policy_news .list .slick-arrow:hover {opacity:1;}
.policy_news .list .slick-dots button:before {border:2px solid #fff;}
.policy_news .list .slick-dots .slick-active button:before {background:#fff;}
.policy_news .list .slick-arrow.slick-prev {background-image:url('../images/arrow_prev3.png'); left:-70px;}
.policy_news .list .slick-arrow.slick-next {background-image:url('../images/arrow_next3.png'); right:-70px;}

.card_graphic {position:relative; max-width:1224px; margin:0 auto;}
.card_graphic .tab {margin-bottom:40px; 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; position: relative;}
.card_graphic .tab ul li:last-child {margin:0;}
.card_graphic .tab ul li > button {font-size:20px; font-family:'notoBold'; color:#fff; font-weight:normal; background:#3e4753; display:inline-block; width:188px; height:40px; line-height:40px; box-sizing:border-box; text-indent:20px; text-align:left; border:1px solid #cf5683;}
.card_graphic .tab ul li.on > button {color:#fff; background:#cf5683;}
.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 30px 12px;}
.card_graphic .slider .box a {display:block; box-sizing:border-box;}
.card_graphic .slider .box .thumb {display:block; position:relative; width:100%; height:0; font-size:0; overflow: hidden; padding-bottom: 65.10416666667%;}
.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%; object-fit: cover;}
.card_graphic .slider .box .text {display:block; text-align:center; 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; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.card_graphic .slick-dots button:before {border:2px solid #666;}
.card_graphic .slick-dots .slick-active button:before {background:#666;}
.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 .slick-arrow {opacity:0.8; top: calc(50% - 52px);}
.card_graphic .slick-arrow:hover {opacity:1;}
.card_graphic .slick-arrow.slick-prev {background-image:url('../images/arrow_prev2.png'); left:-70px;}
.card_graphic .slick-arrow.slick-next {background-image:url('../images/arrow_next2.png'); right:-70px;}
.card_graphic .sort2 .slick-dots li {position:relative; top:-95px;}

.media {position:relative; max-width:1224px; margin:0 auto;}
.media .box {display:flex; flex-wrap: wrap; align-items: center;}
.media .box:after {content:''; display:block; clear:both;}
.media .box li {position: relative; display:block; width: calc(100% /3); padding: 12px; font-size: 0;}
.media .box li a {position: relative; display: inline-block; width: 100%; max-width: 384px;}
.media .box li .thumb {position:relative; width:100%; height:0; padding-bottom: 65.10416666667%; display:block; font-size:0; overflow:hidden; max-width: 384px;}
/*.media .box li .thumb:before {content:''; display:block; width: 100%; height: 100%; position:absolute; left:0; top:0; bottom:0; right:0; background-image:url('../images/ico_play.png'); background-repeat:no-repeat; background-position: 50% 25%; background-size: 20%; z-index: 2;}*/
.media .box li .thumb:after {content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 1); background: linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 100%);}
.media .box li .thumb img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.media .box li .text {display:block; position:absolute; bottom:0; left:0; right:0; padding:20px; z-index: 2;}
.media .box li .text:before {content:''; display:block; width: 45px; height: 45px; position:absolute; left: 16px; top:-27px; background-image:url('../images/ico_play.png'); background-repeat:no-repeat; background-position: 0 0; background-size: 100% auto; z-index: 2;}
.media .box li .text em {position: relative; display:inline-block; font-size:14px; color:#fff; letter-spacing:-0.05em; font-family:'notoRegular'; margin-bottom:10px;}
.media .box li .text em:after {content:''; display:block; width:100%; height:1px; background-color:#fff;}
.media .box li .text strong {font-size:16px; font-weight:normal; font-family:'notoMedium'; color:#fff; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.media .slick-dots button:before {border:2px solid #333333;}
.media .slick-dots .slick-active button:before {background:#333333;}
.media .slick-arrow {opacity:0.8; transform: translateY(-85%);}
.media .slick-arrow:hover {opacity:1;}
.media .slick-arrow.slick-prev {background-image:url('../images/arrow_prev3.png'); left:-70px;}
.media .slick-arrow.slick-next {background-image:url('../images/arrow_next3.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;}

.card_graphic .slick-counter {display: none; text-align: center; font-size: 14px; font-family: 'Pretendard'; font-weight: 300; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #fff; line-height: 1;}
.card_graphic .slick-counter > span {font-family: 'Pretendard'; font-size: 16px; margin: 0 3px; vertical-align: middle; display: inline-block; width: auto; height: auto; text-indent: 0; line-height: 1;}
.card_graphic .slick-counter .current {color: #fff; font-weight: 500;}

.media .slick-counter {display: none; text-align: center; font-size: 12px; font-family: 'Pretendard'; font-weight: 300; position: absolute; top: -38px; right: 20px; color: #fff; line-height: 1;}
.media .slick-counter > span {font-size: 16px; margin: 0 3px; vertical-align: middle; display: inline-block;}
.media .slick-counter .current {color: #fff; font-weight: 500;}

.title .slick-counter {display: none; text-align: center; font-size: 12px; font-family: 'Pretendard'; font-weight: 300; position: absolute; top: 50%; right: 20px; color: #fff; line-height: 1; transform: translateY(-50%);}
.title .slick-counter > span {font-family: 'Pretendard'; font-weight: 300; font-size: 16px; margin: 0 3px; vertical-align: middle; display: inline-block; width: auto; height: auto; text-indent: 0; line-height: 1; background: transparent;}
.title .slick-counter .current {color: #fff; font-weight: 500;}

.slick-counter button {width: auto !important; height: auto !important; line-height: 0 !important; border: none !important; background: transparent !important; text-indent: 0 !important;}
.slick-counter button i {position:  absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.slick-counter button:after {font-family: "xeicon"; line-height: 1; font-size: 26px; color: #fff;}
.slick-counter button.next:after {content: "\e93f";}
.slick-counter button.prev:after {content: "\e93c";}

/*=================================================================================
* Media
=================================================================================*/
@media only screen and (max-width:1200px) {

	.fullpage .section .inner {padding:60px 60px 130px 60px;}
	.fullpage #section1 .inner {padding:40px 48px 130px 48px;}
	.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: 40px;}

	.briefing .slick-arrow.slick-prev {left:-45px;}
	.briefing .slick-arrow.slick-next {right:-45px;}

	.policy_news .list .slick-arrow.slick-prev {left:-33px;}
	.policy_news .list .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:-33px;}
	.media .slick-arrow.slick-next {right:-33px;}
}

@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:10px;}
	.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:0;}
	.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 8px auto;}

}

@media only screen and (max-width:849px) {
	.media .box li {width: calc(100% /2);}

}

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

	.briefing .for .box {width:520px; padding: 30px 0 30px 30px;}
	.briefing .for .box .day > div {width:130px; height:130px;}
	.briefing .for .box .day strong {font-size:30px; line-height:30px;}
	.briefing .for .box .list {width:calc(100% - 130px);}
	.briefing .for .box .list > ul > li > strong {font-size:20px; line-height: 18px;}
	.briefing .for .box .list > ul > li {padding:3px 0 3px 20px;}

}

@media only screen and (max-width:800px) {
	.slogan h1 span {width: 160px; height: 18px;}
	.slogan h2 {padding: 10px 0 50px 0;}
	.slogan h2 span {width: 314px; height: 110px; background-image: url('../images/slogan_h2_mobile.svg');}
}

@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 button {font-size:12px;}

	.briefing .nav.w100 .slick-slide {width:9% !important;}

	.briefing .for .box {width:480px;}
	.briefing .for .box .day > div {width:100px; height:100px;}
	.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 {width:calc(100% - 100px);}
	.briefing .for .box .list > ul > li {padding:2px 0 2px 25px;}

}

@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 #section1 .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 .head {font-size: 30px;}
	.briefing .for .box {width:100%;}
	.briefing .for .box .day {}
	.briefing .for .box .list {}
	.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; -webkit-line-clamp: 1;}
	.policy_news .hightlight .text strong i {border:none;}
	.policy_news .hightlight .text span {line-height:20px; margin-top:5px; max-height:40px; -webkit-line-clamp: 2;}
	.policy_news .list .slick-arrow {top:25px; margin-top:0; width:20px; height:0; padding-bottom:77%; transform: translateY(0);}
	.policy_news .list .slick-arrow.slick-prev {left:-23px;}
	.policy_news .list .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;}
	.media .slick-arrow.slick-prev {left:-23px;}
	.media .slick-arrow.slick-next {right:-23px;}

	.card_graphic .tab ul li {float:left; width:100%; margin:0;}
	.card_graphic .tab ul li button {width:100%; height:40px; text-indent:0; text-align:left; text-indent: 20px;}
	.title {padding:0 10px 0 10px; margin:0 auto 10px auto;}
	.title span {width: 100%;}

}

@media only screen and (min-width:561px) {

	.briefing .nav.w100 .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%; padding: 15px 15px 15px 15px;}
	.briefing .for .head {margin-top: 8px; margin-bottom: 23px; font-size: 30px; text-align: center;}
	.briefing .for .body {flex-direction: column;}
	.briefing .for .box .day > div {position: relative; display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: auto; padding: 13px; margin: 0 auto; border:3px solid #fff;}
	.briefing .for .box .day strong {position:initial; display:inline-block; font-size:20px; line-height:22px;}
	.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; 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 {justify-content: center;}
	.briefing .for .box .data {display: block; text-align: center; margin: 10px 0 15px 0;}
	.briefing .for .box .data li ~ li:after {display: none;}

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

	.briefing .nav.w100 .slick-slide {width: 80px !important;}
	.briefing .nav.w100 .slick-slide.slick-cloned {display: inline-block;}

	.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%;}

	.briefing .for .box .data li ~ li:after {display: none;}

	/**/
	.policy_news .list .slick-arrow,
	.card_graphic .slick-arrow,
	.media .slick-arrow {display: none !important;}
	/**/

	.policy_news .slick-dots {display: none !important;}
	.card_graphic .slick-dots {display: none !important;}
	.card_graphic .slick-counter {display: block !important;}
	.media .slick-dots {display: none !important;}
	.media .slick-counter {display: block !important;}
	.title .slick-counter {display: block !important;}

}

@media only screen and (max-width:532px) {
	.media .box li .text {position:relative; padding:10px; background-color: #000;}
	.media .box li .text:before {width: 35px; height: 35px; left: 10px; top:-30	px;}
	.media .box li .text strong {font-size:16px;}
}

@media only screen and (max-width:515px) {
	.logo {margin-bottom: 40px;}
	.slogan h2 {padding: 10px 0 25px 0;}
}

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

	.slogan h2 span {width: 236px; height: 83px;}
	.card_graphic .tab ul li {float:left; width:100%; margin:0;}
	.card_graphic .tab ul li button {width:100%; height:40px; text-indent:0; text-align:left; text-indent: 20px;}
	.title {padding:0 10px 0 10px; margin:0 auto 10px auto;}
	.title span {width: 100%;}

}

@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: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:before {font-size: 12px; margin-right: 0; display: block; margin-bottom: 2px;}
	.briefing .for .box .data 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; min-height: 174px;}
	.briefing .for .box .list > ul > li {padding: 5px 0 5px 0;}

}


/*=================================================================================
* naver
=================================================================================*/
body.mobile .fullpage #section1 {background-image:url('../images/brief_bg_2thb.jpg');}
body.mobile .fullpage #section2 {background-image:url('../images/brief_bg_3rd.jpg'); background-position:center center;}
body.mobile .fullpage #section3 {background-image:url('../images/brief_bg_4th.jpg');}
body.mobile .fullpage #section4 {background-image:url('../images/brief_bg.jpg');}
body.mobile .fullpage #section4 .inner {padding:50px 58px 120px 58px;}

body.mobile .title span {width: 100%;}
body.mobile .card_graphic .slick-counter {display: block !important;}
body.mobile .title .slick-counter {display: block;}
body.mobile .title .slick-counter span {width: auto;}
body.mobile .card_graphic .tab ul li {width: 100%;}
body.mobile .card_graphic .tab ul li button {width: 100%;}
body.mobile .slick-dots {display: none !important;}

body.mobile .fullpage #section1 .logo {margin-bottom: 15px;}
body.mobile .fullpage #section1 .logo a {line-height: 1; background-image: url('../images/korea_logo_top2.svg');}
body.mobile .fullpage #section1 .slogan h1 span {background-image: url('../images/slogan_h1b.svg');}
body.mobile	.fullpage #section1 .slogan h2 {padding: 5px 0 25px 0;}
body.mobile .fullpage #section1 .title > span {background:#684f45; margin-bottom: 10px;}
body.mobile	.fullpage #section1 .policy_news .hightlight .text {margin-top: 0;}
body.mobile	.fullpage #section1 .policy_news .hightlight .thumb + .text {margin-top:15px;}

body.mobile .fullpage #section4 .title {padding: 0;}
body.mobile .fullpage #section4 .title span {background:#274736; margin-bottom: 10px;}
body.mobile .fullpage #section4 .title .slick-counter span {margin-bottom: 0;}

body.mobile.fp-viewing-1st .page_top {background-color: #fff; bottom: 48px;}
body.mobile.fp-viewing-1st .page_top:before {color: #3e4753;}
body.mobile.fp-viewing-2nd .page_top {background-color: #5d5d68; bottom: 48px}
body.mobile.fp-viewing-2nd .page_top:before {color: #fff;}
body.mobile.fp-viewing-3rd .page_top {background-color: #fff;}
body.mobile.fp-viewing-3rd .page_top:before {color: #3e4753;}
body.mobile.fp-viewing-4th .page_top {background-color: #fff; bottom: 48px;}
body.mobile.fp-viewing-4th .page_top:before {color: #3e4753;}
body.mobile.fp-viewing-footer .page_top {background-color: #919191; }
body.mobile.fp-viewing-footer .page_top:before {color: #252525;}

body.mobile .fullpage #section2 .scroll_control a span {background: #5d5d68; color: #fff;}
body.mobile .fullpage #section2 .scroll_control a:after {background-image:url('../images/arrow_down2.png');}
body.mobile .fullpage #section3 .scroll_control a span {background: #fff; color: #242930;}
body.mobile .fullpage #section3 .scroll_control a:after {background-image:url('../images/arrow_down.png'); opacity: 0.7;}
body.mobile .fullpage #section4 .scroll_control a span {background: #fff; color: #19191d;}
body.mobile .fullpage #section4 .scroll_control a:after {background-image:none;}


@media only screen and (max-width:890px) {
	body.mobile .title {padding:0 10px 0 10px;}
}

@media only screen and (max-width:570px) {
	body.mobile .fullpage #section4 .inner {padding:30px 42px 90px 42px;}
	body.mobile .briefing {margin: 0 0;}
}