@charset "utf-8";
/* GimhaeGaya */
@font-face {
    font-family: 'GimhaeGaya';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202-2@1.0/GimhaeGayaR.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GimhaeGaya';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202-2@1.0/GimhaeGayaB.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/* GmarketSans */
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/* Noto Sans */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500&display=swap');
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    src: local('Noto Sans KR Regular'),local('NotoSansKR-Regular'),url(../../font/NotoSans/400.woff2) format('woff2'),url(../../font/NotoSans/400.woff) format('woff')
}
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 500;
    src: local('Noto Sans KR Medium'),local('NotoSansKR-Medium'),url(../../font/NotoSans/500.woff2) format('woff2'),url(../../font/NotoSans/500.woff) format('woff')
}
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 700;
    src: local('Noto Sans KR Bold'),local('NotoSansKR-Bold'),url(../../font/NotoSans/700.woff2) format('woff2'),url(../../font/NotoSans/700.woff) format('woff')
}





body{
	background:#fff;
	color:#666;
	font-weight:400;
	font-size:1.6em; /* (((16px */
	line-height:1.75; /* ☆ */
	overflow:hidden;
	letter-spacing:-.03125em;
}


[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'Noto Sans KR',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}



/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.전체 20180327. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body{min-height:100%;}


#head{z-index:10;position:fixed;left:0;right:0;top:0;background:#3a3a3a;height:60px;}

#logo{display:block;margin:10px 0 20px 30px;padding:0;width:358px;height:30px;}
#logo a{display:block;width:100%;height:100%;background:url(../../img/logo@2x.png) no-repeat 0 0 / contain}
#logo a .t1{text-indent:-9999px;position:absolute;left:-9999px;top:-9999px;}


#gn1{position:absolute;right:20px;top:20px;}
#gn1 ul{}
#gn1 ul li{float:left;position:relative;}
#gn1 ul li:before{content:'';
	display:block;position:absolute;left:0;top:50%;
	border-left:1px solid #ccc;
	height:14px;
	margin:-7px 0 0;
}
#gn1 ul li:first-child:before{display:none}
#gn1 ul li a{display:block;
	color:#ccc;
	font-size:14px;
	padding:0 10px;
}


#sidemenu{position:fixed;left:0;top:60px;bottom:0;
	width:360px;
	background:#fff;
	z-index:100;
}
#sidemenu:after{content:'';
	display:block;
	position:absolute;right:-9px;top:0;bottom:0;
	width:9px;
	background:url(../../img/background-shadow.png) repeat-y;
}

#tnb1{width:100%;height:50px;}
#tnb1 li{float:left;width:50%;}
#tnb1 li a{display:block;
	width:100%;height:50px;
	line-height:50px;
	background:#e5e5e5;
	color:#797979;
	text-align:center;
	font-family: 'GmarketSans';
}
#tnb1 li.on a{color:#fff;background:#e1283e}
#tnb1 li.on a:after{content:'';
	display:inline-block;
	width:23px;height:23px;
	vertical-align:top;
	margin:10px 0 0 5px;
	background:url(../../img/tnb1on1.png) no-repeat 0 0 / contain;
}

#snb1{
	width:360px;
	background:#fff;
}
#snb1 .h1{
	font-family: 'GmarketSans';
	font-weight:400;
	color:#000;
	font-size:18px;
	margin:0;padding:20px 0 5px
}

