html{	font-size:10px;}
@media (max-width: 1199.98px) {
	html{	font-size:9.5px;}
}
@media (max-width: 991.98px) {
	html{	font-size:9px;}
}
@media (max-width: 767.98px) {
	html{	font-size:8.5px;}
}
@media (max-width: 575.98px) {
	html{	font-size:8px;}
}


:root {
  --fs64: 6.4rem;
  --fs48: 4.8rem;
  --fs42: 4.2rem;
  --fs40: 4rem;
  --fs38: 3.8rem;
  --fs32: 3.2rem;
  --fs24: 2.4rem;
  --fs20: 2rem;

	--mint:#01FAFE;
}
@media (max-width: 991.98px) {
  :root {
		--fs64: 4.5rem;
		--fs48: 3.5rem;
		--fs42: 3.2rem;
		--fs40: 3rem;
		--fs38: 2.8rem;
		--fs32: 2.6rem;
		--fs24: 2rem;
		--fs20: 1.8rem;
	}
}
@media (max-width: 767.98px) {
  :root {
		--fs64: 3.5rem;
		--fs48: 3rem;
		--fs42: 2.8rem;
		--fs40: 2.6rem;
		--fs38: 2.4rem;
		--fs32: 2.2rem;
	}
}



body{font-size:1.4rem; overflow-x:hidden;}

#Wrap{
	position:relative;
	width:100%;
}



/* 탑버튼 */
#topBtn{
	position:fixed;
	bottom:7rem;
	right:7rem;
	width:4.8rem;
	cursor:pointer;
	z-index:100;
}
@media (max-width:1600px) {
	#topBtn{bottom: 3rem; right: 3rem;}
}
@media (max-width:991.98px) {
	#topBtn{
		bottom: 2rem; 
		right: 2rem;
		width: 4rem;
	}
}



/*footer*/
#footer{
	padding: 5.5rem 0;
	background:#1F1F1F;
}
#footer > div > div{
	display: flex;
	justify-content: space-between;
	gap: 2rem;
}
#footer .f_top{
	align-items: flex-start;
	margin-bottom: 8rem;
}
#footer .f_top > div{
	display: flex;
	justify-content: space-between;
	width: 63.4%;
}
#footer .f_top .menu{
	display: flex;
	gap: 8rem;
	width: 60%;
}
#footer .f_top .menu > li{width: 100%;}
#footer .f_top .menu > li:last-child{display: none;}
#footer .f_top .menu > li > a{
	font-weight: 700;
	font-size: var(--fs20);
	line-height: 140%;
	color: #fff;
}
#footer .f_top .menu > li > ul,
#footer .f_top .menu > li > ul > li + li{margin-top: 2rem;}
#footer .f_top .menu > li:nth-child(3) > ul{display: none;}
#footer .f_top .menu > li > ul > li > a{
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 140%;
	color: #BBBBBE;
}
#footer .f_top .btn-st{
	flex-shrink: 0;
	white-space: nowrap;
	width: 18.1rem;
}
#footer .f_top .btn-st img{width: 2.4rem;}
#footer .f_bottom{align-items: flex-end;}
#footer .f_bottom .info{
	order: -1;
	width: 47.1%;
	font-weight: 400;
	font-size: 10px;
	line-height: 100%;
	color: #7F7F83;
}
#footer .f_bottom .info > a{
	font-weight: 700;
	font-size: 12px;
	color: #7F7F83;
}
#footer .f_bottom address {margin-top: 2rem;}
#footer .f_bottom address div{
	display: flex;
	gap: 1.6rem;
}
#footer .f_bottom .copy,
#footer .f_bottom address div + div{margin-top: 6px;}
#footer .f_bottom address p + p{
	position: relative;
}
#footer .f_bottom address p + p::before{
	content: '';
	position: absolute;
	top: 50%; left: -.8rem;
	width: 1px; height: 8px;
	background: rgba(255,255,255,.2);
	transform: translate(-50%,-50%);
}
#footer .f_bottom .sns{
	display: flex;
	gap: 1.6rem;
	flex-shrink: 0;
}
#footer .f_bottom .sns a img{width: 3.6rem;}
@media(max-width:1199.98px){
	#footer .f_bottom .info,
	#footer .f_top > div{width: 70%;}
	#footer .f_top .menu{gap: 4rem; width: 70%;}
}
@media(max-width:991.98px){
	#footer {padding: 4rem 0;}
	#footer > div > div{display: block;}
	#footer .f_top {margin-bottom: 2rem;}
	#footer .f_bottom .info,
	#footer .f_top > div{
		display: block; 
		text-align: center;
		width: 100%;
	}
	#footer .f_top h2 img{max-width: 100px !important;}
	#footer .f_top .btn-st{margin: 2rem auto 0; width: 16rem;}
	#footer .f_top .menu{display: none;}
	#footer .f_bottom .sns{
		justify-content: center; 
		gap: 1rem;
		margin-bottom: 2rem;
	}
	#footer .f_bottom address{margin-top: 1.5rem;}
	#footer .f_bottom address div{
		gap: 6px 1.6rem;
		justify-content: center;
		flex-wrap: wrap;
	}
	#footer .f_bottom address p + p::before{display: none;}
}




