@charset "utf-8";

.jejuPicker {max-width:2560px;margin:0 auto;text-align:center;}

.jejuPicker .inner {max-width:930px;margin:0 auto;}

.visualWrap {padding-bottom:90px;background-color:#cfa41b}
.visualWrap .title {height: calc( 1085px - 75px );padding-top:75px;background:url('images_sg/visual_bg.jpg') no-repeat center top / cover;}
.visualWrap .txtBox {}
.visualWrap .txtBox .tit {}
.visualWrap .txtBox .txt {margin-top:34px;font-size:19px;line-height:32px;letter-spacing:-.5px;color:#000;}

.section01 {padding:80px 0 60px;}
.section01 .subTit {margin-bottom:55px;}
.section01 .subTit .tit {}
.section01 .subTit .tit:after {content:'';display:block;width:36px;height:2px;margin:40px auto 30px;background-color:#151113;}
.section01 .subTit .txt {font-size:24px;font-weight:bold;line-height:30px;color:#333;}
.pdtList {}
.pdtList li {margin-top:80px;font-size:19px;line-height:25px;border:1px solid #e5e5e5;letter-spacing:-.3px;}
.pdtList li:first-child {margin-top:0;}
.pdtList li .box {position:relative;*zoom:1;}
.pdtList li .box:after {content:'';display:block;clear:both;}
.pdtList li .box:nth-child(2) {margin-top:10px;}
.pdtList li .box .imgBox {width:50%;}
.pdtList li .box .txtBox {position:absolute;top:0;width: calc( 50% - 60px );height:calc( 100% - 60px );margin:30px;}
.pdtList li .box.imgL .imgBox {float:left;text-align:left;}
.pdtList li .box.imgL .txtBox {right:0;text-align:right;}
.pdtList li .box.imgR .imgBox {float:right;text-align:right;}
.pdtList li .box.imgR .txtBox {left:0;text-align:left;}
.pdtList li .box .txtBox .tit {font-size:24px;font-weight:bold;line-height:37px;color:#333;}
.pdtList li .box .txtBox .tit span {color:#666;}
.pdtList li .box .txtBox .texture {position:absolute;bottom:0;}
.pdtList li .box .txtBox .btnWrap {width:139px;height:37px;margin-top:18px;text-align:center;border:1px solid #333;border-radius:1px;}
.pdtList li .box.imgL .txtBox .btnWrap {float:right;}
.pdtList li .box.imgR .txtBox .btnWrap {float:left;}
.pdtList li .box .txtBox .btnWrap a {display:block;font-size:15px;font-weight:bold;color:#333;line-height:37px;}
.pdtList li .box .txtBox .btnWrap a:hover {background-color:#333;color:#fff;}
.pdtList li .box.imgR .txtBox .texture {left:0;}
.pdtList li .box.imgL .txtBox .texture {right:0;}

.section02 {padding:80px 0;background-color:#f7f7ff}
.section02 .subTit .tit {}
.section02 .subTit .tit:after {content:'';display:block;width:36px;height:2px;margin:40px auto 45px;background-color:#151113;}
.section02 .pdt_txt {margin:25px 0 18px;font-size:21px;line-height:30px;color:#151113;}
.section02 .ft_txt {}

@media screen and (max-width: 1024px){
	.jejuPicker .inner {padding:0 5%;}
	
	.pdtList {display:inline-block;}
	.pdtList li {text-align:center;}
	.pdtList li .box .imgBox {float:none !important;display:block;width:auto;}
	.pdtList li .box .txtBox {display:inline-block;position:inherit;top:inherit;left:inherit !important;right:inherit !important;width:auto !important;margin:20px 0 30px;text-align:center !important;}
	.pdtList li .box .txtBox .btnWrap {float:none !important;margin:22px auto 22px}
	.pdtList li .box .txtBox .texture {position:inherit;bottom:inherit;left:inherit !important;right:inherit !important;}
}
@media screen and (max-width: 768px){
	.visualWrap {padding-bottom:10%;}
	.visualWrap .title {height:95vw;padding-top:7vw;}
	.visualWrap .title img {max-width:42vw;margin:0 auto;}
	.visualWrap .txtBox {padding-top:3%;}
	.visualWrap .txtBox .tit {width:68%;margin:0 auto;}
	.visualWrap .txtBox .txt {margin-top:14px;font-size:14px;line-height:1.4;}
	.visualWrap .txtBox .txt br {display:none}

	.section01 {padding:10% 0 8%;}
	.section01 .subTit {margin-bottom:7%;}
	.section01 .subTit .tit {width:75%;margin:0 auto;}
	.section01 .subTit .tit:after {width:20px;height:1px;margin:7% auto 4%;}
	.section01 .subTit .txt {font-size:16px;line-height:1.4;}

	.pdtList li {margin-top:8%;font-size:15px;line-height:1.4;}
	.pdtList li .box .txtBox .tit {font-size:18px;line-height:1.4;}
	.pdtList li .box .txtBox .texture {width:90px;margin:0 auto;}
	.pdtList li .box .txtBox .texture.type3 {width:138px;margin:0 auto;}
	.pdtList li .box .txtBox .texture.type4 {width:180px;margin:0 auto;}
	.pdtList li .box .txtBox .btnWrap {width:100px;height:30px;}
	.pdtList li .box .txtBox .btnWrap a {font-size:11px;line-height:30px;}

	.section02 {padding:8% 0;} 
	.section02 .subTit .tit {width:57%;margin:0 auto;}
	.section02 .subTit .tit:after {width:20px;height:1px;margin:20px auto 25px;}
	.section02 .pdt_txt {margin:15px 0 8px;font-size:14px;line-height:1.4;}
	.section02 .ft_txt {max-width:300px;margin:0 auto;}
}
@media screen and (max-width: 480px){	
	.visualWrap .txtBox .tit {width:auto;padding:0 5%;} 

	.section01 .subTit .tit {width:auto;padding:0 2%;}
	.section01 .subTit .txt br {display:none}


	.section02 .subTit .tit {width:auto;padding:0 10%;}
	.section02 .pdt_img {margin:0 20%;}

}