@charset "utf-8";

@import url(menu.css);

@font-face {
  font-family: 'NanumSquareR';
   src: url('../_font/NanumSquareR.eot');
  src: url('../_font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
		url('../_font/NanumSquareR.woff2') format('woff2'),
		url('../_font/NanumSquareR.woff') format('woff'),
       url('../_font/NanumSquareR.ttf') format('truetype'),
       url('../_font/NanumSquareR.svg#NanumSquareR') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'NanumSquareB';
   src: url('../_font/NanumSquareB.eot');
  src: url('../_font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('../_font/NanumSquareB.woff2') format('woff2'),
		url('../_font/NanumSquareB.woff') format('woff'),
       url('../_font/NanumSquareB.ttf') format('truetype'),
       url('../_font/NanumSquareB.svg#NanumSquareB') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'NanumBrushScript';
  src: url('../_font/NanumBrush.eot');
  src:  url('../_font/NanumBrush?#iefix') format('embedded-opentype'),
		url('../_font/NanumBrush.woff2') format('woff2'),
       url('../_font/NanumBrush.woff') format('woff'),
       url('../_font/NanumBrush.ttf') format('truetype'),
       url('../_font/NanumBrush.svg#NanumBrush') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumGothic';
 src: url('../_font/NanumGothic.eot');
  src: url('../_font/NanumGothic.eot?#iefix') format('embedded-opentype'),
        url('../_font/NanumGothic.woff2') format('woff2'),
		url('../_font/NanumGothic.woff') format('woff'),
       url('../_font/NanumGothic.ttf') format('truetype'),
       url('../_font/NanumGothic.svg#NanumGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'NanumMyeongjo';
   src: url('../_font/NanumMyeongjo.eot');
  src: url('../_font/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
		url('../_font/NanumMyeongjo.woff2') format('woff2'),
		url('../_font/NanumMyeongjo.woff') format('woff'),
       url('../_font/NanumMyeongjo.ttf') format('truetype'),
       url('../_font/NanumMyeongjo.svg#NanumMyeongjo') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face { 
	font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700; 
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'), 
	url('https://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ 
	url('https://script.ebay.co.kr/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('https://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ 
	url('https://script.ebay.co.kr/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('https://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ 
	url('https://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ 
}

@font-face {
  font-family: 'S-CoreDream';
   src: url('../_font/S-CoreDream-5Medium.eot');
  src: url('../_font/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
		url('../_font/S-CoreDream-5Medium.woff2') format('woff2'),
		url('../_font/S-CoreDream-5Medium.woff') format('woff'),
       url('../_font/S-CoreDream-5Medium.ttf') format('truetype'),
       url('../_font/S-CoreDream-5Medium.svg#S-CoreDream-5Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


* {font-family:'S-CoreDream';}

.hid{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}

/* 가운데 맞춤 */
body {background:url('../_img/body_bg.png') no-repeat center top !important; min-width:400px;}

#wrap{width:100%;}

/* 탑 */
#top{background:#1a469f; width:100%;}

/* 메뉴 */
.menu_wrap {width:100%; border-bottom:1px solid #8da3cf; position:absolute; z-index:10000; background:#1a469f;}
.menu_logo{width:1200px; margin:0 auto; overflow:hidden; color:#333; box-sizing:border-box; position:relative;}
.site_map{position:absolute; right:2px; top:19px; padding-right:5px;}

.logo, #m_menu{float:left;}
.logo > a > img{width:275px; height:70px; padding-top:15px;}

#m_menu{overflow:hidden; width:100%;}

#m_menu .ul_wrap{text-align:right; font-size:0;}
.m_menu_ul > li {display:inline-block; width:calc( ( 100% - 383px ) / 4 ); float:left; text-align:center;}
.m_menu_ul > li:first-child {width:383px;}
.m_menu_ul > li:first-child > a {padding:20px 0px; text-align:left;}
.m_menu_ul > li:last-child {border-right:0px;}
.m_menu_ul > li > a {width:100%; font-size:20px; display:inline-block; box-sizing:border-box; color:#fff; padding:31.5px 0px; position:relative; z-index:10; text-align:center;}
.m_menu_ul > li > ul {display:inline-block; padding:20px 0px; position:absolute; width:100%; top:100px; margin-left:-130px;}

/* 서브메뉴 */
.sub_menu_li {line-height:2.1em; text-align:left;}
.sub_menu_li a {font-size:15px; color: #555; padding-left:20px; text-align:left; margin-bottom:5px; display:inline-block;}
.sub_menu_li a:before {content:""; width:4px; height:4px; border-radius:5px; display:inline-block; vertical-align:middle; margin-right:5px; margin-left:-12px; background:#676767;}
.sub_menu_li a:hover{color:#6267a1; font-weight:bold;}
.sub_menu_li a:hover:before {background:#6267a1;}

/* 하단 */
#bottom{background-color:#f3f3f3; box-sizing:border-box; padding:35px 15px;}
#bottom > div{width:1200px; margin:0 auto; padding-right:25px; box-sizing:border-box;}

#bottom > div:nth-child(1){color:#555; margin-top:15px; box-sizing:border-box; font-size:15px;}
#bottom > div:nth-child(1) > span{padding-left:3px; padding-right:3px; color:#666; font-size:13px; box-sizing:border-box;}

#bottom > div.copy{margin-top:10px; box-sizing:border-box; color:#767676; font-size:12px; position:relative;}

.main_adm_btn {padding:2px 8px; background:#666; color:#fff; display:inline-block;}

/* 반응형 적용부분 */
@media screen and (max-width: 1230px) {
	.menu_logo, .menu_wrap {display:none;}

	/* 하단 */
	#bottom > div{width:100%;}
}

@media screen and (max-width: 870px) {
#bottom > div > div.b_logo{display:none;}

}