html {color: #333333;font: 12px/1.25 Lato, Noto Sans KR, 'Noto Sans KR', sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;	text-decoration: none;
 scrollbar-arrow-color:black;
 scrollbar-base-color:#d7d7d7;
 scrollbar-darkshadow-color:#d7d7d7;
 scrollbar-face-color:#d7d7d7;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-shadow-color:black;
 overflow-y:scroll;
}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 

body{margin:0px;font-family:Noto Sans KR;}

/*body{margin:0px;font-family:Noto Sans KR;background: black url("http://www.thenorthfacekorea.co.kr/websrc/img/sub_main/bg_bodywrap.jpg"); background-repeat:no-repeat; background-position:50% 0%;}*/
label{cursor:pointer}
a		{text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#f3721b;}
a.white			{text-decoration:none; color:#FFFFFF;}
a.white:hover	{text-decoration:none; color:#FFFFFF;}
form{margin:0;padding:0;display:inline;}

img{ border:0px; vertical-align:top; }
INPUT[type=image]{ border:0px; vertical-align:top; }
a,img,input {outline: none;selector-dummy:expression(this.hideFocus=true);}

INPUT[type=text],INPUT[type=number],INPUT[type=file],INPUT[type=password],textarea{
	vertical-align: middle;height:18px;border:1px solid #ccc;padding:5px;color:#404040;
	letter-spacing:-0.05em;
	font: 12px/1.25 Lato, Noto Sans KR, 'Noto Sans KR', sans-serif;
}

::-webkit-input-placeholder {
	color: #536c79;
	padding-left:5px;
	font-size:11px;
} 
:-moz-placeholder {
	color: #536c79;
	opacity: 1;
	padding-left:5px;
	font-size:11px;
}
::-moz-placeholder {
	color: #536c79;
	opacity: 1; 
	padding-left:5px;
	font-size:11px;
}
:-ms-input-placeholder {
	color: #536c79; 
	padding-left:5px;
	font-size:11px;
}

INPUT[type=text]:focus,INPUT[type=number]:focus,INPUT[type=file]:focus,INPUT[type=password]:focus,select:focus,textarea:focus {
	color: #3e515b;
    background-color: #fff;
    border-color: #8ad4ee;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}
.button:focus{
    border-color: #8ad4ee;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);
}

INPUT[type=number]:hover{border:1px solid #828282}
INPUT[type=text]:hover{border:1px solid #828282}
INPUT[type=file]:hover{border:1px solid #828282;}
INPUT[type=password]:hover{border:1px solid #828282;}
textarea {overflow:auto;padding:8px}
textarea:hover{border:1px solid #828282;}
select:hover{border:1px solid #828282;background-color:#feffe1;}
br{mso-data-placement:same-cell;}

INPUT[type=image].btn{cursor:pointer}

.prtThumb.big{height:240px;width:240px;border:1px solid #e6e6e6;}
.prtThumb.small{height:40px;width:40px;border:1px solid #e6e6e6;}
.item{
	width:245px;
	text-align:center;
	float:left;
	padding-bottom:20px;
}



INPUT[type=text].price{
	border:1px solid #A1A1A1;font-family: "Noto Sans KR", "Noto Sans KR";font-size:11px;color:#404040;
	font-weight:bold;text-align:right;
}

INPUT[type=button],INPUT[type=submit],select{vertical-align:middle}

.button.red{
	background:url('/shop/images/btn_bg_red.jpg');height:26px;
	cursor:pointer;
	border:0px solid black;font-weight:bold;
	font:10pt; FONT-FAMILY: 'Noto Sans KR';
	color:#FFFFFF;
	padding:0px 13px 0px 13px;
}

.button.black{
	background:url('/images/btn_bg_black.jpg');height:26px;
	cursor:pointer;
	border:0px solid black;font-weight:bold;
	font:10pt; FONT-FAMILY: 'Noto Sans KR';
	color:#FFFFFF;
	padding:0px 13px 0px 13px;
}

.button.small {padding:0px 5px 0px 5px;font-weight:normal;margin:0px;font-size:11px;height:20px}

#wait-loader{
	text-align:center;
	width:100%;
	padding:10px;
	border:1px solid #bbbbbb; 
	background-color:#FFFFFF;
	display:none;
	letter-spacing: 0.5em;
	font-weight:bold;
	position:absolute; 
	z-index:10;
}

select {
   background: transparent;
   padding: 2px;
   border: 1px solid #ccc;
   font-size:12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.prtThumbMacro{
	width:50px;height:50px;
	border-radius:.5em;border:1px solid #dbdbdb;
}

div.notice{border:1px solid #e1e1e1;}
div.notice ul{margin:10px 10px 10px 10px;padding:0px;list-style-image:url('/images/li_dot01.jpg');}
div.notice li{padding:0px 0px 2px 0px}


.top_bar{height:36px;width:380px;background:url("/shop/images/bg_bar_menu.png");}
.top_bar ul{ margin:0px;padding:0px;}
.top_bar ul li{
	cursor:pointer;
	height:22px;
	padding:0px;
	margin:0px;
	width:92px;
	padding-top:5px;
/*	font-weight:bold;*/
	color:#FFFFFF;
	list-style-type:none;
	float:left;
	text-align:center;
	background:url("/shop/images/bg_bar_menu_gb.png") no-repeat 0 5px;
}


.floatleft{float:left;}
.floatright{float:right;}

#body_container{width:1000px;margin:0 auto; position:relative;}
#main_container{padding:10px;width:980px;background:#FFF}
#top_container{height:475px;}
#top_container{height:475px;}
#top_container.sub{height:320px;}
#top_container.blank{height:0px;}
#top_logo_container{position:relative;z-index:1;}
#top_big_banner {position:absolute;z-index:0;top:144px;}

.top_bar .submenu_slide{width:175px;z-index:2;position:relative;}
.top_bar .submenu ul{ width:160px;padding:0px;float:left;border-top:none;}

.top_bar .submenu ul li{
	padding-left:20px;
	color: #FFFFFF;
	width:150px;
	text-align:left;
	background-image:none;
	margin-left:5px;
}

.top_bar .submenu ul li.last{border-bottom:0px}
.top_bar .submenu ul li.depth1{background-color:#a5adb5;margin-top:12px;}
.top_bar .submenu ul li.depth2{background-color:#9097a1}
.top_bar .submenu ul li.depth3{background-color:#79818b}
.top_bar .submenu ul li.depth4{background-color:#616974}
.top_bar .submenu ul li.depth5{background-color:#4c5560}
.clerBoth{clear:both;}
.gray{color:#747474;}
.orange{color:#e04205}
.bold{font-weight:bold}


/* 레이어팝업 */
.layer {display:none; position:fixed; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.open {display:block;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .layer_popup { position:absolute; left:50%; top:50%; z-index:0; width:500px; padding:5px; border:4px solid #484848; background:#fff;border-radius:.5em;}
.layer .layer_popup .layerForm-Close #layer_close { position:absolute; z-index:1; right:-2px; top:-2px;}

.layer2 {display:none; position:fixed; position:absolute; top:0; left:0; width:100%; height:100%; z-index:7;}
.layer2 .bg2 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}

@media (max-width: 800px) {
	.layer .layer_popup { position:absolute; left:50%; top:50%; z-index:0; width:90%; padding:5px; border:4px solid #484848; background:#fff;border-radius:.5em;}
}

/*탑메뉴*/
/*#top_menu{height:50px;width:1000px;margin:0 auto;text-align:right;background: black url("/images/main_background.jpg");background-repeat:no-repeat; background-position:50% 0%;}*/
#top_menu{height:30px;width:897px;margin:0 auto;text-align:right;background:none}
#top_menu a{color:black}
#top_menu .menusearch{padding-top:10px;float:left}
#top_menu .menutxt{color:#b7b7b7;padding-top:10px;word-spacing:4pt;font-size:12px}
#top_menu INPUT[type=text]{width:100px;height:10px;border:1px solid #a2a2a2;background-color:#2b2b2b;color:#FFF;}

/*중간컨텐츠*/
#content_container{	margin:0 auto;width:980px;padding-top:10px;background:#FFFFFF}
#content_container.blank{position:relative;top:0px}
#content_sub {width:100%;margin-top:0px;margin-bottom:20px;float:left;}
#content_sub.inner{width:780px;padding-left:90px;padding-top:20px}
#content_sub .logintitle{background:url("/shop/images/memjoin-title.jpg") no-repeat 10px 0px; height:35px;width:268px;border-bottom:2px solid #4b4b4b;float:left;}
#content_sub .logintext{padding-left:160px;padding-top:5px;font-size:15px;font-weight:bold;}
#content_sub .bar{height:35px;width:672px;border-bottom:2px solid #e5e5e5;float:left;}

#content_sub .commontitle{background:url("/shop/images/li_big_ring.jpg") no-repeat 4px 4px; height:25px;width:168px;border-bottom:2px solid #4b4b4b;float:left;}
#content_sub .commontext{padding-left:25px;padding-top:0px;font-size:15px;font-weight:bold;}
#content_sub .bar2{height:25px;width:689px;border-bottom:2px solid #e5e5e5;float:left;}


#content_sub .left50{width:50%;float:left;height:170px;font-size:30px;text-align:center;padding-top:30px}
#content_sub .right50{width:50%;float:right;height:170px;}

#content_sub dl{margin:20px 20px 20px 20px;}
#content_sub dl dt{font-weight:bold;padding:10px 10px 5px 0px;font-size:14px;color:#787878}
#content_sub dl dd{margin:0px;padding:0px;text-align:center;}
#content_sub dl dd.last{margin:0px;padding:10px;text-align:right;font-weight:bold}

#content_sub .loginbtn{float:left;margin-top:20px}
#content_sub .loginimg{float:left;background:url("/shop/images/memjoin_icon_lock.jpg") no-repeat 0px 0px;width:50px;height:70px;margin-left:20px;}
#content_sub #logintbl{float:left;width:280px;margin-top:15px;}
#content_sub #logintbl tr th{font-size:12px;font-weight:bold;background:url("/shop/images/li_dot01.jpg") no-repeat 8px 10px;border-top:0px}
#content_sub #logintbl tr td{font-size:0px;} 

#content_sub #logintbl2{float:left;width:300px;margin-top:15px;}
#content_sub #logintbl2 tr th{font-size:12px;font-weight:bold;background:url("/shop/images/li_dot01.jpg") no-repeat 5px 10px;border-top:0px}
#content_sub #logintbl2 tr td{font-size:12px;} 

#content_sub .right50 ul{padding-top:5px;padding-left:10px;list-style:none;list-style-type:none;margin:0px;}
#content_sub .right50 ul li{margin-top:10px; font-weight:normal; list-style-image : url('/shop/images/li_dot01.jpg')}
#content_sub .loginfoot{border-top:1px solid #e5e5e5;padding:20px;text-align:center;}




/*페이지공통*/
#content-titlebar{background:url("/shop/images/mypage_bar.gif") no-repeat; width:980px;height:49px;margin-top:10px;margin-bottom:30px;color:#FFF}
#content-titlebar .bar{float:left;height:18px;margin-top:16px;border-right:1px solid #FFF;}
#content-titlebar .maintitle{float:left;font-size:20px;height:49px;margin:12px 20px 0px 20px;font-family: "Arial";}
#content-titlebar .subtitle{float:left;height:25px;margin:14px 0px 0px 20px;font-size:15px;font-weight:bold;}
#content-titlebar .location{float:right;height:25px;margin:14px 20px 0px 20px;}

.bannerBox{border:1px solid #ccc;}

/*주문서*/
#order_container{border-bottom:#CCCCCC dotted 1px;width:1020px;margin:0px; padding:60px 0px 20px 10px;  float:left;background:#FFFFFF}
#order_container dt{float:left;clear:left;width:90px;font-weight:bold; height:26px;padding-top:4px;}  
#order_container dd{padding-top:3px;padding-bottom:3px;padding-left:50px;}
#order_container #prttotalamount{font-weight:bold;font-size:15px;}
#order_container #dlvamount{font-weight:bold;font-size:15px;}
#order_container #strdlvamount{font-weight:bold;font-size:15px;}
#order_container #totaldiscount{font-weight:bold;font-size:15px;margin-top:5px;height:23px}
#order_container #totalamount{height:40px;color:#ff6600;font-weight:bold;font-size:29px;}
#order_container #bizratemsg{color:#ff6600;}
#order_container .subtitle{font-weight:bold;font-size:12px}
#order_container .od-price {color:#ff3300;font-weight:bold;text-align:right;width:25px}
/*#order_container .bank{display:none}*/
#order_container .bank.block{display:block}
#order_container .ordmoney{width:60px;text-align:right;font-weight:bold;background-color:#ffecec}
#order_container .prtmoney{width:40px;text-align:right;font-weight:bold;}
#order_container .odgrp{cursor:pointer}
#order_container .readonly{background-color:#ebebeb}

/*하단*/
#bottom_container{ width:970px;padding:15px 5px 15px 5px;color:#9e9e9e;line-height:20px;background: #FFF url(/images/bottom_logo.jpg) no-repeat 780px 18px; letter-spacing:0.01em;}

/*슬라이드왼쪽퀵메뉴*/
#leftslidemenu{	left:50%;margin-left:-655px;width:100px;height:300px;position:absolute;top:180px;}

/*슬라이드오른쪽퀵메뉴*/
#rightslidemenu{left:50%;margin-left:525px;width:100px;position:absolute;top:320px; display:none;}
#rightslidemenu #rightslidemenu_top{background:url(/images/event_bg.png) no-repeat -10px -20px;height:120px;width:110px;padding-top:38px}
#rightslidemenu #rightslidemenu_top #rightslide_top01{border:1px solid #444341;width:82px;height:102px;background:#FFF;margin:0px 0px 0px 10px;}


/*우편번호검색*/
#zipSearch {display:none; position:fixed; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10001;}
#zipSearch .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#zipSearch .layer_popup { position:absolute; left:50%; top:50%; z-index:10; width:550px; height:350px; padding:5px; border:4px solid #484848; background:#fff;}
#zipSearch .zipSearch .layerForm-Close #layer_close { position:absolute; z-index:2; right:-2px; top:-2px;}
#zipSearch .zipcode-val{border-bottom:1px solid #CCCCCC;text-align:left;padding:5px }

/*레어어팝업*/
#layerForm-pop-title{background: #000000 url('../../images/head-fade-bk.png') 0 -12px;border-radius:.3em;padding:2px;height:20px;}
#layerForm-pop-title .layerForm-pop-title-blank{float:left;width:20%;text-align:right;color:#FFF;}
#layerForm-pop-title .layerForm-pop-title-main{float:left;width:60%;text-align:center;color:#FFF;font-weight:bold;padding-top:2px;}
#layerForm-pop-close{float:right;margin:0px;padding-right:5px;padding-top:2px;text-align:left;cursor:pointer}
#layerForm-pop-close:hover{color:red}

#layerForm-pop-title{
	background: #303641;border-radius:3px 3px 0 0;
	padding:6px;
	height:20px;
}
#layerForm-pop-title .layerForm-pop-title-blank{
	float:left;width:20%;text-align:right;color:#FFF;
}

#layerForm-pop-title .layerForm-pop-title-main{
	float:left;width:60%;text-align:center;color:#FFF;font-weight:bold;padding-top:2px;
}

/*페이징*/
#page-container {width:100%;padding-top:10px;clear:both}
#page-container .page-left{width:29%;float:left;padding:1px}
#page-container .page-center{width:39%;float:left;text-align:center;padding:1px}
#page-container .page-right{width:29%;float:right;text-align:right;padding:1px}


#popdiv{
position:absolute;top:300px;width:100%;text-align:center;height:138px;background:black;padding-top:20px;padding-bottom:20px;opacity:.9; filter:alpha(opacity=90);display:none;
z-index:9;
}


/*상단주메뉴*/
ul.top_main_menu{margin:0px auto;padding:0px;}
ul.top_main_menu li{
	height:25px;
	cursor:pointer;
	padding:0px;
	margin:0px;
	width:165px;
	color:#FFFFFF;
	float:left;
	list-style-type:none;
	text-align:center;
	border-left:1px solid #484848;
	padding-top:10px;
}
ul.top_main_menu li.first{border-left:0px}

#content-box{width:1000px;margin:0 auto;}
#cate_title{height:200px;width:980px;margin:0 auto;margin-top:10px}


.prt-icon{position:absolute;z-index:2px;margin-left:10px;margin-top:1px}


/*#leftbtn{left:50%;margin-left:300px;width:100px;position:absolute;top:100px;}*/

/*#leftbtn{text-align:right;position:fixed;top:0;right:0;float:right;padding-top:10px;padding-bottom:10px;margin-top:0px;cursor:pointer;z-index:10}*/
#leftbtn #eventbtn{z-index:9;cursor:pointer;text-align:right;position:fixed;top:0;right:0;float:right;border-right:0px;height:358px;width:51px;color:#fff;background:url("/shop/hiddenpage/images/bt01.png"); background-repeat:no-repeat; margin-top:20px}
#eventpagebox{width:100%;text-align:right;}
#eventpage{width:0px;height:708px;position:fixed;right:0;z-index:9;}

#leftbtn #eventbtn2{z-index:9;cursor:pointer;text-align:right;position:fixed;top:0;right:0;float:right;border-right:0px;height:358px;width:51px;color:#fff;background:url("/shop/hiddenpage/images/bt02.png"); background-repeat:no-repeat; margin-top:377px}


#sort_ul{width:1024px;border-bottom:1px solid #4e4e4e}
#sort_ul li{width:80px;float:left}
#sort_ul li.loc{width:624px}

#sortbar{width:1020px;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;float:left;padding:10px 0;text-align:left;}
#sortbar #loc{width:;float:left}
#sortbar #sortbtn{float:left;}
#sortbar #sortbtn ul{width:800px;height:25px;padding:0px;margin:0px;float:right;}
#sortbar #sortbtn ul li{float:left;padding:7px 30px 0;margin:0px; font-size:11px;font-weight:bold;color:#888;cursor:pointer}
#sortbar #sortbtn ul li.first{background:none}
#sortbar #sortbtn ul li:hover,#sortbar #sortbtn ul li.select{color:#d40001}
#sortbar #sort_arrow{margin-left:39px;position:absolute;margin-top:29px}
#sort_line_btn { float:right; padding:2px 20px 0 0;}
#sort_line_btn > a { float:left; padding-left:10px; opacity:0.7;}
#sort_line_btn > a.sort_line_first { opacity:1;}


/*popup*/
.layerPopup {display:none; position:absolute; background-color:none;z-index:100}
.layerPopup .pop-header{text-align:right;padding:5px}
.layerPopup .pop-tail{background:black;color:#FFFFFF;height:20px;padding:5px;text-align:right}

 .lazy {display: none;}
 
@media (max-width: 600px) {
	#sortbar {width:100%;}
	#sortbar #sortbtn ul {width:100%; height:15px;} 
	#sortbar #sortbtn ul li { padding:0 19px; font-size:10px;}
	#sort_line_btn { display:none;}
	#sortbar #sort_arrow { display:none;}
	
	#content_sub .commontitle{background:url("/shop/images/li_big_ring.jpg") no-repeat 4px 4px; height:25px;width:168px;border-bottom:2px solid #4b4b4b;float:none; margin:0 auto 10px;}
	#content_sub .bar2 {width:100%; height:40px;}
	#content_sub dl { margin:0;}
	#order_container{width:100%;margin:0px; padding:20px 0px 0; float:left;background:#FFFFFF; border:none;}
	#order_container dt {width:80px;}
	#order_container dd {padding-left:40px}
	#page-container .page-center{width:100%;float:left;text-align:center;padding:1px; margin-bottom:30px;}
}

@media (max-width: 850px) {
	#sortbar {width:100%;}
	#sortbar #sortbtn ul {width:100%; height:15px;} 
	#sortbar #sortbtn ul li { padding:0 19px; font-size:10px;}
	#sort_line_btn { display:none;}
	#sortbar #sort_arrow { display:none;}
	
	#content_sub .commontitle{background:url("/shop/images/li_big_ring.jpg") no-repeat 4px 4px; height:25px;width:168px;border-bottom:2px solid #4b4b4b;float:none; margin:0 auto 10px;}
	#content_sub .bar2 {width:100%; height:40px;}
	#content_sub dl { margin:0;}
	#order_container{width:100%;margin:0px; padding:20px 0px 0; float:left;background:#FFFFFF; border:none;}
	#order_container dt {width:80px;}
	#order_container dd {padding-left:40px}
	#page-container .page-center{width:100%;float:left;text-align:center;padding:1px; margin-bottom:30px;}
}


.opttbl{width:100%;padding:15px;border-top:1px solid #8a8a8a}
.opttbl tr td.first{text-align:left}
.opttbl tr td.last{text-align:right}
.opttbl tr td.amt{text-align:right;color:black;font-size:14px;font-weight:bold}

/* paginate */
.paginate {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none; }

.page-link, .paginate-datatables li a, .paginate li a {
  position: relative;
  display: block;
  padding: 0.8rem 1rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ddd;
  background-color: #fff;
  border: 1px solid #ddd; }
  .page-link:hover, .paginate-datatables li a:hover, .paginate li a:hover {
    color: #ddd;
    text-decoration: none;
    background-color: #c2cfd6;
    border-color: #ddd; }
  .page-link:focus, .paginate-datatables li a:focus, .paginate li a:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25); }
  .page-link:not(:disabled):not(.disabled), .paginate-datatables li a:not(:disabled):not(.disabled), .paginate li a:not(:disabled):not(.disabled) {
    cursor: pointer; }

.page-item:first-child .page-link, .paginate-datatables li:first-child .page-link, .paginate li:first-child .page-link, .page-item:first-child .paginate-datatables li a, .paginate-datatables li .page-item:first-child a, .paginate-datatables li:first-child a, .page-item:first-child .paginate li a, .paginate li .page-item:first-child a, .paginate li:first-child a {
  margin-left: 0; }

.page-item.active .page-link, .paginate-datatables li.active .page-link, .paginate li.active .page-link, .page-item.active .paginate-datatables li a, .paginate-datatables li .page-item.active a, .paginate-datatables li.active a, .page-item.active .paginate li a, .paginate li .page-item.active a, .paginate li.active a {
  z-index: 1;
  color: #fff;
  background-color: #ddd;
  border-color: #ddd; } 

.page-item.disabled .page-link, .paginate-datatables li.disabled .page-link, .paginate li.disabled .page-link, .page-item.disabled .paginate-datatables li a, .paginate-datatables li .page-item.disabled a, .paginate-datatables li.disabled a, .page-item.disabled .paginate li a, .paginate li .page-item.disabled a, .paginate li.disabled a {
  color: #536c79;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #ddd; }

.paginate-lg .page-link, .paginate-lg .paginate-datatables li a, .paginate-datatables li .paginate-lg a, .paginate-lg .paginate li a, .paginate li .paginate-lg a {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
  line-height: 1.5; }

.paginate-sm .page-link, .paginate-sm .paginate-datatables li a, .paginate-datatables li .paginate-sm a, .paginate-sm .paginate li a, .paginate li .paginate-sm a {
  padding: 0.25rem 0.5rem;
  font-size: 0.76562rem;
  line-height: 1.5; }

.justify-content-center {
  -ms-flex-pack: center !important;
      justify-content: center !important; 
}




#ybbs .button.red{
	background:red url('/shop/images/btn_bg_red.jpg');
	height:26px; width:100px;
	cursor:pointer;
	border:0px solid black;
	font:10pt; FONT-FAMILY: 'Noto Sans KR';
	color:#FFFFFF;
	padding:0px 13px 0px 13px;
}
#ybbs .button.black{
	background:black url('/shop/images/btn_bg_black.jpg');height:26px; width:100px;
	cursor:pointer;
	border:0px solid black;
	font:10pt; FONT-FAMILY: 'Noto Sans KR';
	color:#FFFFFF;
	padding:0px 13px 0px 13px;
}
#ybbs .button.small {padding:0px 5px 0px 5px;font-weight:normal;margin:0px;font-size:11px;height:20px;width:60px}
#ybbs .clerBoth{clear:both;}
#ybbs .normal{font-weight:normal}

table.list01,table.write01,table.view01{font-family:Noto Sans KR ;font-size:12px} 
table.write01 img,table.list01 img { border : 0px; vertical-align:middle; }
.input_03 {color:#000000; font-size:12px; border:#666666 1px solid; height:20px;background-color:#ffffff;}

/*list*/
.search01{float:left;padding-bottom:5px}
.search02{float:right;padding-bottom:5px}

table.list01 {width:100%;margin:0 auto;border-spacing:0;padding:0;border-collapse:collapse}
table.list01 th {height:40px;padding:5px;font-weight:bold;text-align:center;line-height:1.3em;border-bottom:1px solid #CCCCCC;}
table.list01 th.first {border-left:0 none;}
table.list01 tr td.subject{text-align:left;font-weight:bold;cursor:pointer}

table.list01 tr td.subject.p0{padding-left:10px} /*답글깊이별 처리*/
table.list01 tr td.subject.p1{padding-left:20px}
table.list01 tr td.subject.p2{padding-left:30px}
table.list01 tr td.subject.p3{padding-left:40px}
table.list01 tr td.subject.p4{padding-left:50px}
table.list01 tr td.subject.p5{padding-left:60px}
table.list01 tr td.subject.p6{padding-left:70px}
table.list01 tr td.subject.p7{padding-left:80px}
table.list01 tr td.subject.p8{padding-left:90px}
table.list01 tr td.subject.p9{padding-left:100px}
table.list01 tr td.subject.p10{padding-left:110px}

table.list01 td {height:40px;padding:13px 0;color:#666;text-align:center;line-height:1.3em;border-bottom:1px solid #e1e1e1;padding:10px 5px 10px 5px}
table.list01 td.first {border-left:0 none;}
table.list01 td.int{text-align:right}
table.list01 td.qty{text-align:center}
table.list01 td.left{text-align:left}
table.list01 td.orange{color:#e04205}
table.list01 td.bold{font-weight:bold}
table.list01 tfoot td {color:#333;padding:13px 20px;border-bottom:1px solid #666666;border-left:0 none;}

#tblbottom{padding:10px;border-bottom:2px solid #666666;text-align:right}
#tblpage{padding:10px;text-align:center}

/* view */
table.view01 {text-align:center;width:100%;margin:0 auto}
table.view01 th {height:12px;padding:5px;font-weight:bold;text-align:center;height:40px;line-height:1.3em;border-bottom:1px solid #666666;border-left:1px solid #e1e1e1;}
table.view01 tr td.bold{font-weight:bold}
table.view01 tr td.content{text-align:left;padding:5px;border-bottom:1px solid #666666;}
table.view01 td.left,table.view01 th.left{text-align:left}
table.view01 td.first,table.view01 th.first {border-left:0 none;}
table.view01 tfoot td {color:#333;padding:13px 20px;border-bottom:1px solid #666666;border-left:0 none;}
#btnbox{width:100%;float:left}
#btnbox .inleft{float:left;padding:5px}
#btnbox .inright{width:40%;float:right;text-align:right;padding:5px}
#comment_container #cmtbox {background:#f8f8f8;border:1px solid #cccccc;text-align:left;padding:10px;margin-top:10px}
#comment_container #cmtbox #inputbox{background:#FFFFFF;border:1px solid #bcbcbc;padding:0px;margin:0px;width:100%;}
#comment_container #cmtbox textarea {overflow:auto;width:90%;height:30px;padding:10px;border:0px;overflow:hidden}

#comment_container .cmtboxsmall{background:#f8f8f8;border:1px solid #cccccc;text-align:left;padding:10px;margin-top:10px}
#comment_container .cmtboxsmall #inputbox{background:#FFFFFF;border:1px solid #bcbcbc;padding:0px;width:100%;margin:0px;}
#comment_container .cmtboxsmall textarea {width:90%;height:30px;padding:10px;border:0px;overflow:hidden;}

#comment_container .h0{margin-left:30px;}
#comment_container .h1{margin-left:60px;}
#comment_container .h2{margin-left:90px;}
#comment_container .h3{margin-left:120px;}
#comment_container .h4{margin-left:150px;}
#comment_container .h5{margin-left:180px;}


#comment_container .cmtlist {padding-top:10px;}
#comment_container .cmtlist .cmtcontent{padding:10px;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
#comment_container .cmtlist .cmtname{width:100%;background:#f8f8f8;border:1px solid #cccccc;text-align:left;}
#comment_container .cmtlist .cmtname .cname{padding:5px 0px 5px 10px;font-weight:bold}

/* write */
table.write01 thead th {height:12px;padding:5px;font-weight:bold;text-align:center;line-height:1.3em;height:40px;border-bottom:1px solid #666666;border-left:1px solid #e1e1e1;}
table.write01 {text-align:center;width:100%;margin:0 auto}
table.write01 input {vertical-align:middle;}
table.write01 th, table.write01 td {border-bottom:1px solid #ededed;padding:7px 0;text-align:left;}
table.write01 tr.last th, table.write01 tr.last td {border-bottom:none;} 
table.write01 textarea:hover{border:1px solid #828282;}
table.write01 textarea:focus{border:1px solid #828282;background-color:#feffe1;}
table.write01 td.first,table.write01 th.first {border-left:0 none;}

#boardlist .search {
	padding: 10px 86px 10px 10px;
	position: relative;
}

.boardlist .search input[type="search"] {
	width: 100%;
	border: 1px solid #DDDDDD;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 14px;
	color: #5e5e5e;
	font-weight: bold;
	padding-left: 7px;
}


.boardlist .search-button {
	position: absolute;
	top: 10px;
	right: 10px;
}


.boardthread{border-bottom:1px solid #cfcfcf;padding:10px;text-align:left}
.boardlist .subject{font-weight:bold;font-size: 12px;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.boardlist .writer{font-weight:normal;font-size: 12px;color:#bbbbbb}
.boardlist .state{padding-top:5px;font-size: 12px;}
#boardthreadbox{border-top:1px solid #cfcfcf;margin-top:5px}
.submit-btn {display: inline-block; border: 1px solid #919191; padding: 0 10px; background-color: #f9f9f9; width:150px; height: 30px; line-height: 35px; -webkit-border-radius: 3px;border-radius: 3px; font-size: 14px; color: #5e5e5e;}
.write-btn {display: inline-block; border: 1px solid #919191; padding: 0 10px; background-color: #f9f9f9; height: 25px; line-height: 25px; -webkit-border-radius: 3px;border-radius: 3px; font-size: 12px; color: #5e5e5e;}

#returntop{
	border-radius: 50%; 
	width:40px;
	height:40px;
	border:1px solid #d2d2d2;
	background:#fff url('/shop/images/icon/nav_top.gif') no-repeat;background-position: center;
	opacity: 0.8;
    filter: alpha(opacity=80);
	position:fixed;bottom:15px;right:15px;
	display:none;
	cursor:pointer;
	z-index:999;
}