@charset "utf-8";

#wrap{ width: 100vw; min-height: 100vh; display: flex; flex-direction: column; }
#wrap .header { width: 100%;}
#wrap .header div.header_pc { }
#wrap .header div.header_pc .header_wrap {position: relative; display: flex; margin: 0 auto;  padding: 0 var(--gob-cont-edge-pd); max-width: var(--gob_cont_width); min-height: 65px; justify-content: space-between; flex-wrap: wrap; align-items: center; background-color: #888888;}
#wrap .header div.header_pc .header_wrap div.hd_logo { background-color: #d94f57;}
#wrap .header div.header_pc .header_wrap div.scl_wrap { background-color: #a33aba;}
#wrap .header div.header_pc .header_wrap div.scl_wrap>ul { display: flex; flex-wrap: wrap; }
#wrap .header div.header_pc .header_wrap div.scl_wrap>ul>li { display: flex; height: 100%; align-items: center; background-color: cornflowerblue;}

#wrap .header div.header_pc>.gnb_wrap { display: block; width: 100%; border: 1px solid #e1e1e1; border-left: none; border-right: none; background-color: blanchedalmond;}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner { margin: 0 auto;  padding: 0 var(--gob-cont-edge-pd); max-width: var(--gob_cont_width);  min-height: 50px;}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner>ul { display: flex; flex-wrap: wrap; height: 100%; margin: 0; padding: 0; justify-content: center; align-items: center; list-style: none;}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner>ul li.menu_item { position: relative; display: flex; height: 100%; align-items: center;}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner>ul li.menu_item>a { position: relative; padding: 0 calc(1.9em/2); font-weight: bold;}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner>ul>li.menu_item a { padding-top: 1em; padding-bottom: 1em;}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner>ul>li.menu_item>a:hover { color: var(--bac_col03);}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner>ul>li.menu_item>a:after {
	content: '';
	width: calc(100% - 1.9em);
	position: absolute;
	bottom: 0;
	right: 50%;
	background: currentColor;
	-webkit-transform: scale(0, 0) translate(-50%, 0);
	transform: scale(0, 0) translate(-50%, 0);
	transition: color .0s ease-in-out, -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out, color .0s ease-in-out;
	transition: transform .2s ease-in-out, color .0s ease-in-out, -webkit-transform .2s ease-in-out
}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner>ul>li.menu_item>a:hover:after {
	height: 4px;
	-webkit-transform: scale(1, 1) translate(50%, 0);
	transform: scale(1, 1) translate(50%, 0);
}
#wrap .header div.header_pc .gnb_wrap div.gnb_inner ul li.menu_item a { color:var(--bac_col35);}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner>ul li.menu_item a>span:after {}
#wrap .header div.header_pc>.gnb_wrap div.gnb_inner>ul li.menu_item.menu_more>a span:after {
	content: '';
	display: inline-block;
	margin-left: 10px;
	width: 12px; height: 7px;
	background: url('../img/ic/btn_op01_n.png') no-repeat center center;
}