/* 문의하기 레이아웃 */
#sec_contact{
	padding: 18.5rem 0;
	text-align: center;
	color: #fff;
	background: url(/html/_img/main/sec10_bg.png) no-repeat center center / cover;
}
#sec_contact .btn-st{
	max-width: 12rem;
	margin: 0 auto;
}
#sec_contact .mainTit{
	margin-bottom: 4rem;
	font-size: var(--fs32);
	line-height: 128%;
	font-weight: 700;
}
@media (min-width:991.98px) {
	#sec_contact .mainTit{margin-bottom: 3rem;}
}
@media (max-width:991.98px) {
	#sec_contact{padding: 14rem 0;}
}
@media (max-width:767.98px) {
	#sec_contact{padding: 10rem 0;}
}





/* 서브 공통 */
#sub_wrap{
	padding-top: 23rem;
	color: #fff;
	background: #101010;
}
#sub_wrap .sec_comm{
	padding-top: 20rem;
	padding-bottom: 20rem;
}
#sub_wrap .subTit{
	font-weight: 700;
	font-size: var(--fs42);
	line-height: 128%;
}
@media(max-width:991.98px){
	#sub_wrap .sec_comm{
		padding-top: 16rem;
		padding-bottom: 16rem;
	}
}
@media(max-width:767.98px){
	#sub_wrap .sec_comm{
		padding-top: 12rem;
		padding-bottom: 12rem;
	}
}






/*로딩*/
#page_loading{
	z-index:99999;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);

}








/*팝업*/
#hd_pop{
	position:fixed;
	left:0;
	top:0;
	z-index:201;
}
#hd_pop > .hd_pops{
	position:absolute;
	background:#fff;
}
#hd_pop .hd_pops_footer{
	background:#000;
	padding:5px;
	overflow:hidden;
}
#hd_pop .hd_pops_footer > button{
	float:right;
	border:0;
	background:#000;
	border:1px solid #ddd;
	font-size:1.6rem;
	color:#fff;
	padding:0px 5px;
	margin-left:5px;
	opacity:.7;
	height:28px;
}
#hd_pop .hd_pops_footer > button.hd_pops_reject{
	font-size:1.4rem;
	font-weight:300;
}

/*newpopo*/

#pop_content img{width:100%;}

.popop_wrap{
	position:absolute;
	z-index:1001;
	min-width:300px;
}
.popop_win_wrap{
	position:relative !important;
	z-index:1001;
	min-width:300px;
}