#search1{padding:30px;}
#search1 .h1{
	font-family: 'GmarketSans';
	font-weight:400;
	color:#000;
	font-size:18px;
	margin:0;padding:20px 0 5px
}
#search1 .search1c{overflow:hidden}
#search1 .search1c:nth-of-type(1){margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #ddd}
#search1 .search1c:nth-of-type(1) .h1{padding-top:0}
#search1 .search1c input[type='text']{
	border-radius:3px;
	width:calc(100% - 45px);
	margin-right:5px;
}
#search1 .search1c select{float:left;
	width:calc(50% - 25px);
	margin-right:5px;
	border-radius:3px;
}
#search1 .search1c .button.search{position:relative;
	border:0;background:#3a3a3a;
	border-radius:5px;
	width:40px;height:40px;
	overflow:hidden
}
#search1 .search1c .button.search:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	margin:-10px;
	width:20px;height:20px;
	background:url(../../img/ic40search1.png) no-repeat 0 0 / contain
}
#search1result1{}
#search1result1 .result1{
	background:#fff0ee;
	padding:20px 30px;
	border:solid #ddd;
	border-width:1px 0;
}
#search1result1 .result1 .h1{padding:0 0 5px}
#search1result1 .result1 .t1{margin:0;padding:0;font-size:14px}
#search1result1 .list1{}
#search1result1 .list1 .a1{display:block;
	padding:20px 30px;
	border-bottom:1px solid #ddd;
}
#search1result1 .list1 .a1 .title1{display:block;margin-bottom:10px;height:30px;}
#search1result1 .list1 .a1 .title1 .t1{display:inline-block;
	color:#fff;
	background:#0055a2;
	padding:5px 15px;
	border-radius:20px;
	font-size:14px;
}
#search1result1 .list1 .a1 .title1 .t2{color:#000;font-size:17px;font-weight:400}
#search1result1 .list1 .a1 .li1{display:block;
	position:relative;
	color:#555;
	font-size:13px;
	padding-left:8px;
}
#search1result1 .list1 .a1 .li1:before{content:'';
	display:block;position:absolute;left:0;top:50%;
	background:#777;
	width:2px;height:2px;
	margin:-1px 0 0;
	border-radius:100%;
}
#search1result1 .list1 .a1.on{background:#f9f9f9 url(../../img/ic100check1.png) no-repeat 95% 50% / 50px 50px;}

#search1result1 .d2>.title1{
	height:50px;
	line-height:50px;
	color:#fff;
	overflow:hidden;
	font-family: 'GmarketSans';
	font-size:16px;
	font-weight:400;
	background:#324155;
	padding:0 0 0 30px;
}




.infomenu{padding:20px;text-align:center;}
.infomenu .m{display:inline-block;
	position:relative;
	border-radius:50%;
	width:40px;height:40px;
	vertical-align:middle;
	margin:0 10px;
	background:#f7f7f7 url() no-repeat 50% 50% / 20px 20px;
}
.infomenu .m.prev{background-image:url(../../img/ic40a2left1.png)}
.infomenu .m.next{background-image:url(../../img/ic40a2right1.png)}


.map{position:relative;
	width:100%;height:calc(100% - 60px);
	margin-top:60px;
	background:#eee
}

.tip1{
	position:	absolute;left: 800px;top: 50px;
	background:#fff;border-radius:10px;
	box-shadow: 0px 0 5px 0px rgba(0,0,0,0.3);
	font-size:14px;
	padding:10px;
	color:#000;
	font-weight:500;
	letter-spacing:-1px;
}
.tip1:before{content:'';
	display:inline-block;
	width:20px;height:20px;
	margin:2px 5px 0 0;
	vertical-align:top;
	background:url(../../img/ic40a4exclamation1.png) no-repeat 0 0 / contain;
}

