@charset "euc-kr";

*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
img,iframe{max-width:100%}
img{height:auto;vertical-align:top}

/* 버튼 애니메이션 div
.btn_st01:hover { color:#fff; border:1px solid #9e7d54; background:#b8905c; }
 */
 
/* wrap */
.visual_wrap { position:relative; width:100%;}
.visual_wrap .bg_vi {}
.visual_wrap .bg_vi a { display:block; text-align:center;}
.visual_wrap .bg_vi a .vi_a_wrap { position:absolute; top:52%; width:100%; text-align:center; }

.visual_wrap .vi_txt_box { position:absolute; top:38%; width:100%; font-size:19px; text-align:center; font-weight:400; color:#fef7e6; line-height:1.3; z-index:9; }
.visual_wrap .vi_txt_box .vi_txt { font-size:40px; font-weight:500; color:#fff;}
.visual_wrap .vi_txt_box .vi_txt_eng { display:inline-block; padding:4px 0 4px 3%; margin:20px 0 30px 0; background:rgba(0,0,0,0.4); font-size:45px; font-weight:900; letter-spacing:28px; color:#fff;}
.visual_wrap .vi_m { display: none;}
.visual_wrap .bg_pt { position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; background:url(../images/main/bg_pt.png) repeat 0 0; z-index:2;}
 
/* content */
#content { position:relative; width:100%; }

.tit_box  { padding:35px 0 30px 0; text-align:center;}
.tit_box p { font-size:17px; color:#73736b;}

.cs03 .tit_box { line-height:1.2;}
.cs03 .tit_box .tit { font-size:34px;  padding:8px 4px 0 4px }
.cs03 .tit_box p { max-width:200px; margin:0 auto;}
.bg_arr_d { background:url(../images/common/bg_arr_d.png) no-repeat center 0;}

.cs01 { padding:0;}
.tit_box01 { padding:35px 0 30px 0; text-align:center; background:#f0eee9;}
.tit_box01 .tit { padding-bottom:20px; margin-bottom:16px; background:url(../images/common/tit_bg01.png) no-repeat center bottom;}
.cs01 .box { text-align:center; min-height:150px; padding:35px 10px; color:#000; font-size:16px; line-height:28px;}
h3 { color:#b61d66;}



/* cs02 custom_wrap */
.cs02 { padding:30px 0 2px 0;}
.cs02 .tit_box  { padding:45px 0 36px 0;}
.cs02 .tit_box .tit { display:inline-block; font-size:34px; font-weight:600; padding:0 0 0 77px; background:url('../images/main/bl_tit_st_left.png') no-repeat 0 50%;}
.cs02 .tit_box .tit span { display:block; padding:0 77px 0 0; background:url('../images/main/bl_tit_st_right.png') no-repeat right 50%;}
.cs02 .box01 { text-align:center; padding:15% 5%; background:url('../images/main/bg_intro.jpg') no-repeat center 0; font-size:18px; line-height:1.5; color:#fff;}
.cs02 .box02 { display:table; width:100%; padding:33px 0 55px 0; overflow:hidden;}
.cs02 .box02 > div{ display:table-cell; }
.cs02 .box02 .left_area { width:45%; margin-right:4%; vertical-align:top;}
.cs02 .box02 .left_area div { float:left;}
.cs02 .box02 .left_area div.guide_img { margin-right:15px;} 
.cs02 .box02 .left_area div.guide_name { padding:35px 0 0 20px;}
.cs02 .box02 .left_area div.guide_name p { font-size:24px; color:#000; padding-bottom:17px;}
.cs02 .box02 .right_area { padding:0 5%; border-left:1px solid #ccc; vertical-align:middle; font-size:17px; line-height:1.5; color:#000;}
.cs02 .box02 .right_area .tt {font-size:24px; font-weight:600; color:#000;  padding:7px 0;}
.cs02 .box02 .right_area .ul_st01 li { padding:2px 0 2px 10px; background:url('../images/common/bl_one2.png') no-repeat 0 12px; background-size:4px;}


/* 투어프로그램 */
.cs03 { position:relative; padding:0 0 45px 0;}
.cs03 .box_tour { background:url('../images/main/bg_tour.jpg') no-repeat center 0; padding:10% 10px; text-align:center; color:#fff;}
.cs03 .box_tour a { display:block; max-width:420px; margin:10px auto; color:#fff; border:1px solid #fff; padding:20px 0; font-size:18px; font-weight:600; transition:all .3s ease-in}
.cs03 .box_tour a:hover { color:#fff; border:1px solid #b8905c; background:#b8905c; }


/* cs04 */
.reviews  { text-align:center; background:#efefef; padding:0 0 45px 0;}
.cs04 .tit_box { padding:35px 0 20px 0;}
.cs04 .tit_box .tit { display:inline-block; padding:9px 4px; margin-top:5px; font-size:30px; color:#a70151; font-weight:500; border-bottom:1px solid #a86788;}
.reviews dl { line-height:1.5; padding:0 15%; word-break:keep-all;}
.reviews dl dt { font-size:18px; color:#000; font-weight:600;}
.reviews dl dd { font-size:14px; color:#676767; padding:10px;}
.star_grade { padding:30px 0 0 0; color:#7e7041; line-height:2;}
.reviews a.btn_star { display:inline-block;
min-width:150px;
	border: 1px solid #7e7041;
    color: #7e7041;
    font-size: 15px;
    padding: 13px 20px;
    text-align: center;
	transition:all .3s ease-out
}

.reviews a:hover { color:#fff; background:#444; border: 1px solid #444; }


/* cs05 rev */
.rev { display:table; width:100%; height:100%; padding:85px 0 116px 0;}
.rev .lay { max-height:464px; display:table-cell; }
.rev .st01 { max-width:825px; max-height:464px;}
.rev .st01 iframe {width: 100%; height:100%;}
.rev .st02 { width:34%; min-width:350px; background:url(../images/main/rev_img02.jpg) no-repeat center top; background-size:415px auto; vertical-align:bottom; border-left:13px solid #fff;}

.rev .st03 {max-width: 100%; background: #333; min-height: 228px; }
.rev .st03 p {max-width:250px; margin: 0 auto;}
.rev .st03 span {color:#999; font-size:16px;}

.rev .st01 a { display:block; background:#333; max-width:350px; padding:34px; }
.rev .st01 a .box { min-height:300px; border:3px solid #9e733a; padding:48px 20px; text-align:center;}
.rev .st01 a .box .tit_box { padding:28px 0;}
.rev .st01 a .box .tit_box .tit {padding:0 0 30px 0; color:#fff; font-size:39px; font-weight:800;}
.rev .st01 a .box .tit_box p { padding:30px 0; font-size:16px; color:#9e733a; letter-spacing:0; line-height:1.4; background:url('../images/common/line_slash.png') no-repeat center 0;}
.rev .st01 a .box .tit_box p span { display:block;}

.rev .st03 a .box .btn_st01 { transition:all .3s ease-out; 
    color: #fff;
    display: inline-block;
    font-size: 17px;
    min-width: 150px;
    padding: 13px 20px;
    text-align:center;
	background:#b8905c;
 }
.rev .st01 a:hover .box .btn_st01 { background:#111;}

.rev .st02 a { display:block; min-height:230px; background:#bfb7ad;}
.rev .st02 a.link_site { overflow:hidden; max-width:412px; background:#fff; padding-bottom:10px;}
.rev .st02 a:hover { background:#b8905c;}
.rev .st02 a.link_site:hover { padding:5px 0 5px 0; background:#fff;}

.rev .st02 a .box .tit_box { padding:75px 0 0 10px; color:#fff;}
.rev .st02 a .box .tit_box .tit { display:inline-block; padding:10px 2px 10px 10px; font-size:30px; font-weight:700; letter-spacing:10px; border-top:1px solid #eee;}
.rev .st02 a .box .tit_box p { padding:0 0 10px 0; font-size:22px; color:#fff; letter-spacing:0; }


.reviews .tit_box .btn_more { position:absolute; right:10px; top:15px; }
.reviews .tit_box .btn_more a { display:block; padding:10px 44px; height:12px; border:1px solid #d0d0d0;}
.reviews .tit_box .btn_more a:hover { border:1px solid #b39563; background:#eaeaea;}




/* 기본형
1024px; 850px; 768px; 600px; 480px; 320px
*/


@media screen and (max-width:1200px) {	



}

@media all and (max-width:980px) {
.swiper-container .swiper-slide { overflow:hidden}
.swiper-container .swiper-slide img { max-width:120%; left:-10%; position:relative;}

.visual_wrap .vi_txt_box { top:38%; font-size:19px;  }
	
}



@media all and (max-width:767px) {	
.swiper-container .swiper-slide img { max-width:190%; left:-45%; position:relative;}

.visual_wrap .vi_txt_box { top:38%; font-size:16px;  }
.visual_wrap .vi_txt_box .vi_txt { font-size:30px; }
.visual_wrap .vi_txt_box .vi_txt_eng { font-size:35px; }
	
.cs01 .box { padding:30px 4%; font-size:15px; line-height:1.5;}

.rev .st02 { width:34%; min-width:300px; background:url(../images/main/rev_img02.jpg) no-repeat center top; background-size:100% auto; border-left:13px solid #fff;}
.rev .st01 a { padding:20px; }
.rev .st01 a .box { padding:28px 20px; }

.reviews dl { padding:0 5%; }

.rev { display: block; padding:40px 0 0 0; }
.rev .lay { display:block; }
.rev .st01 {height: 352px; background-color:#333; }
.rev .st02 { width:100%; background:none; background-size:70% auto; border-left:none; }

.rev .st01 a { max-width:100%; }
.rev .st02 a.link_site { max-width:100%; padding:5px 0;}
.rev .st01 a .box { min-height:50px; padding:18px 10px; }
.rev .st01 a .box .tit_box { padding:4px 0;}
.rev .st01 a .box .tit_box .tit {padding:0; color:#fff; font-size:28px; font-weight:700;}
.rev .st01 a .box .tit_box p { padding:15px 0; font-size:14px; line-height:1.4; background:none;}
.rev .st01 a .box .tit_box p span { display:block;}

.rev .st01 a .box .btn_st01 { transition:all .3s ease-out; 
    color: #fff;
    display: inline-block;
    font-size: 17px;
    min-width: 150px;
    padding: 13px 20px;
    text-align:center;
	background:#b8905c;
 }
.rev .st01 a:hover .box .btn_st01 { background:#111;}

.rev .st02 a { min-height:130px; }
.rev .st02 a .box .tit_box { padding:30px 0 0 10px; }
.rev .st02 a .box .tit_box .tit { display:inline-block; padding:10px 2px 10px 10px; font-size:28px; font-weight:700; letter-spacing:10px; border-top:1px solid #eee;}
.rev .st02 a .box .tit_box p { padding:0 0 10px 0; font-size:16px; color:#fff; letter-spacing:0; }
.rev .st02 a:hover { background:#b8905c;}

.rev .st03 {min-height: 100%; padding-bottom:25px;}


}


@media all and (max-width:590px) { 
.visual_wrap .vi_txt_box { top:38%;}
.visual_wrap .vi_txt_box p { display:none; }
.visual_wrap .vi_txt_box .vi_txt { display:block; }

.rev .st01 {height: 220px;}

.cs02 .tit_box  { padding:25px 0 23px 0;}
.cs02 .tit_box .tit { display:inline-block; font-size:30px; font-weight:600; padding:0 0 0 60px; background:url('../images/main/bl_tit_st_left.png') no-repeat 0 50%;}
.cs02 .tit_box .tit span { display:block; padding:0 60px 0 0; background:url('../images/main/bl_tit_st_right.png') no-repeat right 50%;}

.cs03 .tit_box .tit { font-size:26px; padding:8px 12px 0 12px}
.cs03 .tit_box p { max-width:160px;}
.cs03 .tit_box span { display:block;}

.reviews  { padding:15px 0 45px 0;}
.cs04 .tit_box { padding:25px 0 20px 0;}
.cs04 .tit_box p { max-width:90px; margin:0 auto;}
.cs04 .tit_box .tit { font-size:26px; margin:0;}

}



@media all and (max-width:480px) { 	
.swiper-container .swiper-slide img { max-width:300%; left:-100%; position:relative;}
.swiper-container #st01 .vi_w { display:none; }
.swiper-container #st01 .vi_m { display: block;}

.visual_wrap .vi_txt_box { top:44%; font-size:16px;  }
.visual_wrap .vi_txt_box .vi_txt { display:block; font-size:20px; }
.visual_wrap .vi_txt_box .vi_txt_eng { font-size:25px; letter-spacing:12px; margin:10px 0 0 0;}


.custom_area .tit_box { padding:8px 0 15px 0;}
.custom_area .tit_box .tit img {max-width:310px;}

.tit_box01 { padding:20px 0 20px 0; text-align:center; background:#f0eee9;}
.tit_box01 .tit { display:inline-block; width:160px; padding-bottom:16px; margin-bottom:6px; background:url(../images/common/tit_bg01.png) no-repeat center bottom; background-size:80px;}


.cs02 .tit_box .tit { font-size:23px; font-weight:600; padding:0 0 0 2px; background:none;}
.cs02 .tit_box .tit span { display:block; padding:0 2px 0 0; background: none;}

.cs02 .box01 { padding:10% 5%; background:url('../images/main/bg_intro.jpg') no-repeat center 0; font-size:16px; line-height:1.5; color:#fff;}
.cs02 .box02 { display:table; width:100%; padding:33px 0 55px 0; overflow:hidden;}

.cs02 .box02 { padding:23px 0; }
.cs02 .box02 > div{ display: block; }
.cs02 .box02 .left_area { overflow:hidden; width:92%; margin:0 4%; }
.cs02 .box02 .left_area div.guide_img { width:104px; margin-right:5px;} 
.cs02 .box02 .left_area div.guide_name { padding:24px 0 0 10px;}
.cs02 .box02 .left_area div.guide_name p { font-size:24px; color:#000; padding-bottom:13px;}
.cs02 .box02 .left_area div.guide_name img { max-width:100px;}

.cs02 .box02 .right_area { padding:4%; border-left:none; vertical-align:middle; font-size:16px; line-height:1.3; color:#000;}
.cs02 .box02 .right_area .tt {font-size:24px; font-weight:600; color:#000;  padding:7px 0;}

.cs03 { padding:0;}
.cs03 .tit_box { padding:15px 0 20px 0;}
.cs03 .box_tour { padding:13% 10px;}
.cs03 .box_tour a { padding:15px 0; max-width:300px;}


.rev { padding:0;}
.reviews .tit_box .btn_more a { display:block; padding:6px 4px; width:30px; height:8px; border:1px solid #d0d0d0;}

.rev .st01 a { padding:40px 20px;}


.swiper-button-prev,.swiper-container-rtl .swiper-button-next { display:none;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev { display:none;}

#divpopup9 { width:320px;}
#divpopup9 .modm_width img { width:320px;}

}