@charset "utf-8";
/*나눔고딕웹폰트로드(폰트 사용할곳에font-family:'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';추가)*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*나눔바른고딕웹폰트로드(폰트 사용할곳에font-family:'NanumBarunGothic';추가)*/
/*@import url("../font/NanumBarunGothic.css");*/
/* 본고딕 font-family: "Noto Sans KR"; */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(notosanskr.css); 
/*나눔스퀘어웹폰트로드(폰트 사용할곳에font-family: 'Nanum Square';추가)*/
/* @import url("../font/NanumSquare.css"); */
/* @import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css); */
@font-fact {font-family:"Nanum SquareB"; src("../fonts/NanumSquareB.ttf") }
@font-fact {font-family:"Nanum SquareEB"; src("../fonts/NanumSquareEB.ttf") }
/* @font-fact {font-family:"Nanum SquareL"; src("../fonts/NanumSquareL.ttf") } */
/* @font-fact {font-family:"Nanum SquareR"; src("../fonts/NanumSquareR.ttf") } */

/* 노토산스 (폰트 사용할곳에font-family: 'Noto Sans KR', serif;추가)*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* @font-fact {font-family:"Nato Sans DemiLight"; src("../fonts/NotoSansCJKkr-DemiLight.otf") }
@font-fact {font-family:"Nato Sans Blod"; src("../fonts/NotoSansCJKkr-Blod.otf") }
@font-fact {font-family:"Nato Sans Medium"; src("../fonts/NotoSansCJKkr-Medium.otf") }
@font-fact {font-family:"Nato Sans Regular"; src("../fonts/NotoSansCJKkr-Regular.otf") }
 */
/* 배달의 민족 */
@font-fact {font-family:"BMDOHYEON"; src("../fonts/BMDOHYEON.ttf") }

/*나눔명조웹폰트로드(폰트 사용할곳에font-family: 'Nanum Myeongjo', serif;추가)*/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css) */;
/*코펍바탕체 font-family: 'KoPub Batang', 'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';*/ 
/* @import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css); */
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('//script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('//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('//script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('//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('//script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('//script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* CSS Document */
*{padding:0;margin:0;}
html,body{width:100%;height:100%;}
/* html{overflow-y:scroll;} */
body{line-height: 1;}
body,b,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;
font-family: 'Noto Sans KR', "Nanum Gothic", '돋움','dotum',tahoma,'NanumBarunGothic','MalgunGothic','Verdana','Arial','Helvetica','sans-serif';}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;-webkit-appearance: none;}
button{border:none;background: none;-webkit-appearance: none;}
select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; -webkit-appearance: none; padding: 0 20px 0 10px; 
background:url("../img/btn/option_bar_btn.png")no-repeat right 10px center;  vertical-align:middle; border: 1px solid #bbb; outline:none;}
select::-ms-expand { display: none; }
hr,legend {display:none;}
img,fieldset,iframe{border:none;}
img{vertical-align:top; max-width: 100%;}
textarea{font-family:'Noto Sans KR','돋움','dotum',tahoma,'MalgunGothic','Verdana','Arial','Helvetica','sans-serif';padding:8px; border:solid 1px #c6c6c6;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
caption {display:none;}
input,select,button{vertical-align:middle; border-radius: 0;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0; }
fieldset{min-width:100%;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}

button,a,input,textarea {outline: 0;}

input::placeholder,
textarea::placeholder {
    font-size: inherit;
    font-weight: inherit;
    color: #cccccc;
}

input[type=text]::-ms-clear{display:none;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="button"],
input[type="tel"]{border: 1px solid #dcdcdc;-webkit-appearance: none; -moz-appearance:none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 15px;}
input[type="text"]:hover,input[type="text"]:focus,
input[type="password"]:hover,input[type="password"]:focus,
input[type="email"]:hover,input[type="email"]:focus,
input[type="number"]:hover,input[type="number"]:focus,
input[type="tel"]:hover,input[type="tel"]:focus{border-color: #ccc;}

input::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
}
input::-moz-placeholder {
	color: #999;
	opacity: 1;
}
input:-ms-input-placeholder {
	color: #999;
	opacity: 1;
}
input:-moz-placeholder {
	color: #999;
	opacity: 1;
}
input::placeholder {
	color: #999;
	opacity: 1;
}
/* float */

.clearfix{*zoom: 1;}
.clearfix:after{content:'';display:block;clear:both;}
ul:after{content:'';display:block;clear:both;}
/* Common */

.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.skip a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 12px/3.4 arial,sans-serif;text-align:center;z-index: 99999;}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

/*loader*/
#loader{background: #f5f5f5; position: fixed; width: 100%; height: 100%; top: 0; z-index: 999999;}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
img.loading {-webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; position: absolute; top: 50%; left: 50%; width: 140px; height: 140px; margin-left: -70px; margin-top: -70px;}


body.scroll_stop {
	overflow: hidden;
}

/*페이징*/

.board_num_list {
	margin-top: 34px;
	text-align: center;
}
.board_num_list a {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	font-weight: 400;
	color: #252525;
	border-radius: 50%;
	vertical-align: middle;
}
.board_num_list a.num:hover::after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 28px;
	height: 28px;
	background: #f1f1f1;
	border-radius: 50%;
	content: '';
	z-index: -1;
}
.board_num_list a.num.on {
	color: #fff;
	background: #7a101c;
}
.board_num_list a + a {
	margin-left: 16px;
}
.board_num_list a.prev {
	margin-right: 10px;
	background: url(../img/btn/pager_prev.png) center center no-repeat;
}
.board_num_list a.next {
	margin-left: 26px;
	background: url(../img/btn/pager_next.png) center center no-repeat;
}



*{-webkit-text-size-adjust:none}

/*기본*/
.screen_pc{  }
.screen_tb{ display: none; }
.screen_ph{ display: none; }

#wrap{ width:100%; margin: 0 auto; overflow: hidden; position:relative; }
#header{ position:relative; }
#container{ position:relative;}
#footer{ position:relative; }

.layer_bg{position:absolute;left:0;right:0;top:246px;bottom:0;z-index:99;background:rgba(0, 0, 0, 0.8); display:none;text-indent:-9999em;
/* 
IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다. 
컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */}

.mo_layer_bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:77;background:rgba(0, 0, 0, 0.5); display:none;text-indent:-9999em;
/* 
IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다. 
컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */}




/* moblie */
@media screen and (max-width: 850px){

	.board_num_list {
		margin-top: 30px;
	}
	.board_num_list a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
	}
	.board_num_list a + a {
		margin-left: 10px;
	}
	.board_num_list a.next {
		margin-left: 20px;
	}


	/* 탑 버튼 */
	.top_btn{display:none;}
}

@media screen and (max-width: 420px){

	.layer_bg { bottom:-372vw }

}

@media screen and (max-width: 375px){

	.layer_bg { bottom:-372vw }

}

@media screen and (max-width: 350px){

	.layer_bg { bottom:-426vw }

	
	.board_num_list a + a {
		margin-left: 5px;
	}
	.board_num_list a.next {
		margin-left: 15px;
	}
}