@charset "utf-8";
#visual {height:800px; position:relative; padding:0;}
#visual .vis_im {width:100%; position:absolute; left:0; right:0; top:0; bottom:0; }
#visual .vis_im a {display:block; width:100%; height:100%; background:url("../image/main/vis1.jpg") 50% no-repeat; background-size:auto 100%; font-size:0;}

@media screen and (max-width:1366px){
	#visual {height:58.5651vw;}
}

@media screen and (max-width:768px){
	#visual {height:0; padding-bottom:67%;}
}



#prod_main {position:relative; width:100%; max-width:1366px; height:747px; margin:96px auto; overflow:hidden; box-sizing:border-box;}
.prod_txt_slide_wrap .cnt_box {position:absolute; width:100%; height:747px; overflow:hidden;}
.prod_txt_slide_wrap ul {position:absolute; width:100%; height:100%; overflow:hidden;}
.prod_txt_slide_wrap ul > li {width:100%; height:100%; position:absolute; }
.prod_txt_slide_wrap ul > li:after {content:''; display:block; width:100%; clear:both;}
.prod_txt_slide_wrap .img_box {float:left; margin-left:43px; width:618px; text-align:center;}
.prod_txt_slide_wrap .img_box img {max-width:100%;}
.prod_txt_slide_wrap .txt_box {float:right; margin-right:43px; width:576px; color:#585858;}
.prod_txt_slide_wrap .txt_box h3 {display:block; margin:48px 0; color:#111;}
.prod_txt_slide_wrap .txt_box h3 * {display:inline-block; vertical-align:bottom; line-height:1;}
.prod_txt_slide_wrap .txt_box h3 span {width:263px; height:56px; background:url("../image/main/prod_tit.png") 50% 100% no-repeat; background-size:contain; font-size:0;}
.prod_txt_slide_wrap .txt_box h3 em {margin-left:.75em; font-weight:600; font-size:28px;}
.prod_txt_slide_wrap .txt_box p {line-height:1.6}
.prod_txt_slide_wrap .txt_box p .br {display:block}
.prod_txt_slide_wrap .txt_box .type {}
.prod_txt_slide_wrap .txt_box .type h4 {display:block; margin:52px 0 28px; font-size:24px; color:#111;}
.prod_txt_slide_wrap .txt_box .type ol li {margin:14px 0 0;}
.prod_txt_slide_wrap .txt_box .type i {display:inline-block; width:2.125em; height:2em; margin-right:8px; vertical-align:middle;}
.prod_txt_slide_wrap .txt_box .type1 i {background:url("../image/main/ico_chk1.png") 50% no-repeat; background-size:cover;}
.prod_txt_slide_wrap .txt_box .type2 i {background:url("../image/main/ico_chk2.png") 50% no-repeat; background-size:cover;}
.prod_txt_slide_wrap .txt_box .bt_more {display:block; width:174px; padding:18px 0; margin:48px 0 0; text-align:center;}
.prod_txt_slide_btn {position:absolute; top:0; right:0; z-index:3;}
.prod_txt_slide_btn span {font-size:14px; font-weight:600; letter-spacing:0; vertical-align:middle;}
.prod_txt_slide_btn a {display:inline-block; width:14px; height:10px; padding:0 24px; font-size:0; vertical-align:middle;}
.prod_txt_slide_btn a.active {opacity:.3;}
.prod_txt_prev {background:url("../image/common/arrow_prev2.png") 50% no-repeat; background-size:14px auto;}
.prod_txt_next {background:url("../image/common/arrow_next2.png") 50% no-repeat; background-size:14px auto;}

@media screen and (max-width:1366px){
	.prod_txt_slide_wrap ul {width:200vw}
	.prod_txt_slide_wrap ul > li {width:100vw}
	.prod_txt_slide_wrap .img_box {margin-left:3.147877%; width:45.24158%;}
	.prod_txt_slide_wrap .txt_box {margin-right:3.147877%; width:42.16691%;}
}
@media screen and (max-width:1024px){
	.prod_txt_slide_wrap .txt_box p .br {display:inline-block}
}
@media screen and (max-width:768px){
	#prod_main {height:auto; margin:96px auto 0;}
	.prod_txt_slide_wrap .cnt_box {position:relative; height:auto; overflow:initial;}
	.prod_txt_slide_wrap ul {width:100%; height:auto; position:initial; overflow:initial;}
	.prod_txt_slide_wrap ul > li {height:auto}
	.prod_txt_slide_wrap .img_box {width:70%; margin:0 auto; float:none;}
	.prod_txt_slide_wrap .txt_box {width:80%; margin:0 auto; float:none; text-align:center;}
	.prod_txt_slide_wrap .txt_box h3 span { width:70%; display:block; margin:0 auto;}
	.prod_txt_slide_wrap .txt_box h3 em { margin:0; }
	.prod_txt_slide_wrap .txt_box .type h3 {margin:0 0 1em}
	.prod_txt_slide_wrap .txt_box .type h3 span {width:128px; height:28px; margin-bottom:2px; vertical-align:bottom;}
	.prod_txt_slide_wrap .txt_box .type h3 em {margin-left:.5em; font-size:24px; font-weight:bold; letter-spacing:.05em; vertical-align:bottom;}
	.prod_txt_slide_wrap .txt_box .type {display:inline-block; text-align:left;}
	.prod_txt_slide_wrap .txt_box .type h4 {font-size:20px; margin:2em 0 .75em; text-align:center;}

	.prod_txt_slide_wrap .txt_box .bt_more {margin:1.5em auto 4em}
	.prod_txt_slide_btn {display:none}
}
@media screen and (max-width:414px){
}

.prod_all {padding:96px 0; background-color:#e9f0f5;}
.prod_all .title {padding:0 0 66px; font-weight:600; font-size:48px; text-align:center;}
.prod_item_wrap {max-width:1366px; padding:0 47px; margin:0 auto; box-sizing:border-box; position:relative;}
.prod_item_lst {position:relative; width:100%; margin:0 auto; overflow:hidden;}
.prod_item { width:376px; margin:0 24px; color:#797979; background:#fff; text-align:center; position:absolute;}
.prod_item .max_prd_img {line-height:0;}
.prod_item .max_prd_img img {width:100%;}
.prod_item .text_area {padding:2.25em 1em 2em;}
.prod_item .text_area em {display:block; margin:0 0 0.889em; font-weight:600; font-size:1.25em; color:#000; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prod_item .text_area .comment {display:block; color:#797979; font-size:0.938em; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prod_item .max_price_box {margin:1.438em 0 0;}
.prod_item .max_sale {display:inline-block; color:#0f8cfc; font-weight:600; font-size:1.5em;}
.prod_item .max_del_won {display:inline-block; font-size:1.25em;}
.prod_item .max_price_won {padding:0 .25em; font-size:1.125em; color:#000;}
.prod_item .max_price_won strong {display:inline-block; padding-bottom:4px; font-weight:600; font-size:1.667em; vertical-align:middle;}

.prod_item a:hover .text_area em {color:#0f8cfc;}

.slick-arrow {position:absolute; z-index:1; top:50%; width:36px; height:64px; transform:translateY(-50%); font-size:0; background:50% no-repeat; background-size:cover;}
.slick-prev {left:-16px; background-image:url("../image/common/arrow_prev.png");}
.slick-next {right:-16px; background-image:url("../image/common/arrow_next.png");}

.slick-arrow a { position:absolute; left:0; right:0; top:0; bottom:0; }

@media screen and (max-width:1440px){
	.slick-prev {left:1%}
	.slick-next {right:1%}
}
@media screen and (max-width:1280px){
	.prod_item .text_area {padding:1.5em 1em 1em}
	.prod_item .max_price_won strong {font-size:1.5em;}
	.slick-arrow {width:32px; height:48px;}
}
@media screen and (min-width:1024px){
	.slick-arrow:hover {opacity:.3}
}
@media screen and (max-width:1024px){
	.prod_all {padding:16% 0 10%}
	.prod_all .title {padding-bottom:1em; font-size:36px;}
	.prod_item_wrap {padding:0 6.25%}
	.prod_item {margin:0 8px}
	.slick-arrow {width:24px; height:36px;}
	.slick-prev {left:1%}
	.slick-next {right:1%}
}
@media screen and (max-width:768px){
	.prod_item_wrap {padding:0 10%}
	.prod_item { width:100%; }
	.prod_all .title {padding-bottom:1em; font-size:36px;}
	.slick-arrow {width:18px; height:32px;}
	.slick-prev {left:1%}
	.slick-next {right:1%}
}
@media screen and (max-width:414px){
	.slick-prev {left:0}
	.slick-next {right:0}
}