.gnb_area{
	margin:0 auto;
	width:1364px;
}

.logo{
	float:left;
	width:112px;
	margin-top:13px;
}

.gnb{
	float:left;
	height:100px;
	margin-left:210px;
}

.gnb li{
	display:flex;
	float:left;
	width:180px;
	height:100%;
    flex-direction: row;
    align-items: center;
	justify-content:center;
}

.gnb li a{
	/* width:84px; */
	height:40px;
	font-size:20px;
	text-align:center;
}

.gnb li:hover a, .gnb li.over a{
	height:37px;
	color:#ec6400;
	border-bottom:3px solid #ec6400;
}

.gnb_sub_area{
	display:none;
	position:absolute;
	left:0px;
	top:100px;
	width:100%;
	padding:30px 0;
	z-index:9999;
	background:#fff;
}

#header:hover .gnb_sub_area{
	display:block;
}

.gnb_sub_box{
	margin:0 auto;
	width:1364px;
}

.gnb_sub{
	float:left;
	margin-left:322px;
}

.gnb_sub > li{
	float:left;
	width:180px;
}

.gnb_sub > li ul{
	float:left;
	width:100%;
}

.gnb_sub > li ul li{
	display:flex;
	float:left;
	width:100%;
	height:36px;
    flex-direction: row;
    align-items: center;
	justify-content:center;
	font-size:17px;
	cursor:pointer;
}

.gnb_sub > li ul li:hover, .gnb_sub > li ul li.over{
	color:#ec6400;
}

.mobile_menu{
	display:none;
}

@media screen and (max-width:640px){
	.gnb_area{
		width:100%;
	}

	#header:hover .gnb_sub_area{
		display:none;
	}

	.logo{
		width:100%;
		text-align:center;
	}

	.logo img{
		width:80px;
	}

	.gnb{
		display:none;
	}

	.top_mobile_menu{
		display:block;
	}

	.mobile_menu{
		display:block;
		position:absolute;
		left:20px;
		top:25px;
	}

	.mobile_menu ul{
		float:left;
		width:30px;
	}

	.mobile_menu ul li{
		float:left;
		width:100%;
		height:2px;
		margin-bottom:10px;
		background:#000;
	}

	.mobile_menu ul li:last-child{
		margin-bottom:0;
	}
}

.main_banner_area{
	position:relative;
	float:left;
	width:100%;
	height:750px;
	color:#fff;
}

@media screen and (max-width:640px){
	.main_banner_area{
		height:450px;
	}
}



