@charset 'utf-8';

#en-container {}

/*메인*/
.main-container {position: relative;width: 100%; height: 100%;}
.main-container-wrap { width: 100%; height: 100%;}
.main-visual-wrap {
    margin-top: 90px;
    width: 100%;
    height: 800px;
    background-image: url('../images/mainbg1.png');
    background-size: cover;
}
.main-inner {position: absolute; left: 270px; top: 230px;}
.main-inner-top {font-size: 2em; font-weight: normal; color: #FFF; text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.5); font-family: 'Pretendard', serif;}
.main-inner-tit {font-size: 2em; color: #ffd520; text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.5);font-family: 'Pretendard', serif;}
.main-inner-txt {padding-top:30px; line-height: 2; font-size: 1.1em; font-weight: normal; color: #FFF; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);font-family: 'Pretendard', serif;}
.main-location-wrap {
    position: absolute;
    bottom: -80px;
    width: 100%;
    height: 90px;
    text-align: center;
}

#loc_wrap{overflow:hidden; position:relative; background:#ffd520; height:90px;}
#loc_wrap .in {width:1400px; margin:0 auto; padding-top: 10px;}
#loc_wrap .loc_tit {position:relative; letter-spacing: -0.8pt; color:#000; font-size: 1.5em; float:left; width:370px;}
#loc_wrap .loc_tit:before {margin-right:15px; position: relative; top: 10px; content: ''; display:inline-block; width:28px; height: 40px; background:url('../images/icon_location.png') center no-repeat; }
#loc_wrap .box1 {position:relative;overflow:hidden; border-bottom:2px solid #000; float:left;width:700px; padding-top: 20px;}
#loc_wrap .box1 .ser_ar{font-family: 'Cafe24SsurroundAir', sans-serif; float: left; width: calc(100% - 30px); display: block; border: 0;  background: none; color: #000; font-size: 19px;}
#loc_wrap .box1 .ser_ar::placeholder{color:#000;font-size:19px;font-weight:400;}
#loc_wrap .box1 .ser_btn{cursor: pointer; background:url('../images/icon_sc.png') center no-repeat; border:none; width:24px; height:25px;}

/*페이지1*/
.pg1-container {position: relative; width: 100%; margin: 150px auto 60px; text-align: center; font-family: 'Cafe24SsurroundAir', sans-serif;}
.pg1-container-wrap {width: 100%; height: 100%;}
.pg1-container-wrap::before {content: ''; display: block; margin: 80px auto; width: 80px; border: 6px solid #f8a900;}
.pg1-top-txt {margin-bottom: 100px; font-size: 1.2em;}
.pg1-mid-txt {width: 700px; margin: auto; font-size: 1.8em;}
.blue {color: #0078ff; font-family: 'Cafe24Ssurround', serif;}
.view-btn-yel {padding-top: 80px; padding-bottom: 50px;}
.view-btn-yel a {font-size: 1.2em; color: #f8a900 !important;}
.view-btn-yel img {padding-left: 28px;}
/*페이지2*/
.pg2-container {width: 100%; height: 100%;}
.pg2-container img {width: 100%;}
/*페이지3*/
.pg3-container {width: 100%; height: 100%; margin: 100px auto 0; text-align: center;}
.pg3-inner-wrap { width: 100%; height: 100%; margin: auto;}
.pg3-inner-wrap::before {content: ''; display: block; margin: 80px auto; width: 80px; border: 6px solid #f8a900;}
.pg3-inner-txt {width: 100%;font-family: 'Pretendard', serif;}
.pg3-tit {padding-bottom: 55px; font-size: 2em;font-family: 'Pretendard', serif;}
.pg3-txt {padding-bottom: 80px;font-family: 'Pretendard', serif;}
.pg3-slide {width: 100%; margin-bottom: 80px;}
.pg3-slide img {position: relative; margin: auto;}
.view-btn {position: absolute; bottom: 30px; left: 23%;}
.view-btn a {font-size: 1.2em; padding-right: 28px;}
.view-btn img {padding-top: 8px;float: right;}
.view-btn-bl {position: absolute; bottom: 30px; left: 24%;}
.view-btn-bl a {font-size: 1.2em; padding-right: 28px; color: #FFF;}
.view-btn-bl img {padding-top: 8px;float: right;}
.view-btn-wi {position: absolute; bottom: 30px; left: 46%;}
.view-btn-wi a {font-size: 1.2em; padding-right: 28px; color: #FFF;}
.view-btn-wi img {padding-top: 8px; float: right;}
.pg3-slide-nav {margin: auto; height: 250px;}
.pg3-slide-nav img {width: 100%; padding-right: 20px;}
.slick-next, .slick-prev {display: none !important;}
.slick-dots {position: absolute; width: 250px; overflow: hidden; margin-left: 45%; margin-top: 20px; text-align: center;}
.slick-dots li {float: left; margin: 0 20px;}
.slick-dots li button { width: 13px; height: 13px; border-radius: 10px; text-indent: -9999em; border: 0; background-color: rgba(253, 181, 20, 0.3);}
.slick-dots li.slick-active button {background-color: rgba(253, 181, 20, 1);}