@charset "utf-8";

/* Header */
	header {position:relative; background:white; border-bottom:1px solid var(--moc02); height:var(--init-hh); z-index:var(--zih);}
	header:before {content:""; position:absolute; left:0; bottom:0; background:white; border-top:1px solid var(--moc02); width:100vw; height:78px;}
	header.over:before {box-shadow:0px 4px 6px rgba(0, 0, 0, 0.05); transform:translate(0, 100%);}
	header .h-top {background:var(--mc);}
	header .h-top .inner {display:flex; justify-content: flex-end; align-items: center; gap:30px; font-size:14px;}
	header .h-top .inner .nice-select{height:32px;}
	header .h-top .inner [class*="sel-type"] .nice-select .current{line-height:30px;}
	header .h-top .inner .sel-type select{ padding: 0 55px 0 15px;}
	header .h-top .h-util {display:flex; gap:20px; line-height:50px; color:white;}
	header .h-logo {background:url("../images/img/img_logo.png") no-repeat; background-position:0 100%; width:80px; height:37px; font-size:0;}
	header .h-logo > a {display: block;height: 100% !important;}
	
	header .h-mid > .inner {display:flex; justify-content: space-between; align-items: center; position:relative; height:80px; /* z-index:5; */}
	header .h-gnb {height:100%;}

	header .h-menu-od {display:flex; height:100%; font-size:20px; font-weight:500; color:#222;position:relative;min-width: 1065px;justify-content: center;}
	header .h-menu-od > * {padding: 0 25PX;}
	header .h-menu-od > * > a {position:relative; display:flex; align-items: center; height:100%;}
	header .h-menu-od > * > a:hover,
	header .h-menu-od > *.active > a {color:var(--mlc);}
	header .h-menu-od > * > a:hover:before,
	header .h-menu-od > *.active > a:before {content:""; position:absolute; left:0; bottom:0; background:var(--mlc); width:100%; height:2px;}
	header .h-menu-td {gap:50px; display:none; position:absolute; height:80px; font-size:18px;}
	header .h-menu-td > * {word-break:keep-all; flex:none;}
	header .h-menu-td a {display:flex; align-items: center; height:100%;}
	header .h-menu-od > *.over .h-menu-td {display:flex;left:50%;transform:translate(-50%);width: 1300px;}

	header.main-header {background:transparent; border:0;}
	header.main-header:before {display:none;}
	header.main-header.over:before {opacity:0.3; display:block; border-top:1px solid #eee; height:0; z-index:10;}
	header.main-header .h-logo {background-position:0 0;}
	header.main-header .h-menu-od {color:white;}
	header.main-header .h-menu-od > * > a:hover,
	header.main-header .h-menu-od > *.active > a {color:white;}
	header.main-header .h-menu-od > * > a:hover:before,
	header.main-header .h-menu-od > *.active > a:before {background:white;}
	header.main-header .ic-panel:before {background-position:0 0;}

	header .h-mid.active {position:relative; background:white; width:100%; /*z-index:10;*/}
	header .h-mid.active:after {content: '';position: fixed;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0,0,0,.8);z-index: -1;}
	header .h-mid.active > .inner {height:auto;}
	header .h-mid.active .h-logo {display:none;}
	header .h-mid.active .h-gnb {width:100%; padding:104px 0;}
	header .h-mid.active .h-gnb .h-menu-od {display:flex; flex-direction: column; gap:0;}
	header .h-mid.active .h-gnb .h-menu-od > * {display:flex; align-items: center; height:auto;}
	header .h-mid.active .h-gnb .h-menu-od > * + * {border-top:1px solid #ddd;}
	header .h-mid.active .h-gnb .h-menu-od > * > a {width:245px; font-size:30px; font-weight:700;flex: 0 0 200px;}
	header .h-mid.active .h-gnb .h-menu-od > * > a:hover,
	header .h-mid.active .h-gnb .h-menu-od > *.active > a {color:inherit;}
	header .h-mid.active .h-gnb .h-menu-od > * > a:hover:before,
	header .h-mid.active .h-gnb .h-menu-od > *.active > a:before {display:none;}
	header .h-mid.active .h-gnb .h-menu-td {display:flex; position:static;transform:translate(0);max-width:1100px;flex-wrap:wrap;height: auto;padding:40px 0}
	header .h-mid.active .h-gnb .h-menu-td a {display:flex; gap:5px;}
	header .h-mid.active .h-gnb .h-menu-td a:before {content:""; border-radius:50%; width:5px; height:5px;}
	header .h-mid.active .h-gnb .h-menu-td a:hover {color:var(--mlc);}
	header .h-mid.active .h-gnb .h-menu-td a:hover:before {background:var(--mlc);}
	header .h-mid.active .h-allmenu-btn {position:absolute; right:0; top:30px;}
	header .h-mid.active .ic-panel:before {background-position:-300px 0;}

/* Quick Menu */
	.quick-wrap {position:fixed; right:70px; top:216px; font-size:20px; line-height:28px; text-align:center; color:white; z-index:1000;}
	.quick-menu {background:#40476B; border-radius:0 0 140px 140px; width:140px; padding:0 15px;}
	.quick-menu li {padding:20px 0;}
	.quick-menu li + li {border-top:1px dashed rgba(255, 255, 255, 0.2);}

	.quick-wrap.active .quick-menu > *:nth-child(1),
	.quick-wrap.active .quick-menu > *:nth-child(2),
	.quick-wrap.active .quick-menu > *:nth-child(4) {display:none;}

/* Sub Header */
	/*.h-sub {background:white; border-bottom:1px solid #e2e2e2;}
	.h-sub .h-left .h-back:before {background-position:-20.83vw -34.72vw; width:2.64vw; height:5.14vw;}
	.h-sub .h-right .h-alarm:before {background-position:-27.78vw -34.72vw;}
	.h-sub .h-right .h-panel:before {background-position:-34.72vw -34.72vw;}
	.h-sub .h-tit {display:flex; justify-content:center; align-items:center; width:100%; font-size:5vw; font-weight:700; text-align:center; color:black;}*/

/* Panel */
	/*.pn-wrap {position:fixed; left:0; top:0; background:white; width:100vw; height:100vh; transition:transform .3s ease; transform:translate(100%, 0); z-index:var(--zipn);}
	.pn-wrap .pn-top {padding-top:var(--init-hh);}
	.pn-wrap .pn-class {color:black;}
	.pn-wrap .pn-stat {display:flex; align-items: center; border-radius:1.39vw; height:12.5vw; margin-top:8.89vw; font-size:3.33vw; text-align:center;}
	.pn-wrap .pn-stat > * {flex:1;}
	.pn-wrap .pn-stat a {display:flex; gap:2.22vw; justify-content: center;}
	.pn-wrap .tab-wrap {height:100%;}
	.pn-wrap [class*="tab-menu"] {position:static;}
	.pn-wrap .tab-cont,
	.pn-wrap .tab-cont > * {height:100%;}
	.pn-wrap .pn-close {position:absolute; right:0; top:0; width:var(--init-hh); height:var(--init-hh);}
	.pn-wrap .pn-close:before {content:""; position:absolute; left:50%; top:50%; background:var(--c-icon); background-position:-62.5vw -34.72vw; background-size:var(--bgsize); width:4.17vw; height:4.17vw; transform:translate(-50%, -50%);}

	.pn-wrap .pn-nav {position:relative; width:100vw; height:100%;}
	.pn-wrap .pn-nav .pn-od {overflow-y:auto; background:#f9f9f9; border-right:1px solid #e2e2e2; width:35.42vw; height:100%;}
	.pn-wrap .pn-nav .pn-od button {display:flex; align-items: center; width:100%; height:13.89vw; padding-left:5vw; font-weight:500;color:black;}

	.pn-wrap .pn-nav .pn-td {display:none; overflow-y:auto; position:absolute; right:1px; top:0; border-left:1px solid #e2e2e2; width:calc(100vw - 35.42vw); height:100%;}
	.pn-wrap .pn-nav .pn-td li {display:flex; align-items: center; height:13.89vw; padding-left:4.72vw; color:black;}

	.pn-wrap .pn-nav .pn-od > li.active {background:white;}
	.pn-wrap .pn-nav .pn-od > li.active > * {color:var(--mc);}
	.pn-wrap .pn-nav .pn-od > li.active .pn-td {display:block;}

	.pn-wrap .pn-cert .tab-cont {overflow:hidden; overflow-y:auto; height:calc(100vh - 100vw);}

	.pn-wrap.active {display:flex; flex-direction:column; justify-content:space-between; transition:transform .3s ease; transform:translate(0, 0);}*/

/* Footer */
	footer {background:#222; height:413px; padding:70px 60px;}
	footer .f-menu {display:flex; gap:32px; font-size:16px; color:white;}
	footer .f-addr {margin-top:86px; font-size:16px; color:#C2C2C2;}
	footer .f-copy {margin-top:46px; font-size:16px; color:#C2C2C2;}
	footer .f-social {display:flex; gap:30px;}
	footer .f-social > * {display:flex; align-items: center; justify-content: center; width:40px; height:40px;}
	footer .ccm { position:absolute; top: 120px; right:35px; bottom: 110px; }
	footer .ccm-img { width: 220px; }

/* Container */
	[class*="inner"] {width:var(--init-cont-w); margin:0 auto; padding:0 var(--init-lrp);}
	.inner02 {width:1000px; margin:0 auto;}
	.inner03 {position:relative; width:1440px;}
	.main.sub {margin-bottom:0;}
	#container {min-height:var(--init-cont-h); padding:60px 0 80px;}
	#container > .inner {display:flex; gap:60px;}
	#container > .inner:first-child,
	#container > .contents {margin-top:0 !important;}
	#container .sub-lnb-wrap {flex:0 0 200px; width:200px;}
	#container .sub-lnb-wrap .sub-lnb-tit {font-size:30px; font-weight:700;}
	#container .sub-lnb-wrap .sub-lnb {display:flex; gap:40px; flex-direction: column; margin-top:43px; font-size:18px;}
	#container .sub-lnb-wrap + .contents {flex: 1;}
	#container .contents {flex:0 0 100%; width:100%;}
	#container .contents .sub-tit {display:none; font-size:20px; font-weight:500;}
	#container .contents .sub-tit + * {margin-top:20px !important;}
	#container .sub-top .inner {position:relative; padding-bottom:30px;}
	#container .sub-top .page-loc {display:flex; justify-content: flex-end; gap:4px; font-size:14px; color:#888;}
	#container .sub-top .page-loc > * + *:before {content:"> ";}
	#container .sub-top .sub-tit {padding-top:30px; font-size:34px; font-weight:700; text-align:center;}

	/*[class*="-full"] {width:100vw; margin:0 calc(var(--init-lrp) * -1);}