@charset "utf-8";
:root {
	--point-color: #005BAA; /* 사이트 컬러 */
}
/*광고사진 SNS메뉴 추가 20260402*/
.user #header #global>.layout div .photo_sns{border-left:0}
.user #header #global>.layout div .photo_sns>li:nth-child(1),.user #header #global>.layout div .photo_sns>li:nth-child(2){line-height:3.5em;border-right:0}
.user #header #global>.layout div .photo_sns>li:nth-child(2){border-right:1px solid rgba(34, 34, 34, 0.1);padding-right:1em;}
.user #header #global>.layout div .photo_sns>li:nth-child(1)>a>span, .user #header #global>.layout div .photo_sns>li:nth-child(2)>a>span{font-size:0;}
.user #header #global>.layout div .photo_sns>li:nth-child(1)>a, .user #header #global>.layout div .photo_sns>li:nth-child(2)>a{background-color:rgba(255, 255, 255, 0);width:auto;background-repeat:no-repeat; background-position:center center; background-size:auto 20px;margin:0 .2em;padding:0 1.65em;}
.user #header #global>.layout div .photo_sns>li:nth-child(1)>a{background-image:url(/images/site/header_sns1.png);}
.user #header #global>.layout div .photo_sns>li:nth-child(2)>a{background-image:url(/images/site/header_sns3.png);}
.user #header #global>.layout div .photo_sns>li:nth-child(1)>a:hover{background-image:url(/images/site/header_sns1_.png);}
.user #header #global>.layout div .photo_sns>li:nth-child(2)>a:hover{background-image:url(/images/site/header_sns3_.png);}
/*광고사진 SNS메뉴 추가 20260402*/


/* layout */
.user #header #nav #gnb > ul > li > div:before{background-color: var(--point-color);}
.user #header #nav #gnb > ul > li > a:after{background-color: var(--point-color);}
.user #header #nav #gnb > ul > li:hover > a>span{color:var(--point-color);}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a:hover > span {color:var(--point-color);}
.user #header #nav #gnb > ul > li > div > ul > li:hover > a {border-bottom-color:var(--point-color);}
.user #header #nav #gnb > ul > li > div > ul > li:hover > a > span {color:var(--point-color);}
.user [class*="allmenu_btn"]:before,
.user [class*="allmenu_btn"]:after,
.user [class*="allmenu_btn"]>span{background-color:var(--point-color);}
.user #header #sitemap>.layout>.midd>ul>li>a.child:after{border-color:var(--point-color);}
.user #header #sitemap>.layout>.midd>ul>li>a.on>span{color:var(--point-color);}
.user#sub #remote>h2{background-color:var(--point-color);}
.user#sub #remote>#lnb>ul{border-bottom-color:var(--point-color);}
.user#sub #remote>#lnb>ul>li>a.ov>span{color:var(--point-color);}

.user #header #nav #gnb > ul > li:nth-last-child(2) > div{position:absolute; width:10em;}
.user #header>h1 {font-size: .95em; top: 4.5em;}
.user #header #nav #gnb > ul > li > a > span {font-size: 1.9rem;letter-spacing:0;}
.user #header #nav #gnb > ul > li {width: 12.4em;}
/*.user #header #nav #gnb > ul > li:nth-child(1){width: 15.6em;}
.user #header #nav #gnb > ul > li:nth-child(2){width: 11em;}
.user #header #nav #gnb > ul > li:nth-child(3){width: 14.5em;}
.user #header #nav #gnb > ul > li:nth-child(4){width: 12.4em;}
.user #header #nav #gnb > ul > li:nth-child(5){width: 8.6em;}
.user #header #nav #gnb > ul > li:nth-child(6){width: 10.2em;}*/
@media screen and (max-width: 1440px) {
	.user #header>h1{left:2em;}
.user #header #nav #gnb > ul > li > a > span {font-size: 1.6rem;}
}
@media screen and (max-width: 1240px) {
.user #header #nav #gnb > ul > li {width: 8em;}
/*.user #header #nav #gnb > ul > li:nth-child(1){width: 12em;}
.user #header #nav #gnb > ul > li:nth-child(2){width: 7.9em;}
.user #header #nav #gnb > ul > li:nth-child(3){width: 11em;}
.user #header #nav #gnb > ul > li:nth-child(4){width: 9.3em;}
.user #header #nav #gnb > ul > li:nth-child(5){width: 6.2em;}
.user #header #nav #gnb > ul > li:nth-child(6){width: 7.5em;}*/

}
@media screen and (max-width: 1024px) {
	.user #header>h1{top:0; height:9.2em;}
	.user #header #nav #gnb > ul > li > a > span {font-size: 1.8rem;}
.user #header #nav #gnb > ul > li {width: 6.2em;}
/*.user #header #nav #gnb > ul > li:nth-child(1){width: 7.3em;}
.user #header #nav #gnb > ul > li:nth-child(2){width:5em;}
.user #header #nav #gnb > ul > li:nth-child(3){width: 6.75em;}
.user #header #nav #gnb > ul > li:nth-child(4){width: 7.7em;}
.user #header #nav #gnb > ul > li:nth-child(5){width: 3.8em;}
.user #header #nav #gnb > ul > li:nth-child(6){width: 4.6em;}*/

}
	@media screen and (max-width: 600px) {
	.user #header>h1{height:6.6em; padding-left:11em;}
}