@charset "utf-8";

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */

 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);

/* gmarket */
@font-face {
	font-family: 'gmarketsans';
	font-weight: 300;
	font-display: swap;
	src: local('GmarketSansTTFLight'), 
	url(https://www.seouljewelry.or.kr/portal/fonts/gmarketsans/GmarketSansTTFLight.woff2) format('woff2'), 
	url(https://www.seouljewelry.or.kr/portal/fonts/gmarketsans/GmarketSansTTFLight.woff) format('woff');
	url(https://www.seouljewelry.or.kr/portal/fonts/gmarketsans/GmarketSansTTFLight.ttf) format('ttf');
}

@font-face {
	font-family: 'gmarketsans';
	font-weight: 500;
	font-display: swap;
	src: local('GmarketSansTTFMedium'), 
	url(https://www.seouljewelry.or.kr/portal/fonts/gmarketsans/GmarketSansTTFMedium.woff2) format('woff2'), 
	url(https://www.seouljewelry.or.kr/portal/fonts/gmarketsans/GmarketSansTTFMedium.woff) format('woff');
	url(https://www.seouljewelry.or.kr/portal/fonts/gmarketsans/GmarketSansTTFMedium.ttf) format('ttf');
}
@font-face {
	font-family: 'gmarketsans';
	font-weight: 700;
	font-display: swap;
	src: local('GmarketSansTTFBold'), 
	url(https://www.seouljewelry.or.kr/portal/fonts/gmarketsans/GmarketSansTTFBold.woff2) format('woff2'), 
	url(https://www.seouljewelry.or.kr/portal/fonts/gmarketsans/GmarketSansTTFBold.woff) format('woff');
	url(https://www.seouljewelry.or.kr/portal/fonts/gmarketsans/GmarketSansTTFBold.ttf) format('ttf');
}


/* CSS Document */
body { font-size: 13px; color: #000; line-height: 1.5em; }
label { cursor: pointer }
a { text-decoration: none; color: #000; }

a:link, a:visited { text-decoration:none;color: #000;}
a:hover, a:focus, a:active { text-decoration:underline;}
a.link_green{color:#66a700}
a.link_sky{color:#006ca4}
a.link_orange{color:#ef6d17}
a.link_blue{color:#1e38a8}

/* css2 */
select,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, button, input 
{border:0; padding: 0; margin: 0; font-family:"Nanum Gothic","나눔고딕","맑은고딕","malgun gothic","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }
button {cursor:pointer}
table { border: none; }
td, th { border: 0 none; }
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, sub { font-size: 1em }
textarea { font-size: 12px; border:1px solid #e6e6e6;padding:10px;color:#737373}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, abbr, acronym { border: 0 }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none }
caption { text-align: left }
q:before, q:after { content: ''; }
img, input, button, select, textarea { vertical-align: middle }
hr { overflow: hidden; position: absolute; top: 0; left: 0 }
caption, legend { overflow: hidden; font-size: 0; line-height: 0; height: 0; width: 0; text-indent: -999em; }
hr, caption { visibility: hidden; font-size: 0; width: 0; height: 0; line-height: 0 }
legend { display: none; }
/*input[type=text]{border:1px solid #e6e6e6;height:25px;line-height:25px;background:#fcfcfc}*/


/*
.skip { position: absolute; top: 0; left: 0; }
.skip a { position: absolute; display: block; width: 500px; left: 0; text-align: center; top: -10000px; z-index: 5000; font-size: 1.3em; height: 20px; }
.skip a:hover, .skip a:focus, .skip a:active { position: absolute; top: 0; padding: 15px 0; font-weight: bold; color: #fff; background: #1d60a7; z-index: 99999 }
*/
.skip { position: relative; top: 0; left: 0; height:0;font-size:0;z-index: 999999;}
.skip a {left: -3000%;position: absolute;font-size:12px}
.skip a:hover, .skip a:focus, .skip a:active {background:#ddd;color: #000;display: block;height: 30px;left: 0;line-height: 30px;text-align: center;top: 0;width: 100%;z-index: 999999;}

.txt_type_btn { border: none; background-color: #fff; cursor: pointer; }


select {color:#666;background: #f4f4f4;height:32px;line-height:32px;padding:0 5px;border:1px solid #d6d6d6}

input[type=text], input[type=password]{border:0;background: #f4f4f4;height:30px;line-height:30px;padding:0 5px;border:1px solid #d6d6d6}
input[type=radio]{margin:-1px 2px 0 0}

.oh{overflow: hidden;}
.fl{ float:left!important}
.fr{ float:right!important}
.tac{ text-align:center!important}
.tal{ text-align:left!important}
.txtleft{text-align:left}
.tar{ text-align:right!important}
.tal{ text-align:left!important}
.vat {vertical-align:top!important}
.vam{vertical-align:middle!important}
.bgn{background:none !important}
.block{display:block}
.hid{display:none}
.fsmall{font-size:13px !important}
.pr{position:relative}
.ws{white-space: nowrap;}
.letter-1{letter-spacing: -1px}
/* clear float */
.clear{clear:both}
.clearfix{clear:both}
.clearfix{ display:block;}
.clearfix:before,.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

/* hidden */

.sr-only,
.hidden *,
.hidden{ 
	position: absolute;
	width	: 1px;
	height	: 1px;
	padding	: 0;
	margin	: -1px;
	overflow: hidden;
	clip	: rect(0, 0, 0, 0);
	border	: 0;
}

/* Other Text Styles */
.fb{font-weight:bold !important}
.fb1{font-weight:600 !important}
.fn{font-weight:normal !important}


/* color */
.cor_orange, .cor_orange *{color:#EF6D17}
.cor_orange1{color:#ef6d17}
.cor_gray{color:#777}
.cor_red{color:#e26749}
.cor_green{color:#66a700}
.cor_sky{color:#1e38a8}
.cor_blue{color:#1e38a8}
.colpoint{color:#e26749}

/* margin */
.mt1{margin:40px 0 15px 0}
.mt0{margin-top:0 !important}
.mt2{margin-top:2px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mb0{margin-bottom:0 !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mtb10{margin:10px 0}
.mtb20{margin:20px 0}
.mtbl1{margin:10px 0 10px -15px}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}


.col_red {color: #ff0000}

.indent_p {text-indent: -17px;padding-left: 17px;}



#header_wrap {width: 100%;display: block;}
#header {
	position: relative;display: block;
	height: 38px;padding: 5px 10px;border-bottom: 3px solid #fc5c04;z-index: 1000
}
#header h1 {float: left;padding-left: 10px;/*position: absolute;top: 2px;left: 10px*/}
#header h1 img {height: 35px;}
#header .global {float: right;padding-right: 10px;padding-top: 10px;/*position: absolute;top: 5px;right: 10px*/}
#header .global img {height: 17px}



/* 전체메뉴 */
.menu_list {
	position: absolute;top: 50px;left: 0;width: 100%;height: 100%;
	z-index: 99
}
.menu_list h2{display: none;}
.mOpen {position: absolute;top: 0;right: 0;width: 230px;background: #333;font-size: 14px;z-index: 9999}


ul.m_gnb{/*margin-bottom: -1px;*/}
ul.m_gnb > li{ }
ul.m_gnb > li > a{
	color: #fff;display:block; padding: 10px 44px; font-weight:bold;border-bottom:1px solid #404040;
	background: url(../images/common/bt_inavi_off.png) 12px center, url(../images/common/bt_m_off.png) 190px center; background-repeat: no-repeat;background-size: 25px;
}
ul.m_gnb > li > a.on{
	text-decoration: none;color:#fff;
	background: url(../images/common/bt_inavi_on.png) 12px center, url(../images/common/bt_m_on.png) 190px center; background-repeat: no-repeat;background-size: 25px;
}
ul.m_gnb > li > div{display:none;background: #202020;}
ul.m_gnb > li > div > ul{ }
ul.m_gnb > li > div > ul > li{border-top:1px solid #292929; margin-left: 20px;}
ul.m_gnb > li > div > ul > li > a{
	display: block;margin-left: 23px;color: #888; padding: 7px 0;
	background: url(../images/common/bt02.png) 10px 50% no-repeat;background-size: 5px;}
ul.m_gnb > li > div > ul > li > a.on, 
ul.m_gnb > li > div > ul > li > a:hover{ 
	color: #fc5c04;text-decoration: underline;
}
ul.m_gnb > li > div > ul > li > ul{ display:none;margin-bottom: 3px; }
ul.m_gnb > li > div > ul > li > ul > li{/*border-top:1px solid #3b77a5;*/}
ul.m_gnb > li > div > ul > li > ul > li > a{
	display:block; margin-left: 20px; color: #fff;padding: 3px 12px;font-size: 13px;
	background: url(../images/common/bt_t3.png) 3px center no-repeat;/*background-size: 3px*/
}
ul.m_gnb > li > div > ul > li > ul > li > a:hover{/*font-weight:bold;*/}

.mOpen .close{position: absolute;top: 10px;left: -30px;}
.mOpen .close img{width: 15px}

/*.m_sub_2depth {display: none;}*/

.menu_bg {width: 100%;height: 100px;z-index: 99;background: #000;opacity: 0.9;filter:alpha(opacity=90)}



#container {margin: 0 10px;}


#footer {overflow: hidden;text-align: center;background: #e6e6e6;padding: 15px 0;margin-top: 20px;}
#footer ul {margin: 0 auto;text-align: center;padding-bottom: 8px;}
#footer li {display: inline;}
#footer address {color: #363636}
#footer .copyright {color: #646464}
#footer img {width: 18%;max-width: 65px;}