.popop_wrap > .poppup_body{}
.popop_wrap > .poppup_footer{
	padding:10px;
	background:#000;
	overflow:hidden;
}
.popop_wrap > .poppup_footer > .day_check{
	float:left;
	position:relative;
}
.popop_wrap > .poppup_footer > .day_check > input[type="checkbox"]{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
}
.popop_wrap > .poppup_footer > .day_check > label{
	cursor:pointer;
	display:inline-block;
	padding-left:24px;
	position:relative;
}
.popop_wrap > .poppup_footer > .day_check > label::after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-8px;
	width:16px;
	height:16px;
	background:#fff;
	z-index:1;
}
.popop_wrap > .poppup_footer > .day_check >input:checked +  label::before{
	content:"";
	position:absolute;
	left:3px;
	top:50%;
	margin-top:-5px;
	width:11px;
	height:7px;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	z-index:2;
	transform:rotate(-45deg);
}

.popop_wrap > .poppup_footer > .pop_close{
	float:right;
	color:inherit;
}
.popop_wrap > .poppup_footer > .pop_close > a{
	color:inherit
}

.popop_wrap > .poppup_footer > .hd_pops_new_close{
	float:right;
	color:inherit;
}
.popop_wrap > .poppup_footer > .hd_pops_new_close > a{
	color:inherit
}
.popop_wrap .owl-dots{
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	text-align:center;
}
.popop_wrap .owl-dots button.owl-dot{
	display:inline-block;
	margin:0px 4px;
}
.popop_wrap .owl-dots button.owl-dot span{
	display:block;
	border-radius:100%;
	background:rgba(255,255,255,.3);
	width:1.2rem;
	height:1.2rem;
}
.popop_wrap .owl-dots button.owl-dot.active span{
	background:rgba(255,255,255,.8);
}

@media(max-width:767.98px){
	.popop_wrap{
		position:absolute;
		z-index:1001;
		min-width:300px;
		width:90% !important;
		left:5% !important;
		top:5% !important;
	}
	.popop_wrap > .poppup_body{
		width:100% !important;
	}
	.popop_wrap .poppup_footer{
		min-width:300px;
	}
}

/*newpopo*/
.popop_win_wrap{
	position:fixed;
	z-index:1001;
	min-width:300px;
}

.popop_win_wrap > .poppup_body{}
.popop_win_wrap > .poppup_footer{
	padding:10px;
	background:#000;
	overflow:hidden;
}
.popop_win_wrap > .poppup_footer > .day_check{
	float:left;
	position:relative;
}
.popop_win_wrap > .poppup_footer > .day_check > input[type="checkbox"]{
	position:absolute;
	width:0;
	height:0;
	opacity:0;
}
.popop_win_wrap > .poppup_footer > .day_check > label{
	cursor:pointer;
	display:inline-block;
	padding-left:24px;
	position:relative;
}
.popop_win_wrap > .poppup_footer > .day_check > label::after{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:-8px;
	width:16px;
	height:16px;
	background:#fff;
	z-index:1;
}
.popop_win_wrap > .poppup_footer > .day_check >input:checked +  label::before{
	content:"";
	position:absolute;
	left:3px;
	top:50%;
	margin-top:-5px;
	width:11px;
	height:7px;
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	z-index:2;
	transform:rotate(-45deg);
}

.popop_win_wrap > .poppup_footer > .pop_close{
	float:right;
	color:inherit;
}
.popop_win_wrap > .poppup_footer > .pop_close > a{
	color:inherit
}

.popop_win_wrap > .poppup_footer > .hd_pops_new_close{
	float:right;
	color:inherit;
}
.popop_win_wrap > .poppup_footer > .hd_pops_new_close > a{
	color:inherit
}
.popop_win_wrap .owl-dots{
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	text-align:center;
}
.popop_win_wrap .owl-dots button.owl-dot{
	display:inline-block;
	margin:0px 4px;
}
.popop_win_wrap .owl-dots button.owl-dot span{
	display:block;
	border-radius:100%;
	background:rgba(255,255,255,.3);
	width:1.2rem;
	height:1.2rem;
}
.popop_win_wrap .owl-dots button.owl-dot.active span{
	background:rgba(255,255,255,.8);
}

