@charset "utf-8";
/* CSS Document */



@charset "utf-8";

/* Style Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent}
body {font:11px dotum, '돋움';color:#000000;line-height:1.2;text-align:left}
h1,h2,h3,h4,h5,strong,th {font-size:100%; font-weight:bold}
input,select,textarea {font-family:dotum, '돋움'; font-size:11px; color:#000000;vertical-align:middle}
ol,ul {list-style:none}
hr,legend {display:none; height:0; overflow:hidden}
a {text-decoration:none;}
a:hover {text-decoration:none;}
a img, img {border:0;vertical-align:top}



/* Layout */

html, body { 
	height:100%;
	width:100%;
	min-width:1000px;
 	color:#777777;
 	text-align:center; 
 	font-family:"Dotum","돋움", "굴림", Sans-serif; 
 	font-size:12px;
	
 	}
html { overflow-y: scroll;}


/*TOP*/
#top {
	width:auto; min-width: 1000px;
	height: auto; min-height: 120px;
	margin: auto auto;
	text-align: center;
	display:inline-block;
}
#top  #top_wrap {
	width: 1000px;
	height: 120px;
	border-bottom: #333333 solid 1px;
	padding-bottom: 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: end;
}
#top  #top_wrap .logo {}



/*CONTENT*/
#content {
	width:auto; min-width: 1000px;
	height: 690px; min-height: 690px;
	margin: 0 auto; 
	text-align:center;
}

#content #content_wrap {
	width: 1000px;
	display:inline-block; 
}
#content #content_wrap .content{
	width: 1000px;
	height: 600px;
}

#content #menu_wrap .menu{
	width: 1000px;
	height: 60px;
	margin-top: 10px; 
	display:inline-block; 
}
.btn_menu {display: inline-block; box-sizing: border-box;  width: 330px; line-height: 58px; font-size: 30px; letter-spacing: -1px; color: #FFFF  border: 1px solid #333333; text-align: center; vertical-align: middle; font-family: 'Gmarket Sans'; font-weight: 400;}
.btn_menu a {display: block; box-sizing: border-box; width: 330px; line-height: 58px; font-size: 30px; letter-spacing: -1px; color: #FFF; border: 1px solid #333333; text-align: center; vertical-align: middle; font-family: 'Gmarket Sans'; font-weight: 400;}
.btn_menu a:hover {display: block; box-sizing: border-box; width: 330px; line-height: 58px; font-size: 30px; letter-spacing: -1px; color: #FFF; background: #333333; border: 1px solid #333333; text-align: center; vertical-align: font-family: 'Gmarket Sans'; font-weight: 400;}
.bg_E {background: #f87a1d;}
.bg_M {background: #2b4fa1;}
.bg_H {background: #007f7d;}



/*FOOT*/
#foot {
	width:auto; min-width: 1000px;
	min-height: 75px;
	margin: 0px auto;
	background: #333333;
	text-align: center;

}
#foot #foot_wrap {
	width: 1000px;
	margin-top: 35px;
	margin-bottom: 20px;
	display:inline-block;
}
#foot #foot_wrap #foot_area{
	width: 1000px;
	float: left;
	text-align: left;
	float: left;
	display: flex;
	justify-content: start;
	align-items: start;

}

#foot #foot_wrap #foot_area .logo_kr {
	display: inline-block;
}

#foot #foot_wrap #foot_area .coust {
	font-size: 14px;
	letter-spacing: -1px;
	font-family: 'Gmarket Sans'; font-weight: 300;
	display:inline-block;
}
#foot #foot_wrap #foot_area .coust ul li{padding-bottom: 2px; color: #b8fd03;}
#foot #foot_wrap #foot_area .coust li:nth-child(2) {font-size: 36px; letter-spacing: -1px; font-weight: 400; padding-bottom: 5px;}
#foot #foot_wrap #foot_area .coust li:nth-child(3) {font-size: 16px; letter-spacing: -1px; font-weight: 400;}
.btn_service {display: inline-block; box-sizing: border-box;  width: 175px; line-height: 36px; font-size: 16px; letter-spacing: -1px; color: #b8fd03  border: 1px solid #b8fd03; text-align: center; vertical-align: middle; font-family: 'Gmarket Sans'; font-weight: 400;}
.btn_service a {display: block; box-sizing: border-box; width: 175px; line-height: 36px; font-size: 16px; letter-spacing: -1px; color: #b8fd03; border: 1px solid #b8fd03; text-align: center; vertical-align: middle; font-family: 'Gmarket Sans'; font-weight: 400;}
.btn_service a:hover {display: block; box-sizing: border-box; width: 175px; line-height: 36px; font-size: 16px; letter-spacing: -1px; color: #6e9801; background: #333333; border: 1px solid #6e9801; text-align: center; vertical-align: font-family: 'Gmarket Sans'; font-weight: 400;}

#foot #foot_wrap #foot_area .addres {
	font-size: 12px;
	color: #FFFFFF; 
	font-family: 'Gmarket Sans'; font-weight: 300;
	line-height: 18px;
	display:inline-block;
}
#foot #foot_wrap #foot_area .addres
a {color: #b8fd03;}
#foot #foot_wrap #foot_area .addres
a:hover {color: #6e9801;}




#foot #foot_wrap #foot_area .number {
	font-size: 12px;
	color: #FFF;
	font-family: 'Gmarket Sans'; font-weight: 300;
	line-height: 18px;
	display:inline-block;
}

#foot #foot_wrap #foot_area .logo_kr,
#foot #foot_wrap #foot_area .coust,
#foot #foot_wrap #foot_area .addres
{margin-right: 35px;}



/***** 폰트*****/
@import url('https://webfontworld.github.io/naver/NanumGothic.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-myeongjo.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face { /* noto-sans-kr-300 - korean */
    font-family: 'Noto Sans KR';    font-style: normal;    font-weight: 300;
    src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
    url('//script.gmarket.com/fonts/noto-sans-kr-v11-korean-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.gmarket.com/fonts/noto-sans-kr-v11-korean-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {/* noto-sans-kr-regular - korean */
    font-family: 'Noto Sans KR';    font-style: normal;    font-weight: 400;
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
    url('//script.gmarket.com/fonts/noto-sans-kr-v11-korean-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.gmarket.com/fonts/noto-sans-kr-v11-korean-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {/* noto-sans-kr-500 - korean */
    font-family: 'Noto Sans KR';    font-style: normal;    font-weight: 500;
    src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
    url('//script.gmarket.com/fonts/noto-sans-kr-v11-korean-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.gmarket.com/fonts/noto-sans-kr-v11-korean-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {/* noto-sans-kr-700 - korean */
    font-family: 'Noto Sans KR';    font-style: normal;    font-weight: 700;
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
    url('//script.gmarket.com/fonts/noto-sans-kr-v11-korean-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.gmarket.com/fonts/noto-sans-kr-v11-korean-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@font-face {
    font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
    src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
    url('//script.gmarket.com/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.gmarket.com/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
    src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
    url('//script.gmarket.com/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.gmarket.com/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
    src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
    url('//script.gmarket.com/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('//script.gmarket.com/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}