.layer{display:none;position:absolute;right:20px;top:50%;
	transform:translateY(-50%);
	background:#e9ecef;
	width:360px;
	box-shadow: 0px 0 10px 0px rgba(0,0,0,0.2);
}
.layer_head{
	position:relative;
	height:55px;
	background:#0055a2;
	overflow:hidden;
}
.layer_head .title{font-weight:400;padding:10px 20px;color:#fff;}
.layer_head .title .t1{display:inline-block;
	padding:5px 15px 4px;
	border:1px solid #fff;
	font-size:12px;
	border-radius:20px;
	vertical-align:top;
	margin:3px 0 0;
}
.layer_head .title .t2{font-size:18px;}
.layer_body{
	max-height:685px;
	overflow:hidden;
	overflow-y:auto;
}
.layer_head .print{position:absolute;right:50px;top:50%;
	display:block;
	width:20px;height:20px;
	margin:-10px 0 0;
	background:url(../../img/bn1print@2x.png) no-repeat 0 0 / contain;
}
.layer_head .close{position:absolute;right:20px;top:50%;
	display:block;
	width:20px;height:20px;
	margin:-10px 0 0;
	background:url(../../img/ic40a1c2x1.png) no-repeat 0 0 / contain;
}

.layer_cont{padding:20px 30px;background:#fff;font-size:13px;}
.layer_cont  + .layer_cont{margin:10px 0 0;}

.layer_cont .h1{
	color:#000;
	font-size:18px;
	font-family: 'GmarketSans';
	font-weight:400;
	margin-bottom:5px
}
.layer_cont .tab1{margin:10px 0;overflow:hidden;
	border:1px solid #ddd;
	border-radius:5px;
}
.layer_cont .tab1 li{float:left;width:20%;}
.layer_cont .tab1 li a{display:block;
	width:100%;
	text-align:center;
	color:#555;
	padding:12px 0 10px;
	font-family: 'GmarketSans';
}
.layer_cont .tab1 li.on a{color:#fff;background:#333;border-radius:5px;}
.layer_cont .button.a1{display:block;
	border-radius:5px;
	text-align:left;
	font-size:14px;
	height:auto;padding:12px 40px 10px 20px;
	background:#333 url() no-repeat 98% 50%/ 20px 20px;
}
.layer_cont .button.a1.link1{background-image:url(../../img/ic40arrow1.png)}
.layer_cont .button.a1.download1{background-image:url(../../img/ic40download1.png);}
.layer_cont .tab1cont1 h5{color:#333;font-size:14px;margin:10px 0 5px;}



/*  목록  */
.lst1 li{position:relative;
	color:#555;
	padding-left:8px;
	margin:3px 0
}
.lst1 li:before{content:'';
	display:block;position:absolute;left:0;top:8px;
	background:#777;
	width:2px;height:2px;
	margin:-1px 0 0;
	border-radius:100%;
}

.lst2 li{position:relative;
	color:#555;
	padding-left:10px;
	margin:3px 0
}
.lst2 li:before{content:'';
	display:block;position:absolute;left:0;top:9px;
	background:#777;
	width:5px;height:1px;
	margin:-0.5px 0 0;
	border-radius:100%;
}


.customoverlay{margin:-40px 0 0;}
.customoverlay a{display:block;
	background:#fff;
	font-size:11px;
	color:#555;
	padding:3px 7px;
	border:2px solid #ffb4dc;
	border-radius:15px;
	text-decoration:none !important;
	font-weight:600
}
.customoverlay a:hover{color:#000}

.customoverlay a.on{border:2px solid #b8b5ff;}


#print{max-width:720px;margin:0 auto;}
#print_head{position:relative;background:#e1283e;}
#print_head h1{
	color:#fff;
	font-size:18px;
	font-weight:400;
	font-family: 'GmarketSans';
	padding:15px 30px
}
#print_head .print{position:absolute;right:50px;top:50%;
	display:block;
	width:20px;height:20px;
	margin:-10px 0 0;
	background:url(../../img/bn1print@2x.png) no-repeat 0 0 / contain;
}
#print_head .close{position:absolute;right:20px;top:50%;
	display:block;
	width:20px;height:20px;
	margin:-10px 0 0;
	background:url(../../img/ic40a1c2x1.png) no-repeat 0 0 / contain;
}
#print_body .map{margin:0;height:250px;}
#print_body .map .title{position:absolute;left:0;right:0;top:0;
	padding:10px 30px;
	background:rgba(0,0,0,0.5);
	font-size:0
}
#print_body .map .t1{display:inline-block;
	padding:5px 15px 4px;
	font-size:12px;
	border-radius:20px;
	background:#0055a2;
	color:#fff;
	vertical-align:top;
	margin:0 10px 0 0
}
#print_body .map .t2{display:inline-block;
	vertical-align:top;
	color:#fff;
	font-size:18px;
	font-weight:400
}
#print_body .cont1{padding:0 30px 30px;
	font-size:13px;
}
#print_body .cont1 h3{
	color:#fff;
	font-size:16px;
	font-weight:400;
	background:#324155;
	margin:20px -30px;
	padding:10px 30px 8px;
	font-family: 'GmarketSans';
}
#print_body .cont1 h3:nth-of-type(1){margin-top:0}
#print_body .cont1 h4{color:#333;font-size:14px;margin:10px 0 5px;}


