@charset "utf-8";

/* Header */
	.header {position:relative; z-index:1000;}
	.h-noti {display:none; background:#486aa0; height:65px; color:white;}
	.h-noti.active {display:flex; justify-content:flex-end;}
	.h-noti-inner {display:flex; flex:0 0 100%; align-items:flex-end; gap:30px; width:100%; height:100%; margin:0;}
	.h-noti-swi {display:flex; position:relative; align-items:center; width:100%; height:100%; font-size:24px;}
	.h-noti-swi .swiper {width:100%; height:100%;}
	.h-noti-swi .swiper-slide a {display:block; width:1920px; height:65px;}
	.h-noti-swi .swiper-slide img {position:absolute; left:50%; top:0; width:1920px; height:65px; transform:translate(-50%, 0);}
	.h-noti-util {display:flex; gap:32px; position:absolute; right:0; top:50%; align-items:center; justify-content:space-between; padding-right:18px; transform:translate(0, -50%); z-index:10;}
	.h-noti-util .chk-rdo-chk {min-height:20px; line-height:20px;}
	.h-noti-util .chk-rdo-chk > span {font-size:14px; line-height:20px;}
	.h-noti-util .chk-rdo-chk > span:before {flex:0 0 20px; width:20px; height:20px;}
	.h-noti-util .chk-rdo-chk > span:after {left:1px; top:4px; transform:scale(0.7);}
	.h-noti .h-swiper-ctrl {display:flex; gap:4px;}
	
	.h-wrap {transition:all .3s ease; position:relative; display:flex; align-items:center; justify-content:space-between; background: transparent; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.04); height:100px; padding:0 50px;}
	.h-wrap .h-top-left {display:flex; flex:1; align-items:center; justify-content:space-between;}
	.h-wrap .h-logo {flex:0 0 206px;}
	.h-wrap .h-logo a { cursor: pointer;}
	.h-wrap .h-logo .active { display: flex; transition:all .3s ease; width:206px; height:31px; cursor: pointer;}
	.h-wrap .h-logo .active,
	.h-logo.active {transition:all .3s ease; background:url("../../images/img/img_logo.png") no-repeat; max-width:206px; height:31px; cursor: pointer;}
	.h-logo.active {display: block; margin: 0 auto;}
	.h-logo img { max-width: 206px; height:30px;}
	.h-wrap .h-gnb {display:flex; justify-content: center; width:100%; color:black;}
	.h-wrap .h-gnb > * {flex:1; position:relative; max-width:230px; text-align:center;}
	.h-wrap .h-gnb a:hover, .h-wrap .h-gnb span:hover {color:var(--mc);}
	.h-wrap .h-gnb span:hover { cursor: default;}
	.h-wrap .h-gnb .mobile {display:block !important;}
	.h-wrap .h-gnb ul {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; left:50%; top:62px; border: 1px solid var(--kit-01-ref-neutral-neutral-95, #EFF1F1); background: var(--kit-01-white, #FFF); box-shadow: 0px 13px 14px 4px rgba(0, 0, 0, 0.08), 0px 2px 5px 0px rgba(0, 0, 0, 0.10), 0px 4px 5px 0px rgba(0, 0, 0, 0.13);
	 min-width:200px; padding: 25px 30px 25px 25px; font-size:17px; font-weight:400; line-height:38px; color:#747878; transform:translate(-50%, 0);}
	
	.h-wrap .h-gnb-sub {display:none; position:absolute; left:0; top:100px; background:white; border-top:1px solid #C4C7C7; width:100%;}
	.h-wrap .h-gnb-sub.active {display:block; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.04);}
	.h-wrap .h-gnb-sub > ul {display:flex; border-left:1px solid #EFF1F1;}
	.h-wrap .h-gnb-sub > ul > * {display:flex; flex-direction:column; flex:1; gap:25px; border-right:1px solid #EFF1F1; min-height:419px; padding:40px 35px;}
	.h-wrap .h-gnb-sub > ul > * > a,
	.h-wrap .h-gnb-sub > ul > * > span {font-size:20px; font-weight:700; color:black; pointer-events:none;}
	.h-wrap .h-gnb-sub ul ul {display:block !important; font-size:18px; line-height:42px; color:#747878;}
	.h-wrap .h-gnb-sub ul ul a:hover {color:var(--mc);}
	/* .h-wrap .h-gnb-sub .m5 {display:none;} */
	.h-wrap .h-gnb-sub .h-panel-gnb .mobile {display:block !important;}
	.h-wrap .h-util {display:flex;}
	.h-wrap .h-util > a,
	.h-wrap .h-util > button {flex:0 0 60px; justify-content:center; width:60px; height:60px; cursor: pointer;}
	.h-wrap .h-util-menu {display:none; flex-direction:column; gap:8px; position:absolute; right:50px; top:85px; background:white; border:1px solid #EFF1F1; border-radius:8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); width:180px; padding:25px; line-height:38px;}
	.h-wrap .h-util-menu.active {display:flex;}
	.h-wrap .h-util-menu:before {content:""; position:absolute; left:50%; top:-15px; background:var(--ico); background-size:var(--icosz); background-position:-400px -50px; width:22px; height:15px; transform:translate(-50%, 0);}
	.h-wrap .h-util-menu a:hover {color:var(--mc);}
	.h-wrap .h-search {display:none; position:absolute; left:0; top:100px; background:white; border-top:1px solid #C4C7C7; width:100%;}
	.h-wrap .h-search.active {display:block;}
	.h-wrap .h-iw-search {width:840px; padding:47px 0 60px;}
	.h-wrap .h-iw-search .inp-sch-01 {margin-top:26px;}
	.h-wrap .h-iw-search .recently-wrap {border-bottom:1px solid #EFF1F1; padding:35px 0 13px;}
	.h-wrap .h-iw-search .recently-lst {display:flex; flex-direction:column; gap:15px; margin-top:13px;}
	.h-wrap .h-iw-search .recently-lst > * {display:flex; justify-content:space-between;}

/*	login page header */
	.login-header { position: absolute; top: 0; left: 0; z-index: 1; width: 100%;}
	.h-login-wrap { box-shadow: none;}
	.h-login-wrap .h-logo a { display: block; cursor: pointer;}

/* Global Navigation */
	.h-gnb ul {position:absolute; left:0; top:0;}
	.h-gnb {display:flex; gap:10px; font-size:24px; font-weight:700;}
	
/* Local Navigation */
	.lnb-wrap {flex:0 0 302px;}
	.lnb-wrap .lnb-tit {font-size:36px; font-weight:700; color:#010101;}
	.lnb-wrap .lnb-nav {display:flex; flex-direction:column; gap:20px; margin-top:46px; font-size:22px;}
	.lnb-wrap .lnb-nav > * {display:flex; align-items:center; gap:10px;}
	.lnb-wrap .lnb-nav > *.active {font-weight:700; color:black;}
	.lnb-wrap .lnb-nav > *.active:before {content:""; background:var(--mc); border-radius:50%; width:8px; height:8px;}
	
/* Quick Menu */
	.iw-quick-wrap {opacity:0; pointer-events:none; position:sticky; left:0; bottom:calc(100vh - 786px); line-height:120%; text-align:center; z-index:10; transition:opacity .3s ease;}
	.iw-quick-wrap.active {opacity:1; pointer-events:auto; transition:opacity .3s ease;}
	.iw-quick-wrap .quick-menu {overflow:hidden; position:absolute; right:-36px; bottom:0; background:white; border-radius:5px; width:100px; font-size:14px; transform:translate(184px, 0); color:#747878;}
	.iw-quick-wrap .quick-menu > * {overflow:hidden; border:1px solid #e1e3e3;}
	.iw-quick-wrap .quick-menu > * + * {margin-top:-1px;}
	.iw-quick-wrap .quick-menu a {display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; height:100px;}
	.iw-quick-wrap .quick-menu > *:first-child {border-radius:5px 5px 0 0;}
	.iw-quick-wrap .quick-menu > *:last-child {border-radius:0 0 5px 5px;}
	.iw-quick-wrap .quick-menu > *:last-child a {height:80px;}
	.iw-quick-wrap .quick-menu a:before {display:none; content:""; background:var(--ico); background-size:var(--icosz);}
	.iw-quick-wrap .quick-menu > *:hover {transition:border .3s ease; border-color:var(--mc);}
	.iw-quick-wrap .quick-menu a:hover {transition:background .3s ease; background:var(--mc); color:white;}
	.iw-quick-wrap .quick-menu .quick-img {width:30px; height:30px;}
	
	.iw-quick-wrap .quick-menu-01 a:before {background-position:-900px 0; width:24px; height:23px;}
	.iw-quick-wrap .quick-menu-02 a:before {background-position:-950px 0; width:20px; height:26px;}
	.iw-quick-wrap .quick-menu-03 a:before {background-position:0 -50px; width:23px; height:18px;}
	.iw-quick-wrap .quick-menu-04 a:before {background-position:-50px -50px; width:26px; height:20px;}
	.iw-quick-wrap .quick-menu-05 a:before {background-position:-100px -50px; width:18px; height:17px;}
	
	.iw-quick-wrap .quick-menu-01 a:hover:before {background-position:-550px -250px;}
	.iw-quick-wrap .quick-menu-02 a:hover:before {background-position:-600px -250px;}
	.iw-quick-wrap .quick-menu-03 a:hover:before {background-position:-650px -250px;}
	.iw-quick-wrap .quick-menu-04 a:hover:before {background-position:-700px -250px;}
	.iw-quick-wrap .quick-menu-05 a:hover:before {background-position:-750px -250px;}
	
/* Sub Header */
	.page-location {font-size:14px; color:#8E9192;}
	.page-location .location-inner {display:flex; align-items:center; justify-content:flex-end; gap:10px; height:53px;}
	.page-location .location-inner > * {display:flex; gap:12px; align-items:center;}
	.page-location .location-inner > *:last-child {color:#444748;}
	.page-location .location-inner > * + *:before {content:""; background:var(--ico); background-size:var(--icosz); background-position:-400px 0; width:6px; height:11px;}
	.sub-top {display:flex; justify-content:space-between; padding-bottom:30px;}
	.sub-top [class*="sub-tit"] {display:flex; align-items:center; gap:10px; font-size:28px; font-weight:700; color:black;}
	.sub-top [class*="sub-tit"]:before {content:""; background:var(--mc); border-radius:50%; width:12px; height:12px;}
	.sub-top .sub-tit-02:before {display:none;}
	
/* Footer */
	.f-wrap {flex:0 0 285px; background:#1A1B26; height:285px;}
	.f-inner {display:flex; gap:70px; padding-top:49px;}
	.f-wrap .f-center {width:1028px;}
	.f-wrap .f-menu {display:flex; align-items:center; flex-wrap:wrap; gap:16px; border-bottom:1px solid rgba(255, 255, 255, 0.07); padding-bottom:26px; font-weight:500; color:#ABABAB;}
	.f-wrap .f-menu > * {position:relative; word-break:keep-all;}
	.f-wrap .f-menu > * + * {padding-left:16px;}
	.f-wrap .f-menu > * + *:before {content:""; position:absolute; left:0; top:50%; background:#5A5A5A; width:1px; height:12px; transform:translate(0, -50%);}
	.f-wrap .f-menu a:hover {color:white;}
	.f-wrap .f-copyaddr {font-size:14px; line-height:20px; color:rgba(153, 153, 153, 0.68);}
	.f-wrap .f-copy {margin-top:16px;}
	.f-wrap .f-bottom {display:flex; justify-content:space-between; margin-top:26px;}
	.f-wrap .f-site {display:flex; flex-direction:column; gap:10px; flex:0 0 200px; width:200px; height:60px; margin-right:28px;}
	.f-wrap .f-site > * {flex:0 0 60px; height:60px;}
	.f-wrap .f-site a {display:flex; align-items:center; justify-content:space-between; background:#2E303E; border:0; border-radius:40px; height:100%; padding:0 24px; color:#999A9A;}
	.f-wrap .f-site .inp-sel {border:0; padding-left:24px; border-radius: 40px; background: #2E303E !important; color:#999A9A;}
	.f-wrap .f-site .inp-sel .k-button-icon:before {background-position:-150px -200px; width:10px; height:7px;}

/* Container */
	#wrap {flex:1;}
	[class*="iw-"] {box-sizing:border-box; width:var(--initw); max-width:100%; margin:0 auto;}
	.iw-full {width:100%;}
	.iw-fullinner {width:100%; padding:0 var(--initwpad);}
	.iw-center {overflow-y:auto; display:flex; align-items:center; justify-content:center; width:100%; height:100vh; padding:0;}
	.iw-center .iw-center-inner {max-height:100%; padding:0;}
	[class*="iw-container"] {display:flex; flex:1; height:100%; padding:40px 0 110px;}
	[class*="iw-container"] .contents {flex:1;}
	[class*="iw-container"] > *, 
	[class*="iw-container"] .contents .sub-top + *,
	[class*="iw-container"] .contents > *:first-child {margin-top:0 !important;}
	.iw-container-01 {flex:0 0 864px; width:864px;}
	.iw-container-02 {padding:26px 0 110px;}
	.contents2 { width: 100%;}

/* not data */
	.not-data-cont { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px;}
	.not-data-cont p { font-weight: bold; color: #000;}
	/* main brd */
	.main .lst-latest ul .not-data-cont { height: 400px;}