@charset "utf-8";

.myConsealer {max-width:2560px;margin:0 auto;text-align:center;}
.myConsealer.th *{font-family:'Cloud-Light',Tahoma;}
.myConsealer.vn *{font-family: Arial;}
.myConsealer .inner {max-width:1000px;margin:0 auto;}

.visualWrap {} 
.visualWrap .bg {height:1027px;background:url('images_sg/visual_bg.jpg') no-repeat center top / cover;} 
.visualWrap .conBox {padding-bottom:90px;font-size:26px;line-height:34px;color:#fff9f1;background:url('images_hk/visual_bg_repeat.jpg')  repeat-y center top;}
.visualWrap .conBox ul {font-size:0;}
.visualWrap .conBox ul li {display:inline-block;margin:0 5px;}
.visualWrap .conBox .ft_txt {margin-top:35px;}

.subTit {margin-bottom:50px;}
.subTit .tit {font-size:50px;color:#333232}

.section01 {padding:95px 0 100px;background-color:#fffaf6}
.section01 .boxWrap {display:table;width:100%;margin:78px auto 0;}
.section01 .boxWrap.box1 {margin-top:60px;}
.section01 .boxWrap .boxLeft {display:table-cell;width:73%;height:100%;border-bottom:2px solid #fdebdd;vertical-align:top;}
.section01 .box_top {padding:15px 0;font-size:30px;background-color:#924f38;}
.section01 .box_top span {vertical-align:middle;}
.section01 .box_top span.price {font-size:20px;color:#b69f92;}
.section01 .box_con {padding:30px 0;background-color:#fdebdd;}
.section01 .box_con .pdt_img {}
.section01 .box_con .pdt_img ul li {display:inline-block}
.section01 .box_con .pdt_img.pdtSlide {width:730px;margin:0 auto;}
.section01 .box_con .pdt_img.pdtSlide .slick-arrow {position:absolute;top:50%;width:19px;height:31px;margin-top:-15px;z-index:2;border:none;outline:none;cursor:pointer;background:none;text-indent:-9999%;font-size:0;}
.section01 .box_con .pdt_img.pdtSlide .slick-prev {left:-30px;background:url('images_sg/slick_arrow_prev.png') no-repeat 0 0 / cover;}
.section01 .box_con .pdt_img.pdtSlide .slick-next {right:-304px;background:url('images_sg/slick_arrow_next.png') no-repeat 0 0 / cover;}
.section01 .boxWrap .pdt_img.pdtSlide .slick-slide img {margin:0 auto;}

.section01 .boxWrap.box1 .pdt_img ul li {width:44%;}
.section01 .boxWrap .pdt_img ul.w3 li {width:31%;margin:0 auto;}
.section01 .boxWrap .pdt_img ul.w4 li {width:24%;margin:0 auto;}

.section01 .boxWrap .colorName {margin-top:10px;font-size:20px;line-height:28px;color:#d6b9a3;}
.section01 .boxWrap .boxRight {display:table-cell;width: calc( 27% - 4px );height: calc( 100% - 4px );border:2px solid #76574b;border-top:0;vertical-align:top;}
.section01 .boxWrap .boxRight .box_top {color:#fff;background-color:#76574b}
.section01 .boxWrap .boxRight .box_con {background-color:#fff4ec;}
.section01 .boxWrap .boxRight .box_con .pdt_img ul li {width:auto !important;margin:0 !important;}
.section01 .boxWrap .boxRight .box_con .pdt_img ul li div {margin-left:16px;}
.section01 .boxWrap + .ft_txt {margin-top:20px;font-size:22px;line-height:30px;color:#333232;}

.section02 {padding:90px 0;background:url('images_tw/sec02_bg.jpg') no-repeat center top / cover;}
.section02 .box {padding:45px 90px 35px;background-color:#fff;}
.section02 .box ul li {margin-top:30px;padding-top:40px;border-top:1px dashed #ad9a93}
.section02 .box ul li:first-child {margin:0;padding:0;border:0;}
.section02 .box .pdt_txt {font-weight:bold;font-size:23px;color:#624f48;}
.section02 .box .pdt_txt em {color:#ffb435}
.section02 .box .pdt_img {margin-top:30px;}
.section02 .ft_txt {margin-top:35px;font-size:18px;font-style:italic;line-height:24px;color:#8e8e8e;}

/* TH */
.myConsealer.th .visualWrap .bg {background-image:url('images_sg/visual_bg_th.jpg');} 
.myConsealer.th .section01 {background:url('images_sg/sec01_bg.jpg') no-repeat center top / cover;}
.myConsealer.th .section01 .boxWrap {width:93.5%;}
.myConsealer.th .section01 .boxWrap .boxLeft {border-bottom:2px solid #fff;}
.myConsealer.th .section01 .box_top {background-color:#f2d8c9;}
.myConsealer.th .section01 .box_con {padding:30px 0;background-color:#fff;}
.myConsealer.th .section01 .box_con .pdt_img.pdtSlide {width:680px;}
.myConsealer.th .section01 .box_con .pdt_img.pdtSlide .slick-next {right:-285px;}
.myConsealer.th .section01 .boxWrap .colorName *{font-family:'InnisfreeGothic',NanumGothic,나눔고딕,"맑은 고딕","Malgun Gothic","NanumGothicWeb", 돋움,Dotum,굴림,Gulim,sans-serif;}
.myConsealer.th .section01 .boxWrap .boxRight {border-color:#a27a61}
.myConsealer.th .section01 .boxWrap .boxRight .box_top {background-color:#a27a61}
.myConsealer.th .section02 .inner {max-width:934px;}
.myConsealer.th .section02 .box .pdt_txt {font-weight:normal;}
.myConsealer.th .section01 .boxWrap.box2 .pdt_img ul.w4 li {width:auto;margin:0 -6px;}

/* VN */
.myConsealer.vn .visualWrap .bg {background-image:url('images_sg/visual_bg_vn.jpg');} 
.myConsealer.vn .subTit .tit {letter-spacing:-2px;}
.myConsealer.vn .section01 {background:url('images_sg/sec01_bg_vn.jpg') no-repeat center top / cover;}
.myConsealer.vn .section01 .boxLeft {border-bottom:none}
.myConsealer.vn .section01 .boxLeft .box_top {background-color:#f2d8c9;color:#333232}
.myConsealer.vn .section01 .boxWrap .boxRight {border-color:#a27a61;}
.myConsealer.vn .section01 .boxWrap .boxRight .box_top {background-color:#a27a61}
.myConsealer.vn .section01 .box_con {background-color:#fff;}
.myConsealer.vn .section01 ul li .box .txtBox {position:relative;vertical-align:middle;}
.myConsealer.vn .section01 .btnWrap {float:none;position:absolute;bottom:0;right:0;}
.myConsealer.vn .ft_txt,
.myConsealer.vn .section01 .box_top {letter-spacing:-1px;}
.myConsealer.vn .section02 .box .pdt_txt {font-weight:normal;letter-spacing:-.5px;}

@media screen and (max-width: 1024px){
	.myConsealer .inner {padding:0 5%;}

	.visualWrap .bg {height:102vw;}
	.visualWrap .conBox {padding-bottom:9%;}
	.visualWrap .conBox ul {padding:0 5%;}
	.visualWrap .conBox ul li {width:30%;}

	.section01 {padding:10% 0;}
	.section01 .boxWrap {display:block;width:95% !important;margin-top:8%;}
	.section01 .boxWrap .boxLeft {display:block;width:auto;}	
	.section01 .box_con .pdt_img.pdtSlide {width:auto !important;}
	.section01 .box_con .pdt_img.pdtSlide .slick-next {right:-30px !important;}
	.section01 .boxWrap.box2 .pdt_img ul.w3 li,
	.section01 .boxWrap .pdt_img ul.w4 li {width:22%;}
	.section01 .boxWrap .boxRight {display:block;width:auto;}
	
	.section02 {padding:10% 0;}

	/* TH */
	.myConsealer.th .section01 .boxWrap.box2 .pdt_img ul.w4 li {width:22%;margin:0;}
}
@media screen and (max-width: 768px){
	.subTit {margin-bottom:7%;}
	.subTit .tit {font-size:25px;}
	.subTit .tit br {display:none}

	.visualWrap .conBox .ft_txt {margin-top:5%;padding:0 5%;font-size:15px;line-height:1.4;}
	.visualWrap .conBox ul li {margin:0 1%;}
	.visualWrap .conBox .ft_txt br {display:none}
	
	.section01 {}
	.section01 .subTit .tit {width:88%;margin:0 auto;}
	.section01 .boxWrap.box1 {margin-top:6%;}
	.section01 .boxWrap .colorName {font-size:14px;line-height:1.4;}
	.section01 .box_top {padding:10px 0;font-size:18px;}
	.section01 .box_top span.price {font-size:14px;}
	.section01 .box_top img {width:150px;margin:0 auto;}
	.section01 .box_con {padding:6% 2% !important;}
	.section01 .box_con .pdt_img {}
	.section01 .box_con .pdt_img.pdtSlide .slick-arrow {width:12px;height:20px;}
	.section01 .box_con .pdt_img.pdtSlide .slick-prev {left:-40px;}
	.section01 .box_con .pdt_img.pdtSlide .slick-next {right:-40px !important;}
	.section01 .boxWrap.box1 .pdt_img ul.w2 li div {padding:0 10%;}

	.section01 .boxWrap .boxRight {display:block;width:auto;}
	.section01 .boxWrap .boxRight .box_con .pdt_img ul li {width:30% !important;margin:0 auto !important}
	.section01 .boxWrap .boxRight .box_con .pdt_img ul li div {margin-left:8.5%;}
	.section01 .boxWrap + .ft_txt {margin-top:4%;font-size:14px;line-height:1.4;}
	
	.section02 {}
	.section02 .subTit .tit {width:75%;margin:0 auto;}
	.section02 .box {padding:7% 4%;}
	.section02 .box ul li {margin-top:25px;padding-top:25px;}
	.section02 .box .pdt_img {margin-top:8%;}
	.section02 .box .pdt_txt {font-size:15px;}
	.section02 .ft_txt {margin-top:5%;font-size:14px;line-height:1.4;}
	
	/* TH */
	.myConsealer.th .section02 .box ul li:nth-child(2) .pdt_img {padding:0 27%;}
	.myConsealer.th .section02 .box ul li:nth-child(3) .pdt_img {padding:0 7%;}
	
	/* VN */
	.myConsealer.vn .ft_txt,
	.myConsealer.vn .section01 .box_top,
	.myConsealer.vn .section02 .box .pdt_txt {letter-spacing:0px;}
	.myConsealer.vn .section02 .box .pdt_txt br,
	.myConsealer.vn .section01 .ft_txt br {display:none}
}
@media screen and (max-width: 480px){
	.section01 .box_con .pdt_img.pdtSlide .slick-prev {left:-25px;}
	.section01 .box_con .pdt_img.pdtSlide .slick-next {right:-25px !important;}

	.section01 .ft_txt br {display:none !important}
}