@charset "utf-8";

body.open{overflow-y:hidden; width:100%; height:100%;}

.m-top-header{
	width:100%;
	max-width:640px;
	z-index:998;
	
}

.main_header{
	position:fixed;
	transition-duration:0.4s;
	background-color:#fff;
	border-bottom:1px solid #222;
}

.sub_header{
	position:relative;
}

.m-top-header.{
	position:fixed;
	top:0;
	background-color:#fff !important;
	z-index:1;
}

.m-top-header h1{
	text-align:center;
	padding:2.5% 0 3.6% 0;
}

.m-top-header h1 img{

}

.m-top-header .phone_btn img,
.m-top-header .menu_btn img,
.m-top-header .consult_btn img{
	width:100%;
}

.m-top-header .menu_btn{
	position:absolute;	
	top:0;
	left:0;
}

.m-top-header .phone_btn{
	position:absolute;
	width:9%;
	top:12%;
	right:10.593%;
}

.m-top-header .consult_btn{
	
	position:absolute;
	width:9%;
	top:12%;
	right:2%;
}

.menu_wrap, .gnb_wrap, .gnb_wrap > .gnb, .gnb_wrap > .gnb > div{width:640px;}
.menu_wrap{height:100%; position:fixed; top:0; left:-640px; background:#fff;z-index:999;}
.gnb_wrap{z-index:1; background:#fff; overflow-y:scroll; height:100%;  -webkit-overflow-scrolling:touch;}
.gnb{position:relative;}
.gnb .gnb_xbtn{position: absolute;top: 33px;right: 33px;}
.gnb .gnb_top{font-size:0; border-bottom:1px solid #437794; }
.gnb .gnb_top .gnb_logo{padding:25px 0; text-align:center; background:#3d3d3d}
.gnb .gnb_top .gnb_logo img{width:auto;}
.gnb .gnb_top .mem_wrap{display:inline-block; vertical-align:middle; width:100%; overflow:hidden; border-top:1px solid #5c5c5c; background:#3d3d3d;}
.gnb .gnb_top .mem_wrap a{float:left; width:50%; text-align:center; font-family:"Noto Sans KR"; line-height:300%; color:#e5e5e5}
.gnb .gnb_top .mem_wrap a:first-of-type{box-sizing:border-box; border-right:1px solid #5c5c5c;}
.gnb .gnb_top .mem_wrap a img{width:100%;}
.gnb ul.quickMenu{overflow:hidden;}
.gnb ul.quickMenu li{width:20%;text-align:center;float:left;position:relative; padding:0 40px}
.gnb ul.quickMenu li:after{content:"";width:1px;height:50%;background:#e1e1e1;position:absolute;right:0;top:0;margin-top:25%;}
.gnb ul.quickMenu li:last-child:after{width:0;height:0;}
.gnb ul.quickMenu li div img{width:32%;}
.gnb ul.quickMenu li a{display:block; padding:15% 0;}
.gnb ul.quickMenu li p{font-family:"Noto Sans KR"; line-height:140%; font-size:1.2rem; color:#3d3d3d; padding-top:5px;}
.gnb ul.quickMenu li a.double{line-height:12px;}

.category_title{overflow:hidden;}
.category_title h2{float:left; width:50%; line-height:60px; color:#000; font-size:18px; text-indent:10px;}

.gnb div.category-wrap{background:#f4f4f4; border-top:1px solid #d5d5d4;}
.gnb dl.category{overflow:hidden;}
.gnb dl.category dt{float:left; width:50%;}
.gnb dl.category dt ol li{background:#f4f4f4; display:block; position:relative;border-bottom:1px solid #d5d5d4;}
.gnb dl.category dt ol li.dummy{padding:8% 0 8% 10%;}
.gnb dl.category dt ol li a{color:#2c2c2c; font-family:"Noto Sans KR"; font-size:25px; font-weight:400; display:block; letter-spacing:-1px;}
.gnb dl.category dt ol li div{display:none;}
.gnb dl.category dt ol li div a{background:#fff; border-top:1px solid #d5d5d4;}
.gnb dl.category dt ol li a, .gnb dl.category dt ol li div a{padding:0.7em;}
.gnb dl.category dt ol li > a{position:relative;}
.gnb dl.category dt ol li > a:before{content:""; background:url('/pyeongchon/mobile/images/right-arrow.svg') 50% 50% no-repeat; width:18px; height:18px; position:absolute; right:10%; top:50%; background-size:cover;margin-top:-9px; z-index:10;}
.gnb dl.category dt ol li > a.active:before{content:""; background:url('/pyeongchon/mobile/images/down-arrow.svg') 50% 50% no-repeat; width:18px; height:18px; position:absolute; right:10%; top:50%; background-size:cover;margin-top:-9px; z-index:10;}
.gnb dl.category dt ol li div a .depth3{display:none;}
.gnb dl.category dt ol li.dummy:after, .gnb dl.category dt ol li.dummy:before{content:none;}
.gnb_sns{font-size:0; text-align:center;border-top:1px solid #d5d5d4;margin-top:-1px;}
.gnb_sns a{display:inline-block; width:35px; margin:5% 5px 10%;}
.gnb_sns a img{width:100%;}
.gnb dl.category dt ol.last-ol li:last-child{
	border-bottom:1px solid #d5d5d4;
}

.quick_wrap{width:100%; position:absolute; top:0; left:0; z-index:10;}
.quick{width:100%; position:absolute; top:0; left:0; z-index:1; background:#111; display:none;}
.quick ul{font-size:0; text-align:center;}
.quick ul li{display:inline-block; width:25%; padding:1.7% 0 3%;background:#3d3d3d;border-right:1px solid #5c5c5c;box-sizing:border-box;}
.quick ul li:last-of-type{border-right:1px solid #3d3d3d;}
.quick ul li a{display:block; width:100%; height:100%;}
.quick ul li img{width:30%;}
.quick ul li p{color:#fff;font-size:2.7vw;letter-spacing:-1px;}

.quick ol li{
	line-height:60px;
	background:#f4f4f4;
	border-top:1px solid #d5d5d4;
	display:block;
	position:relative;
}
.quick ol li a{
	color:#2c2c2c;
	font-family:"Noto Sans KR";
	font-size:4vw;
	font-weight:400;
	padding-left:5%;
	display:block;
	line-height:300%;
	letter-spacing:-1px;
}
.quick ol li > a{position:relative;}
.quick ol li > a:before{
	content:"";
	background:url(/m/img/down-arrow.svg) 50% 50% no-repeat;
	width:18px;
	height:18px;
	position:absolute;
	right:5%;
	top:50%;
	background-size:cover;
	z-index:10;
	margin-top:-9px;
}
.quick ol li div a{
	background:#fff;
	line-height:300%;
	border-top:1px solid #e1e1e1;
	padding-left:5%;
}