@charset "utf-8";

.jejuPicker {max-width:2560px;margin:0 auto;text-align:center;}

.jejuPicker .inner {max-width:930px;margin:0 auto;}

.visualWrap {padding-bottom:110px;background-color:#cfa41b}
.visualWrap .title {height: calc( 1010px - 110px );padding-top:110px;background:url('images_my/visual_bg.jpg') no-repeat center top / cover;}
.visualWrap .txtBox {}
.visualWrap .txtBox .tit {}
.visualWrap .txtBox .tit:after {content:'';display:block;width:33px;height:2px;margin:20px auto 15px;background-color:#000;}
.visualWrap .txtBox .txt {font-size:19px;line-height:32px;letter-spacing:-.5px;color:#000;}

.section01 {padding:80px 0 60px;}
.section01 .subTit:after {content:'';display:block;width:33px;height:2px;margin:45px auto 60px;background-color:#000;}
.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;}
.section01 .ft_txt {margin-top:52px;}

@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:25px auto 25px}
	.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:92vw;padding-top:9vw;}
	.visualWrap .title img {max-width:50vw;margin:0 auto;}
	.visualWrap .txtBox .tit {width:68%;margin:0 auto;}
	.visualWrap .txtBox .tit:after {width:20px;height:1px;margin:15px auto 10px;}
	.visualWrap .txtBox .txt {font-size:15px;line-height:1.4;}
	.visualWrap .txtBox .txt br {display:none}

	.section01 {padding:10% 0 8%;}
	.section01 .subTit {width:75%;margin:0 auto;}
	.section01 .subTit:after {width:20px;height:1px;margin:20px auto 35px;}

	.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;}
	.section01 .ft_txt {width:65%;margin:7% auto 0;}
}
@media screen and (max-width: 480px){	
	.visualWrap .txtBox .tit {width:auto;padding:0 5%;} 
	.section01 .subTit {width:auto;padding:0 3%;}
	.section01 .ft_txt {width:auto;}

}