div.gnb_inner>ul li.menu_item>div.sub_menu_col {
	display: grid;
	position: absolute;
	top: 100%; left: 50%;
	width: 400px;
	grid-gap: 16px;
	transform: translate(-50%,0);
	transition: all 0.2s ease;
	background: var(--bac_colff);
	border:1px solid var(--bac_col04);
	box-shadow: 0 15px 15px -15px rgba(0,0,0,.1);
	grid-template-columns: repeat(2,minmax(0,1fr));
	overflow: hidden;
	z-index: 9999999;
}
div.gnb_inner>ul li.menu_item div.sub_menu_col {
	display: grid;
	opacity: 0;
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
div.gnb_inner>ul li.menu_item:hover div.sub_menu_col{
	opacity: 1;
	clip: auto;
	height: auto;
	overflow: visible;
	visibility: visible;
}

div.gnb_inner>ul li.menu_item>div.sub_menu_col>ul.sub_menu { width: 100%;}

div.gnb_inner>ul li.menu_item>div.sub_menu_col>ul.sub_menu { padding: 0.5em 0 1em 0;}
div.gnb_inner>ul li.menu_item>div.sub_menu_col>ul.sub_menu li.sub_item a { position: relative; padding: 1em; font-weight: bold;}
div.gnb_inner>ul li.menu_item>div.sub_menu_col>ul.sub_menu li.sub_item>a {
	padding-top: 1em;
	padding-bottom: 0 !important;
	display: block;
	width: 100%;
	text-decoration: none;
	line-height: 1.4;
	transition: all .2s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
div.gnb_inner>ul li.menu_item>div.sub_menu_col>ul.sub_menu>li.sub_item.sub_title>a span { color:var(--bac_col35); font-size: 16px;  padding-left: 0;}
div.gnb_inner>ul li.menu_item>div.sub_menu_col>ul.sub_menu>li.sub_item>a span { color:var(--bac_col7b); font-size: 14px; padding-left: 15px;}
div.gnb_inner>ul li.menu_item>div.sub_menu_col>ul.sub_menu>li.sub_item:hover>a span{ color: var(--bac_col05);}

div.gnb_inner>ul li.menu_item>div.sub_menu_col.sub_menu_row {
	display: block;
	width: 550px;
	overflow: hidden;
	z-index: 9999999;
}

div.gnb_inner>ul li.menu_item>div.sub_menu_col.sub_menu_row>ul {
	display: grid;
	grid-gap: 16px;
	height: auto;
	visibility: visible;
	clip: auto;
	overflow: visible;
	grid-template-columns: repeat(4,minmax(0,1fr));
	text-align: center;
	opacity: 1;
}

div.gnb_inner>ul li.menu_item>div.sub_menu_col.sub_menu_row>ul.sub_menu>li.sub_item>a { padding-top: 0.7em !important; }

/*menu icon*/
div.gnb_inner>ul li.menu_item.menu_more>a>span { padding-left: 20px;}
div.gnb_inner>ul li.menu_item.menu_more>a>span:before {
	content: '';
	position: absolute;
	top: 18px;
}
div.gnb_inner>ul li.menu_item.menu_more.ic_pmu01>a>span:before {
	left: 7px;
	width: 19px; height: 18px;
	background: url('../img/ic/ic_pmu01_win_s01.png') no-repeat center center;
}

div.gnb_inner>ul li.menu_item.menu_more.ic_pmu02>a>span:before {
	left: 10px;
	width: 15px; height: 18px;
	background: url('../img/ic/ic_pmu02_off_s01.png') no-repeat center center;
}
div.gnb_inner>ul li.menu_item.menu_more.ic_pmu03>a>span:before {
	left: 9px; top: 20px;
	width: 18px; height: 16px;
	background: url('../img/ic/ic_pmu03_offap_s01.png') no-repeat center center;
}

/**/
div.gnb_inner>ul li.menu_item.ic_pmu01 .sub_menu li:first-child a span:before {
	content: '';
	display: inline-block;
	margin-right: 5px;
	width: 15px; height: 15px;
	
}
div.gnb_inner>ul li.menu_item.ic_pmu01 .sub_menu li.sub_item.ic_pum01_01 a span:before {
	background: url('../img/ic/ic_pmu_win01.png') no-repeat center center;
}
div.gnb_inner>ul li.menu_item.ic_pmu01 .sub_menu li.sub_item.ic_pum01_02 a span:before {
	background: url('../img/ic/ic_pmu_win02.png') no-repeat center center;
}

/**/
div.gnb_inner>ul li.menu_item.ic_pmu02 .sub_menu li:first-child a span:before {
	content: '';
	display: inline-block;
	margin-right: 5px;
	width: 15px; height: 15px;
	
}
div.gnb_inner>ul li.menu_item.ic_pmu02 .sub_menu li.sub_item.ic_pum02_01 a span:before {
	background: url('../img/ic/ic_pmu_off01.png') no-repeat center center;
}
div.gnb_inner>ul li.menu_item.ic_pmu02 .sub_menu li.sub_item.ic_pum02_02 a span:before {
	background: url('../img/ic/ic_pmu_off02.png') no-repeat center center;
}



/**/
div.gnb_inner>ul li.menu_item.ic_pmu03 .sub_menu li.sub_item a span:before {
	content: '';
	display: inline-block;
	margin-right: 5px;
	width: 15px; height: 15px;
	
}

div.gnb_inner>ul li.menu_item.ic_pmu03 .sub_menu li.sub_item.row_ic01 a span:before {
	background: url('../img/ic/ic_pmu_offap_01_visio.png') no-repeat center center;
}
div.gnb_inner>ul li.menu_item.ic_pmu03 .sub_menu li.sub_item.row_ic02 a span:before {
	background: url('../img/ic/ic_pmu_offap_02_project.png') no-repeat center center;
}
div.gnb_inner>ul li.menu_item.ic_pmu03 .sub_menu li.sub_item.row_ic03 a span:before {
	background: url('../img/ic/ic_pmu_offap_03_access.png') no-repeat center center;
}
div.gnb_inner>ul li.menu_item.ic_pmu03 .sub_menu li.sub_item.row_ic04 a span:before {
	background: url('../img/ic/ic_pmu_offap_04_outlook.png') no-repeat center center;
}

/*contents*/
div.contents_wrap { background-color: darkkhaki;}
div.contents_wrap div.cont_inner{  background-color: #a1fafa; height: 100vh;}

div.cont_inner .cont_top div.top_col h1 { padding: 60px 0 20px 0; font-size: 30px; color: var(--bac_col03); text-align: center;}
div.cont_inner .cont_top div.top_col>p { font-size: 16px; color: var(--bac_col7b); text-align: center;}

div.cont_inner .top_visual {
	position: relative;
	margin-left: calc( 50% - ( var(--global-vw, 100vw) / 2 ));
	margin-right: calc( 50% - ( var(--global-vw, 100vw) / 2 ));
	max-width: 100vw;
	width: var(--global-vw, 100vw);
	padding-left: 0;
	padding-right: 0;
	clear: both;
}
div.cont_inner .top_visual>div.visual_col {
	column-gap: 80px;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}
div.cont_inner .top_visual .visual_col.visual_row_col {
	display: grid;
	grid-template-columns: minmax(0,1fr);
	gap: var(--global-row-gutter-md,2rem) var(--global-row-gutter-md,2rem);
	grid-auto-rows: minmax(min-content,max-content);
	z-index: 1;
	position: relative;
}
@media (max-width: 767px) {
	div.cont_inner .top_visual>div.visual_col {
		grid-template-columns: minmax(0,1fr) !important;
	}
}


div.visual_col img {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

/*notic*/
.notice_all {
	background-color:#ededf7;
	height: 100vh; width: 100vw;
}
/*///*/
.gob_wrap {
	margin: 0 auto;
	padding: 0 var(--gob-cont-edge-pd);
	max-width: var(--gob_cont_width);
}
:root {
	--bsc_font:-apple-system, BlinkMacSystemFont, 'Malgun Gothic', '맑은 고딕', helvetica, 'Apple SD Gothic Neo', sans-serif;
	--bac_colff : #ffffff;
	--bac_col00 : #000000;
	--bac_col35 : #353535;
	--bac_col7b : #7b7b7b;
	--bac_col02 : #e1e1e1;
	--bac_col03 : #6d5dc2;
	--bac_col04 : #b3afd0;
	--bac_col05 : #497dbd;
	--gob_cont_width: 1400px;
	--gob-cont-edge-pd: 1.5rem;
	--global-vw: calc(100vw - (.5*var(--scrollbar-offset)));
	--scrollbar-offset: 0px;
}