/*
피엔피컴
C00266
*/

/* ================================================================================================= */
/* 기본구성 */
html, body{font-family:'SUIT', 'Noto Sans KR', sans-serif; letter-spacing:-0.2pt; line-height:normal; color:#000;}

/* ================================================================================================= */
/*선택*/
::selection{color:#000 ; background-color:#9dcbdf;}
::-moz-selection{color:#000 ; background-color:#9dcbdf;}

/* ================================================================================================= */
/* 헤더 */
body .HeaderNav_GNBtop *{font-family:'NanumSquare', 'SUIT', 'Noto Sans KR', sans-serif;}
body .HeaderNav_GNBtop{width:100%; display:table; position:relative; z-index:500; padding:20px 0;}
body .HeaderNav_GNBtop .gnbBox{display:table-cell; width:15%; vertical-align:middle;}
body .HeaderNav_GNBtop .gnbBox02{display:table-cell; width:70%;}
body .HeaderNav_GNBtop .Logo img{}
	/*메뉴*/
	body .HeaderNav_GNBmenu{border:none;}
	body .HeaderNav_SmallMenu{background:transparent;}
	body .HeaderNav_GNBmenu:hover .HeaderNav_SmallMenu{border-bottom:none !important;}
	body .HeaderNav_LargeMenu .MenuBig a{font-weight:900; font-size:14pt; transition:0.2s; transform:skew(-0.1deg);}
	body .HeaderNav_SmallMenu .MenuSub dd a{font-weight:400; font-size:12pt; transition:0.2s; transform:skew(-0.1deg);}
	body .HeaderNav_SmallMenu .MenuSub{border-left:1px solid #777;}
	body .HeaderNav_SmallMenu .MenuSub:last-child{border-right:1px solid #777;}
	/*호버*/
	body .HeaderNav_GNBtop:hover .Logo img{filter: brightness(0) invert(1);}
	body .HeaderNav_GNBtop:hover .HeaderNav_LargeMenu .MenuBig a{color:#fff;}
	body .HeaderNav_GNBtop:hover .HeaderNav_LargeMenu .MenuBig a:hover{color:#9dcbdf;}
	body .HeaderNav_GNBtop:hover .HeaderNav_SmallMenu .MenuSub dd a{color:#fff;}
	body .HeaderNav_GNBtop:hover .HeaderNav_SmallMenu .MenuSub dd a:hover{color:#9dcbdf;}
	body .HeaderNav_GNBtop::before{content:''; background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; width:100%; height:0px; transition:1.5s;}
	body .HeaderNav_GNBtop:hover::before{height:300px;}
	/*픽스*/
	body header.Fixed .HeaderNav_GNBtop{position:fixed; display:table; width:100%; background:rgba(255,255,255,0.8);}
	body header.Fixed .HeaderNav_GNBtop:hover{background:transparent;}

/* ================================================================================================= */
/* 서브메뉴 */
body .SubNav{display:block; position:relative; top:auto;}
body .SubNav_Small.SubNav_Small1{margin:0;}
body .SubNav_Area ul{border:none; background:transparent; display:inline-flex; align-items:end; justify-content:space-between;}
body .SubNav_Small1 li{border-right:none; display:block;}
body .SubNav_Small1 li a{transition:0.3s;}
body .SubNav_Small1 li:hover a{color:#004979; background:transparent;}
body .SubNav_Small1 li.Action a{color:#000; background:transparent;}
body .SubNav_Small1 li:hover a{color:#1881aa; background:transparent;}
body .SubNav_Small1 a{height:100%; padding:60px 0; font-size:20pt; font-family:'NanumSquare', 'SUIT', 'Noto Sans KR', sans-serif; font-weight:900;}
	/*페이지별 가로조절*/
	.boardWrap .SubNav_Small1 a{font-size:15pt;}
	.boardWrap.BnfWrap01 .SubNav .InnerContainer{width:90%; min-width:90%;}
	.boardWrap.BnfWrap02 .SubNav .InnerContainer{width:40%; min-width:40%;}
	.aboutAboutWrap .SubNav .InnerContainer{width:50%; min-width:50%;}


/* ================================================================================================= */
/* 푸터 */
body .Footer_Area{padding-bottom:0;}
body .footerArea{width:100%; position:relative; overflow:hidden; background:#000; padding-top:120px; padding-bottom:50px;}
body .footerArea .Inner{width:95%; min-width:95%; position:relative;}
body .footerArea .topArea{text-align:center; padding-bottom:80px;}
body .footerArea .topArea img{width:auto;}
body .footerArea .bottomArea{width:100%; display:inline-flex; align-items:end; justify-content:space-between;}

body .footerArea .bottomArea .contBox01 h4{color:#fff; font-family:'NanumSquare', 'SUIT', 'Noto Sans KR', sans-serif; font-weight:900; font-size:20pt; line-height:1;}
body .footerArea .bottomArea .contBox01 p{color:#fff; font-family:'NanumSquare', 'SUIT', 'Noto Sans KR', sans-serif; font-weight:400; font-size:14pt; line-height:1; padding-top:15px;}
body .footerArea .bottomArea .contBox01 p b{font-weight:900; display:inline-block; padding-right:5px; vertical-align:center;}

body .footerArea .bottomArea .contBox02{}
body .footerArea .bottomArea .contBox02 .iconWrap{text-align:right;}
body .footerArea .bottomArea .contBox02 .iconWrap a{display:inline-block; margin-left:10px; transition:0.5s; vertical-align:center;}
body .footerArea .bottomArea .contBox02 .iconWrap a:hover{opacity:0.7;}
body .footerArea .bottomArea .contBox02 .iconWrap a img{width:auto;}

body .footerArea .bottomArea .contBox02 .contWrap{text-align:right; padding-top:30px;}
body .footerArea .bottomArea .contBox02 .contWrap a{display:inline-block; margin-left:25px; vertical-align:center;}
body .footerArea .bottomArea .contBox02 .contWrap a span{display:inline-block; margin-right:8px; vertical-align:center;}
body .footerArea .bottomArea .contBox02 .contWrap a span img{width:auto; vertical-align:center;}
body .footerArea .bottomArea .contBox02 .contWrap a p{display:inline-block; color:#fff; font-family:'NanumSquare', 'SUIT', 'Noto Sans KR', sans-serif; font-weight:400; font-size:14pt; line-height:1;}

/* ================================================================================================= */
/* 빠른상담 */
.Contact_Quick{display:none;}

/* ================================================================================================= */
/* 퀵 */
body .QuickArea section{right:40px; top:50%; transform:translate(0,-50%);}
body .QuickArea_Link ul{background:transparent; text-align:center;}
body .QuickArea_Link li{background:transparent; width:50px; height:50px; margin:10px auto; border:0; transition:0.3s; background:#080404; border-radius:500px; padding:0;}
body .QuickArea_Link li:hover{opacity:0.7;}
body .QuickArea_Link li img{display:block; width:100%; padding:5px;}
body .QuickArea_Link li.Quick_GoTop{width:80px; height:80px;}
body .QuickArea_Link li.Quick_GoTop i{display:block;}
body .QuickArea_Link li.Quick_GoTop span{display:block; font-size:16pt;}