/* 초기화 */
html {
	overflow-y: scroll;
	-webkit-overflow-scrolling : touch;
}

body {
	position: relative;
	margin:0px;
	padding:0px;
	/*line-height: 23px;*/
	color: #555555;
	font-size: 15px;
	letter-spacing: -0.025em;
	font-family: 'Pretendard','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
	margin: 0;
	padding: 0;
	border: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

#hd ul, nav ul, #ft ul {
	margin: 0;
	padding: 0;
	list-style: none
}

legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden
}

label, input, button, select, img {
	vertical-align: middle;
}

input, button {
	margin: 0;
	padding: 0;
	font-size: 1em
}

button {
	cursor: pointer
}

textarea, select {
	font-family: arial, tahoma;
	font-size: 1em
}

select {
	margin: 0
}

p {
	margin: 0;
	padding: 0;
	word-break: break-all
}

hr {
	display: none
}

pre {
	overflow-x: scroll;
	font-size: 1.1em
}

*:focus {
	outline: none;
}

​
a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:link, a:hover, a:focus, a:active {
	/* color: #000; */
	text-decoration: none;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.cut_text {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 3.5em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.cut_text_main {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 5.8em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	margin-left: 7px;
	margin-right: 7px;
}

input[type=submit] {
	-webkit-appearance: none;
}

input[type=button] {
	-webkit-appearance: none;
}

@media all and (min-width: 0px) and (max-width: 768px) {

	.middle_size {
		position:relative;
		width: 100%;
		/*min-height: calc(100vh - 205px);*/
		height:auto;
		overflow:hidden;
		margin-bottom:20px;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	.middle_size {
		position:relative;
		width: 100%;
		/*min-height: calc(100vh - 329px);*/
		height:auto;
		overflow:hidden;
		margin-bottom:20px;
	}
}

@media all and (min-width: 1024px) and (max-width: 1152px) {
	.middle_size {
		position:relative;
		width: 100%;
		/*min-height: calc(100vh - 382px);*/
		height:auto;
		overflow:hidden;
		margin-bottom:20px;
	}
}

@media all and (min-width: 1152px) {
	.middle_size {
		position:relative;
		width: 100%;
		/*min-height: calc(100vh - 382px);*/
		height:auto;
		overflow:hidden;
		margin-bottom:20px;
	}
}


@media all and (min-width:0px) and (max-width:768px){
	.goldspot_head{width:100%;height: 30px;background-color:#29385f;}
	.goldspot_head > span{width:24%;height:30px;text-align: center;color:#ffffff;font-size: 12px;display: inline-block;line-height:1em;padding-top:2px;}


	.top_banner {
		width:100%;
		height:46px;
		text-align:cetner;
		overflow: hidden;
		/*background: url("/img/bf.jpg") no-repeat center/cover;*/
		/*background-image: url("01.jpg");*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
@media all and (min-width:768px){
	.goldspot_head{display:none;}

	.top_banner {
		width:100%;
		height:70px;
		text-align:cetner;
		overflow: hidden;
		/*background: url("/img/bf.jpg") no-repeat center/cover;*/
		/*background-image: url("01.jpg");*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}

.hd_pops_con > img { max-width:100%; width:100%; max-height:500px;}
.hd_pops_con > a > img {  max-width:100%; width:100%; max-height:60%;}



.head_screen{width:100%;height:auto;overflow:hidden;font-family: 'Lato-Black', 'noto';}
.head_soptlist{width:100%;height: 23px;float:left;background-color: #29385f;/* margin-bottom:10px; */}

.head_soptlist > div > ul > div{float:left;}
.goldSpotList {  width: 800px;margin: 0px auto;}
.goldSpotHeader{width:100%;height: 23px;/* background-color: #29385f; */}
.goldSpotHeader > div{width:25%;text-align: center;color: #ffffff;/* opacity:0.5; */}
.head_soptlist > div > ul > div > div{float:left;}

.head_top{width:100%;margin-top:10px;margin-bottom:10px;overflow:hidden;}
.head_middle{z-index:9999;width:100%;overflow:hidden;text-align:center;}



.head_top_company{padding-left:10px;padding-right:10px;height:auto;overflow:hidden;float:left;opacity:0.5;}
.head_top_company_icon{height:25px;line-height:34px;float:left;padding-left:10px;padding-right:10px;}
.head_top_company_icon:hover{opacity:0.5;cursor:pointer;}
.head_top_company_icon > img{vertical-align:middle;}

.head_top_btn{padding-left:10px;padding-right:10px;height:auto;overflow:hidden;float: right;/*opacity:0.5;*/}
.head_top_btn_member{height:34px;line-height:34px; }
.head_top_btn_member_b{float:left; padding:0 10px; text-align:center; cursor:pointer; letter-spacing:-0.025em; font-family:"Lato-Black";  }
.head_top_btn_member_b:hover{opacity:1; font-weight:bold}
.head_top_btn_member_l{float:left;margin-top:8px;height:15px;border:1px solid #cccccc;}
.head_top_btn_icon{height:34px;line-height:34px;padding-left:10px;padding-right:10px;}
.head_top_btn_icon_b{width:20px;height:40px;float:left;padding-left:10px;padding-right:10px;text-align:center;}
.head_top_btn_icon_b>img{vertical-align:middle;}

.head_middle_logo{height:auto;overflow:hidden;vertical-align:middle;}
.head_middle_logo > a{}

.middle_homepage_path{width:100%;max-height:200px;overflow:hidden;position:relative;font-family: 'Lato-Regular';display: none;}
.middle_homepage_path > img{width:100%;}
.middle_homepage_path>a>img{width:100%;}
.middle_homepage_path > div{
	position:absolute;top:calc(50% - 10px);height:20px;line-height:20px;
	text-shadow: 0 0 2px #f00;
	color:#fff;
}
.middle_homepage_path > div > a{
	text-shadow: 0 0 2px #f00;
	color:#fff;
}


/*회색 버튼*/
.btn_gray {
	border: 1px solid #bdbdbd;
	background-color: #ececec;
	color: #7d7d7d;
	border-radius: 5px;
	padding: 7px;
}
.btn_gray:hover {
	background-color: #b5b5b5;
	color: white;
	border-radius: 5px;
}

/*빨간색 버튼*/
.btn_red {
	border: 1px solid #ff222c;
	background-color: #ff222c;
	color:white;
	padding: 5px;
	border-radius: 5px;
}
.btn_red:hover {
	background-color: rgb(255 225 225);
	color: #ff222c;
	border-radius: 5px;
}

/*파란색 버튼*/
.btn_sky {
	border: 1px solid #2997ff;
	background-color: #2997ff;
	color:
		white;
	border-radius: 5px;
}
.btn_sky:hover {
	background-color: rgb(236 239 255);
	color: #2997ff;
	border-radius: 5px;
}

/*남색 버튼*/
.btn_idg {
	border: 1px solid #004990;
	background-color: #004990;
	color: white;
	border-radius: 5px;
}
.btn_idg:hover {
	background-color: rgb(207 241 255);
	color: #004990;
	border-radius: 5px;
}

/*녹색 버튼*/
.btn_green {
	border: 1px solid #2c9600; background-color: #2c9600;color:white; padding: 5px;
	border-radius: 5px;
}
.btn_green:hover {
	background-color: rgb(234 255 236);
	color: #2c9600;
	border-radius: 5px;
}


.btn_qty {
	font-size:2em; font-weight:bold;width:40px; height:40px; text-align:center;
}


@media (min-width:0px) and (max-width:384px) {
	.head_top_metalprice{text-align:center; width:100%; height:50px; margin-top:10px; float:left;}
	.head_top_metalprice>table>tbody>tr>th, .head_top_metalprice>table>tbody>tr>td {border-bottom: 1px solid black;/*background:#f0f0f0;*/}
	.head_top_metalprice table { border-collapse: collapse; width:100%;}
	.head_top_metalprice th { color:#2f406c; }
	.head_top_metalprice td { color:#de1533; }

	.head_middle_navi{height:auto;overflow:hidden;vertical-align:middle;width:100%;}

}
@media (min-width:384px) and (max-width:1920px) {
	.head_top_metalprice{text-align:center; width:100%; height:50px;}
	.head_top_metalprice>table>tbody>tr>th, .head_top_metalprice>table>tbody>tr>td { /*border-bottom: 1px solid black; background:#fafafa;*/ }
	.head_top_metalprice table { border-collapse: collapse; width:100%; }
	.head_top_metalprice th { color:#2f406c; }
	.head_top_metalprice td { color:#de1533; }

}


@media all and (min-width:0px) and (max-width:994px){
	.hd_pops_reject {font-size:0.8em;}
	.hd_pops{width:300px;}
	.top_menu_search {position:relative;}


	.head_screen{font-size:12px;}
	.head_top{height:auto;}
	.head_middle{z-index:9999;height:auto;}

	.head_top_company{width:calc(100% - 20px);margin:0px auto;}
	.head_top {margin-top:0px}
	.head_top_company .head_top_company_icon:nth-child(2),
	.head_top_company .head_top_company_icon:nth-child(3),
	.head_top_company .head_top_company_icon:nth-child(4) {display:none}
	.head_top_company_icon{width:calc(100% - 20px);margin:0px auto;text-align:center;}
	.head_top_company_icon > img{width:16px;}

	.head_top_btn{width:100%;margin:0px auto;text-align:center;}
	.head_top_btn_member{margin:0px auto;text-align:center; display:inline-block; width:100%;}
	.head_top_btn_member_b {display:inline-block; float:none}
	.head_top_btn_member_l{display:none;}
	.head_top_btn_icon{display:none}

	.head_middle_logo{width:100%;margin:0px auto;text-align:center;}
	.head_middle_logo > a > img{width:188px;}
	.middle_homepage_path > div{left:10px;font-size:10px;}

	@media all and (min-width:768px) and (max-width:910px){
		.head_middle_logo{display:block;}
		.head_middle_navi{display:block;width:100%;}
		.middle_homepage_path > div{left:20px;font-size:14px;}
	}
}
@media all and (min-width:994px){
	.head_middle_navi{height:auto;overflow:hidden;vertical-align:middle;/*float:right;*/}

	.hd_pops{width:370px;}
	.hd_pops_con > img {max-height:50%;}

	@media all and (min-width:910px){
		.head_middle_logo{display:table-cell;}
		.head_middle_navi{display:table-cell;width:calc(100% - 340px);}
		.head_middle{z-index:9999;}
		.middle_homepage_path > div{left:20px;font-size:14px;}
	}
	@media all and (min-width:1200px){
		.hd_pops{width:390px;}
		.hd_pops_con > img {max-height:50%;}
		.head_middle_logo{display:table-cell;}
		.head_middle_navi{display:table-cell;width:calc(100% - 340px);}
		.head_middle{z-index:9999;}
		.middle_homepage_path > div{left:calc(50% - 580px);font-size:14px;}
	}
	.head_screen{font-size:14px;}
	.head_top{min-height:34px;max-height:68px;}
	.head_middle{z-index:9999;height:40px;display:inline-table;}

	.head_top_company{width:calc(65% - 20px);}
	.head_top_company_icon{width:auto;}
	.head_top_company_icon > img{width:18px;}

	.head_top_btn{/* width:calc(35% - 20px); */}
	.head_top_btn_member{width:auto;float:right;}
	.head_top_btn_icon{width:auto;float: left;}

	.head_middle_logo{width:300px;padding-left:10px;padding-right:10px;}
	.head_middle_logo > a > img{width:240px; }
	.head_middle_navi{padding-left:10px;padding-right:10px;}
}


@media all and (min-width:0px) and (max-width:400px) {
	.youtube {
		width:'100%';
		height:228px;
	}
}
@media all and (min-width:400px) and (max-width:700px) {
	.youtube {
		width:700px;
		height:228px;
	}
}
@media all and (min-width:700px){
	.youtube {
		width: 1100px !important;
		height: 620px;
	}
}


h1, h2, h3, h4, h5, h6 {word-break: keep-all;}

	/* 화면낭독기 사용자용 */
	#hd_login_msg {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 1px;
		overflow: hidden
	}

	.msg_sound_only, .sound_only {
		display: inline-block !important;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 0;
		line-height: 0;
		border: 0 !important;
		overflow: hidden !important
	}


.fll {float:left;}
.flr {float:right;}