@media(max-width:767.98px){
	.popop_win_wrap{
		position:fixed;
		z-index:1001;
		min-width:100%;
		width:10%;
		left:0;
		top:0;
	}

	.popop_win_wrap .poppup_footer{
		min-width:100%;
	}
}
/* 제품소개 */
#product_category{
	padding:30px 60px;
	background: #f4f4f4;
	border:1px solid #d3d3d3;
	margin-bottom: 55px;
}
#product_category > ul > li{
	float:left;
	width:33.33%;
}
#product_category > ul > li > a{
	position: relative;
	display:inline-block;
	color:#555;
	font-size:16px;
	padding:5px 0;
	font-weight: 300;
	padding-left: 15px;
}
#product_category > ul > li > a::after{
	content:'';
	width:5px;
	height: 5px;
	background: #000;
	position: absolute;
	top:16px;
	left:0;
}
#product_category > ul > li > a#bo_cate_on{
	color:#2f3575;
	font-weight: bold;
}
@media(max-width:1200px){
	#product_category{
		padding:30px 15px;
		margin-bottom: 40px;
	}
	#product_category > ul > li{
		width:50%;
	}
	#product_category > ul > li > a{
		font-size:14px;
		padding:6px 0;
		padding-left: 15px;
	}
	#product_category > ul > li > a::after{
		width:4px;
		height: 4px;
		top:14px;
	}
}
@media(max-width:992px){
	#product_category{
		padding:30px 15px;
		margin-bottom: 40px;
	}
	#product_category > ul > li{
		width:50%;
	}
	#product_category > ul > li > a{
		font-size:14px;
		padding:6px 0;
		padding-left: 15px;
	}
	#product_category > ul > li > a::after{
		width:4px;
		height: 4px;
		top:14px;
	}
}

#product_list .row > div{
	margin-bottom: 50px;
}
#product_list .row > div > a{
	display:block;
	width:100%;
	height: 100%;
}
#product_list .row > div > a .thum{
	width:100%;
	padding-top: 68%;
}
#product_list .row > div > a .tt{
	display:inline-block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:pre;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
    height:60px;
	line-height: 60px;
	font-size:18px;
	color:#000;
	font-weight: 500;
}
@media(max-width:992px){
	#product_list .row > div{
		margin-bottom: 20px;
	}
	#product_list .row > div > a .tt{
		height:40px;
		line-height: 40px;
		font-size:14px;
	}
}

#product_list .product_category{
	padding:30px 60px;
	background: #f4f4f4;
	border:1px solid #d3d3d3;
	margin-bottom: 55px;
}
#product_list .product_category > ul > li{
	float:left;
	width:33.33%;
}
#product_list .product_category > ul > li > a{
	position: relative;
	display:inline-block;
	color:#555;
	font-size:16px;
	padding:5px 0;
	font-weight: 300;
	padding-left: 15px;
}
#product_list .product_category > ul > li > a::after{
	content:'';
	width:5px;
	height: 5px;
	background: #000;
	position: absolute;
	top:16px;
	left:0;
}
#product_list .product_category > ul > li > a#bo_cate_on{
	color:#2f3575;
	font-weight: bold;
}
@media(max-width:1200px){
	#product_list .product_category{
		padding:30px 15px;
		margin-bottom: 40px;
	}
	#product_list .product_category > ul > li{
		width:50%;
	}
	#product_list .product_category > ul > li > a{
		font-size:14px;
		padding:6px 0;
		padding-left: 15px;
	}
	#product_list .product_category > ul > li > a::after{
		width:4px;
		height: 4px;
		top:14px;
	}
}
@media(max-width:992px){
	#product_list .product_category > ul > li{
		width:100%;
	}
}

