@charset "utf-8";

/* 내용관리 */
/*
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
*/

.content_visual                         { width: 100%; height: calc(100vh - 28px); overflow: hidden; position: relative; }
.content_wrap .swiper                   { width: 100%; height: 100%; }
.content_wrap .swiper-slide             { background-position: center; background-size: cover; }
.content_wrap .swiper-slide img         { display: block; width: 100%; }

.content_s_visual                       { position: relative; }
.content_s_visual img                   { width: 100%; }


.content_visual .swiper-button-prev, .content_visual .swiper-container-rtl .content_visual .swiper-button-next                  { background-image: none; }
.content_visual .swiper-button-next, .content_visual .swiper-container-rtl .content_visual .swiper-button-prev                  { background-image: none; }
.content_visual .swiper-button-next, .content_visual .swiper-button-prev                                        { transition: 0.4s; border: 1px solid rgba(255,255,255,0.8); width: 45px; height: 45px; line-height: 17px; text-align: center; font-size: 18px; color: #fff;}
.content_visual .swiper-button-next:hover, .content_visual .swiper-button-prev:hover                            { background: #fff; color: #193551; }
.content_visual .swiper-button-next:after, .content_visual .swiper-button-prev:after                            { font-size: 14px; }

.content_wrap                           { text-align: center; }
.cont1_1_box                            { width: 100%; padding: 80px 0 0; min-height: 500px; text-align: left; display: inline-block; zoom: 1; *display: inline;  }
.cont1_2_box                            { width: 100%; padding: 80px 0 0; min-height: 500px; text-align: left; display: inline-block; zoom: 1; *display: inline;  }
.cont1_3_box                            { width: 100%; padding: 80px 0 0; min-height: 500px; text-align: left; display: inline-block; zoom: 1; *display: inline;  }

/*cont1_1*/
.cont1_1box                                 { width: 100%; max-width: 1400px; margin: 0 auto; padding: 40px 20px 60px; }
.cont1_1box .c1box1_img                     { width: 100%; }
.cont1_1box .c1box1_img img                 { width: 100%; }
.cont1_1box .c1box1_tbox                    { width: 100%; display: inline-block; zoom: 1; *display: inline; }
.c1box1_text1                               { float: left; width: 50%; padding-top: 40px; padding-right: 30px; }
.c1box1_text1 span                          { display: block; text-align: left; font-size: 16px; font-weight: 400; color: #193551; word-break: keep-all; }
.c1box1_text2                               { float: left; width: 50%; padding-top: 40px; padding-left: 60px; }
.c1box1_text2 span                          { display: block; text-align: left; font-size: 16px; font-weight: 400; color: #777; word-break: keep-all; }

.cont1_1box2                                { width: 100%; padding: 120px 20px 0; background: #fff4c7; text-align: center; }
.cont1_1box2 .c1box2_wrap                   { width: 100%; max-width: 1400px; margin: 0 auto; display: inline-block; zoom: 1; *display: inline; text-align: left; }
.c1box2_ul                                  { float: left; width: 50%;  }
.c1box2_ul .c1box2_li                       { padding: 0 40px; }
.c1box2_ul .c1box2_li .c1box2_img           {  }
.c1box2_ul .c1box2_li .c1box2_img img       { width: 100%; }
.c1box2_ul .c1box2_li .c1box2_text          { padding: 20px 0 170px; }
.c1box2_ul .c1box2_li .c1box2_text strong   { display: block; width: 100%; padding-bottom: 2px; font-size: 16px; font-weight: 500; word-break: keep-all; color: #222; transform:skew(-0.2deg); }
.c1box2_ul .c1box2_li .c1box2_text span     { display: block; width: 100%; font-size: 15px; font-weight: 300; color: #444; word-break: keep-all; transform:skew(-0.2deg); }

.cont_map                                   { width: 100%; max-width: 1000px; margin: 0 auto; padding: 20px; }
.cont_map .map_wrap                         { width: 100% !important; }
.cont_map_t                                 { display: block; width: 100%; padding: 40px 0 160px; }
.cont_map_t span                            { display: inline; padding: 0 20px; text-align: left; font-size: 16px; color: #444; }
.cont_map_t b                               { padding-right: 25px; padding-right:20px; border-right: 1px solid #eee; font-size: 26px; font-weight: 400; color: #193551; }
.root_daum_roughmap .wrap_map               { transition: 0.4s; }
.cont_map  .root_daum_roughmap .cont{display:none;}
/* .movie_wrap                                 { width: 100%; max-width: 1400px; margin: 0 auto; padding: 40px 20px 60px; } */

/*cont3*/
.tour_wrap                                { width: 100%; max-width: 1400px; margin: 0 auto; padding: 40px 20px 60px; display: flex; flex-direction: column;}
.tour_box                                 { width: 100%; display: flex;}




/*cont6_1*/
.cont61_box1                                            { width: 100%; max-width: 1400px; padding: 40px 20px 0; margin: 0 auto; text-align: left;  }
.guide_info                                             { position: relative; width: 100%; display: inline-block !important; zoom: 1; display: inline; padding: 70px 0; }
.guide_info .info_box                                   { float: left; width: calc(100%/2); }
.guide_info .info_box ul                                { width: 100%; padding: 2px 0; }
.guide_info .info_box ul a                              { word-break: keep-all; font-size: 16px; font-weight: 400; padding: 8px 0; color: #333; font-family: 'Noto Sans KR', sans-serif; }
.guide_info .info_box ul li                             { word-break: keep-all; font-size: 16px; font-weight: 400; padding: 8px 0; color: #333; font-family: 'Noto Sans KR', sans-serif; }
.guide_info .info_box ul li b                           { font-weight: 500; }
.guide_info .r_bk_btn                                    { transition: 0.4s; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 160px; height: 44px; padding: 1px;  background: linear-gradient(135deg, transparent 7px, #b1944a 0) top left, linear-gradient(-135deg, transparent 7px, #b1944a 0) top right, linear-gradient(-45deg, transparent 7px, #b1944a 0) bottom right, linear-gradient(45deg, transparent 7px, #b1944a 0) bottom left; background-size: 50% 50%; background-repeat: no-repeat; }
/*버튼 .link_btn css*/
.guide_info .r_bk_btn        { text-align: center; line-height: 44px; font-size: 14px; letter-spacing: 0.5px; font-family: 'Raleway', sans-serif; font-weight: 400; border-radius: 0; text-transform: uppercase; text-decoration: none; background: linear-gradient(to right, rgba(69, 101, 85, 0) 25%, rgb(69 80 101 / 80%) 80%); background-position: 1% 50%; background-size: 400% 300%; border: 1px solid #193551; transition: 3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.guide_info .r_bk_btn:hover  { transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1); }
.guide_info .r_bk_btn:hover  { color: white; color: #fff; background-position: 99% 50%; }



.cont61_box2                                            { width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto; text-align: left; }
.use_info                                               { width: 100%; }
.use_info ul                                            {  }
.use_info ul li                                         { position: relative; padding: 8px 0; color: #333; font-family: 'Noto Sans KR', sans-serif; }
.use_info ul li span                                    { display: block; width: 100%; font-size: 13px; padding: 1px 15px; }
/*
.use_info ul li .uinfo_title                            { display: block; box-sizing: border-box; width: 100%; padding: 15px; font-size: 15px; font-weight: 400; color: #483434; font-family: 'Noto Sans KR', sans-serif; border-bottom: 1px solid rgba(182, 164, 151, 0.5); }
.use_info ul li i                                       { position: absolute; top: 20px; right: 10px; transition: 0.6s; }
.use_info ul li:nth-child(1) .uinfo_title               { border-top: 1px solid rgba(182, 164, 151, 0.5); }
.use_info ul li .uinfo_list                             { display: none; width: 100%; padding: 30px; background: #f9f9f9; border-bottom: 1px solid rgba(182, 164, 151, 0.5); }
.use_info ul li .uinfo_list li                          { padding: 10px 0; font-size: 15px; font-weight: 300; color: #333; font-family: 'Noto Sans KR', sans-serif; word-break: keep-all; }

.use_info ul .active .uinfo_title                       { border: 1px solid #79563e; }
.use_info ul .active i                                  { transform: rotate(180deg); }
.use_info ul .active:nth-child(1) .uinfo_title          { border-top: 1px solid #79563e; }
*/

.cont61_box3                                            { width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto; text-align: left; }
.refund_tbox                                            { width: 100%; padding: 28px 0; border-bottom: 1px solid rgb(101 89 69 / 55%); }
.refund_tbox .refund_title                              { display: block; width: 100%; padding: 28px 0; font-size: 17px; font-weight: 400; color: #333; font-family: 'Noto Sans KR', sans-serif; } 
.refund_tbox .refund_text                               { font-size: 15px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; line-height: 26px; color: #483434; }
.refund_tbox .refund_text span                          { width: 100%; display: block; word-break: keep-all; }
.refund_tbBox                                           { width: 100%; padding: 28px 0 68px; border-bottom: 1px solid rgba(182, 164, 151, 0.5); }
.refund_tbBox span                                      { display: block; width: 100%; text-align: left; font-size: 14px; font-weight: 300; padding: 2px 0; word-break: keep-all; color: #444; font-family: 'Noto Sans KR', sans-serif; }
.refund_title                                           { display: block; width: 100%; padding: 28px 0; font-size: 17px; font-weight: 400; color: #333; font-family: 'Noto Sans KR', sans-serif; } 
.refund_table                                           { width: 100%; padding: 0 10px; border-collapse: collapse; border-top: 2px solid rgb(101 85 69 / 50%); border-bottom: 2px solid rgb(101 85 69 / 50%); }
.refund_table thead                                     {  }
.refund_table thead tr                                  {  }
.refund_table thead tr th                               { padding: 20px; text-align: center; font-size: 14px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; color: #483434; border-bottom: 1px solid rgb(101 89 69 / 55%); background: #f9f9f9; }
.refund_table tbody                                     {  }
.refund_table tbody tr                                  {  }
.refund_table tbody tr td                               { padding: 20px; text-align: center; border-bottom: 1px solid rgb(101 89 69 / 55%); font-size: 14px; font-weight: 400; color: #483434;}
.refund_table tbody tr td:nth-child(2n)                 { border-left: 1px solid rgb(101 89 69 / 55%); }


.que:first-child                { border-top: 1px solid #e0ebe1; }
.que                            { font-family: 'Noto Sans KR', sans-serif; position: relative; padding: 14px 20px; cursor: pointer; font-size: 15px; border-bottom: 1px solid #e0ebe1; color: #444;}
.que i                          { position: absolute; top: 20px; right: 10px; transition: 0.6s; }
.que.on>span                    {  color: #193551;  }
.anw                            { font-family: 'Noto Sans KR', sans-serif; display: none; overflow: hidden; font-size: 15px; background-color: #f9f9f9; padding: 30px; color: #333333; }
.on                             { border: 1px solid #193551; }
.on i                           { transform: rotate(180deg); }
.on:first-child                 { border-top: 1px solid #193551; }



.site_info                      { width: 100%; max-width: 1400px; margin: 0 auto; padding: 300px 20px 40px; }


/*tour */
.cont_tour_list{max-width: 1400px; margin: 0 auto; padding: 50px 0 100px 0;box-sizing: border-box;}
.cont_tour_list ul{    display: grid;grid-template-columns: repeat(3, 1fr); gap: 40px;}
.cont_tour_list ul li img{width: 100%;}
.cont_tour_list ul li .txt{margin-top: 10px;}
.cont_tour_list ul li .txt h5{font-size: 20px;}
.cont_tour_list ul li .txt span{    margin: 5px 0 10px 0;display: inline-block; font-size: 13px;}
.cont_tour_list ul li .txt{font-size: 14px;;}
@media (max-width: 1024px) {
 .cont_tour_list ul{grid-template-columns: repeat(1, 1fr);} 
 .cont_tour_list{padding: 50px 20px 100px 20px;}

}




@media (max-width: 1400px) {
    .content_visual           { height: auto; }
    
}
@media (max-width: 1024px) {
  
}
 
@media (max-width: 768px) {
    .c1box1_text1                               { float: left; width: 100%; padding-right: 0; }
    .c1box1_text1 span                          { display: inline; font-size: 20px; }
    .c1box1_text2                               { float: left; width: 100%; padding-left: 0; padding-top: 20px; }
    .c1box1_text2 span                          { display: inline; font-size: 14px; }
    
    .guide_info .r_bk_btn                                  { position: relative; top: auto; right: auto; transform: translateY(0); margin-top: 10px; }
    .site_info {padding:50px 20px 40px;}   
}
 
@media (max-width: 640px) {
    .root_daum_roughmap .wrap_map               { height: 300px !important; }
    .cont_map_t span                            { display: block; padding: 10px 0; }
    .cont_map_t b                               { display: block; border-right: none; }
    .cont1_1box2                                { padding: 80px 20px 0; }
    .c1box2_ul                                  { float: none; width: 100%; }
    .c1box2_ul .c1box2_li                       { padding: 0; }
    .c1box2_ul .c1box2_li .c1box2_text          { padding: 20px 0 70px; }
    .guide_info .info_box                       { width: 100%; float: none; }
}