@charset "utf-8";
/*Normalize*/

@-ms-viewport {
  width: device-width;
}


html {
	height: 100%; overflow-y:scroll; overflow-x:hidden;
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
}

/* 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, 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, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
/*margin: 0;*/
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/*body {overflow-y:scroll;}*/

ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body {-webkit-text-size-adjust: none;}
/* Box Model */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


/* Basic */
body { color: #666666; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:400;}
input, textarea, select {font-weight: 300;color: #5d5d5d; font-family:'Noto Sans KR', sans-serif;}
strong, b {color: #252122;font-weight:500;font-size:110%;}
i, em {font-style: italic;}
sub {position: relative;top: 0.5em;font-size: 0.8em;}
sup {position: relative;top: -0.5em;font-size: 0.8em;}
blockquote {border-left: solid 0.75em #dddddd;padding: 1em 0 1em 1.5em;font-style: italic;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}
a {text-decoration: none; color:#666;}
a:hover {text-decoration: none;}
br.clear {clear: both;}
.clearfix {content:""; display:block; clear:both;}


/* Box Model */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}



.container {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}


.qty_box {
	padding: 11px 0 9px 0;
	height: 31px; 
	width: 60px; 
	font-size: 17px;
	font-weight: bold;
	outline: none; 
	vertical-align: middle; 
	text-align: center;
	background: transparent;
	box-sizing: border-box; 
	/*margin-bottom: 10px;*/
	margin-top: -22px;
	-webkit-border-radius:0;
	}
}


button, [role="button"] {
    cursor: pointer;
    -webkit-user-select: none;
}


/*  css  버튼 */
.css_btn{
      text-decoration: none;
      font-size:16px;
      color:white;
      line-height: 28px;
      width: 101px;
      height: 30px;
      /*padding:10px 20px 10px 20px;*/
      /*margin:20px;*/
      display:inline-block;
      border-radius: 5px;
      transition:all 0.1s;
      text-shadow: 0px -2px rgba(0, 0, 0, 0.44);
}

.css_btn:active{
  transform: translateY(3px);
}

.css_btn.blue{
  background-color: #1f75d9;
  border-bottom:5px solid #165195;
}

.css_btn.blue:active{
  border-bottom:2px solid #165195;
}


.css_btn2{
      text-decoration: none;
      font-size:12px;
	  text-align:center;
      color:white;
      line-height: 22px;
      width: 60px;
      height: 25px;
      /*padding:10px 20px 10px 20px;*/
      /*margin:20px;*/
      display:inline-block;
      border-radius: 5px;
      transition:all 0.1s;
      text-shadow: 0px -2px rgba(0, 0, 0, 0.44);
}

.css_btn2:active{
  transform: translateY(3px);
}

.css_btn2.blue{
  background-color: #1f75d9;
  border-bottom:2px solid #165195;
}

.css_btn2.blue:active{
  border-bottom:1px solid #165195;
}
/*  css  버튼 끝 */

.prod-buy-footer .prod-cart-btn:hover {
    color: #0f5ca8;
    border-color: #0f5ca8;
}

.prod-buy-footer .prod-cart-btn {
    margin-right: 7px;
    color: #346AFF;
}

.prod-buy-footer button {
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    line-height: 28px;
    width: 121px;
    height: 30px;
    background: transparent;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #346aff;
}


.prod-buy-footer2 .prod-cart-btn {
    /*display: block;*/
    /*float: left;*/
    cursor: pointer;
    position: relative;
    line-height: 28px;
    width: 111px;
    height: 30px;
    background: transparent;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #346aff;
	margin-top: 5px;
}

.prod-buy-footer2 .prod-cart-btn2 {
    /*display: block;*/
    /*float: left;*/
    position: relative;
    line-height: 28px;
    /*width: 81px;*/
    height: 30px;
	margin-top: 5px;
}

.prod-buy-footer2 .img_calendar {
	content:url("/images/icon_calendar2.png");
	cursor:pointer;
	width: 30px; 
	height: 30px; 
	margin-top:-4px;
}

.icon_calendar1 {
	content:url("/images/icon_calendar2.png");
	cursor:pointer;
	width: 30px; 
	height: 30px; 
}

.icon_calendar2 {
	content:url("/images/icon_calendar2.png");
	cursor:pointer;
	width: 25px; 
	height: 25px; 
}

.icon_basket {
	content:url("/images/icon_basket.png");
	cursor:pointer;
	width: 20px; 
	height: 20px; 
}


.arrow_up2 {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: transparent;
	position: relative;
    border: 1px solid #346aff;
}

.arrow_down2 {
    width: 30px;
    height: 30px;
    background: transparent;
	position: relative;
    border: 1px solid #346aff;
}


.span_h300 {
	display:inline-block;
	height:300px;
	width:100%;
	}

.span_h500 {
	display:inline-block;
	height:500px;
	width:100%;
	}


/*link*/
:focus {outline:0;}
a {color:#666;outline:none;select-dummy:expression(this.hideFocus=true)}
a:link, a:visited, a:active{text-decoration:none}
a:hover{color:#666; text-decoration:none}
a.rollover img {border-width:0px; display:inline}
a.rollover img.over {display:none}
a.rollover:hover {border:0px} 
a.rollover:hover img {display:none} 
a.rollover:hover img.over {display:inline}

/*BASIC CSS*/
.p_rel{position:relative}



/*ETC*/
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.ellips{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-align:left}
.black_overlay1{cursor:default;display:block;position:fixed;top:0%;left:0%;width:100%;height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:100}
.layer_c{position:absolute; top:0; bottom:0; left:0; right:0; margin: auto}
.pre_box{white-space:pre-wrap; word-break:break-all}  /*textarea효과, 줄바꿈 등*/
/* _position:absolute는 ie6에서도 동일한 효과(position:fix)를 주기 위한 css핵 */  
.fix{position:fixed;_position:absolute;width:100%;top:0;z-index:100;}
.p_rel{position:relative}
.clearfix:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.dn{display:none}
.temp_space{width:100%; height:50px; margin:50px 0; background:#fdd167}
.align_tc{text-align:center}

/*font*/
.gulim{font-family:'굴림','Gulim','NSimSun'}
.dotum{font-family:'돋움','dotum','NSimSun'}
.nanum_g{font-family:'Nanum Gothic','NSimSun', sans-serif;}
.nanum_m{font-family:'Nanum Myeongjo','NSimSun', serif;}
.noto{font-family: 'Noto Sans Korean','NSimSun', sans-serif;}
.titil{font-family: 'Titillium Web','NSimSun', sans-serif;}
.roboto{font-family:'Roboto','NSimSun', sans-serif;}
.roboto_c{font-family: 'Roboto Condensed','NSimSun', sans-serif; letter-spacing:0.7px;}

.f_bold{font-weight:bold}


.n11					{font-family:나눔고딕,nanum,dotum; font-size:11px;}
.n12					{font-family:나눔고딕,nanum,dotum; font-size:12px;}
.n13					{font-family:나눔고딕,nanum,dotum; font-size:13px;}
.n14					{font-family:나눔고딕,nanum,dotum; font-size:14px;}
.n15					{font-family:나눔고딕,nanum,dotum; font-size:15px;}
.n16					{font-family:나눔고딕,nanum,dotum; font-size:16px;}
.n17					{font-family:나눔고딕,nanum,dotum; font-size:17px;}
.n20					{font-family:나눔고딕,nanum,dotum; font-size:20px;}
.n25					{font-family:나눔고딕,nanum,dotum; font-size:25px;}

.nb						{font-family:nanumbold!important;}
.nb13					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:13px!important;}
.nb14					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:14px!important;}
.nb15					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:15px!important;}
.nb17					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:17px!important;}
.nb18					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:18px!important;}
.nb20					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:20px!important;}
.nb22					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:22px!important;}
.nb25					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:25px!important;}
.nb38					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:38px!important;}
.nb44					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:36px!important;}

.li20					{line-height:20px;}
.li30					{line-height:30px;}
.li18					{line-height:18px;}