#product_list{
	padding-bottom: 100px;
}
#product_list .view_head{
	padding:60px 70px 0;
	border-top: 2px solid #000;
}
#product_list .view_head::after{
	content:'';
	display:block;
	clear:both;
}
#product_list .view_head > .view_left,
#product_list .view_head > .view_right{
	float:left;
	width:50%;
}
#product_list .view_head > .view_left .thum{
	position: relative;
	max-width: 450px;
	background: #ddd;
}
#product_list .view_head > .view_left .thum .item{
	width:100%;
	padding-top: 73%;
}
#product_list .view_head > .view_left .thum .owl-controls > .owl-prev,
#product_list .view_head > .view_left .thum .owl-controls > .owl-next{
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	width:41px;
	height:75px;
	text-indent:-9999px;
	cursor:pointer;
	overflow:hidden;
	border:none;
	outline:none;
	z-index:1;
}
#product_list .view_head > .view_left .thum .owl-controls > .owl-prev{
	left:0;
	background: url('../_img/icon/icon_prev.png')no-repeat center center / contain;
}
#product_list .view_head > .view_left .thum .owl-controls > .owl-next{
	right:0;
	background: url('../_img/icon/icon_next.png')no-repeat center center / contain;
}
#product_list .view_head > .view_left .cta{
	width:100%;
	max-width: 450px;
	margin-top: 16px;
}
#product_list .view_head > .view_left .cta > a{
	display:inline-block;
	vertical-align: middle;
	margin-right: 3.5%;
	width:48.25%;
	height: 60px;
	line-height: 60px;
	color:#fff;
	font-weight: 500;
	font-size:18px;
	text-align: center;
	float:left;
}
#product_list .view_head > .view_left .cta > a:last-child{
	margin-right: 0;
}
#product_list .view_head > .view_left .cta > a.cta-blue{
	background: #2f3575;
}
#product_list .view_head > .view_left .cta > a.cta-black{
	background: #2e2e2e;
}

#product_list .view_head > .view_right dl{
	margin:0;
	padding:20px;
}
#product_list .view_head > .view_right dl dd{
	padding-left: 35px;
}
#product_list .view_head > .view_right dl dd.wr_subject{
	font-size:18px;
	color:#000;
	font-weight: 500;
}
#product_list .view_head > .view_right dl dd > .pre{
	font-size:15px;
	color:#222;
	font-weight: 400;
	line-height: 1.8;
	white-space:pre-line;
}
#product_list .view_con{
	margin-top: 70px;
	padding:0 70px;
}
#product_list .view_con table{
	width:100%;
	border:1px solid #dfdfdf;
	border-top: 1px solid #000;
	border-bottom: none;
}
#product_list .view_con table th,
#product_list .view_con table td{
	font-size:15px;
	color:#010101;
	padding:12px;
	font-weight: 400;
	border-bottom: 1px solid #dfdfdf;
}
#product_list .view_con table th{
	text-align: center;
	background: #fafafa;
	border-right: 1px solid #dfdfdf;
}

