@charset "utf-8";

html, body, div, p, span, em, u, i, table, caption, thead, tbody, tfoot, tr, th, td, form, fieldset, label, legend, textarea, input, button, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, img, a {padding:0;margin:0;border:0;outline:0;color:#555;line-height:21px;}

body {position:relative;color:#555;font-family:"Roboto-Regular","���ð��","Apple-Gothic",Arial,Helvetica,sans-serif;font-weight:normal;-webkit-text-size-adjust:none;} /* word-wrap:break-word;word-break:break-all; */
html {overflow-y:scroll; overflow:-moz-scrollbars-verticals;}
html, body{height:100%;}
* {
	margin:0; padding:0; border:0; outline:0;
	box-sizing: border-box; /* W3C */
	-o-box-sizing: border-box; /* Opera */
	-ms-box-sizing: border-box; /* Internet Explorer */
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari & Chrome */

}
/*div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd {word-wrap:break-word;word-break:break-all;}*/
ul, ol, li, dl, dt, dd {list-style-type:none;}
ol{padding-left:10px;}
table {empty-cells:show;}
table {border-collapse:collapse;}
select {font-size:14px;vertical-align:middle;padding:0;margin:0;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;line-height:0px;}
img {vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-border-radius:10px;-webkit-border-radius:0;	border-radius:0;} /* -webkit-appearance:none; */
textarea {width:90%;background-color:#f5f5f5; border-radius:3px; border-top:solid 1px #cacaca; border-left:solid 1px #cacaca; box-shadow:-2px 0px 0px -3px #d3d3d3}
hr {border-top:1px solid #000;}
html {
    /* -webkit-touch-callout:none; /* 화면을 길게 누르고 있을때 뜨는 팝업이나 액션시트를 제어합니다. none으로 설정하면 아무리 길게 눌러도 아무것도 뜨지 않습니다. */
	/*-webkit-user-select:none; /* 텍스트나 이미지를 선택할 수 있게 하는 여부를 제어합니다. none으로 설정하면 텍스트나 이미지를 선택할 수 없습니다. */
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); 
	/* 링크를 터치했을때 나오는 기본 영역의 색상을 제어합니다.
	rgba(0, 0, 0, 0)은 색이 없는 투명을 의미하므로 위 색상으로 세팅하면 링크를 터치했을때 아무것도 표시되지 않습니다.
	transparent를 넣을 수도 있겠지만, 이런 경우에는 iOS에서만 동작하고 Android에선 동작하지 않습니다.}*/
}select{background-color:#fff;border:1px solid #e4e4e4;}
html, body {height:100%;}

body {font-size: 14px;letter-spacing:-0.03em;		
}

@media (max-width: 320px) { 
    html { font-size: 100%; } 
} 

@media (min-width: 600px) { 
    html { font-size: 120%; } 
} 

@media (min-width: 900px) { 
    html { font-size: 140%; } 
} 

@media (min-width: 1200px) { 
    html { font-size: 140%; } 
} 

.cl_b{clear:both;padding:0;margin:0;}
/* ���� */
.gab{height:20px;}
.gab15{height:15px;}
.mgt05 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}



/*��Ʈ*/
.fs10{font-size:10px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}

.strong{font-weight:bold;}
.tcenter{text-align:center !important;}

.fc01{color:#444 !important;}
.fc02{color:#333;}
.fc03{color:#f6821f !important;}/*��Ȳ*/
.fc04{color:#888;}
.fc05{color:#ae9475;}



/*�̹���-����*/
.pic{width:100%;}

.letter_zero {letter-spacing:0;}
.vtmdl{vertical-align:middle;}
.mo_hide {display:none;}
.none{display:none;}
/* ��ũ */
a {text-decoration:none;cursor:pointer;} a:hover {text-decoration:none;}

/* Ŀ�� */
.cursor {cursor:pointer;}

/* Ŭ���� */
.cb {clear:both;font-size:0px;line-height:0px;height:0px;}

.block{display:block;}
/* ������������ */
.al {text-align:left !important;} .ac {text-align:center !important;} .ar {text-align:right !important;}
.ad_under {text-decoration:underline !important;}

.margin{margin:0 10px;}

/*input_text*/
.intxt01 {height:36px;color:#888;font-size:0.9em;line-height:16px;border:1px solid #d7d7d7;padding:0 2px;background:#f9f9f9;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.intxt02 {height:26px;color:#666;font-size:0.9em;line-height:18px;border:1px solid #e4e4e4;padding:0 4px 0 4px;width:80px;}
.intxt03 {height:24px;color:#666;font-size:0.9em;line-height:16px;border:1px solid #e4e4e4;padding:0 4px 0 4px;width:60px;}
.intxt04 {height:24px;color:#666;font-size:0.9em;line-height:16px;border:1px solid #e4e4e4;padding:0 4px 0 4px;width:25%;}
.intxt05 {height:26px;color:#666;font-size:0.9em;line-height:18px;border:1px solid #e4e4e4;padding:0 4px 0 4px;width:188px;}

textarea{border:1px solid #d7d7d7;font-size:0.9em;color:#888;padding:2px;height:150px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
.se{
	
	font-size:0.9em;
	height:22px;
	width:50px;
	color:#666;
	border:1px solid #d7d7d7;
	
}

.se2{
	
	font-size:0.9em;
	height:22px;
	width:80px;
	color:#666;
	border:1px solid #d7d7d7;
	
}

.cm-label {position:relative;}
.cm-label.inline {display:inline;}
.cm-label label {position:absolute;left:5px;top:3px;*top:28px;cursor:text;color:#888;}

/*input_check*/
.check01{width:13px;height:13px;vertical-align:middle;border:none;}
.radio01{vertical-align:middle;}

/*border*/
.b_left{border-left:none !important;}

/*bg*/
.dot_bg li{padding-left:10px;font-size:12px;background:url("../images/bul/dot01.gif") no-repeat left 7px;background-size:3px 2px;}
p.dot_bg{padding-left:10px;background:url("../images/bul/dot01.gif") no-repeat left 7px;background-size:3px 2px;}

/*search*/
#bo_sch {margin-bottom:10px;padding-top:10px;margin-top:20px;height:25px;padding:5px;text-align:center;}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.btn_submit {padding:6px;border:0;background:#666;color:#fff;letter-spacing:-0.1em;cursor:pointer;border:1px solid #333;border-radius:3px 3px 3px 3px;
-mst- border-radius:3px 3px 3px 3px;-webkit- border-radius:3px 3px 3px 3px;-moz- border-radius:3px 3px 3px 3px;-o- border-radius:3px 3px 3px 3px;font-size:0.8em;font-family:Nanum Gothic,dotum;}


/*gallery*/
.photo_gallery{width:100%;}
.photo_gallery .big{width:100%;margin-bottom:10px;}
.photo_gallery .big img{width:100%;}
.photo_gallery li{float:left;width:24%;margin-right:1%;margin-bottom:1%;}
.photo_gallery li img{width:100%}
.photo_gallery li:nth-child(4n+0){margin-right:0;}


.tbl_type52 table {table-layout:fixed;width:100%;margin:0;padding:0 0 0 0;border-top:2px solid #333;}
.tbl_type52 table tr th {font-size:14px;word-wrap: break-word; overflow: hidden; background: #fff;padding:10px 0;color:#333;letter-spacing:-0.1em;border:1px solid #ccc;text-align:center;}
.tbl_type52 table tr td {overflow: hidden;background-color:#ffffff;height:30px;border:1px solid #ddd;font-size:14px;text-align:left;padding:10px;}

.gobank{width:100%;}
.gobank li{float:left;width:49%;margin-right:2%;margin-bottom:1%;}
.gobank li:nth-child(2n+0){margin-right:0;}
.gobank li img{width:100%;}

/* Layer Wrap */
#layerMask {position:absolute;left:0;top:0;z-index:;background-color:#000;z-index:10;filter:alpha(opacity=70);opacity:0.7;display:none;}
.layerWrap {position:absolute; z-index:9999;display:none;background:#fff;}
.layerCover{background:#fff;border:1px solid #ddd;}
.layerWrap .layerCont {background:#fff;padding:10px 0;}
.layerWrap .layerTitle {height:43px;background:#525354;font-weight:bold;color:#fff;font-size:16px;line-height:46px;padding-left:10px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.layerWrap .close {position:absolute;right:10px; top:13px;}

input[type="text"],input[type="password"]{
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	border-radius:0;
	-webkit-appearance: none;
}

.posr{position:relative;}

/*mobile_header*/		
#header a.open_m_menu{position:absolute;top:18px;left:15px;width:30px;height:30px;}
#header a.search{position:absolute;top:11px;right:15px;width:38px;height:38px;}
		#header_search{display:none;position:absolute;top:0;left:0;width:100%;height:60px;background-color:#fff;padding:12px 12px 0;z-index:100;}
		#header{z-index:100;}
	.mobile_menu{position:fixed;top:0;left:-450px;width:450px;height:100%;overflow:auto;background-color:#444343;z-index:2000;}
	.mobile_menu .top_link{position:relative;height:50px;line-height:50px;border-bottom:1px solid #19345f; background:#214277; color:#ffffff; padding-left: 10px;}
	.mobile_menu .top_link h3{color:#fff;padding-top:15px;}
	.mobile_menu .top_link a{position:absolute;display:block;text-indent:-9999px;overflow:hidden;}
	.mobile_menu .top_link a.home{width:63px;height:21px;top:15px;left:15px;background:url(/mobile/images/btn_m_home.png) no-repeat 0 0; background-size:63px 20px;}
	.mobile_menu .top_link a.close_m_menu{width:26px;height:26px;top:12px;right:12px;background:url(/mobile/images/btn_m_menu_close.png) no-repeat 0 0; background-size:26px 26px;}
	.mobile_menu .top_search{background-color:#000;height:40px;}

.mobile_menu .mm_menu{position: relative;}
.mobile_menu .mm_menu ul li{float: left; width: 25%;}


	.mobile_menu>ul{padding-bottom:150px;}
	.mobile_menu>ul>li{border-bottom:1px solid #676767;clear: both;}
	.mobile_menu>ul>li>a{display:block;height:46px;line-height:46px;padding:0 0 0 30px;font-size:15px;font-weight:bold;color:#e8e8e8;letter-spacing:-1px;background:url(/mobile/images/icon_plus.png) no-repeat 15px 18px #444343; background-size:10px 10px;}
	.mobile_menu>ul>li>a.opened{background:url(/mobile/images/icon_arrow_up.png) no-repeat 15px 18px; background-size:10px 10px;}
	.mobile_menu>ul>li>a:hover{color:#929292;text-decoration:none;}
	.mobile_menu>ul>li>a.selected{color:#f38179;}
	.mobile_menu li .submenu{background-color:#333;display:none;overflow: hidden;}
	.mobile_menu li ul{}
	.mobile_menu li ul li{height:40px;border-bottom:1px solid #585858;width:50%;float: left;border-right:1px solid #585858;}
	.mobile_menu li ul li.borB{height:10px;border-bottom:1px solid #585858;background: #585858}
	.mobile_menu li ul li.last{border:none;border-right:1px solid #585858;}
	.mobile_menu li ul li a{display:block;line-height:40px;font-size:13px;font-weight:bold;padding-left:30px;color:#ccc;}
	.mobile_menu li ul li a:hover{color:#79f3ec;text-decoration:none;}
	.mobile_menu li ul li a.selected{color:#c979f3;font-weight:bold;}
		
	@media screen and (max-width:450px) {
	.mobile_menu{position:fixed;top:0;left:-450px;width:100%;height:100%;overflow:auto;background-color:#444343;z-index:2000;}
		
	}
	@media screen and (max-width:400px) {
	#header a.open_m_menu{width:25px;height:25px;top:16px;}
	#header a.search{position:absolute;top:10px;right:15px;width:32px;height:32px;}
	#header_search{height:52px;padding:8px 8px 0;}
	#header_wrap{position:relative;height:52px;margin:0 auto;}
	#header_wrap h1.logo{position:relative;width:150px;height:35px;background:url(../img/logo.jpg) no-repeat 0 0;text-indent:-9999px;margin:0;top:15px;left:50%;margin-left:-80px;background-size: 100%;}
		#gnb ul.menu{height:38px;}
		#gnb ul.menu>li img{padding-top:13px;}
		#gnb ul.menu>li.first img{padding-top:11px;}
		#gnb.posa{position: absolute !important;top:52px !important;}
		#top_gap{padding-top:38px;}


	}
/*mobile_header*/

.shedow2{
	box-shadow:2px 2px rgba(0,0,0,0.08);
	-moz-box-shadow:2px 2px rgba(0,0,0,0.08);
	-webkit-box-shadow:2px 2px rgba(0,0,0,0.08);
}

#sit_ov_btn {margin-bottom:15px;;padding:0;text-align:center;}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn a {display:inline-block;padding: 0;vertical-align:middle;text-decoration:none;letter-spacing:0.3em;line-height:40px;height:40px}
#sit_btn_buy {border:1px solid #333 !important;color:#fff;width:49%;background:#fff;margin-top:8px;background-color:#333;}
#sit_btn_wish {border:1px solid #555 !important;color:#fff;width:49%;background:#fff;margin-top:8px;background-color:#777;}
#sit_btn_buy{float:left}
#sit_btn_wish{float:right }