@media all and (max-width:1259px){
	#search1result1 .list1 .li1>.a1.on{border-bottom:0}
	#search1result1 .d2{
		background:#f9f9f9;
		padding:0 20px 20px;
		border-bottom:1px solid #ddd;
	}
	#search1result1>.d2{padding:0;background:#fff;border:0}
	#search1result1 .d2 .scroll{border:1px solid #ddd;border-top:0;height:300px;background:#fff;}
	#search1result1 .d2 .result1{border:1px solid #ddd}
	#search1result1 .d2>.title1{display:none;}

	.tip1{left:380px;}

}
@media all and (max-width:767px){

	body{overflow-y:auto}

	#head{position:static}
	#logo{z-index:100;
		position:fixed;left:0;top:0;
		width:100%;height:60px;
		background:#3a3a3a;
		margin:0;
	}
	#logo a{width:320px;height:30px;margin:10px 20px 0}

	#gn1{display:none}

	#sidemenu{position:relative;top:auto;bottom:0;left:auto;
		width:100%;
		margin-top:50%;
	}

	#snb1{width:100%}

	.map{position:absolute;left:0;right:0;top:60px;bottom:0;margin:0;height:40%;}

	.layer{position:fixed;z-index:100;right:0;left:0;width:100%;top:0;margin-top:245px;transform:none}

	.layer_head .print{display:none;}

	.layer_body{max-height:380px}

	#print_body .map{position:relative;top:0}

	.tip1{left:20px;top:20px}

}
@media all and (max-width:479px){



	#sidemenu{margin-top:300px;}

	#search1{padding:20px 30px}
	#search1 .search1c:nth-of-type(1){padding-bottom:10px;}
	#search1 .h1{padding-top:10px}

	#search1result1 .d2 .a1{padding:20px;}

	.layer{margin-top:240px;}

}
@media all and (min-width:1260px){

	#search1result1 .d2{
		background:#fff;
		width:360px;
		transition:.2s ease-out;
		z-index:-1;
		display:block !important;
		visibility:visible !important;
		overflow:visible !important;
	}
	#search1result1 .a1+.d2{position:fixed;left:0;top:60px;bottom:0;}
	#search1result1 .d2.on{left:360px;}
	#search1result1 .d2.on:after{content:'';
		display:block;
		position:absolute;right:-9px;top:0;bottom:0;
		width:9px;
		background:url(../../img/background-shadow.png) repeat-y;
	}
	#search1result1 .d2 .w1{height:100%;overflow-y:scroll;}
	#search1result1 .scroll{height:100%;}
	#search1result1 .d2.on .close{
		position:absolute;right:-40px;top:50px;
		background:#333 url(../../img/ic40a1c2x1.png) no-repeat 50% 50% / 20px 20px;
		width:40px;height:40px;
		border-radius:0 5px 5px 0;
	}

}
@media print{
	#print_head .close, #print_head .print, .tac{display:none;}
	#print + div.tac{display:none}
	.page-break { page-break-inside:avoid; page-break-after:auto }
}
@page {
	size:21cm 29.7cm;
	margin: 0.2cm;
}