@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Sans:wght@300;400;500;600;700;800&family=Noto+Serif:wght@300;400;500;600;700;800&display=swap');

/* common - all device */
.main-content {position:relative;overflow:hidden;}
.main-content h2 {display:block;font-weight:700;}
.main-content h3 {display:block;font-weight:600;}
.main-content h5 {display:block;font-weight:600;}
.main-content h6 {display:block;font-weight:600;}
.category:before {content:'-';margin:0 5px;}
.ico-blank {display:inline-block;width:14px;height:14px;margin-left:8px;background:url('../images/common/ico-blank-link.png') no-repeat;}
.ico-more  {display:inline-block;width:10px;height:10px;margin-left:8px;background:url('../images/common/ico-more-plus.png') no-repeat;}
.upper-line {border-top:1px solid #777;}

/*2023*/
.main {background:#f1f3f9;}
.inner {max-width:1220px; margin:0 auto;}
#header {width:100%;height:100px;box-sizing: border-box;background:rgba(0,0,0,0.4);position:fixed;top:0;z-index:999;-webkit-transition: all .3s ease;transition: all .3s ease;padding:0 50px;display: flex;align-items: flex-start;}
#header > h1 {display: block;width: 20%;max-width: 190px;height:45px;overflow:hidden;margin-top: 25px;}
#header > h1 > a{width:100%;max-width:190px;height:100%;display:block;font-size:0;background:url('../../img/2023/img_logo.png') center center / contain no-repeat;}
#header > .gnb {flex: auto;justify-content: flex-end;margin-left: 3%;}
#header > div {width: auto;display: flex;align-items: center;}
#header .nav-bg {
	display: block;
    width: 100%;
    height: 0;
    background: #fff;
    border-top: 1px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    position: fixed;
    top: 99px;
    left: 0;
    opacity: 0;
    transition: .3s ease;
}
#header .nav-bg.open {height:340px; opacity:1;}
#header > .gnb > ul > li > .gnb_sub.open {height:auto; opacity:1; padding:35px 0;}
#header > .gnb > ul {width: 100%;text-align: center;}
#header > .gnb > ul > li {display: inline-block;vertical-align: top;margin-left:-4px;}
#header > .gnb > ul > li > a {display:block;font-size:18px;line-height: 100px;font-weight:600;color:#fff;text-align: left;margin: 0 40px;}
#header > .gnb > ul > li > a > span{display:inline-block;position: relative;}
#header > .gnb > ul > li > a > span:after{content:'';width: 0;top: 69px;left: 50%;height: 2px;background: #0062ac;position:absolute;transition:all ease .6s;transform: translateX(-50%);}
#header > .gnb > ul > li:last-child > a {padding-right:0;}
#header > .gnb > ul > li > .gnb_sub {opacity:0;position: relative;z-index: 99;height: 0px;overflow: hidden;transition:opacity .5s;margin-top:-1px;}
#header > .gnb > ul > li > .gnb_sub > li {display:block;margin-bottom: 22px;text-align: left;}
#header > .gnb > ul > li > .gnb_sub > li > a {font-size:14px; font-weight:500; color:#000;padding-left:40px;display:block;}
#header > .gnb > ul > li > .gnb_sub > li > a:hover {color:#0062ac;}
#header > .gnb > ul > li:hover > a{color:#0062ac!important;}
#header > .gnb > ul > li:hover > a > span:after{width:100%;}
#header > .gnb > ul > li > a.active{color:#0062ac!important;}
#header > .gnb > ul > li > a.active > span:after{width:100%;}
#header > .right > .logout_btn {font-size:12px;color: #111111;border-radius: 30px;border: 1px solid #F1F1F1;padding: 8px 10px 8px 10px;background-color: #F1F1F1;position:fixed;right:24%;}
#header > .right > .search_bar {position:relative;width: 205px;text-align: right;margin: 31px 30px 31px 0;}
#header > .right > .search_bar input[type="text"] {width:130px;height:38px;border-radius:30px;border:1px solid #bdc0c5;background:none;padding:0 16px;color:#333;transition: .3s ease;}
#header > .right > .search_bar input[type="text"]::placeholder {color:#bdc0c5;}
#header > .right > .search_bar input[type="text"]:focus {width:170px;}
#header > .right > .search_bar label {display:none;}

.search_icon_mobile {display:none;} 
/* 헤더 마우스오버 */
#header:hover {background:#fff;}
#header:hover > .gnb > ul > li > a {color:#000;}
#header:hover > h1 > a {background:url('../../img/2023/img_logo_dark.png') center center / contain no-repeat;}
#header:hover > .right > .search_bar input[type="text"] {border:1px solid #5c5c5c;}
#header:hover > .right > .search_bar input[type="text"]::placeholder {color:#5c5c5c;}
#header:hover .search_btn span:before {border:2px solid #5c5c5c;}
#header:hover .search_btn span:after {background:#5c5c5c;}
#header:hover .lang > a {color:#5c5c5c;}
#header:hover .lang .fontsize {background:url('../../img/2023/lang_icon_dark.png')no-repeat center;}
#header:hover > div.right .all_menu:before,
#header:hover > div.right .all_menu:after,
#header:hover > div.right .all_menu > span  {background:#5c5c5c;}

/* 헤더 서브 */
#header.headerHover {background:#fff;border-bottom:1px solid #ddd;}
#header.headerHover > .gnb > ul > li > a {color:#000;}
#header.headerHover > h1 > a {background:url('../../img/2023/img_logo_dark.png') center center / contain no-repeat;}
#header.headerHover > .right > .search_bar input[type="text"] {border:1px solid #5c5c5c;}
#header.headerHover > .right > .search_bar input[type="text"]::placeholder {color:#5c5c5c;}
#header.headerHover .search_btn span:before {border:2px solid #5c5c5c;}
#header.headerHover .search_btn span:after {background:#5c5c5c;}
#header.headerHover .lang > a {color:#5c5c5c;}
#header.headerHover .lang .fontsize {background:url('../../img/2023/lang_icon_dark.png')no-repeat center;}
#header.headerHover > div.right .all_menu:before,
#header.headerHover > div.right .all_menu:after,
#header.headerHover > div.right .all_menu > span  {background:#5c5c5c;}


/* - 전체 메뉴 */
#header > div.right .all_menu {
    width: 40px;
    height: 41px;
    padding: 10px;
    margin: 10px 0 10px 30px;
    position: relative;
    overflow: hidden;
    z-index: 9999;
}

#header > div.right .all_menu > span {
    width: 45%;
    height: 2px;
    background: #bdc0c5;
    display: block;
    font-size: 0;
    position: absolute;
    right: 0;
	transition:.5s ease;
}

#header > div.right .all_menu:before {
    content: '';
    position: absolute;
    width: 29px;
    height: 2px;
    top: 10px;
    background: #bdc0c5;
    display: block;
    right: 0;
	transition:.5s ease;
}

#header > div.right .all_menu:after {
    content: '';
    position: absolute;
    width: 29px;
    height: 2px;
    bottom: 9px;
    background: #bdc0c5;
    display: block;
    right: 0;
	transition:.5s ease;
}