.main_banner_area .bx-slider .main_banner_text{position:absolute;left:0;top:300px;width:100%;font-size:60px;line-height:71px;font-weight:500;color:#fff;text-align:center;z-index:888}

.main_banner_area .bx-slider { margin:0 auto; padding: 0px; position: relative; width:100%; height:750px;overflow:hidden;z-index:500;}
.main_banner_area .bx-slider li{width:100%;height:100%;}

.main_banner_area .bx-slider .bx-viewport { border: 0px solid #000;    } /*�곸뿭*/
.main_banner_area .bx-slider .bx-controls-auto { position: absolute;bottom:80px;right:50px; } 
.main_banner_area .bx-slider .bx-loading { background: url("/images/bx_loader.gif") no-repeat center rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; min-height: 50px; }
.main_banner_area .bx-pager { position: absolute; left:0;bottom:20px;width:100%;text-align:center;  z-index:8888;color:#F00; font-family: Noto Sans KR; font-size: 0.85em; font-weight: bold; }
.main_banner_area .bx-pager .bx-pager-item { display: inline-block; }
.main_banner_area .bx-slider .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.main_banner_area .bx-default-pager.bx-pager a { background: none;border:1px solid #fff;margin: 2px 15px 0; outline: 0px; border-radius: 10px; width: 15px; height: 15px; text-indent: -9999px; display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; } 
.main_banner_area .bx-default-pager.bx-pager a:focus { border:1px solid #fff;}
.main_banner_area .bx-default-pager.bx-pager a:hover { background:#fff;width:15px;height:15px;}
.main_banner_area .bx-default-pager.bx-pager a.active { background:#fff;width:15px;height:15px;}
.main_banner_area .bx-prev { position:absolute;left:100px;top:calc(50% - 25px);background:url("/images/left.png");width:31px;height:50px;z-index:9999;} 
.main_banner_area .bx-prev:hover{background:url("/images/left_over.png");}
.main_banner_area .bx-next { position:absolute;right:100px;top:calc(50% - 25px);background:url("/images/right.png");width:31px;height:50px;z-index:9999;} 
.main_banner_area .bx-next:hover{background:url("/images/right_over.png");}

@media screen and (max-width:640px){
	.main_banner_area .bx-slider{
		height:450px;
	}

	.main_banner_area .bx-slider .main_banner_text{
		top:170px;
		font-size:30px;
		line-height:36px;
	}

	.main_banner_area .bx-default-pager.bx-pager a{
		margin:2px 5px 0;
	}
}

.main_sector1{
	float:left;
	width:100%;
	margin-top:225px;
}

.main_brand_text_area{
	float:left;
	width:394px;
}

.main_sectors_title{
	float:left;
	width:100%;
	font-size:60px;
	line-height:79px;
	font-family:Roboto Mono;
	font-weight:500;
}

.main_brand_info{
	float:left;
	width:100%;
	margin-top:35px;
	font-size:21px;
	line-height:31px;
	color:#7f7f7f;
}

.main_brand_btn{
	float:left;
	width:100%;
	margin-top:55px;
}

.main_brand_btn button{
	display:inline-block;
	margin-right:10px;
	width:108px;
	height:46px;
	background:#fff;
	border:1px solid #7f7f7f;
	font-size:17px;
	color:#191919;
}

.main_brand_img{
	float:left;
	width:calc(100% - 394px);
	height:520px;
	background:url("/images/img_brand@2x.png") no-repeat center center / cover;
}

@media screen and (max-width:640px){
	.main_sector1{
		margin-top:80px;
	}

	.main_sectors_title{
		width:initial;
	}

	.main_brand_text_area{
		float:left;
		width:90%;
		margin-left:5%;
	}

	.main_sectors_title{
		font-size:36px;
		line-height:40px;
	}

	.main_brand_info{
		margin-top:20px;
		font-size:18px;
		line-height:25px;
	}

	.main_brand_info.type2{
		margin-top:0;
		margin-left:15px;
		width:initial;
		line-height:20px;
	}

	.main_brand_img{
		float:right;
		width:80%;
		height:350px;
		margin-top:30px;
		background:url("/images/img_brand_m.png") no-repeat center center / cover;
	}
}

.main_sector2{
	float:left;
	width:100%;
	height:560px;
	margin-top:130px;
	background:#F9F9F9;
}

.main_sector2_slider{
	position:relative;
	float:left;
	width:1000px;
	margin-top:130px;
}

.slider2{
	float:left;
	width:100%;
}

.slider2 li{
	float:left;
	width:328px;
	height:355px;
	margin-right:15px;
	cursor:pointer;
}

.slider2 li .img{
	width: 100%;
	height: 300px;
}

.slider2 li .product_list_buy{
}

.slider_prev_arrow, .slider_next_arrow{
	position:absolute;
	left:20px;
	top:50%;
	width:38px;
	height:38px;
	margin-top:-19px;
	z-index:1000;
	cursor:pointer;
	background:url("/images/ic_left.png") no-repeat center center / cover;
}

.slider_next_arrow{
	left:initial;
	right:20px;
	background:url("/images/ic_right.png") no-repeat center center / cover;
}

.main_sector2_text_area{
	float:right;
	width:260px;
	margin-top:110px;
}

@media screen and (max-width:640px){
	.main_sector2{
		height:initial;
		padding:30px 0;
		margin-top:80px;
	}

	.main_sector2_text_area{
		width:90%;
		margin:0px 5%;
	}

	.main_sector2_slider{
		width:100%;
		margin-top:30px;
	}

	.slider2 li{
		width:50%;
		height:350px;
		margin-right:10px;
	}
}

.main_sector3{
	float:left;
	width:100%;
	margin-top:130px;
}

.main_rnd_area{
	float:left;
	width:583px;
	margin-top:10px;
}

.main_rnd_title{
	float:left;
	width:100%;
	font-size:60px;
	line-height:60px;
	font-weight:700;
}

.main_rnd_title span{
	display:inline-block;
	margin-left:15px;
	font-size:21px;
	line-height:21px;
	color:#7f7f7f;
}

.main_rnd_img_box{
	position:relative;
	float:left;
	width:100%;
	height:520px;
	margin-top:25px;
	background:url("/images/img_rnd.png") no-repeat center center / cover;
}

.main_rnd_info{
	position:absolute;
	left:45px;
	top:75px;
	width:calc(100% - 46px);
	font-size:21px;
	line-height:31px;
	color:#fff;
}

.main_rnd_btn{
	position:absolute;
	left:45px;
	top:155px;
}

.main_rnd_btn button{
	width:108px;
	height:46px;
	background:none;
	border:1px solid #fff;
	font-size:17px;
	color:#fff;
}

@media screen and (max-width:640px){
	.main_sector3{
		width:90%;
		margin:80px 0 0 5%;
	}

	.main_rnd_area{
		width:100%;
	}

	.main_rnd_title{
		font-size:36px;
		line-height:36px;
	}

	.main_rnd_title span{
		font-size:18px;
		font-weight:400;
	}

	.main_rnd_img_box{
		height:350px;
	}

	.main_rnd_info{
		left:20px;
		top:20px;
		width:calc(100% - 20px);
	}

	.main_rnd_btn{
		left:20px;
		top:100px;
	}
}

.main_notice_area{
	float:right;
	width:550px;
	height:495px;
	padding:50px;
	border:16px solid #f9f9f9;
}

.main_notice_title{
	float:left;
	width:100%;
	font-size:29px;
	line-height:29px;
	font-family:Roboto Mono;
	font-weight:500;
	color:#ec6400;
}

.main_notice_list{
	float:left;
	width:100%;
	margin-top:25px;
}

.main_notice_list li{
	float:left;
	width:100%;
	border-bottom:1px solid #b1b1b1;
}

.main_notice_list li dl{
	float:left;
	width:100%;
}

.main_notice_list li dl dt{
	display:flex;
	float:left;
	width:calc(100% - 120px);
	height:65px;
    flex-direction: row;
    align-items: center;
	font-size:20px;
	line-height:20px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.main_notice_list li dl dd{
	display:flex;
	float:left;
	width:120px;
	height:65px;
    flex-direction: row;
    align-items: center;
	justify-content:center;
	font-size:20px;
	line-height:20px;
	color:#9b9b9b;
}

@media screen and (max-width:640px){
	.main_notice_area{
		float:left;
		width:calc(100% - 50px);
		height:initial;
		margin:80px 0 0 0;
		padding:20px;
		border:5px solid #f9f9f9;
	}

	.main_notice_list li dl dt{
		height:40px;
		width:calc(100% - 80px);
		font-size:14px;
	}

	.main_notice_list li dl dd{
		width:80px;
		height:40px;
		font-size:14px;
	}
}

.page_history{
	float:left;
	width:100%;
	height:20px;
	margin-top:50px;
	text-align:center;
}

.page_history span.arrow{
	display:inline-block;
	margin:0 10px;
}

.page_history .now_page{
	position:relative;
}

.page_history .now_page span{
	cursor:pointer;
}

.page_history_area{
	display:none;
	position:absolute;
	left:0;
	top:30px;
	width:130px;
	padding:10px 0;
	border:1px solid #707070;
	font-size:14px;
	background:#fff;
	z-index:1000;
}

.page_history_list{
	float:left:
	width:90%;
	margin:0 5%;
}

.page_history_list li{
	display:flex;
	float:left;
	width:100%;
	height:30px;
    flex-direction: row;
    align-items: center;
	cursor:pointer;
}

.sub_page_title{
	float:left;
	width:100%;
	margin-top:50px;
	padding-bottom:50px;
	text-align:center;
	font-size:40px;
	font-weight:500;
	border-bottom:1px solid #DCDCDC;
}

.about01_sector1{
	float:left;
	width:100%;
	height:800px;
	background:url("/images/img_company_01.png") no-repeat center center / cover;
}

.about01_sector1_text_area{
	margin:90px auto 0;
	width:750px;
}

.about01_logo{
	float:left;
	width:100%;
	text-align:center;
}

.about01_sector1_text{
	float:left;
	width:100%;
	margin-top:30px;
	font-size:29px;
	font-weight:300;
	color:#5a5252;
	letter-spacing:-1px;
}

.about01_sector1_text .btxt{
	font-size:35px;
	line-height:41px;
	font-weight:500;
	color:#191919;
}

.about01_sector1_text .btxt .ytxt{
	color:#ffaa00;
}

.about01_sector1_text .btxt .otxt{
	color:#ec6400;
	font-weight:700;
}

.about01_sector1_text .stxt{
	font-size:21px;
	line-height:30px;
	font-weight:400;
}

@media screen and (max-width:640px){
	.sub_page_title{
		font-size:30px;
	}

	.about01_sector1{
		height:initial;
		padding-bottom:50px;
	}

	.about01_sector1_text_area{
		float:left;
		width:90%;
		margin:50px 0 0 5%;
	}

	.about01_logo img{
		width:35%;
	}

	.about01_sector1_text{
		font-size:14px;
		font-weight:400;
		letter-spacing:-1px;
	}

	.about01_sector1_text .btxt{
		font-size:20px;
		line-height:26px;
		letter-spacing:-1px;
	}

	.about01_sector1_text .stxt{
		font-size:14px;
		line-height:20px;
	}
}

.about01_sector2{
	float:left;
	width:100%;
	margin-top:70px;
}

.about01_sector2_title{
	float:left;
	width:100%;
	font-size:35px;
	font-weight:700;
}

.about01_sector2_list{
	float:left;
	width:100%;
	margin-top:65px;
}

.about01_sector2_list li{
	float:left;
	width:100%;
	margin-bottom:75px;
}

.about01_sector2_list li .img{
	float:left;
	width:280px;
	height:260px;
}

.about01_sector2_list li .img.type2{
	float:right;
}

.about01_sector2_list li .cont{
	float:right;
	width:calc(100% - 310px);
}

.about01_sector2_list li .cont.type2{
	float:left;
}

.about01_sector2_list li .cont dt{
	float:left:
	width:100%;
	color:#ec6400;
}

.about01_sector2_list li:nth-child(2) .cont dt{
	color:#10A128;
}

.about01_sector2_list li:nth-child(3) .cont dt{
	color:#FFA50A;
}

.about01_sector2_list li .cont dt .num{
	display:block;
	float:left;
	width:90px;
	font-size:92px;
	line-height:92px;
	font-weight:700;
	opacity:.36;
}

.about01_sector2_list li .cont dt .txt{
	float:left;
	width:calc(100% - 90px);
	margin-top:20px;
	font-size:27px;
	line-height:30px;
	font-weight:700;
	letter-spacing:-1px;
}

.about01_sector2_list li .cont dd{
	clear:both;
	float:right;
	width:calc(100% - 90px);
	margin-top:15px;
	color:#191919;
	font-size:19px;
	letter-spacing:-1px;
}

@media screen and (max-width:640px){
	.about01_sector2{
		width:90%;
		margin:50px 0 0 5%;
	}

	.about01_sector2_title{
		font-size:18px;
		letter-spacing:-1.5px;
	}

	.about01_sector2_list li .img{
		width:60%;
		height:250px;
	}

	.about01_sector2_list li .img.type2{
		float:left;
		margin-left:20%;
	}

	.about01_sector2_list li .cont{
		float:left;
		width:100%;
	}

	.about01_sector2_list li .cont dt{
		margin-top:20px;
	}

	.about01_sector2_list li .cont dt .num{
		width:50px;
		font-size:46px;
		line-height:45px;
	}

	.about01_sector2_list li .cont dt .txt{
		margin-top:10px;
		font-size:16px;
		line-height:20px;
	}

	.about01_sector2_list li .cont dd{
		float:left;
		width:calc(100% - 50px);
		margin-left:50px;
		font-size:13px;
	}
}

.about02_sector1{
	float:left;
	width:100%;
	margin-top:35px;
	text-align:center;
}

.about03_sector1{
	float:left;
	width:100%;
	margin-top:60px;
	text-align:center;
}

@media screen and (max-width:640px){
	.about02_sector1 img{
		object-fit:cover;
		width:100%;
		height:450px;
	}

	.about03_sector1 img{
		width:80%;
		margin-left:10%;
	}
}

.about04_sector1{
	float:left;
	width:100%;
	margin-top:190px;
	text-align:center;
}

.about04_sector2{
	float:left;
	width:100%;
	margin-top:190px;
}

.about04_sector_title{
	float:left;
	width:100%;
	font-size:42px;
	line-height:42px;
	font-weight:700;
	text-align:center;
}

.about04_sector_title_line_area{
	float:left;
	width:100%;
	margin-top:10px;
}

.about04_sector_title_line{
	margin:0 auto;
	width:55px;
	height:5px;
	background:#ec6400;
}

.about04_sector2_list{
	float:left;
	width:100%;
	margin-top:40px;
}

.about04_sector2_list li{
	float:left;
	width:25%;
}

.about04_sector2_list li img{
	width:100%;
}

@media screen and (max-width:640px){
	.about04_sector1{
		margin-top:80px;
	}

	.about04_sector1 img{
		width:80%;
	}

	.about04_sector2{
		margin-top:80px;
	}

	.about04_sector_title{
		font-size:30px;
		line-height:30px;
	}

	.about04_sector_title_line{
		width:40px;
		height:3px;
	}

	.about04_sector2_list{
		width:80%;
		margin-left:10%;
	}

	.about04_sector2_list li{
		width:50%;
	}
}

.about04_sector3{
	float:left;
	width:100%;
	margin-top:300px;
}

.about04_sector3_list{
	float:left;
	width:100%;
	margin-top:80px;
}

.about04_sector3_list li{
	float:left;
	width:49%;
}

.about04_sector3_list li:nth-child(2){
	float:right;
}

.about04_sector3_list li img{
	width:100%;
}

@media screen and (max-width:640px){
	.about04_sector3{
		margin-top:80px;
	}

	.about04_sector3_list li{
		height:150px;
	}

	.about04_sector3_list li img{
		height:100%;
		object-fit:cover;
	}
}

.about04_sector3_list2{
	float:left;
	width:90%;
	margin:65px 0 0 5%;
}

.about04_sector3_list2 li{
	float:left;
	width:50%;
	margin-bottom:70px;
}

.about04_sector3_list2 li dl{
	float:left;
	width:100%;
}

.about04_sector3_list2 li dl dt{
	position:relative;
	float:left;
	width:207px;
	height:207px;
}

.about04_sector3_list2 li dl dt .txt{
	display:flex;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	flex-direction: row;
	align-items: center;
	justify-content:center;
	text-align:center;
	font-size:32px;
	line-height:32px;
	font-weight:700;
	color:#20A400;
}

.about04_sector3_list2 li dl dd{
	display:flex;
	float:right;
	width:calc(100% - 240px);
	height:207px;
	font-size:18px;
	line-height:23px;
    flex-direction: column;
	justify-content:center;
    flex-wrap: wrap-reverse;
}

.about04_sector3_list2 li dl dd .txt{
	position:relative;
	display:inline-block;
	width:100%;
	margin-bottom:10px;
}

.about04_sector3_list2 li dl dd .txt .point{
	position:absolute;
	left:-7px;
	top:-0px;
	width:7px;
	height:7px;
	background:#44c900;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

@media screen and (max-width:640px){
	.about04_sector3_list2 li{
		width:100%;
		margin-bottom:50px;
	}

	.about04_sector3_list2 li dl dt{
		width:130px;
		height:130px;
	}

	.about04_sector3_list2 li dl dt img{
		width:100%;
	}

	.about04_sector3_list2 li dl dt .txt{
		font-size:20px;
		line-height:22px;
	}

	.about04_sector3_list2 li dl dd{
		width:calc(100% - 150px);
		height:initial;
		font-size:14px;
		line-height:18px;
	}

	.about04_sector3_list2 li dl dd .txt .point{
		width:4px;
		height:4px;
		left:-4px;
	}
}

.about04_sector4{
	float:left;
	width:100%;
	margin-top:320px;
}

.about04_sector4_img{
	float:left;
	width:100%;
	margin-top:65px;
	text-align:center;
}

@media screen and (max-width:640px){
	.about04_sector4{
		width:90%;
		margin:80px 0 0 5%;
	}
	
	.about04_sector4_img img{
		width:100%;
	}
}

.about05_sector1{
	float:left;
	width:100%;
	margin-top:90px;
}

.about05_maps_area{
	float:left;
	width:716px;
}

.about05_list{
	float:right;
	width:calc(100% - 746px);
}

.about05_list li{
	float:left;
	width:100%;
	margin-bottom:30px;
}

.about05_list li dl, .about05_list li dl dt, .about05_list li dl dd{
	float:left;
	width:100%;
}

.about05_list li dl dt{
	font-size:34px;
	font-weight:700;
	color:#CFCCCC;
}

.about05_list li dl dd{
	margin-top:10px;
	font-size:23px;
	line-height:32px;
}

@media screen and (max-width:640px){
	.about05_sector1{
		width:90%;
		margin:80px 0 0 5%;
	}

	.about05_maps_area{
		width:100%;
	}

	.about05_list{
		float:left;
		width:90%;
		margin:30px 0 0 5%;
	}

	.about05_list li{
		margin-bottom:15px;
	}

	.about05_list li dl dt{
		font-size:20px;
	}

	.about05_list li dl dd{
		margin-top:0;
		font-size:16px;
		line-height:22px;
	}
}

.product_sector1{
	float:left;
	width:100%;
	margin-top:45px;
}

.product_search_area{
	float:left;
	width:100%;
}

.product_search_bar{
	position:relative;
	margin:0 auto;
	width:312px;
}

.product_search_area input[type=text]{
	width:310px;
	height:44px;
	border:1px solid #d6d6d6;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:18px;
}

.product_search_area button{
	position:absolute;
	top:0;
	right:0;
	width:46px;
	height:46px;
	background:none;
	border:0;
}

.product_list{
	float:left;
	width:100%;
	margin-top:55px;
}

.product_list li{
	float:left;
	width:24%;
	margin-right:1.3%;
	margin-bottom:32px;
}

.product_list li:nth-child(4n){
	float:right;
	margin-right:0;
}

.product_list li dl{
	float:left;
	width:100%;
}

.product_list li dl dd{
	float:left;
	width:100%;
	height:320px;
}

.product_list li dl dt{
	display: inline-block;
	float:left;
	/*width:calc(100% - 12px);*/
	width:100%;
	text-align:center;
	font-size:22px;	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_list li dl dt .product_list_name {
	padding:18px 5px 0 5px;
	border:1px solid #dfdfdf;
	height: 42px;
	line-height:22px;
}

/* .product_list li dl dt .product_list_buy {
	border: 1px solid #EC6400;
	background: #EC6400;
	font-weight: bold;
	color: #fff;
	padding: 13px;
	margin-top: 5px;
	width: 100%;
} */

.product_list_buy {
	border: 1px solid #EC6400;
	background: #EC6400;
	font-weight: bold;
	color: #fff;
	padding: 13px;
	margin-top: 5px;
	width: 100%;
}


@media screen and (max-width:640px){
	.product_list{
		width:70%;
		margin:80px 0 0 15%;
	}	

	.product_list li{
		width:100%;
	}
}

.product_view_area{
	float:left;
	width:100%;
	border-top:2px solid #141414;
}

.product_view_area dt{
	float:left;
	width:100%;
	padding:20px 0;
	font-size:26px;
	line-height:26px;
	text-align:center;
	border-bottom:1px solid #b8b8b8;
}

.product_view_area dd{
	float:left;
	width:100%;
	padding:20px 0;
	border-bottom:1px solid #b8b8b8;
}

.product_view_area dd.cont img{
	max-width:100%;
}

.product_preview_list{
	float:left;
	width:100%;
}

.product_preview_list li{
	float:left;
	width:100%;
	height:50px;
	border-bottom:1px solid #b8b8b8;
}

.product_preview_list li div{
	display:flex;
	float:left;
	height:100%;
    flex-direction: row;
    align-items: center;
}

.product_preview_list li div.arrow{
	width:50px;
	justify-content:center;
}

.product_preview_list li div.txt{
	width:calc(100% - 120px);
	font-size:18px;
}

@media screen and (max-width:640px){
	.product_view_area{
		width:90%;
		margin-left:5%;
	}

	.product_view_area dt{
		font-size:20px;
		line-height:20px;
	}

	.product_preview_list{
		width:90%;
		margin-left:5%;
	}

	.product_preview_list li div.txt{
		font-size:14px;
	}
}

.rnd01_sector1{
	float:left;
	width:100%;
	margin-top:50px;
}

.rnd01_sector2{
	float:left;
	width:100%;
	margin-top:120px;
}

.rnd01_sector2_area{
	margin:0 auto;
	width:560px;
}

.rnd01_sector3_area{
	margin:0 auto;
	width:650px;
}

.rnd01_title{
	float:left;
	width:100%;
	text-align:center;
	font-size:35px;
	font-weight:700;
}

.rnd01_list{
	float:left;
	width:100%;
	margin-top:25px;
}

.rnd01_list li{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:25px;
	font-size:19px;
	letter-spacing:-1px;
}

.rnd01_list li span{
	position:absolute;
	left:-10px;
	top:2px;
	width:7px;
	height:7px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	background:#ec6400;
	border:0;
}

.rnd02_sector1{
	float:left;
	width:100%;
	margin-top:50px;
	text-align:center;
}

@media screen and (max-width:640px){
	.rnd01_sector2{
		margin-top:40px;
	}

	.rnd01_sector2_area, .rnd01_sector3_area{
		width:80%;
		margin-left:10%;
	}

	.rnd01_list li{
		font-size:12px;
		letter-spacing:-1px;
	}

	.rnd01_title{
		font-size:24px;
	}

	.rnd02_sector1{
		width:90%;
		margin-left:5%;
	}

	.rnd02_sector1 img{
		width:100%;
	}
}

.rnd03_content_area{
	float:left;
	width:100%;
	margin-top:50px;
}

.rnd03_content_info{
	float:left;
	width:100%;
	margin-top:95px;
	text-align:center;
	font-size:20px;
	line-height:24px;
	color:#191919;
}

.rnd03_content_tabs_area{
	float:left;
	width:100%;
	margin-top:110px;
}

.rnd03_content_tabs{
	margin:0 auto;
	width:600px;
}

.rnd03_content_tabs li{
	display:flex;
	float:left;
	width:200px;
	height:50px;
	font-size:24px;
	line-height:24px;
	font-weight:700;
	color:#a4a4a4;
	border-bottom:3px solid #fff;
    flex-direction: row;
    align-items: center;
	justify-content:center;
	cursor:pointer;
}

.rnd03_content_tabs li:hover, .rnd03_content_tabs li.over{
	color:#191919;
	border-bottom:3px solid #ec6400;
}

@media screen and (max-width:640px){
	.rnd03_content_info{
		margin-top:20px;
		font-size:16px;
		line-height:20px;
	}

	.rnd03_content_tabs_area{
		margin-top:60px;
	}

	.rnd03_content_tabs{
		width:90%;
	}

	.rnd03_content_tabs li{
		width:33.3%;
		font-size:15px;
		line-height:15px;
	}
}

.rnd03_form_list_area{
	float:left;
	width:100%;
	margin-top:100px;
}

.rnd03_form_list_box{
	margin:0 auto;
	width:660px;
}

.rnd03_form_list{
	float:left;
	width:100%;
}

.rnd03_form_list li{
	float:left;
	width:100%;
	margin-bottom:40px;
}

.rnd03_form_list li dl{
	float:left;
	width:100%;
}

.rnd03_form_list li dl dt{
	display:flex;
	float:left;
	width:calc(100% - 436px);
	height:50px;
    flex-direction: row;
    align-items: center;
	font-size:17px;
	line-height:17px;
}

.rnd03_form_list li dl dd{
	float:left;
	width:436px;
	font-size:17px;
}

.rnd03_form_list li dl dd.radio{
	padding-top:15px;
}

.rnd03_form_list li dl dd input[type=text], .rnd03_form_list li dl dd select{
	width:100%;
	height:49px;
	border:0;
	border-bottom:1px solid #191919;
	font-size:17px;
}

.rnd03_form_list li dl dd input[type=text].hu, .rnd03_form_list li dl dd select.hu{
	width:30%;
}

.rnd03_form_list li dl dd input[type=text].email{
	width:45%;
}

.rnd03_form_list li dl dd select.region{
	width:45%;
}

.rnd03_form_list li dl dd select.region:nth-child(2){
	display:inline-block;
	margin-left:4%;
}

.rnd03_form_list li dl dd input[type=radio]{
	width:18px;
	height:18px;
	accent-color:#EC6400;
}

.rnd03_form_list li dl dd textarea{
	width:calc(100% - 20px);
	height:80px;
	padding:10px;
	border:0;
	border-bottom:1px solid #191919;
	font-size:17px;
}

.rnd03_form_list li dl dd textarea::placeholder{
	color:#bcbcbc;
}

@media screen and (max-width:640px){
	.rnd03_form_list_area{
		width:90%;
		margin:40px 0 0 5%;
	}

	.rnd03_form_list_box{
		width:100%;
	}

	.rnd03_form_list li{
		margin-bottom:20px;
	}

	.rnd03_form_list li dl dt, .rnd03_form_list li dl dd{
		width:100%;
		height:40px;
		font-size:14px;
	}

	.rnd03_form_list li dl dt{
		height:initial;
	}

	.rnd03_form_list li dl dd{
		margin-top:10px;
	}

	.rnd03_form_list li dl dd.radio{
		padding-top:0;
	}

	.rnd03_form_list li dl dd input[type=text], .rnd03_form_list li dl dd select{
		width:100%;
		height:39px;
		border:0;
		border-bottom:1px solid #191919;
		font-size:17px;
		background:#fff;
	}

	.rnd03_form_list li dl dd textarea{
		font-size:14px;
	}
}

.privacy_area{
	float:left;
	width:100%;
	margin-top:60px;
}

.privacy_title{
	float:left;
	width:100%;
	font-size:17px;
	font-weight:500;
}

.privacy_content_area{
	float:left;
	width:calc(100% - 30px);
	height:220px;
	padding:15px;
	margin-top:22px;
	background:#f5f5f5; 
	overflow-y:auto;
	font-size:14px;
	line-height:20px;
}

.privacy_check_box{
	float:left;
	width:100%;
	margin-top:15px;
	text-align:right;
	font-size:17px;
}

.privacy_check_box input[type=radio]{
	width:18px;
	height:18px;
	accent-color:#EC6400;
}

.rnd_form_btn_area{
	float:left;
	width:100%;
	margin-top:50px;
}

.rnd_form_btn_area button{
	width:100%;
	height:65px;
	border:0;
	background:#ec6400;
	color:#fff;
	font-size:24px;
	font-weight:700;
}

@media screen and (max-width:640px){
	.rnd_form_btn_area button{
		height:50px;
		font-size:18px;
	}
}

.rnd03_list_box{
	margin:0 auto;
	width:1200px;
}

.rnd03_list_box li{
	position:relative;
	float:left;
	width:25%;
	margin-bottom:100px;
}

.rnd03_list_box li:nth-child(4n){
	background:none;
}

.rnd03_list_box li .arrow{
	position:absolute;
	right:-20px;
	top:100px;
}

.rnd03_list_box li:nth-child(4n) .arrow{
	display:none;
}

.rnd03_list_box li dl{
	float:left;
	width:100%;
}

.rnd03_list_box li dl dt, .rnd03_list_box li dl dd{
	float:left;
	width:100%;
	text-align:center;
}

.rnd03_list_box li dl dt{
	margin-top:20px;
	font-size:24px;
	line-height:24px;
	color:#ec6400;
	font-weight:700;
	letter-spacing:-1px;
}

.rnd03_list_box li dl dd.btxt{
	margin-top:10px;
	font-size:24px;
	line-height:24px;
	font-weight:700;
	letter-spacing:-1px;
}

.rnd03_list_box li dl dd.stxt{
	margin-top:15px;
	font-size:20px;
	line-height:24px;
	letter-spacing:-1px;
}

@media screen and (max-width:640px){
	.rnd03_list_box{
		width:96%;
		margin-left:2%;
	}

	.rnd03_list_box li{
		width:50%;
		margin-bottom:50px;
	}

	.rnd03_list_box li:nth-child(odd){
		clear:both;
	}

	.rnd03_list_box li .arrow{
		top:60px;
		right:-10px;
		width:20px;
	}

	.rnd03_list_box li .arrow img{
		width:100%;
	}

	.rnd03_list_box li:nth-child(2n) .arrow{
		display:none;
	}

	.rnd03_list_box li dl dd.img img{
		width:80%;
	}

	.rnd03_list_box li dl dt{
		font-size:18px;
		line-height:18px;
	}

	.rnd03_list_box li dl dd.btxt{
		font-size:18px;
		line-height:18px;
	}

	.rnd03_list_box li dl dd.stxt{
		font-size:13px;
		letter-spacing:-1.5px;
	}
}

.rnd03_faq_list_box{
	margin:0 auto;
	width:1049px;
}

.rnd03_faq_list, .rnd03_faq_list li{
	float:left;
	width:100%;
}

.rnd03_faq_list li dl, .rnd03_faq_list li dl dt, .rnd03_faq_list li dl dd{
	float:left;
	width:100%;
}

.rnd03_faq_list li dl dt{
	height:75px;
	border-bottom:1px solid #cecece;
	font-size:24px;
	line-height:24px;
	cursor:pointer;
}

.rnd03_faq_list li dl dt .icn, .rnd03_faq_list li dl dt .arrow{
	display:flex;
	float:left;
	width:50px;
	height:100%;
    flex-direction: row;
    align-items: center;
	justify-content:center;
}

.rnd03_faq_list li dl dt .txt{
	display:flex;
	float:left;
	width:calc(100% - 100px);
	height:100%;
    flex-direction: row;
    align-items: center;
}

.rnd03_faq_list li dl dd{
	display:none;
	width:calc(100% - 50px);
	padding:25px 0 25px 50px;
	border-bottom:1px solid #cecece;
	font-size:18px;
	line-height:24px;
}

@media screen and (max-width:640px){
	.rnd03_faq_list_box{
		width:100%;
	}

	.rnd03_faq_list li dl dt{
		font-size:16px;
		height:50px;
	}

	.rnd03_faq_list li dt .icn img{
		width:50%;
	}

	.rnd03_faq_list li dl dd{
		width:calc(100% - 40px);
		font-size:14px;
		line-height:18px;
		padding:20px;
	}
}

.customer01_sector{
	float:left;
	width:100%;
	margin-top:80px;
}

.board_search_area{
	float:left;
	width:100%;
}

.board_search_form{
	position:relative;
	width:300px;
	height:50px;
}

.board_search_form input[type=text]{
	width:298px;
	height:48px;
	border:1px solid #c5c5c5;
	font-size:18px;
	text-indent:20px;
}

.board_search_form button{
	position:absolute;
	display:flex;
	right:0;
	top:0;
	width:50px;
	height:50px;
	background:none;
    flex-direction: row;
    align-items: center;
	justify-content:center;
}

@media screen and (max-width:640px){
	.customer01_sector{
		width:90%;
		margin-left:5%;
	}

	.board_search_form{
		width:200px;
		height:35px;
	}

	.board_search_form input[type=text]{
		width:calc(100% - 2px);
		height:33px;
		font-size:14px;
	}

	.board_search_form button{
		width:35px;
		height:35px;
	}

	.board_search_form button img{
		width:50%;
	}
}

.customer_faq_tabs_area{
	float:left;
	width:100%;
}

.customer_faq_tabs{
	margin:0 auto;
	width:600px;
}

.customer_faq_tabs li{
	display:flex;
	float:left;
	width:198px;
	height:52px;
    flex-direction: row;
    align-items: center;
	justify-content:center;
	border:1px solid #ec6400;
	background:#fff;
	color:#ec6400;
	font-size:22px;
	line-height:22px;
	font-weight:500;
	cursor:pointer;
}

.customer_faq_tabs li:hover, .customer_faq_tabs li.over{
	background:#ec6400;
	color:#fff;
}

.customer_faq_search_area{
	float:left;
	width:100%;
	margin-top:80px;
}

.customer_faq_search{
	position:relative;
	margin:0 auto;
	width:500px;
}

.customer_faq_search input[type=text]{
	width:calc(100% - 2px);
	height:39px;
	border:0;
	border-bottom:1px solid #7f7f7f;
	font-size:16px;
	color:#9c9c9c;
	text-indent:10px;
}

.customer_faq_search button{
	position:absolute;
	display:flex;
	right:0;
	top:0;
	width:40px;
	height:40px;
	background:none;
    flex-direction: row;
    align-items: center;
	justify-content:center;
}

.customer_contact_info {
	margin-bottom: 80px;
	background: #F7F7F7;
}

.customer_contact_info::after {
	display: block;
	clear: both;
	content: "";
}

.customer_contact_info > li {
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	width: 33.33%;
	height: 150px;
}

.customer_contact_info > li:nth-child(2)::before, 
.customer_contact_info > li:nth-child(2)::after {
	position: relative;
	width: 1px;
	height: 50px;
	background: #9B9B9B;
	content: "";
}

.customer_contact_info > li:nth-child(2)::before {
	left: -20px;
}

.customer_contact_info > li:nth-child(2)::after {
	right: -20px;
}

.customer_contact_info > li .customer_contact {
	text-align: center;
}

.customer_contact_info > li .customer_contact > span {
	font-size: 16px;
}

.customer_contact_info > li .customer_contact > p {
	margin: 0;
	margin-top: 5px;
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width:640px){
	.customer_faq_tabs{
		width:100%;
	}

	.customer_faq_tabs li{
		width:33.33%;
		font-size:4vw;
		line-height:15px;
		box-sizing: border-box;
		height: 14vw;
	}

	.customer_faq_tabs li:not(:last-child){
		border-right: 0;
	}

	.customer_faq_search{
		width:200px;
	}

	.customer_faq_search input[type=text]{
		width:calc(100% - 2px);
		height:33px;
		font-size:14px;
	}

	.customer_faq_search button{
		width:35px;
		height:35px;
	}

	.customer_faq_search button img{
		width:50%;
	}

	.customer_faq_search button{
		position:absolute;
		display:flex;
		right:0;
		top:0;
		width:40px;
		height:40px;
		background:none;
		flex-direction: row;
		align-items: center;
		justify-content:center;
	}

	.customer_contact_info {
		margin-bottom: 20vw;
	}

	.customer_contact_info > li {
		width: 100%;
		height: 28vw;
	}

	.customer_contact_info > li:nth-child(2)::before, 
	.customer_contact_info > li:nth-child(2)::after {
		width: 50px;
		height: 1px;
	}

	.customer_contact_info > li:nth-child(2)::before {
		top: -16vw;
		left: calc(50% - 25px);
	}

	.customer_contact_info > li:nth-child(2)::after {
		bottom: -16vw;
		right: calc(50% - 25px);
	}

	.customer_contact_info > li .customer_contact > span {
		font-size: 3.2vw;
	}

	.customer_contact_info > li .customer_contact > p {
		font-size: 4.8vw;
	}
}

.customer_faq_list_box{
	float:left;
	width:100%;
	margin-top:100px;
}

















.flogo{
	float:left;
	width:112px;
}

.copyright{
	float:left;
	margin-left:40px;
	font-size:15px;
	line-height:22px;
	color:#7F7F7F;
	font-weight:300;
}

.copyright .com_name{
	display:inline-block;
	margin-bottom:10px;
	font-weight:700;
}

.flogo2{
	float:right;
	font-size:16px;
	font-weight:500;
	text-align:center;
}

@media screen and (max-width:640px){
	.flogo{
		width:90%;
		margin-left:5%;
	}

	.copyright{
		width:90%;
		margin-top:20px;
		margin-left:5%;
		font-size:12px;
		line-height:initial;
		letter-spacing:-1px;
	}

	.flogo2{
		float:left;
		width:100%;
		margin-top:40px;
		text-align:center;
		font-size:13px;
	}

	.flogo2 img{
		width:60px;
	}
}



/* site map */
#sitemap_wrap{
	float:left;
	width:100%;
	height:100vh;
}

.close_area{
	position:fixed;
	width:100%;
	height:70px;
	background:#fff;
	border-bottom:1px solid #ddd;
	z-index:999;
}

.close_btn{
	float:right;
	width:25px;
	height:25px;
	margin:20px 20px 0 0;
}

.sitemap_menu_title{
    float:left;
    width:100%;
    margin-top:71px;
    padding:20px 0;
    border-bottom:1px solid #ddd;
    font-size:22px;
    text-indent:10px;
}

.sitemap_menu_list{
	float:left;
	width:100%;
	margin-top:70px;
}

.sitemap_menu_list li{
	float:left;
	width:100%;
}

.sitemap_menu_list li dl{
	float:left;
	width:100%;
}

.sitemap_menu_list li dl dt{
	float:left;
	position:relative;
	width:100%;
	padding:15px 0;
	text-indent:10px;
	font-size:18px;
	text-align:center;
	border-bottom:1px solid #ddd;
}

.sitemap_menu_list li.shop dl dt{
	background:#ec6400;
	color:#fff;
}

.sitemap_menu_list li dl dt.over{
	color:#ec6400;
	font-weight:700;
}

.sitemap_menu_list li dl dt .arrow{
	position:absolute;
	top:20px;
	right:20px;
	background:url("/renew_images/common/sub_content_arrow.png") no-repeat;
	background-size:contain;
	width:20px;
	height:12px;
}

.sitemap_menu_list li dl dd{
	float:left;
	width:100%;
	display:none;
	padding:15px 0;
	background:#ec6400;
	color:#fff;
	font-size:16px;
	font-weight:300;
	text-align:center;
	border-bottom:1px solid #fff;
}

.sitemap_menu_list li dl dd a{
	display:inline-block;
	width:100%;
}

.black_bg_layer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .3);
}

.qna_password_area{
	position:relative;
	margin:100px auto;
	width:360px;
	height:230px;
	padding:40px 20px 0;
	background:#fff;
}

.layer_close_area{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}

.layer_close_area img{
	width:20px;
}

.qna_password_title{
	float:left;
	width:100%;
	font-size:30px;
	font-weight:700;
}

.qna_password_form{
	float:left;
	width:100%;
	margin-top:30px;
}

.qna_password_form dd{
	float:left;
	width:100%;
}

.qna_password_form dd input[type=password]{
	width:calc(100% - 2px);
	height:50px;
	font-size:18px;
	text-indent:20px;
}

.qna_password_form dd.btn{
	margin-top:20px;
}

.qna_password_form dd button{
	width:100%;
	height:45px;
	background:#ec6400;
	border:0;
	color:#fff;
	font-size:18px;
	font-weight:700;
}


















.pop_title{
	float:left;
	width:100%;
	padding:10px 0;
	font-size:24px;
	background:#0754e0;
	color:#fff;
	font-weight:700;
	text-indent:10px;
}

.pw_change_area_box{
	float:left;
	width:100%;
	margin-top:30px;
}

.pw_change_area{
	margin:0 auto;
	width:70%;
}

.pw_change_form{
	float:left;
	width:100%;
}

.pw_change_form li{
	float:left;
	width:100%;
	margin-bottom:15px;
}

.pw_change_form li dl, .pw_change_form li dl dt, .pw_change_form li dl dd{
	float:left;
	width:100%;
}

.pw_change_form li dl dt{
	margin-bottom:5px;
	font-size:15px;
}

.pw_change_form li dl dd input{
	width:100%;
	height:40px;
}



/* 2022-10-28 웹접근성 관련 스타일 추가 */
.skip {
	padding: 5px 0;
	font-size: 12px;
	text-align: center;
}

/* 화면낭독기 사용자용 */
.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}



/****************************
	팝업 레이어
****************************/
#popup_layer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 999;
}

.layer_box {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 300px;
	/* width: 624px; */
	/* height: 327px; */
	padding: 30px;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
	background: #fff;
}

.layer_box .layer_content {}

.layer_box .layer_txt {
	font-size: 16px;
}

.layer_box .btn_area01 {
	margin-top: 10px;
	margin-bottom: 0;
}



/* 2023-11-21 추가 */
.view_term_btn {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 18px;
	text-decoration: underline;
	color: #666;
	background: none;
}