#product_list .view_file{
	margin-top: 90px;
	padding:0 70px;
}
#product_list .view_file .container {
	background: #f8f9fa;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #000;
	padding-top: 30px;
	padding-bottom: 30px;
}
#product_list .view_file .container > div{
	display:inline-block;
	vertical-align: middle;
}
#product_list .view_file .container > div:first-child > p{
	font-size:16px;
	font-weight: 500;
	color:black;
}
#product_list .view_file .container > div:nth-child(2){
	padding-left: 30px;
	position: relative;
}
#product_list .view_file .container > div:nth-child(2)::after{
	width:18px;
	height: 18px;
	position: absolute;
	top:2px;
	left:0;
	content:'';
	background: url('../_img/icon/icon_file.png')no-repeat center center / contain;
}
#product_list .view_file .container > div:nth-child(2) > p{
	font-size:15px;
	font-weight: 400;
	color:#333;
}
#product_list .pointer{
	position: relative;
	font-size:20px;
	font-weight: bold;
	color:#000;
	margin-bottom: 10px;
	padding-left: 35px;
}
#product_list .pointer::before{
	content:'';
	width:20px;
	height: 20px;
	border:5px solid #1257a7;
	background: #fff;
	border-radius:50%;
	position: absolute;
	top:5px;
	left:0;
}
@media(max-width:1200px){
	#product_list .view_head {
		padding: 60px 0 0;
	}
	#product_list .view_con,
	#product_list .view_file{
		padding: 0;
	}
}
@media(max-width:992px){
	#product_list .pointer {
		font-size: 16px;
		padding-left: 20px;
		font-weight: 500;
	}
	#product_list .pointer::before {
		width: 13px;
		height: 13px;
		border: 3px solid #1257a7;
		top: 6px;
	}
	#product_list .view_head > .view_left,
	#product_list .view_head > .view_right {
		width: 100%;
	}
	#product_list .view_head > .view_left{
		margin-bottom: 20px;
	}
	#product_list .view_head > .view_left .cta > a{
		height: 50px;
		line-height: 50px;
		font-size:14px;
	}
	#product_list .view_head > .view_right dl{
		padding:20px 0;
	}

	#product_list .view_head > .view_right dl dd.wr_subject,
	#product_list .view_head > .view_right dl dd{
		font-size:14px;
		padding-left: 0;
	}
	#product_list .view_head > .view_right dl dd > .pre {
		font-size: 14px;
		line-height: 1.7;
	}
	#product_list .view_con{
		margin-top: 20px;
	}
	#product_list .view_con table th, #product_list .view_con table td{
		font-size:13px;
	}
	#product_list .view_file{
		margin-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
	#product_list .view_file .container > div{
		display:block;
		margin-bottom: 20px;
	}
	#product_list .view_file .container > div:first-child > p{
		font-size:15px;
	}
	#product_list .view_file .container > div:nth-child(2) > p{
		font-size:13px;
	}
	#product_list .view_file .container > div:last-child{
		margin-top: 20px;
		margin-bottom: 0;
		text-align: right;
	}
}


#product_list #board_btn_wrap{
	text-align: center;
}
#product_list #board_btn_wrap > ul > li{
	float:none;
	display:inline-block;
}


/*개인정보 처리방침 && 이용약관 && 이메일무단수집거부*/
#user_guide_sec .block_area{ margin-bottom:4rem;}
#user_guide_sec .block_area:last-child{ margin-bottom:0;}
#user_guide_sec .block_area *{ font-size:1.6rem; font-weight:300; color:#666; }
#user_guide_sec .block_area ol{ padding:0; margin:0;}
#user_guide_sec .block_area ol li{ list-style:none;}
#user_guide_sec .block_area .tit{ display:block; margin-bottom:1rem;  font-size:2rem;  font-weight:600; color:#000;}
#user_guide_sec .block_area .tit2{ display:block; margin:.5rem 0; font-weight:600;}
#user_guide_sec .block_area .dep1{ counter-reset:dep1;}
#user_guide_sec .block_area .dep1 > li{ position:relative; padding-left:2rem; }
#user_guide_sec .block_area .dep1 > li:before{ content:counter(dep1)". "; counter-increment:dep1; position:absolute; top:0; left:0;}
#user_guide_sec .block_area .dep2{ margin:.5rem 0; counter-reset:dep2;}
#user_guide_sec .block_area .dep2 > li{ position:relative; padding-left:2rem; }
#user_guide_sec .block_area .dep2 > li:before{ content:counter(dep2)") "; counter-increment:dep2; position:absolute; top:0; left:0;}
#user_guide_sec .block_area .dep1 > li,
#user_guide_sec .block_area .dep2 > li{ margin-bottom:.5rem;}
#user_guide_sec .block_area .dep1 > li:last-child,
#user_guide_sec .block_area .dep2 > li:last-child{ margin-bottom:0;}
#user_guide_sec .block_area .table_area table{ margin:1rem 0; width:100%; border-top:2px solid #000; border-left:1px solid #ddd; }
#user_guide_sec .block_area .table_area table th,
#user_guide_sec .block_area .table_area table td{ padding:1.5rem; text-align: center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#user_guide_sec .block_area .table_area table th{ background:#f7f7f7; font-weight:700;}

@media all and (max-width:991.98px) {
    #user_guide_sec .block_area{ margin-bottom:3rem;}
}