#header > div.right .all_menu:hover:before, #header > div.right .all_menu:hover:after {width:45%;}
#header > div.right .all_menu:hover > span {width:29px;}
.search_btn span {height: 16px; width: 16px; display: block; position: relative; font-size: 0;}
.search_btn {position:absolute;height:100%;top:0;right: 17px;display:flex;align-items:center;-webkit-transition:all .3s ease;transition: all .3s ease;}
.search_btn span:before, .search_btn span:after{content:'';display:block;position:absolute;top: -2px;left:0;-webkit-transition:all .3s ease;transition: all .3s ease;}
.search_btn span:before{width:11px; height:11px; border:2px #bdc0c5 solid; border-radius:100%;}
.search_btn span:after{width:2px;height: 7px;background:#bdc0c5;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top: 10px;left: 14px;}
.lang .fontsize {width: 18px;height: 22px;background:url('../../img/2023/lang_icon.png')no-repeat center;font-size:0;opacity: 0.8;}
.size_box {
	display:none; 
	position:absolute;
	z-index:9999;
	top:90px;
	right:50px;
	background:#fff;
	border-radius:6px;
	font-family:'Noto Sans KR', sans-serif;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:0 6px 13px rgb(0, 0, 0, 0.1);
}
 .size_box > .tit {margin:22px 0 24px 24px; font-size:15px; font-weight:500; color:#222;}
 .size_box ul {position:relative; display:flex; justify-content: space-between; width:300px; margin:0 28px 24px 24px;}
 .size_box ul:before {content:''; position:absolute; left:0; top:17px; display:block; width:calc(100% - 10px); height:6px; background:#E9E9E9;}
 .size_box ul > li {position:relative; padding-bottom:20px;}
 .size_box ul > li:nth-child(n+1) .txt,
 .size_box ul > li:nth-child(n+4) .txt {width:calc(100% + 30px); margin-left:-15px;}
 .size_box ul > li span {display:block;}
 .size_box ul > li .btn_plus {display:block;}
 .size_box ul > li .ico {position:relative; display:flex; justify-content:center; align-items:center; width:36px; height:36px; margin:0 auto; margin-bottom:8px; border:1px solid #D4D4D4; border-radius:50%; font-size:15px; color:#555; background:#fff; z-index:2; transition:.2s all;}
 .size_box ul > li .txt {position:absolute; bottom:0; width:100%; font-size:13px; color:#666; transition:.2s all;}
 .size_box ul > li.lv1 .ico {font-size:12px;}
 .size_box ul > li.lv2 .ico {font-size:13px;}
 .size_box ul > li.lv3 .ico {font-size:14px;}
 .size_box ul > li.lv4 .ico {font-size:15px;}
 .size_box ul > li.lv5 .ico {font-size:16px;}
 .size_box ul > li .btn_plus:hover .ico {background:#578ad5; border-color:#578ad5; color:#fff;}
 .size_box ul > li .btn_plus:hover .txt {color:#222;}
 .size_box ul > li .btn_plus.on .ico {background:#578ad5; border-color:#578ad5; color:#fff;}
 .size_box ul > li .btn_plus.on .txt {color:#222;}
.size_box .btn_close {position:absolute; top:24px; right:24px; display:block; width:14px;height:14px;background:url('../../img/2023/btn_close_ft.svg') no-repeat;}
.lang {display:flex;}
.lang > a {font-size:14px; color:#bdc0c5; position:relative; padding-left:25px;}
.lang > a:before {content:'';display:block;width:1px;height:13px;background:#707881;position: absolute;top: 5px;left: 12px;}

/*ALLMENU*/
.allmenu {position:fixed; width:100%; height:100vh; z-index:999;  transform:translateY(-100%); transition: .6s ease;}
.allmenu.open{transform:translateY(0%);transition: .6s ease;}
.allmenu .in{display:none; width:100%; height:100%; background:rgba(255,255,255,0.95);padding-top:30px;box-sizing:border-box;}
.allmenu .menu_close {
    position: absolute;
    left:50%;
    top:30px;
    margin-left:-20px;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    background: #003964;
    border-radius: 50%;
}
.allmenu .menu_close:before {content:'';display:block;width: 25px;height:2px;background: #fff;transform:rotate(45deg);position: absolute;top: 19px;left: 7px;}
.allmenu .menu_close:after {content:'';display:block;width: 25px;height:2px;background: #fff;transform: rotate(315deg);position: absolute;top: 19px;left: 7px;}
.allmenu .menu_close:hover {background:#0261a2;}
.menu_container {display:flex;width:90%; max-width:1280px; height: 80vh;margin:90px auto 0; overflow-y: auto;}
.all_nav > li > button {font-size:23px; font-weight:600; color:#222; margin:20px 0;}
.all_nav {width:100%; display: flex;}
.all_nav > li {width:100%; border-right:1px solid #d7d7d7; padding-left:40px;}
.all_nav > li > ul > li {display:block; margin-bottom:15px;}
.all_nav > li > ul > li > a {font-size:16px; color:#969696;}
.all_nav > li > ul > li > a:hover {text-decoration:underline;}

/*FOOTER*/
#footer {background:#3c3c3c;}
#footer .footerContent {padding:60px 0; max-width:1530px; margin:0 auto;}
#footer .footCnt {display:flex;}
#footer .siteInfo {width: 24%; margin-right: 7%;}
#footer .HomeInfo {width: 49%; margin-right: 1%;}
#footer .reachUs {width:19%;}
.footerContent .cntHead {font-size:20px; font-weight:600; color:#fff; margin-bottom:27px; }
.footerContent .siteInfo > ul > li {display:block; vertical-align: top; font-size:14px; color:#999; margin-bottom:10px;}
.footerContent .siteInfo > ul > li:last-child {margin-top:45px;}
.footerContent .HomeInfo > ul > li {display:inline-block;width: calc(45% - 1%);margin-right:1%;vertical-align: top;}
.footerContent .HomeInfo > ul > li > a {display:block; font-size:14px; color:#999999; margin-bottom:10px;}
.footerContent .HomeInfo > ul > li > a:hover {text-decoration: underline;}
.footerContent .reachUs > a {display:block; line-height:40px; border:1px solid #666666; border-radius:5px; color:#999; padding:0 46px 0 13px; background:url('../../img/2023/arrow_g.png')no-repeat center right 13px;}
.footerContent .reachUs span > a {display:block; margin:25px 0px; font-size:0; background:url('../../img/2023/x_icon.png')no-repeat center; width:25px; height:21px;}
.footerContent .reachUs span > a:hover {background:url('../../img/2023/x_icon_blue.png')no-repeat center;}
.footerContent .reachUs > ul > li {display:block; margin-bottom:10px;}
.footerContent .reachUs > ul > li > a {font-size:14px; color:#999999; margin-bottom:10px;}
.footerContent .reachUs > ul > li > a:hover {text-decoration: underline;}

.flexCnt {display:flex;}
.news .flexCnt .left {width:34.5%;margin-right:2%;}
.news .flexCnt .right {width:70%;}
.news .cont {padding-bottom:9px;}
.news .cont a {display:block; box-shadow: 0 1px 9px 0 rgba(0,0,0,0.15);}
.news .cont a .img:after,
.news .news_list > li > a .img:after {content:''; display:block; width:100%; height:100%; opacity:0; background:#000; position:absolute; top:0; left:0; transition:.5s ease;}
.news .cont a:hover .img:after,
.news .news_list > li > a:hover .img:after {opacity:0.3;}
.news .cont a:hover dl > dt {text-decoration: underline;}
.news .cont a .img_wrap {display:block; overflow:hidden;}
.news .cont a .img {position: relative; display:block;overflow:hidden;}
.news .cont a .img .in{background-position: center;background-repeat: no-repeat;background-size:cover; transition:.5s ease;display:block;height:0;padding-bottom:65%;}
.news .cont a:hover .img .in{transform:scale(1.05);}
.news .cont a > dl {background:#fff; padding:25px 20px; box-sizing: border-box;}
.news .cont a > dl dt {
	font-size:16px; 
	font-weight:500; 
	color:#000; 
	margin-bottom:15px;   
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:43px;
    line-height:22px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.news .cont a > dl dd {font-size:14px; color:#333;}
.news .news_list {display:flex;}
.news .news_list > li {width:100%; margin-left:3%; padding-bottom:9px;}
.news .news_list > li:first-child{margin-left:0;}
.news .news_list > li a {display:block; box-shadow: 0 1px 9px 0 rgba(0,0,0,0.15);}
.news .news_list > li:nth-child(3) {margin-right:0;}
.news .news_list > li > a .img_wrap {display:block; overflow:hidden;}
.news .news_list > li > a .img {position: relative; display:block;overflow:hidden;}
.news .news_list > li > a .img .in{background-position: center top;background-repeat: no-repeat;background-size:cover; transition:.5s ease;display:block;height:0;padding-bottom:100%;}
.news .news_list > li > a:hover .img .in{transform:scale(1.05);}
.news .news_list > li > a > dl {background:#fff; padding:26px 20px; box-sizing: border-box;}
.news .news_list > li > a > dl > dt {
	font-size:16px;
	font-weight:500; 
	color:#000; 
	margin-bottom:15px; 
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:43px;
    line-height:22px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.news .news_list > li > a > dl > dd {font-size:14px; color:#333;}
.news .news_list > li > a:hover > dl > dt {text-decoration: underline;}
.public .flexCnt .left {width: 66%;margin-right: 2.5%;}
.public .flexCnt .right {width: 33%;}
.public .left > div{background:#fff;border-radius:10px;border: 1px solid #ccc;box-sizing: border-box;padding: 40px;}
.public .left > div > ul {display:flex;}
.public .left > div > ul > li {width:100%; margin-right: 8%;}
.public .left > div > ul > li:last-child {margin-right:0;}
.public .left > div > ul > li .img {position:relative; box-shadow:3px 4px 6px rgba(0,0,0,0.15); overflow:hidden;max-width:200px;margin:0 auto 26px auto;}
.public .left > div > ul > li .img:before {content:''; display:block; width:100%; height:100%; opacity:0; background:#000; position:absolute; top:0; left:0; transition:.5s ease; z-index:2;}
.public .left > div > ul > li:hover .img:before {opacity:0.3;}
.public .left > div > ul > li .img > img {box-shadow: 3px 4px 6px rgba(0,0,0,0.15);vertical-align: bottom; transition:.5s ease;width:200px;height:290px;}
.public .left > div > ul > li:hover .img > img {transform:scale(1.05);}
.public .left > div > ul > li span {display:block;line-height:28px;border-radius:30px;max-width:146px;color:#fff;padding:0 10px;text-align:center;margin:0 auto 15px;}
.public .left > div > ul > li span.type01 {background:#003964;}
.public .left > div > ul > li span.type02 {background:#ff8400;}
.public .left > div > ul > li i.img_cover {display:block; position:absolute; z-index:999; width:99%; height:99%; border:1px solid rgba(0,0,0,0.1);}
.public .left > div > ul > li p {
	font-size:16px;
	font-weight:500;
	color:#000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align:center;
}
.public .left > div > ul > li > a:hover > p { text-decoration:underline;}
.public .swiper-next{display:none;position:absolute;right:20px;top:50%;margin-top:-75px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;border-radius:50px;z-index:100;background: url(../../img/2023/ico_arrow.png) no-repeat center center;background-size:100%;}
.public .swiper-prev{display:none;position:absolute;left:20px;top:50%;margin-top:-75px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;border-radius:50px;z-index:100;background: url(../../img/2023/ico_arrow.png) no-repeat center center;background-size:100%;transform: rotate(180deg)}
.main_section:last-child {padding-bottom:100px;}
.main_section {margin-top: 70px;overflow:hidden;position: relative;}
.main_visual {width:100%; height: 680px;margin:0 auto;}
.main_visual ul  li {width: 100%;}
.main_visual ul li a { display: block; position: relative;height:100%;box-sizing:border-box;background-size:110%;background-repeat:no-repeat;background-position:center top;transition: all 3.5s;}
.main_visual ul li a .img {overflow: hidden;position:relative;height:99.8%;margin:1px;}
.main_visual ul li a .img img {display:none;transform: scale(1.1);  transition: all 1s; /*max-width:fit-content; */ width:1920px;position:absolute;left:50%;margin-left:-951px;display:none;}
.main_visual ul li a .img:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4)}
.main_visual ul li a .txt {
    width: 700px;
    margin: 0 auto;
    box-sizing: border-box;
    position: absolute;
    top: 270px;
    left: 50%;
    transform: translateX(-87%);
}

.main_visual ul li a .txt strong {
    display: block;
    font-family:'Noto Serif', serif;
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
    transition: all 1s;
    opacity: 0;
    margin-top: 15px;
}

.main_visual ul li a .txt p {
    font-size: 19px;
	font-weight:200;
    color: #fff;
    line-height: 150%;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 25px;
    transition: all 1s;
    transition-delay: 0.2s;
    opacity: 0;
}

.main_visual ul li a:hover .txt strong {
	text-decoration: underline;
	text-decoration-thickness : auto;
	text-decoration-thickness : from-font;
	text-decoration-thickness : 1px;
	text-decoration-thickness : 1%;
}

.main_visual ul li a .txt .date {
    font-size: 16px;
    color: #fff;
    line-height: 150%;
    opacity: 0;
    transition: all 1s;
    transition-delay: 0.4s;
}

.main_visual ul li a .txt .more {font-size:14px;  font-weight:300;  color:#fff; display:block; line-height:60px; width:140px; border-radius:30px; border:1px solid #fff; margin:50px auto 0; transition: all .3s;}
.main_visual ul li a .txt .more:hover {background:#fff; color:#0099ff;}

.main_visual ul li.swiper-slide-active a{background-size:105%}
.main_visual ul li.swiper-slide-active a .img img {
    transform: scale(1.05);
    transition: all 3.5s;
}

.main_visual ul li.swiper-slide-active a .txt {
}

.main_visual ul li.swiper-slide-active a .txt p {
    margin-top: 15px;
    opacity: 1;
}

.main_visual ul li.swiper-slide-active a .txt strong {
    margin-top: 0;
    opacity: 1;
}

.main_visual ul li.swiper-slide-active a .txt .date {
    opacity: 1;
}

.main_visual .swiper-prev {
    position: absolute;
    left: 50%;
    bottom: 91px;
    width: 34px;
    height: 11px;
    display: block;
    background: none;
    z-index: 100;
    cursor: pointer;
    margin-left: -610px;
    background: url(../../img/2023/btn_prev_s.png) no-repeat center center;
    opacity:0.6;
    text-indent:-9999px;
    overflow:hidden;
}

.main_visual .swiper-next {
    position: absolute;
    left:50%;
    bottom: 91px;
    width: 34px;
    height: 11px;
    display: block;
    background: none;
    z-index: 100;
    cursor: pointer;
    margin-left: -505px;
    background: url(../../img/2023/btn_next_s.png) no-repeat center center;
    opacity:0.6;
    text-indent:-9999px;
    overflow:hidden;
}

.main_visual .swiper-pagination {
    display: block;
    position: absolute;
    left: 50%;
    width:auto;
    bottom: 86px;
    z-index: 100;
    margin-left:-550px;
    transform: translateX(-50%);
    color: #ccc;
    z-index:2;
}

.main_visual .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 28px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    background: url(../../img/2023/ico_nav.png) no-repeat center center;
    opacity: 1;
    margin: 0 !important;
}

.main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: url(../../img/2023/ico_nav_ov.png)
}

.main_visual .swiper-button-pause {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 77px;
    z-index: 100;
    width: 20px;
    height: 40px;
    margin-left:-530px;
    background: url(../../img/2023/ico_pause.png) no-repeat center center;
    text-indent: -9999px;
    overflow: hidden;
    cursor:pointer;
}
.main_visual .swiper-button-pause.on{display:block;}

.main_visual .swiper-button-play {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 77px;
    z-index: 100;
    width: 20px;
    height: 40px;
    margin-left:-530px;
    background: url(../../img/2023/ico_play.png) no-repeat center center;
    text-indent: -9999px;
    overflow: hidden;
    cursor:pointer;
}
.main_visual .swiper-button-play.on{display:block;}

.main_visual .swiper-pagination-total {color:#fff; opacity:.5;}
.main_visual .swiper-pagination-current {color:#fff;}
.main_section h2 {font-family:'Noto Serif', serif;font-size: 30px;color: #000;font-weight: 500;margin-bottom: 25px;padding-left:27px;position:relative;}
.main_section h2 > a {color: #000;}
.main_section h2 > a > img {transition:.5s ease; vertical-align:bottom; padding-bottom:5px;}
.main_section h2 > a > .base {display:inline-block;}
.main_section h2 > a > .color {display:none;}
.main_section h2 > a.newTab > i{display:inline-block; width:15px; height:13px; margin-left:5px; background:url('../../images/2019/controls.png') 0 -82px / auto no-repeat;margin-top:12px;vertical-align:top;}
.main_section h2 > a.newTab:hover > i, .main_section h2 > a.newTab:focus > i{background:url('../../images/2019/controls.png') -20px -82px / auto no-repeat;}
.main_section h2:before {content:''; display:block; width:15px; height:2px; background:#000; position:absolute; top:50%; left:0;}
.main_section01 h2 em {color: #148eff}

.main_section01 h2 span {
    font-size: 16px;
    color: #000;
    font-weight: 300;
    margin-left: 20px;
}

.main_section01 .cont_area .item {
    display: none;
    border-radius: 24px;
    background: #fff;
    box-shadow: 5px 10px 20px rgba(156,180,239,0.7);
    padding: 15px 40px;
    position: relative;
}

.main_section01 .cont_area .item.imgArea {
    background: none;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(255,255,255,0);
    padding: 0;
}


.main_section01 .cont_area .list ul li {
    border-top: 1px solid #e6e6e6;
}

.main_section01 .cont_area .list ul li:first-child {
    border-top: 0;
}

.main_section01 .cont_area .list ul li a {
    display: block;
    padding: 15px 0;
    position: relative;
    background: url(../../img/2023/ico_arrow.png) no-repeat right center;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.main_section01 .cont_area .list ul li a .cate {
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    width: 126px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #bdbdbd;
    border-radius: 50px;
    text-align: center;
    font-size: 12px;
    color: #787878;
    font-weight: 500;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.main_section01 .cont_area .list ul li a p {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    height: 38px;
    line-height: 38px;
    margin: 0 160px 0 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.main_section01 .cont_area .list ul li a .date {
    position: absolute;
    right: 75px;
    top: 50%;
    height: 32px;
    margin-top: -16px;
    line-height: 32px;
    font-size: 14px;
    color: #787878;
    font-weight: 300;
}

.main_section01 .cont_area .list ul li a:hover {
    background-image: url(../../img/2023/ico_arrow_ov.png)
}

.main_section01 .cont_area .list ul li a:hover .cate {
    background: #148EFF;
    color: #fff;
    border-color: #148EFF
}

.main_section01 .cont_area .list ul li a:hover p {
    color: #148EFF
}

.main_section01 .cont_area .list02 ul {
    margin-left: -2%;
}

.main_section01 .cont_area .list02 ul:after {
    content: '';
    display: block;
    clear: both;
}

.main_section01 .cont_area .list02 ul li {
    float: left;
    width: 31.33%;
    margin-left: 2%;
}

.main_section01 .cont_area .list02 ul li a {
    display: block;
    border-radius: 24px;
    background: #fff;
    box-shadow: 5px 10px 20px rgba(156,180,239,0.7);
}

.main_section01 .cont_area .list02 ul li .img {
    overflow: hidden;
    height: 0;
    padding-bottom: 88%;
}

.main_section01 .cont_area .list02 ul li .img img {
    width: 100%;
}

.main_section01 .cont_area .list02 ul li .txt {
    padding: 15px 15px 25px 15px;
}

.main_section01 .cont_area .list02 ul li .txt strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: #000;
    margin-bottom: 7px;
    height: 48px;
    overflow: hidden;
}

.main_section01 .cont_area .list02 ul li .txt span.date {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 150%;
}
.mainContainer{background:#f1f3f9}


.board_list {width:100%; background:#fff; border:1px solid #ccc; border-radius:10px; padding:38px 30px; box-sizing: border-box;}
.board_list li {display:block; border-bottom:1px solid #d2d2d2; padding:36px 0;}
.board_list li:first-child {padding-top:0;}
.board_list li:last-child {padding-bottom:0; border-bottom:0;}
.board_list a {
    display: flex;
    position: relative;
    background: url(../../img/2023/ico_arrow.png) no-repeat right 30px center;
    -webkit-transition: all .3s;
    transition: all .3s;
    align-items: center;
}
.board_list a:hover {background: url(../../img/2023/ico_arrow_ov.png) no-repeat right 30px center;}
.board_list .date {margin:0 2.5% 0 2%;text-align: center;display: flex;flex-direction: column;width: 9%;}
.board_list .date > strong {font-size:42px;font-weight:600;color:#666;}
.board_list .date > em {font-size:18px;color:#666;margin-top: 16px;font-style:normal}
.board_list .cont {
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.board_list .cont strong {
   font-size: 22px;
   font-weight: 500;
   line-height:normal;
   color: #222;
   margin-bottom: 10px;
   display: block;
   transition: all .3s;
   overflow: hidden;
   text-overflow:ellipsis;
   width:100%;
   white-space: nowrap;
}
.board_list a:hover .cont > strong {
	text-decoration: underline;
	text-decoration-thickness : auto;
	text-decoration-thickness : from-font;
	text-decoration-thickness : 1px;
	text-decoration-thickness : 1%;
}
.board_list .cont p {
   font-size: 16px;
   font-weight:300;
   color: #000; 
   display:-webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient:vertical;
   height:48px;
   line-height:25px;
   overflow:hidden;
   text-overflow:ellipsis;
}
.main_section01 > .inner > .more {
    font-size: 14px;
    font-weight: 300;
    color: #666;
    display: block;
    line-height: 60px;
    width: 140px;
    border-radius: 30px;
    border: 1px solid #ccc;
    background:#fff;
    margin: 50px auto 0;
    text-align:center;
    transition: all .3s;
}
.board_list2 {background:#fff; border-radius:10px; border:1px solid #ccc; box-sizing: border-box; padding:25px;}
.board_list2 li {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.board_list2 li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.board_list2 li > a > strong {
	font-size:16px; 
	font-weight:500;
	color:#000;
	margin-bottom: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 43px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.board_list2 li > a:hover > strong { text-decoration: underline;}
.main_section01 > .inner > .more:hover {background:#0099ff; border: 1px solid #0099ff; color:#fff;}

.main_section02 h2 {
    font-size: 38px;
    color: #000;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center;
    line-height: 90%;
}
.main_section02 .policy a .img {position: relative; margin-bottom:25px;}
.main_section02 .policy a strong {font-size:20px; font-weight:500; color:#000; display:block; line-height:normal; margin-bottom:20px;}
.main_section02 .policy a span {font-size:16px; font-weight:200; opacity:0.7;}
.main_section02 .policy a .img:before {
    content: '';
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   border-radius: 24px;
   border: 2px solid #3B9DF8;
   -webkit-transition: all .3s;
   transition: all .3s;
   opacity: 0;
   background: rgba(0,102,204,0.5);
   border-radius:10px;
}
.main_section02 .policy a .img:after {
   content:'';
   display:block;
   position: absolute;
   top:50%;
   left:50%;
   transform:translate(-50%);
   width:50px;
   height:50px;
   -webkit-transition: all .3s;
   transition: all .3s;
   opacity:0;
   background:url('../../img/2023/find.png')no-repeat center #3B9DF8;
   border-radius:50%;
}
.main_section02 .policy a:hover .img:before {opacity:1;}
.main_section02 .policy a:hover .img:after {opacity:1;}
.main_section02 .policy a:hover span {color:#000;}

.main_section02 .inner {max-width:1410px; position:relative;}
.policy.swiper-container {max-width:1220px; padding-bottom:45px; position: static;}
.policy.swiper-pagination-bullets {bottom:0;}
.policy .swiper-pagination-bullet {width:14px; height:14px; background:#fff; opacity:1; margin:0 8px!important;}
.policy .swiper-pagination-bullet-active {background:#0261a2;}
.policy .swiper-prev {
    position: absolute;
    left: 16.5%;
    top: 250px;
    width: 25px;
    height: 46px;
    display: block;
    z-index: 100;
    cursor: pointer;
    margin-left: -230px;
    background: url(../../img/2023/btn_prev.png) no-repeat center center;
    opacity:0.6;
 }
 .policy .swiper-next {
    position: absolute;
    right: 0;
    top: 250px;
    width: 25px;
    height: 46px;
    display: block;
    z-index: 100;
    cursor: pointer;
    margin-left: -230px;
    background: url(../../img/2023/btn_next.png) no-repeat center center;
    opacity:0.6;
 }
.main_section03 {background: #f1f3f9; padding: 80px 0;}
.main_section03 .inner {position:relative; max-width:1410px;}
.main_section03 h2 {
    font-size: 38px;
    color: #000;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center;
    line-height: 90%;
}


.main_section03 .tab_area { max-width:1220px; margin-bottom: 35px; margin:0 auto 35px;}
.main_section03 .tab_area ul {display:flex;}
.main_section03 .tab_area ul:after {
    content: '';
    display: block;
    clear: both;
}

.main_section03 .tab_area ul li {
width: 100%;
text-align: center;
margin-right: 10px;
}
.main_section03 .tab_area ul li:last-child {margin-right:0;}
.main_section03 .tab_area ul li a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #4f4f4f;
    height: 48px;
    line-height: 48px;
    background: #fff;
    border-radius: 50px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #ddd;
}

.main_section03 .tab_area ul li a:hover {
    background: #148eff;
    border: 1px solid #148eff;
    color: #fff;
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);
}

.main_section03 .tab_area ul li a.on {
    background: #148eff;
    border: 1px solid #148eff;
    color: #fff;
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);
}

.latest.swiper-container {max-width:1220px;height:211px;  position: static;}
.latest .swiper-prev {
    position: absolute;
    right: 58px;
    top: 0;
    width: 47px;
    height: 47px;
    display: block;
    z-index: 100;
    cursor: pointer;
    margin-left: -230px;
    background: url(../../img/2023/ico_arrow.png) no-repeat center center;
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    text-indent:-9999px;
    overflow:hidden;
}

.latest .swiper-next {
    position: absolute;
    right: 116px;
    top: 0px;
    width: 47px;
    height: 47px;
    display: block;
    z-index: 100;
    cursor: pointer;
    background: url(../../img/2023/ico_arrow.png) no-repeat center center;
    transform: rotate(270deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    text-indent:-9999px;
    overflow:hidden;
}
.latest .swiper-button-pause2 {
    display: none;
    position: absolute;
    right:0;
    top:0;
    z-index: 100;
    width: 47px;
    height: 47px;
    background: url(../../img/2023/ico_stop.png) no-repeat center top;
    text-indent: -9999px;
    overflow: hidden;
    cursor:pointer;
}
.latest .swiper-button-pause2:hover{background-image:url(../../img/2023/ico_stop_ov.png)}
.latest .swiper-button-pause2.on{display:block;}

.latest .swiper-button-play2 {
    display: none;
    position: absolute;
    right:0;
    top:0;
    z-index: 100;
    width: 47px;
    height: 47px;
    background: url(../../img/2023/ico_start.png) no-repeat center center;
    text-indent: -9999px;
    overflow: hidden;
    cursor:pointer;
}
.latest .swiper-button-play2:hover{background-image:url(../../img/2023/ico_start_ov.png)}
.latest .swiper-button-play2.on{display:block;}
.latest .swiper-prev:hover, .latest .swiper-next:hover {background: url(../../img/2023/ico_arrow_ov.png) no-repeat center center;}
.latest .swiper-slide {padding:10px 0;width: 100%;height: 200px;}
.latest .swiper-slide .list {width: 100%;display: flex;}
.latest .swiper-slide img  { transition:.6s ease;}
.latest .swiper-slide:hover img {overflow:hidden; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0, 0.5);}
.latest.swiper-container li > .list > div {border-radius:10px;box-sizing: border-box;padding: 25px;display: inline-block;width: 100%;margin-right: 30px;position:relative;height:200px;}
.latest.swiper-container li > .list > div.box1 {background:#4a605b;}
.latest.swiper-container li > .list > div.box2  {background:#0261a2;}
.latest.swiper-container li > .list > div.box3 {background:#007b91;}
.latest.swiper-container li > .list > div.box4 {background:#5d5d76;}
.latest.swiper-container li > .list > div.box5 {background:#176193;}
.latest.swiper-container li > .list > div.box6 {background:#636f7b;}
.latest.swiper-container li > .list > div.box7 {background:#786c63;}
.latest.swiper-container li > .list > div.box8 {background:#306f73;}
.latest.swiper-container li > .list > div.box9 {background:#60494f;}
.latest.swiper-container li > .list > div.box10 {background:#007a91;}
.latest.swiper-container li > .list > div.box11 {background:#025fa2;}
.latest.swiper-container li > .list > div.box12 {background:#76765c;}
.latest.swiper-container li > .list > div:last-child { margin-right:0;}
.latest.swiper-container li p {font-size:16px; font-weight:400; color:#fff; margin-bottom:15px;height:45px;}
.latest.swiper-container li strong {display:block;font-size:31px;font-weight:600;color:#fff;margin-bottom: 21px;clear: both;}
.latest.swiper-container li strong > span {margin-left:-5px; font-size:22px; font-weight:500;}
.latest.swiper-container li strong.small_txt {font-size:28px;}
.latest.swiper-container li strong.small_txt > span {font-size:18px;font-weight: 400;display: block;margin-top: 12px;margin-left: 0;}
.latest.swiper-container li span.date {display:block; font-size:16px; color:#fff; text-align:right;position:absolute;right:25px;bottom:25px;}
.partners_banner {background:url('../../img/2023/partners_banner.jpg')no-repeat center; display:block; height:172px;}

.latest_m{display:none;}
.latest_m .swiper-prev {position: absolute;right: 70px;top: 0;width: 30px;height: 30px;display: block;z-index: 100;cursor: pointer;margin-left: -230px;background: url(../../img/2023/ico_arrow.png) no-repeat center center;transform: rotate(180deg);-webkit-transition: all .3s;transition: all .3s;text-indent:-9999px;overflow:hidden;background-size:100% !important;}
.latest_m .swiper-next {position: absolute;right: 35px;top: 0;width: 30px;height: 30px;display: block;z-index: 100;cursor: pointer;background: url(../../img/2023/ico_arrow.png) no-repeat center center;-webkit-transition: all .3s;transition: all .3s;text-indent:-9999px;overflow:hidden;background-size:100% !important;}
.latest_m .swiper-button-pause3 {display: none;position: absolute;right:0;top:0;z-index: 100;width: 30px;height: 30px;background: url(../../img/2023/ico_stop.png) no-repeat center top;text-indent: -9999px;overflow: hidden;cursor:pointer;background-size:100% !important;}
.latest_m .swiper-button-pause3:hover{background-image:url(../../img/2023/ico_stop_ov.png)}
.latest_m .swiper-button-pause3.on{display:block;}
.latest_m .swiper-button-play3 {display: none;position: absolute;right:0;top:0;z-index: 100;width: 30px;height: 30px;background: url(../../img/2023/ico_start.png) no-repeat center center;text-indent: -9999px;overflow: hidden;cursor:pointer;background-size:100% !important;}
.latest_m .swiper-button-play3:hover{background-image:url(../../img/2023/ico_start_ov.png)}
.latest_m .swiper-button-play3.on{display:block;}
.latest_m .swiper-slide .list {flex-wrap:wrap;}
.latest_m.swiper-container{position:static;}
.latest_m.swiper-container li > div {border-radius:10px;box-sizing: border-box;padding:15px 20px;display: inline-block;width: 100%;margin-right: 30px;position:relative;height:150px;}
.latest_m.swiper-container li > div.box1 {background:#4a605b;}
.latest_m.swiper-container li > div.box2  {background:#0261a2;}
.latest_m.swiper-container li > div.box3 {background:#007b91;}
.latest_m.swiper-container li > div.box4 {background:#5d5d76;}
.latest_m.swiper-container li > div.box5 {background:#176193;}
.latest_m.swiper-container li > div.box6 {background:#636f7b;}
.latest_m.swiper-container li > div.box7 {background:#786c63;}
.latest_m.swiper-container li > div.box8 {background:#306f73;}
.latest_m.swiper-container li > div.box9 {background:#60494f;}
.latest_m.swiper-container li > div.box10 {background:#007a91;}
.latest_m.swiper-container li > div.box11 {background:#025fa2;}
.latest_m.swiper-container li > div.box12 {background:#76765c;}
.latest_m.swiper-container li > div:last-child { margin-right:0;}
.latest_m.swiper-container li p {font-size:14px; font-weight:400; color:#fff; margin-bottom:15px;}
.latest_m.swiper-container li strong {display:block;font-size:31px;font-weight:600;color:#fff;margin-bottom: 15px;clear: both;}
.latest_m.swiper-container li strong > span {margin-left:-5px; font-size:22px; font-weight:500;}
.latest_m.swiper-container li strong.small_txt {font-size:28px;}
.latest_m.swiper-container li strong.small_txt > span {font-size:18px;font-weight: 400;display: block;margin-top: 12px;margin-left: 0;}
.latest_m.swiper-container li span.date {display:block; font-size:13px; color:#fff; text-align:right;position:absolute;right:20px;bottom:20px;}

.mSiteInfo{display:none;}

/* desktop wide max-width:1100px */
@media screen and (min-width:1025px) { 
	/* headline & common */	
	.main-content h2 {font-size:33px;line-height:33px;margin-bottom:30px;}
	.main-content h3 {font-size:23px;line-height:26px;margin-bottom:20px;}
	.main-content h5 {font-size:21px;line-height:28px;margin-bottom:5px;}
	.main-content h6 {font-size:15px;line-height:20px;margin-top:5px;}
	.main-content .more {display:inline-block;font-weight:400;color:#3584c1;font-size:15px;text-decoration:none;margin-top:30px;}	
	.date, .category {display:inline-block;font-weight:400;font-size:14px;color:#92725a;}
	.ico-blank {background:url('../images/common/ico-blank-link.png') no-repeat;}
	/* press releases */
	.press-release {float:right;width:51.35%;margin:45px 0;}
	.press-release li {padding:8px 0;}
	.press-release li:first-child {padding-top:10px;}
	.press-release li:nth-child(2) {padding-bottom:25px;border-bottom:1px dotted #999;}
	.press-release li:nth-child(3) {padding-top:20px;}
	.press-release li span {display:inline-block;}
	.press-release li h5 {display:inline-block;width:100%;font-size:21px;word-break:normal;text-decoration:underline;}
	.press-release .fsc h5, .press-release .bok h5 {
		display:inline-block;width:100%;
		line-height:21px;font-size:18px;color:#318d95;
		margin-top:3px;
		word-break:break-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;
	}
	/* photos */
	.photos-interview {float:left;width:40.35%;margin:45px 0;}
	.photos-interview h2 {display:none;}
	.photos-interview h5 {
		display:inline-block;width:100%;
		line-height:21px;font-weight:400;font-size:16px;margin-top:5px;
		word-break:normal;text-decoration:none;
	}
	.photos-interview figure {width:100%;max-height:364px;padding:0;margin-bottom:20px;}
	.photos-interview figure div {width:100%;height:100%;background-position:center 20%;}
	.photos-interview figure img {width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:0;}
	/* division tab navigation */
	#division-tab .division-more {
		float:right;display:block;width:30px;height:105px;
		font-size:0;line-height:0;text-indent:-9999px;
		margin:0 auto;padding-top:44px;background-color:#f8ac35;
	}
	#division-tab .division-more:hover {background-color:#ef8b32;}
	#division-tab .division-more span {display:block;width:16px;height:16px;margin:0 auto;}
	#division-tab .division-more .ico-open {background:url('../images/content/ico-division-plus.png') no-repeat;}
	#division-tab .division-more .ico-close {background:url('../images/content/ico-close.png') no-repeat;}
	#division-tab {width:100%;overflow:hidden;}
	#division-tab ul {overflow:hidden;}
	#division-tab li {position:relative;float:left;width:14.285%;height:105px;padding:55px 10px 0 10px;background-color:#376bbf;}
	#division-tab li:nth-child(even) {background-color:#4677c7;}
	#division-tab li:hover {background-color:#254d8d;}
	#division-tab li.downstairs {clear:left;}
	#division-tab li.stepDown {display:none;}
	#division-tab li > span {position:absolute;top:10px;left:10px;display:block;width:38px;height:38px;}
	#division-tab li .ico-div1 {background:url('../images/content/ico-div-img1.png') no-repeat;}
	#division-tab li .ico-div2 {background:url('../images/content/ico-div-img2.png') no-repeat;}
	#division-tab li .ico-div3 {background:url('../images/content/ico-div-img3.png') no-repeat;}
	#division-tab li .ico-div4 {background:url('../images/content/ico-div-img4.png') no-repeat;}
	#division-tab li .ico-div5 {background:url('../images/content/ico-div-img5.png') no-repeat;}
	#division-tab li .ico-div6 {background:url('../images/content/ico-div-img6.png') no-repeat;}
	#division-tab li .ico-div7 {background:url('../images/content/ico-div-img7.png') no-repeat;}
	#division-tab li .ico-div8 {background:url('../images/content/ico-div-img8.png') no-repeat;}
	#division-tab li .ico-div9 {background:url('../images/content/ico-div-img9.png') no-repeat;}
	#division-tab li .ico-div10 {background:url('../images/content/ico-div-img10.png') no-repeat;}
	#division-tab li .ico-div11 {background:url('../images/content/ico-div-img11.png') no-repeat;}
	#division-tab li .ico-div12 {background:url('../images/content/ico-div-img12.png') no-repeat;}
	#division-tab li .ico-div13 {background:url('../images/content/ico-div-img13.png') no-repeat;}
	#division-tab li .ico-div14 {background:url('../images/content/ico-div-img14.png') no-repeat;}
	#division-tab li .ico-div15 {background:url('../images/content/ico-div-img15.png') no-repeat;}
	#division-tab li .ico-div16 {background:url('../images/content/ico-div-img16.png') no-repeat;}
	#division-tab li .ico-div17 {background:url('../images/content/ico-div-img17.png') no-repeat;}
	#division-tab li .ico-div18 {background:url('../images/content/ico-div-img18.png') no-repeat;}
	#division-tab li .ico-div19 {background:url('../images/content/ico-div-img19.png') no-repeat;}
	#division-tab li .ico-div20 {background:url('../images/content/ico-div-img20.png') no-repeat;}
	#division-tab li a {font-weight:400;font-size:14px;color:#fff;}
	/* policy focus */
	.policy-focus {float:left;margin:45px 0;}
	.policy-focus ul {overflow:hidden;}
	.policy-focus li {float:left;padding-bottom:14px;}
	.policy-focus li:nth-child(3) {clear:left;}
	.policy-focus li:nth-child(3), .policy-focus li:nth-child(4) {padding-bottom:0;}
	.policy-focus li:nth-child(even) {margin-left:14px;}
	.policy-focus li img {width:360px;height:140px;}
	/* daily indicator */
	.aside-wrap {position:absolute;top:10px;right:0;width:240px;}
	.daily-indicate {float:right;width:270px;text-align:left;margin-top:25px;}
	.daily-indicate h5 {display:none;}	
	.daily-indicate label {position:relative;z-index:20;display:block;height:40px;font-size:14px;color:#555;line-height:40px;padding:0 20px;cursor:pointer;border:1px solid #ddd;}	
	.daily-indicate input:checked + label,
	.daily-indicate input:checked + label:hover {font-weight:600;color:#333;background:#fff;border-bottom:none;}
	.daily-indicate input:checked + label:after{position:absolute;content:'';width:12px;height:12px;right:13px;top:13px;background:transparent url('../images/common/ico-acc-close.png') no-repeat center center;}
	.daily-indicate label:after{position:absolute;content:'';width:12px;height:12px;right:13px;top:13px;background: url('../images/common/ico-acc-open.png') no-repeat center center;}
	.daily-indicate input{display:none;}
	.daily-indicate article {position:relative;z-index:10;height:0px;margin-top:-1px;overflow:hidden;}
	.daily-indicate input:checked ~ article{height:230px;border:1px solid #ddd;border-bottom:none;}
	.daily-indicate div:nth-child(4) input:checked ~ article {border-bottom:1px solid #ddd;}
	.daily-indicate .current-rate {position:absolute;top:8px;;left:20px;font-weight:700;font-size:24px;color:#333;}
	.daily-indicate .change-rate {position:absolute;top:20px;;right:20px;font-weight:500;font-size:14px;}
	.daily-indicate .ven-graph {width:220px;margin:70px auto 0 auto;}
	/* economic bulletin */
	.eco-bulletin {float:left;width:40.35%;margin:45px 0;overflow:hidden;}
	.eco-bulletin > div {position:relative;float:left;width:196px;color:#fff;text-align:center;padding:70px 15px;background-color:#4f81d3;}
	.eco-bulletin > div + div {float:right;background-color:#529ac7;}
/* 	.eco-bulletin > div:hover {background-color:#3d6cb8;} */
/* 	.eco-bulletin > div + div:hover {background-color:#3c7da5;} */
	.eco-bulletin > div h5 {font-weight:500;font-size:21px;line-height:24px;}
	.eco-bulletin > div h5 span {display:block;font-weight:600;font-size:32px;color:#ffd972;line-height:38px;}
	.eco-bulletin > div span {display:block;}
	.eco-bulletin > div .day, .eco-bulletin > div .month {color:#ffd972;font-weight:500;font-size:32px;}
	.eco-bulletin > div .date {color:#bdd0ee;font-size:14px;}	
	.eco-bulletin > div .hereImg {width:36px;height:36px;margin:13px auto;background:url('../images/content/bulletin-here1.png') no-repeat;}
	.eco-bulletin > div + div .hereImg {background:url('../images/content/bulletin-here2.png') no-repeat;}
	.eco-bulletin > div a {position:absolute;right:0;bottom:0;width:30px;height:30px;line-height:33px;text-align:center;background-color:#eaab47;}
	.eco-bulletin > div a:hover {background-color:#3f3f3f;}
	.eco-bulletin-mobile {display:none;}
	/* treasury bonds */
	.treasury-bonds {float:right;width:51.35%;margin-top:45px;}
	.treasury-bonds h5 {
		display:inline-block;width:100%;line-height:23px;
		font-weight:600;font-size:18px;text-decoration:underline;
	}
	.treasury-bonds h2 a {display:inline-block;font-weight:400;font-size:12px;color:#fff;line-height:22px;text-decoration:none;vertical-align:middle;padding:0 10px;margin-left:15px;background-color:#3f5769;}
	.treasury-bonds li {padding-top:20px;}
	.treasury-bonds li:first-child {padding-top:0;}
	/* open fiscal data */
	.useful-wrap {float:left;margin-top:45px;overflow:hidden;}
	.useful-wrap a {
		display:block;width:196px;height:125px;
		font-weight:500;font-size:16px;color:#114654;letter-spacing:-.75px;
		text-align:center;padding:10px 0;
		border:1px solid #cacaca;text-decoration:none;	
	}
	.useful-wrap a + a {margin-top:25px;}
	.useful-wrap a img {display:block;width:58px;height:55px;margin:10px auto;}
	/* e-application */
	.hikorea-wrap {float:left;margin:45px 0 0 50px;overflow:hidden;}
	.hikorea-wrap a {
		display:block;width:196px;height:125px;
		font-weight:500;font-size:16px;color:#114654;letter-spacing:-.75px;
		text-align:center;padding:10px 0;
		border:1px solid #cacaca;text-decoration:none;	
	}
	.hikorea-wrap a + a {margin-top:25px;}
	.hikorea-wrap a img {display:block;width:123px;height:39px;margin:18px auto 15px auto;}
	/* downloads */
	.download-wrap {float:left;width:565px;margin:45px 0 30px 92px;overflow:hidden;}
	.download-wrap h3, .e-application h3 {font-weight:500;font-size:24px;}
	.download-wrap a {
		position:relative;float:left;
		display:block;width:275px;
		font-weight:500;font-size:16px;color:#fff;text-decoration:none;
		padding:28px 20px;background-color:#3ca7b7;
	}
	.download-wrap a + a {float:right;}
	.download-wrap a span {position:absolute;display:block;width:22px;height:26px;top:25px;right:20px;background:url('../images/content/ico-download.png') no-repeat;}
	/* banner */
	.banner-wrap {position:relative;padding:20px 0;margin-bottom:15px;}
	.banner-wrap > div {padding:0 80px;}
	.banner-wrap .banner-slide {width:100%;}
	.banner-wrap .banner-slide li {width:200px !important;text-align:center;}
	.banner-wrap .banner-slide figure {width:143px;}
	.banner-wrap .cntl-nav {position:absolute;width:100%;top:0;}
	.banner-wrap .cntl-nav a {position:absolute;display:block;top:30px;height:80px;background-color:#fff;}
	.banner-wrap .cntl-nav a.prev {left:0;}
	.banner-wrap .cntl-nav a.next {right:0;}
	.banner-wrap .cntl-nav a span {display:block;width:30px;height:30px;font-size:0;text-indent:-9999px;margin-top:18px;}
	.ico-prev-banner {background:url('../images/common/ico-banner-prev.png') no-repeat;}
	.ico-next-banner {background:url('../images/common/ico-banner-next.png') no-repeat;}
	.ico-prev-banner-act {background:url('../images/common/ico-banner-prev-act.png') no-repeat;}
	.ico-next-banner-act {background:url('../images/common/ico-banner-next-act.png') no-repeat;}
}

/* tablet Portrait & Landscape */
@media screen and (min-width:681px) and (max-width:1024px) { 
	.upper-line {margin-top:35px;}
	.main-content h2 {font-size:26px;line-height:26px;margin-bottom:25px;}
	.main-content h3 {font-size:21px;line-height:26px;margin-bottom:20px;}
	.main-content h5 {font-size:18px;line-height:23px;margin-bottom:5px;}
	.main-content h6 {font-size:15px;line-height:20px;margin-top:5px;}
	.main-content .more {display:inline-block;font-weight:400;color:#3584c1;font-size:15px;text-decoration:none;margin-top:20px;}
	/* press releases */
	.press-release {float:right;width:50.35%;margin-top:45px;}
	.press-release li {padding:7px 0;}
	.press-release li:first-child {padding-top:10px;}
	.press-release li:nth-child(2) {padding-bottom:15px;border-bottom:1px dotted #999;}
	.press-release li:nth-child(3) {padding-top:20px;}
	.press-release li span {display:inline-block;}
	.press-release li h5 {display:inline-block;width:100%;word-break:normal;text-decoration:underline;}
	.press-release .fsc h5, .press-release .bok h5 {
		display:inline-block;width:100%;
		line-height:21px;font-size:18px;color:#318d95;
		margin-top:3px;
		word-break:break-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;
	}
	/* photos */
	.photos-interview {float:left;width:45.35%;margin-top:45px;}
	.photos-interview h2 {display:none;}
	.photos-interview h5 {
		display:inline-block;width:100%;
		line-height:23px;font-size:18px;margin-top:5px;
		word-break:normal;text-decoration:underline;
	}
	.photos-interview figure {width:100%;height:250px;padding:0;margin-bottom:20px;}
	.photos-interview figure div {width:100%;height:100%;background-position:center center;}
	.photos-interview figure img {width:100%;height:270px;object-fit:fill;opacity:0;}
	/* division tab navigation */
	#division-tab {display:none;}
	/* policy focus */
	.policy-focus {margin-top:45px;}
	.policy-focus ul {overflow:hidden;}
	.policy-focus li {float:left;}
	.policy-focus li:nth-child(1), .policy-focus li:nth-child(2) {padding-bottom:8px;}
	.policy-focus li:nth-child(3) {clear:left;}
	.policy-focus li:nth-child(3), .policy-focus li:nth-child(4) {padding-bottom:0;}
	.policy-focus li:nth-child(even) {margin-left:14px;}
	.policy-focus .more {display:none;}
	/* daily indicator */
	.daily-indicate {width:100%;text-align:left;margin-top:35px;}
	.daily-indicate h5 {display:block;font-weight:400;font-size:14px;}
	.daily-indicate > div {float:left;width:25%;padding:15px;border:1px solid #ccc;border-right:none;}
	.daily-indicate > div:nth-child(4) {border-right:1px solid #ccc;}
	.daily-indicate input, .daily-indicate label {display:none;}
	.daily-indicate .current-rate {font-weight:700;font-size:21px;color:#333;}
	.daily-indicate .change-rate {font-weight:500;font-size:14px;}
	.daily-indicate .ven-graph {display:none;}
	.daily-indicate .more {display:none;}
	/* economic bulletin */
	.eco-bulletin {float:left;width:42.35%;margin-top:45px;overflow:hidden;}
	.eco-bulletin > div {position:relative;float:left;width:48.55%;color:#fff;text-align:center;padding:80px 15px;background-color:#4f81d3;cursor:pointer;}
	.eco-bulletin > div + div {float:right;background-color:#529ac7;}
	.eco-bulletin > div:hover {background-color:#3d6cb8;}
	.eco-bulletin > div + div:hover {background-color:#3c7da5;}
	.eco-bulletin > div h5 {font-weight:500;font-size:18px;line-height:21px;}
	.eco-bulletin > div h5 span {display:block;font-weight:600;font-size:25px;color:#ffd972;line-height:29px;}
	.eco-bulletin > div span {display:block;}
	.eco-bulletin > div .day, .eco-bulletin > div .month {color:#ffd972;font-weight:500;font-size:28px;}
	.eco-bulletin > div .date {color:#bdd0ee;font-size:14px;}	
	.eco-bulletin > div .hereImg {width:36px;height:36px;margin:13px auto;background:url('../images/content/bulletin-here1.png') no-repeat;}
	.eco-bulletin > div + div .hereImg {background:url('../images/content/bulletin-here2.png') no-repeat;}
	.eco-bulletin > div a {position:absolute;right:0;bottom:0;width:30px;height:30px;line-height:33px;text-align:center;background-color:#eaab47;}
	.eco-bulletin > div a:hover {background-color:#3f3f3f;}
	.eco-bulletin-mobile {display:none;}
	
	/* treasury bonds */
	.treasury-bonds {float:right;width:53.35%;margin-top:45px;}
	.treasury-bonds h5 {
		display:inline-block;width:100%;line-height:23px;
		font-weight:600;font-size:18px;text-decoration:underline;
	}
	.treasury-bonds h2 a {display:none;}
	.treasury-bonds li {padding-top:15px;}
	.treasury-bonds li:first-child {padding-top:0;}
	/* open fiscal data */
	.useful-wrap {float:left;margin-top:45px;overflow:hidden;}
	.useful-wrap a {
		display:block;width:152px;height:125px;
		font-weight:500;font-size:16px;color:#114654;letter-spacing:-.75px;
		text-align:center;padding:10px 0;
		border:1px solid #cacaca;text-decoration:none;	
	}
	.useful-wrap a + a {margin-top:25px;}
	.useful-wrap a img {display:block;width:58px;height:55px;margin:10px auto;}
	/* e-application */
	.hikorea-wrap {float:left;margin:45px 0 0 10px;overflow:hidden;}
	.hikorea-wrap a {
		display:block;width:152px;height:125px;
		font-weight:500;font-size:16px;color:#114654;letter-spacing:-.75px;
		text-align:center;padding:10px 0;
		border:1px solid #cacaca;text-decoration:none;	
	}
	.hikorea-wrap a + a {margin-top:25px;}
	.hikorea-wrap a img {display:block;width:123px;height:39px;margin:18px auto 15px auto;}
	/* downloads */
	.download-wrap {float:right;width:53.35%;margin:45px 0 30px 0;overflow:hidden;}
	.download-wrap h3, .e-application h3 {font-weight:500;font-size:24px;}
	.download-wrap a {
		position:relative;float:left;
		display:block;width:48.55%;
		font-weight:500;font-size:14px;color:#fff;text-decoration:none;
		padding:28px 20px;background-color:#3ca7b7;
	}
	.download-wrap a + a {float:right;}
	.download-wrap a span {position:absolute;display:block;width:22px;height:26px;top:25px;right:20px;background:url('../images/content/ico-download.png') no-repeat;}
	/* banner */
	.banner-wrap {display:none;}
}

/* tablet Landscape */
@media screen and (min-width:900px) and (max-width:1024px) { 
	.upper-line {margin-top:45px;}
	/* press releases */
	.press-release {width:53.35%;}
	/* photos */
	.photos-interview {width:39.35%;}
	/* policy focus */
	.policy-focus {float:left;width:68.25%;margin-top:45px;}
	.policy-focus li {width:48.65%;padding-bottom:10px;}
	.policy-focus li img {width:100%;height:100%;object-fit:cover;}
	/* daily indicator */
	.daily-indicate {float:right;width:250px;text-align:left;margin-top:0;}
	.daily-indicate h5 {display:none;}
	.daily-indicate > div {clear:left;width:100%;padding:0;border:none;}
	.daily-indicate > div:nth-child(4) {border-right:none;}	
	.daily-indicate label {position:relative;z-index:20;display:block;height:39px;font-size:14px;color:#555;line-height:39px;padding:0 20px;cursor:pointer;border:1px solid #ddd;}	
	.daily-indicate input:checked + label,
	.daily-indicate input:checked + label:hover {font-weight:600;color:#333;background:#fff;border-bottom:none;}
	.daily-indicate input:checked + label:after{position:absolute;content:'';width:12px;height:12px;right:13px;top:10px;background:transparent url('../images/common/ico-acc-close.png') no-repeat center center;}
	.daily-indicate label:after{position:absolute;content:'';width:12px;height:12px;right:13px;top:13px;background: url('../images/common/ico-acc-open.png') no-repeat center center;}
	.daily-indicate input{display:none;}
	.daily-indicate article {position:relative;z-index:10;height:0px;margin-top:-1px;overflow:hidden;}
	.daily-indicate input:checked ~ article{height:214px;border:1px solid #ddd;border-bottom:none;}
	.daily-indicate div:nth-child(4) input:checked ~ article {border-bottom:1px solid #ddd;}
	.daily-indicate .current-rate {position:absolute;top:8px;;left:20px;font-weight:700;font-size:21px;color:#333;}
	.daily-indicate .change-rate {position:absolute;top:20px;;right:20px;font-weight:500;font-size:14px;}
	.daily-indicate .ven-graph {display:block;width:200px;margin:68px auto 0 auto;}
	/* economic bulletin */
	.eco-bulletin {width:39.35%;}
	.eco-bulletin > div {padding:65px 15px;}
	.eco-bulletin > div h5 {font-weight:500;font-size:19px;line-height:23px;}
	.eco-bulletin > div h5 span {display:block;font-weight:600;font-size:29px;color:#ffd972;line-height:35px;}
	/* open fiscal data */
	.useful-wrap a {width:190px;}
	/* e-application */
	.hikorea-wrap a {width:190px;}
	/* banner */
	.banner-wrap {display:none;}
	
	hr {display:none;}
}

/* mobile Portrait & Landscape */
@media screen and (max-width:549px) { 
	.upper-line {border-top:none;}
	.main-content {padding:0;}
	.main-content h2 {display:block;font-weight:600;font-size:21px;line-height:25px;margin-bottom:10px;padding-top:25px;}
	.main-content h5 {display:block;font-weight:600;font-size:16px;line-height:20px;}
	.main-content .more {display:none;}
	/* press releases */
	.press-release {padding:0 10px 15px 10px;}
	.press-release h5 {margin-top:3px;}
	.press-release h5 a {text-decoration:underline;}
	.press-release li {font-weight:400;padding-top:10px;}
	.press-release li:first-child {padding-top:0;}
	.press-release li:nth-child(2) {padding-bottom:20px;border-bottom:1px dotted #d3d3d3;}
	.press-release span {color:#999;font-size:13px;}
	.press-release .fsc h5, .press-release .bok h5 {color:#318d95;}
	.press-release .more {display:block;margin-top:15px;}
	/* photos */
	.photos-interview {position:relative;}
	.photos-interview h2 {display:none;}
	.photos-interview h5 {
		position:absolute;bottom:0;
		width:100%;
		font-weight:500;font-size:16px;line-height:20px;color:#fff;
		padding:10px;background:rgba(0,0,0,.7);
		word-break:normal;text-decoration:none;
	}
	.photos-interview > span {display:none;}
	.photos-interview figure {width:100%;height:270px;padding:0;background-color:#ddd;}
	.photos-interview figure div {width:100%;height:100%;background-position:center center;}
	.photos-interview figure img {width:100%;height:270px;object-fit:fill;opacity:0;}
	/* division tab navigation */
	#division-tab {display:none;}
	/* policy focus */
	.policy-focus {width:95.55%;margin:15px auto 15px auto;padding:0 15px 10px 15px;border:1px solid #acacac;border-radius:15px;background-color:#f9f9f9;}
	.policy-focus h2 {font-size:16px;padding-top:15px;}
	.policy-focus li img {width:100%;height:100%;object-fit:cover;}
	.policy-focus .more {display:block;margin:15px 0 10px 0;}
	/* daily indicator */
	.daily-indicate {width:100%;margin-top:30px;text-align:left;}
	.daily-indicate > div {float:left;width:50%;padding:15px;border:1px solid #ccc;border-right:none;border-bottom:none;}
	.daily-indicate > div:nth-child(odd) {border-left:none;}
	.daily-indicate > div:nth-child(3), .daily-indicate > div:nth-child(4) {border-bottom:1px solid #ccc;}
	.daily-indicate input {display:none;}
	.daily-indicate label {display:none;}
	.daily-indicate h5 {display:block;font-weight:400;font-size:14px;}
	.daily-indicate .current-rate {float:left;font-weight:700;font-size:19px;color:#333;}
	.daily-indicate .change-rate {float:right;font-weight:500;font-size:12px;margin-top:7px;}
	.daily-indicate .ven-graph {display:none;}
	/* economic bulletin */
	.eco-bulletin {display:none;}
	.eco-bulletin-mobile {width:100%;margin-top:25px;padding:0 10px;overflow:hidden;}
	.eco-bulletin-mobile > div {float:left;width:48%;color:#fff;text-align:center;padding:15px;background-color:#4f81d3;cursor:pointer;}
	.eco-bulletin-mobile > div + div {float:right;background-color:#529ac7;}
	.eco-bulletin-mobile > div:hover {background-color:#3d6cb8;}
	.eco-bulletin-mobile > div + div:hover {background-color:#3c7da5;}
	.eco-bulletin-mobile > div h5 {font-weight:500;font-size:18px;line-height:21px;}
	.eco-bulletin-mobile > div h5 span {display:block;font-weight:600;font-size:23px;color:#ffd972;line-height:29px;}
	/* treasury bonds */
	.treasury-bonds {width:95.55%;margin:25px auto 0 auto;padding:0 15px 25px 15px;border:1px solid #acacac;border-radius:15px;background-color:#f9f9f9;}
	.treasury-bonds h2 {font-size:21px;}
	.treasury-bonds h5 {
		display:inline-block;width:100%;line-height:23px;
		font-weight:500;font-size:16px;text-decoration:underline;
	}
	.treasury-bonds h2 a {display:none;}
	.treasury-bonds li {padding-top:10px;}
	.treasury-bonds li:first-child {padding-top:5px;}
	.treasury-bonds .more {display:block;margin-top:15px;}
	/* open fiscal data */
	.useful-wrap {float:left;width:48%;margin:25px 0;padding-left:10px;overflow:hidden;}
	.useful-wrap a {
		display:block;width:100%;height:125px;
		font-weight:500;font-size:16px;color:#114654;letter-spacing:-.75px;
		text-align:center;padding:10px 0;
		border:1px solid #cacaca;text-decoration:none;	
	}
	.useful-wrap a + a {margin-top:25px;}
	.useful-wrap a img {display:block;width:58px;height:55px;margin:10px auto;}
	/* e-application */
	.hikorea-wrap {float:right;width:48%;margin:25px 0;padding-right:10px;overflow:hidden;}
	.hikorea-wrap a {
		display:block;width:100%;height:125px;
		font-weight:500;font-size:16px;color:#114654;letter-spacing:-.75px;
		text-align:center;padding:10px 0;
		border:1px solid #cacaca;text-decoration:none;	
	}
	.hikorea-wrap a + a {margin-top:25px;}
	.hikorea-wrap a img {display:block;width:123px;height:39px;margin:18px auto 15px auto;}
	/* downloads */
	.download-wrap {clear:both;width:100%;margin:45px 0 45px 0;padding:0 10px;overflow:hidden;}
	.download-wrap h3 {font-weight:500;font-size:16px;margin-bottom:10px;}
	.download-wrap a {
		position:relative;float:left;
		display:block;width:48.55%;text-align:center;
		font-weight:500;font-size:14px;color:#fff;text-decoration:none;
		padding:28px 20px;background-color:#3ca7b7;
	}
	.download-wrap a + a {float:right;}
	.download-wrap a span {display:none;}
	hr {display:none;}
	/* banner */
	.banner-wrap {display:none;}
}

/* mobile Landscape */
@media screen and (min-width:550px) and (max-width:680px) {
	.upper-line {margin-top:35px;}
	.main-content {padding:0 15px;}
	.main-content h2 {font-size:21px;line-height:25px;margin-bottom:10px;}
	.main-content h3 {font-size:21px;line-height:25px;margin-bottom:20px;}
	.main-content h5 {font-size:16px;line-height:19px;}
	.main-content .more {display:inline-block;font-weight:400;color:#3584c1;font-size:15px;text-decoration:none;margin-top:20px;}
	/* press releases */
	.press-release {float:right;width:53.35%;margin:35px 0 0 0;}
	.press-release li {padding-top:10px;}	
	.press-release li:last-child {padding-top:5px !important;}
	.press-release li h5 {
		display:block;height:23px;
		line-height:23px;font-size:16px;
		margin-top:3px;
		word-break:break-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
	}
	.press-release .fsc h5, .press-release .bok h5 {display:block;line-height:19px;font-size:18px;color:#318d95;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	/* photos */
	.photos-interview {float:left;width:40.35%;margin:35px 0;}
	.photos-interview h5 {
		display:-webkit-box;width:100%;height:48px;
		font-weight:600;font-size:16px;line-height:20px;
		-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:normal;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;
	}
	.photos-interview figure {margin-bottom:10px;}
	.photos-interview figure div {width:100%;height:170px;background-position:center center;}
	.photos-interview figure img {width:100%;height:100%;object-fit:fill;opacity:0;}
	/* division tab navigation */
	#division-tab {display:none;}
	/* policy focus */
	.policy-focus {padding:35px 0;border-top:1px solid #acacac;}
	.policy-focus ul {margin-top:15px;}
	.policy-focus li {float:left;width:50%;padding-bottom:5px;}
	.policy-focus li:nth-child(even) {padding-left:5px;}
	.policy-focus li:nth-child(odd) {padding-right:5px;}
	.policy-focus li img {width:100%;height:100%;object-fit:cover;}
	.policy-focus .more {display:none;}
	/* daily indicator */
	.daily-indicate {position:relative;clear:left;width:100%;text-align:left;}
	.daily-indicate h5 {display:block;font-weight:400;font-size:14px;}
	.daily-indicate > div {float:left;width:50%;padding:15px;border:1px solid #ccc;border-bottom:none;}
	.daily-indicate > div:nth-child(odd) {border-left:1px solid #ccc;border-right:none;}
	.daily-indicate > div:nth-child(3), .daily-indicate > div:nth-child(4) {border-bottom:1px solid #ccc;}
	.daily-indicate input {display:none;}	
	.daily-indicate label {display:none;}
	.daily-indicate .current-rate {float:left;font-weight:700;font-size:21px;color:#333;}
	.daily-indicate .change-rate {float:right;font-weight:500;font-size:14px;margin-top:7px;}
	.daily-indicate .ven-graph {display:none;}
	.daily-indicate .more {display:none;}
	/* economic bulletin */
	.eco-bulletin {display:none;}
	.eco-bulletin-mobile {width:100%;margin-top:35px;overflow:hidden;}
	.eco-bulletin-mobile > div {float:left;width:49.33%;color:#fff;text-align:center;padding:15px;background-color:#4f81d3;cursor:pointer;}
	.eco-bulletin-mobile > div + div {float:right;background-color:#529ac7;}
	.eco-bulletin-mobile > div:hover {background-color:#3d6cb8;}
	.eco-bulletin-mobile > div + div:hover {background-color:#3c7da5;}
	.eco-bulletin-mobile > div h5 {font-weight:500;font-size:18px;line-height:21px;}
	.eco-bulletin-mobile > div h5 span {display:block;font-weight:600;font-size:23px;color:#ffd972;line-height:29px;}
	/* treasury bonds */
	.treasury-bonds {width:100%;margin-top:35px;}
	.treasury-bonds h5 {
		display:inline-block;width:100%;line-height:23px;
		font-weight:600;font-size:18px;text-decoration:underline;
	}
	.treasury-bonds h2 a {display:none;}
	.treasury-bonds li {padding-top:15px;}
	.treasury-bonds li:first-child {padding-top:0;}
	/* open fiscal data */
	.useful-wrap {float:left;width:48%;margin:35px 0;overflow:hidden;}
	.useful-wrap a {
		display:block;width:100%;height:125px;
		font-weight:500;font-size:16px;color:#114654;letter-spacing:-.75px;
		text-align:center;padding:10px 0;
		border:1px solid #cacaca;text-decoration:none;	
	}
	.useful-wrap a + a {margin-top:25px;}
	.useful-wrap a img {display:block;width:58px;height:55px;margin:10px auto;}
	/* e-application */
	.hikorea-wrap {float:right;width:48%;margin:35px 0;overflow:hidden;}
	.hikorea-wrap a {
		display:block;width:100%;height:125px;
		font-weight:500;font-size:16px;color:#114654;letter-spacing:-.75px;
		text-align:center;padding:10px 0;
		border:1px solid #cacaca;text-decoration:none;	
	}
	.hikorea-wrap a + a {margin-top:25px;}
	.hikorea-wrap a img {display:block;width:123px;height:39px;margin:18px auto 15px auto;}
	/* downloads */
	.download-wrap {clear:both;width:100%;margin:45px 0;padding:0 10px;overflow:hidden;}
	.download-wrap h3 {font-weight:500;font-size:24px;margin-bottom:10px;}
	.download-wrap a {
		position:relative;float:left;
		display:block;width:48.55%;
		font-weight:500;font-size:14px;color:#fff;text-decoration:none;
		padding:28px 20px;background-color:#3ca7b7;
	}
	.download-wrap a + a {float:right;}
	.download-wrap a span {position:absolute;display:block;width:22px;height:26px;top:25px;right:20px;background:url('../images/content/ico-download.png') no-repeat;}
	hr {display:none;}
	/* banner */
	.banner-wrap {display:none;}
}

/*2023*/

@media screen and (max-width:1900px) {
    .main_visual ul li a .img img{max-width: fit-content;width:auto;display:block;}
}

@media screen and (max-width:1580px) {
	.inner {width:100%; padding:0 5%; box-sizing: border-box;}
	#header {padding:0 5%; height:80px; background:#fff;}
	#header > h1 {width:40%;margin-top: 15px;}
	#header > h1 > a {background:url('../../img/2023/img_logo_dark.png') center center / contain no-repeat;}
	#header > .gnb {display:none;}
    #header > .right > .logout_btn {right:15%}
	#header > .right {margin-left:auto;}
	#header > .right > .search_bar {width:auto;margin: 0;}
	.search_icon_mobile {display:block;width: 30px;height: 30px;position: fixed;top: 25px;right: 9%;font-size: 0;}
	.search_icon_mobile .circle {
		width: 18px;
		height: 18px;
		border: 2px #ffffff solid;
		border-radius: 100%;
		display: block;
	}
	.search_icon_mobile .line {
		display:block;
		width: 2px;
		height: 10px;
		background: #fff;
		position: absolute;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		top: 20px;
		left: 21px;
	}
	.search_icon_mobile.active .circle {width:2px;height:30px;border:0;background:#fff;transform:rotate(45deg);position:absolute;top: 3px;right:5px;}
	.search_icon_mobile.active .line {height:30px;top: 3px;}
	#header > .right > .search_bar input[type="text"]:focus {width:100%;}
	.lang {display:none;}
	#header > div.right .all_menu {margin: 20px 0;}
	#header > .right > .search_bar input[type="text"] {display:none;width:100%;height:70px;position:fixed;top:80px;left:0;background: #003964;border: 0!important;border-radius:0;box-shadow: 0px 6px 6px rgba(0,0,0,0.2);}
	#header > .right > .search_bar input[type="text"]::placeholder {color:#fff!important;}
	.search_btn {display:none;position:fixed; top:104px; height:auto;}
	.search_btn span:before {border:2px #fff solid!important;}
	.search_btn span:after {background:#fff!important;}
	#header > .right > .search_bar input[type="text"].searchInput.open,
	.search_btn.on {display:block;}
	.search_icon_mobile.on .circle {
    width: 30px;
    height: 2px;
    border: 0;
    background: #5c5c5c;
    transform: rotate(45deg);
    position: absolute;
    top: 16px;
    right: 0;
    transition: .3s ease;
}
	.search_icon_mobile.on .line {
    width: 30px;
    height: 2px;
    background: #5c5c5c;
    position: absolute;
    top: 16px;
    left: 0;
    transition: .3s ease;
}

	/*전체메뉴*/
	#header div.right .all_menu:before, 
	#header div.right .all_menu:after, 
	#header div.right .all_menu > span {background:#5c5c5c;}
	.all_nav {flex-wrap: wrap;}
	.all_nav > li {width:50%; border-right:0; padding-left:0;}
	.search_icon_mobile .circle {border:2px solid #5c5c5c;transition: .3s ease;}
	.search_icon_mobile .line {background:#5c5c5c;transition: .3s ease;}

	/*메인컨텐츠*/
	.main_visual ul li a .txt {/*width:100%; text-align:center;*/top:200px;transform: translateX(-76%);}
	.main_visual .swiper-pagination {margin-left:-470px;}
	.main_visual .swiper-button-pause {margin-left:-450px;}
    .main_visual .swiper-button-play {margin-left:-450px;}
	.board_list .cont {width:63%;}
	.board_list .date {width:16%;}
	.board_list .cont p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 43px;
		line-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.public .flexCnt {display:block;}
	.public .flexCnt .left {width:100%; margin-right:0; margin-bottom:70px;}
	.public .flexCnt .right {width:100%; margin-right:0;}
	.public .left > div > ul {/* justify-content: center; */}
	.public .left > div > ul > li {width:100%; text-align:center;}
	.public .left > div > ul > li span {margin:0 auto 15px;}
	.latest .swiper-slide .list {flex-wrap: wrap;}
	.latest.swiper-container {height:410px;}
	.latest.swiper-container li > .list > div {width: calc(50% - 10px);margin-bottom:10px;padding:20px;margin-right: 15px;height:185px;}
	.latest.swiper-container li > .list > div:nth-child(2n) {margin-right:0;}
	.latest.swiper-container li p {font-size:14px;}
	.latest.swiper-container li strong {font-size: 28px;}
	.latest.swiper-container li strong.small_txt {font-size:20px;}
	.latest.swiper-container li strong.small_txt > span {font-size:14px; margin-top:8px;}
	.latest.swiper-container li span.date {font-size:13px;right:20px;bottom:20px;}
	#footer {padding:0 5%;}
	#footer .footCnt {flex-wrap:wrap;}
	#footer .siteInfo, #footer .HomeInfo, #footer .reachUs {width:100%;margin-right:0;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #757575;}
	#footer .reachUs {border-bottom:0; margin-bottom:0; padding-bottom:0;}
	.footerContent .siteInfo > ul > li {margin-bottom:3px;}
	.footerContent .siteInfo > ul > li:last-child {margin-top:0;}
	.footerContent .cntHead {margin-bottom:20px;}
	.footerContent .reachUs > a {max-width:200px;}
    .main_visual .swiper-prev{margin-left:-530px;}
    .main_visual .swiper-next{margin-left:-420px;}
    .news .flexCnt .left{width:32.8%;}
}

@media screen and (max-width:1200px) {
    .main_visual ul li a .img{height:100%;margin:0;}
    .main_visual ul li a .txt{left:30px;transform: translateX(0);width:80%}
    .news .cont a .img .in{height:150px;padding-bottom:0;}
    .news .news_list > li > a .img .in{height:280.5px;padding-bottom:0;}
    .main_visual .swiper-prev{left:30px;margin-left:0;}
    .main_visual .swiper-next{left:135px;margin-left:0;}
    .main_visual .swiper-pagination{left:92px;margin-left:0;}
    .main_visual .swiper-button-pause{left:112px;margin-left:0;}
    .main_visual .swiper-button-play{left:112px;margin-left:0;}
}

@media screen and (max-width:1000px) {
    .news .flexCnt .left{width: 40%;}
}

@media screen and (max-width:768px) {
	.latest.swiper-container {height: 398px;}
	.main_section h2 {font-size:26px;}
    .public .left > div > ul > li .img img{width:100%; height:230px;}
    .public .left > div > ul > li span{font-size:13px;}
	.public .left > div > ul > li p {padding:0 30px;}
}

@media screen and (max-width:650px) {
	/*header*/
	#header > h1 {margin-top:7px;}
	#header {height:60px;}
    #header > .right > .logout_btn {right:25%}
	#header > .right > .search_bar input[type="text"] {top:60px; height:50px;}
	.search_btn {top:77px;}
	#header > div.right .all_menu {margin:10px 0;}
	.search_icon_mobile {top: 15px;right: 16%;}
	.menu_container {margin-top:20px;}

	/*메인컨텐츠*/
	.flexCnt {display:block;}
	.news .flexCnt .left {width:100%; margin-right:0; margin-bottom:70px;} 
	.news .flexCnt .right {width:100%; }
	.main_section {margin-top:40px;}
	.main_section h2 {font-size:18px;margin-bottom:15px}
    .main_section h2:before{height:1px;}
    .main_section h2 img{height:20px;vertical-align:top;}
    .main_visual{height:330px}
    .main_visual ul li a{background-position:center center;}
	.main_visual ul li a .txt {width:auto;top:auto;bottom:60px;right:30px;}
	.main_visual ul li a .txt strong {display:block;font-size:18px;max-height:81px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-overflow: ellipsis;}
	.main_visual ul li a .txt p {font-size:14px;display:none;}
    .main_visual ul li a .img img{height:150%;margin-left:-650px;margin-top:-50px}
	.main_visual .swiper-prev {bottom:30px}
	.main_visual .swiper-next {bottom:30px}
    .main_visual .swiper-button-pause{bottom:15px}
    .main_visual .swiper-button-play{bottom:15px}
    .main_visual .swiper-pagination{bottom:25px}
	.pc-b {display:none;}
	.board_list {padding:20px 15px}
	.board_list li {padding:15px 0;}
	.board_list a {flex-direction: column;padding-bottom:65px;background:none;text-align:left;padding-bottom:0;}
	.board_list a:hover {background:none;}
	.board_list .date {width:100%; margin-right:0; margin-bottom:10px;display:block;text-align:left;}
	.board_list .date > strong {font-size:15px;line-height:150%;font-weight:400;color:#555;}
	.board_list .date > p {font-size:13px; margin-top:10px;}
    .board_list .date > em{font-size:15px;}
	.board_list .cont {width:100%;}
	.board_list .cont strong {font-size:16px;font-weight:500;color:#000;}
	.board_list .cont p {font-size:12px;}
	.news .news_list {flex-direction: column;}
	.news .news_list > li {margin-bottom:30px;}
    .public .left > div{padding:20px;}
	.public .left > div > ul > li {margin-right:0; margin-bottom:0;}
	.public .left > div > ul > li .img {width:60%; margin:0 auto 20px;}
	.public .left > div > ul > li .img > img {height:250px;}
	.public .left > div > ul > li:last-child {margin-bottom:0;}
    .public .swiper-next{display:block;}
    .public .swiper-prev{display:block;}
	.latest.swipe > div -container {height:785px;}
	.latest .swiper-slide .list {flex-wrap:wrap;}
    .latest.swiper-container{height:600px;}
	.latest.swiper-container li > .list > div {margin-right:0;width: 100%;padding:15px 20px;height:140px;}
    .latest.swiper-container li p{height:auto;}
    .latest.swiper-container li strong{margin-bottom:15px;}
    .latest .swiper-next{width:30px;height:30px;background-size:100% !important;right:70px;}
    .latest .swiper-prev{width:30px;height:30px;background-size:100% !important;right:35px;}
    .latest .swiper-button-play2{width:30px;height:30px;background-size:100% !important;}
    .latest .swiper-button-pause2{width:30px;height:30px;background-size:100% !important;}
	.footerContent .HomeInfo > ul > li {display:block; width:100%; margin-right:0;}
    .news .cont a .img .in{height:0;padding-bottom:65%;}
    .news .news_list > li{margin-left:0;}
    .news .news_list > li > a .img .in{height:0;padding-bottom:100%;}
    #footer .footerContent{padding:30px 0}
    .footerContent .cntHead{font-size:15px;margin-bottom:10px;}
    .footerContent .cntHead img{height:40px;vertical-align:top;}
    #footer .siteInfo{padding-bottom:20px;margin-bottom:20px;margin-bottom:0;padding-bottom:0;border-bottom:0;}
    .footerContent .siteInfo > ul > li{font-size:13px;}
    .footerContent .siteInfo > ul > li:nth-child(2){margin-bottom:20px;}
    #footer .HomeInfo{display:none;}
    #footer .reachUs{display:none;}
    .footerContent .reachUs span > a{margin:15px 0}
    .footerContent .reachUs > a{font-size:13px;width:165px;}
    .footerContent .reachUs > ul > li{margin-bottom:5px;}
    .footerContent .reachUs > ul > li > a{font-size:13px;}
    .latest{display:none;}
    .latest_m{display:block;}
    /*전체메뉴*/
	.all_nav {flex-direction: column;margin-top:50px;}
	.all_nav > li {margin-bottom: 0;border-right: 0;width: 100%;margin-bottom:20px;}  
	.all_nav > li > ul {display:none;}
	.all_nav > li > button {margin-top:0;font-size:14px;color:#222;font-weight:500;padding-top:5px;position:relative;letter-spacing:0;}
    .all_nav > li > button:before{content:'';display:block;width:70px;height:1px;background:#d2d2d2;position:absolute;left:0;top:0;}
    .all_nav > li > button + ul{padding-bottom:15px;padding-left:10px;}
    .all_nav > li:nth-child(1) > button:before{width:70px;}
    .all_nav > li:nth-child(2) > button:before{width:50px;}
    .all_nav > li:nth-child(3) > button:before{width:30px;}
    .all_nav > li:nth-child(4) > button:before{width:20px;}
    .all_nav > li:nth-child(5) > button:before{width:10px;}
    .all_nav > li > ul > li{margin-bottom:10px;}
    .all_nav > li > ul > li > a{font-size:14px;color:#969696;font-weight:500;}
    .allmenu .menu_close{left:auto;right:15px;top:12px;background:none;}
    .allmenu .menu_close:hover{background:none;}
    .allmenu .menu_close:before{background:#777;width:30px;height:1px;}
    .allmenu .menu_close:after{background:#777;width:30px;height:1px;}
    .allmenu_lang{margin:0 5%;position:relative;}
    .allmenu_lang .info a{font-size:14px;color:#999;font-weight:500;line-height:48px;}
    .mSiteInfo{position:absolute; bottom:0; width:100%; height:auto; padding:20px 15px;  display:flex; align-items:center; flex-wrap:wrap;}
    .mSiteInfo .info, .mSiteInfo .site{height:auto; display:flex; align-items:center;}
    .mSiteInfo .info{flex:auto; }
    .mSiteInfo .info > a{color:#999999;font-size: 13px;font-weight:400;letter-spacing:1px;display:flex;align-items:center;}
    .mSiteInfo .info > a:after{content:''; display:block; margin:0 9px; width:1px; height:7px; background:#bbb; }
    .mSiteInfo .info > a:last-child:after{display:none;}
    .mSiteInfo .site > a{width: 40px;height: 40px;display:flex;align-items:center;font-size:0;border-radius:100%;text-align:center;margin:0 auto;}
    .mSiteInfo .site > a > i{ display:block;  text-align:center; margin:0 auto;}
    .mSiteInfo .site .tweetSite{ background:#1da1f2; margin-right:5px;}
    .mSiteInfo .site .tweetSite > i{width: 15px;height: 13px;background: url('../../images/2019/icon-twitter.svg') center center / contain no-repeat;}
    .mSiteInfo .site .koreanSite{background:#656565;}
    .mSiteInfo .site .koreanSite > i{width: auto;height: auto;color: #fff;font-size: 11px;font-style: normal;text-align: center;line-height: 1;letter-spacing: 0.5px;/* background:url('../../images/2019/controls.png') -59px -44px / auto no-repeat; */font-family: 'Questrial';}
}
.hideCont {overflow:hidden; position:absolute; width:1px; height:1px; font-size:1px;}