@charset "UTF-8"; /**/
h3, p { word-break: keep-all; } 
.bullet1 { font-size: 25px; letter-spacing: -0.5px; line-height: 28px; font-weight: 800; padding-left: 16px; position: relative; } 
.bullet1::before { display: block; content: ""; clear: both; width: 4px; height: 25px; background: #987DB7; border-radius: 2px; position: absolute; left:0; top:1.5px } 

.btn_box { display: flex; align-items: center; justify-content: center; } 
.btn_type1 { display: flex; align-items: center; justify-content: center; width: 250px; height: 55px; border: 1px solid #987DB7 !important; background: #fff !important; border-radius: 10px; font-size: 18px; font-weight: 600; line-height: 30px; letter-spacing: -0.36px; color: #987DB7 !important; } 
.btn_type1:hover { background: #987DB7 !important; color: #fff !important; } 

@media (max-width:650px){
 .bullet1 { font-size: 20px; line-height: 27px; } 
 .btn_type1 { font-size: 16px; } 
 }

/*테이블*/
.table_box { border-top: 1px solid #616161; } 
.table_box table { width: 100%; } 
.table_box th { height: 55px; font-size: 16px; line-height: 25.6px; font-weight: 600; color: #212121; background: #F7F4FB; border: none; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; position: relative; word-break: keep-all; } 
.table_box td { height: 55px; font-size: 16px; font-weight: 400; color: #212121; border: none; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; text-align: center; padding: 5px 0px; } 
.table_box td h5 { display: flex; width: fit-content; margin: 0 auto; padding: 0 15px; align-items: center; justify-content: center; height: 34px; background: #D96F27; border-radius: 10px; color: #fff; font-weight: 500; font-size: 17px; line-height: 24px; } 
.table_box th.br { border-right: 1px solid #E0E0E0 !important; } 
.table_box th:last-child { border-right: none; } 
.table_box .last_td { border-right: none; } 
.table_box.table_box_tl td { padding: 20px 50px; text-align: left; } 
.table_txt01 { color: #CE524D; font-size: 16px; line-height: 34px; } 
.table_color01 th { background: rgba(254, 241, 233, 1); } 
.table_box01 th { background: #FEF1E9; color: #212121; border-color: #E0E0E0; border-right: 1px solid #E0E0E0; } 
.table_box01 td { color: #212121; border-color: #E0E0E0; border-right: 1px solid #E0E0E0; } 
.table_box02 th { border-bottom: 1px solid #E0E0E0; } 
.table_box02 th:after { display: none; } 
.table_box02 td { height: 70px; } 
.table_over { overflow: auto; } 
.table_over table { min-width: 850px; } 
.table_txt { color: #CC5780 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: -0.32px !important; } 

@media(max-width: 950px){
 .table_box.table_box_tl td { padding: 10px; } 
 }

@media(max-width: 850px){
 .table_box td.tl { padding: 0 20px; } 
 }

@media(max-width: 650px){
 .table_box th { height: 50px; font-size: 0.9rem; } 
 .table_box td { font-size: 0.9rem; height: 50px; padding: 0px 5px; padding: 0 10px; word-break: keep-all; } 
 .table_box td h5 { height: auto; font-size: 0.9rem; } 
 .table_box_fl colgroup { display: none; } 
 .table_box_fl tr { display: flex; flex-wrap: wrap; height: 100%; } 
 .table_box_fl th { width: 30%; height: unset; display: flex; align-items: center; padding: 0 5px; } 
 .table_box_fl td { padding: 10px; width: 70%; height: unset; display: flex; } 
 .table_txt01 { font-size: 0.9rem; line-height: 27px; } 
 .table_txt { font-size: 14px !important; font-weight: 500 !important; line-height: 23px !important; } 
 }


/*연혁*/
.history_nav { display: flex; align-items: center; justify-content: center; gap:20px; margin-bottom: 70px; } 
.history_nav li { width:100%; max-width: fit-content; } 
.history_nav li a { display: flex; height: 50px; width: 250px; align-items: center; justify-content: center; background: #EEEEEE; border-radius: 10px; font-size: 17px; line-height: 24px; font-weight: 600; color: #212121; padding:0 30px; border: 1px solid #E0E0E0; background: #fff; letter-spacing: -0.34px; } 
.history_nav li.on a, .history_nav li a:hover { color: #fff; background: #B393D7; } 
.history { position: relative; padding:80px 0px; } 
.history::before { clear: both; display: block; content: ""; width: 1px; height: 100%; background:#BDBDBD; position: absolute; top: 0; left: calc(50% - 1.5px); } 
.history_box { position: relative; display: flex; gap:80px; margin-bottom: 80px; align-items: flex-start; } 
.history_btn { display: none; } 
.history_box .img_box { width:50%; } 
.history_box .img_box img { border-radius: 30px; } 
.history_box .txt_box { width:50%; } 
.history_box .txt_box>ul>li { display: flex; margin-bottom: 50px; gap:50px; } 
.history_box .txt_box>ul>li:last-child { margin-bottom:0; } 
.history_box .txt_box>ul>li h4 { color: #987DB7; font-size: 30px; line-height: 40px; font-weight: 700; width: 100px; position: relative; letter-spacing: -0.6px; } 
.history_box .txt_box>ul>li h4:after { clear: both; display: block; content: ""; width: 8px; height: 8px; background:#987DB7; position: absolute; top: 16px; left: -44.5px; border-radius: 50%; } 
.history_box .txt_box>ul>li ul { width: calc(100% - 150px); display: flex; flex-direction: column; justify-content: center; } 
.history_box .txt_box>ul>li ul li { display: flex; margin-bottom: 10px; flex-direction: column; gap:0px; flex-direction: row; align-items: center; } 
.history_box .txt_box>ul>li ul li .his_date { width: 50px; display: flex; align-items: center; justify-content: flex-end; height: 30px; color: #212121; font-size: 20px; font-weight: 600; line-height: 30px; } 
.history_box .txt_box>ul>li ul li .his_txt_box { width: calc(100% - 130px); display: flex; flex-direction: column; gap: 10px; } 
.history_box .txt_box>ul>li ul li:last-child { margin-bottom:0; } 
.history_box .txt_box>ul>li ul li div { } 
.history_box .txt_box>ul>li ul li div p { color: #757575; font-size: 17px; line-height: 25px; font-weight: 500; } 

.history h5 { color: #212121; font-size: 20px; line-height: 30px; width: 100%; } 
.history_box_l .txt_box>ul>li ul li .his_txt_box { width: 100% !important; } 
.history_box_r .txt_box>ul>li { text-align: right; flex-direction: row-reverse; } 
.history_box_r .txt_box>ul>li ul li { display: flex; flex-direction: row-reverse; } 
.history_box_r .txt_box>ul>li h4:after { right: -43.5px; left:unset; } 

@media(max-width:950px){
 .history_nav { gap:25px; } 
 .history_box .txt_box>ul>li h4 { font-size: 25px; width: 90px; } 
 .history_box .txt_box>ul>li ul { width: calc(100% - 90px); } 
 }

@media(max-width:850px){
 .history_box { margin-bottom:40px; } 
 .history_nav { gap:10px; padding:0 10px; } 
 .history_nav li a { font-size: 16px; } 
 .history::before { display: none; } 
 .history_box .txt_box>ul>li { flex-direction: column; gap:10px; margin-bottom:20px; } 
 .history_box .txt_box>ul>li ul { width: 100%; } 
 .history_box .img_box { display:none; } 
 .history_box .txt_box { width:100%; } 
 .history_box_r .txt_box>ul>li { text-align: left; } 
 .history_box_r .txt_box>ul>li ul li { flex-direction: row; } 
 .history_box .txt_box>ul>li ul li .his_date { font-size: 17px; } 
 .history_box .txt_box>ul>li h4:after { display: none; } 
 .history h5 { font-size: 18px; line-height: 25px; } 
 .history_box .txt_box>ul>li h4::before { display: none; } 
 .history_box .txt_box>ul>li ul li { gap:10px; } 
 .history_box .txt_box>ul>li ul li div p { font-size: 16px; } 
 .history_box .txt_box>ul>li ul li .his_txt_box { width:calc(100% - 90px); } 
 }
@media(max-width:650px){
 .history { padding:0; } 
 .history_nav { flex-direction: column; } 
 .history_box .txt_box>ul>li ul li .his_date { width: 25px; } 
 .history_box .txt_box>ul>li ul li .his_txt_box { width: calc(100% - 25px); } 
 }

/*sub2 관광택시 안내*/
.sub2_content1 .bullet1 { margin-bottom: 30px; } 
.sub2_content1 .content1 { display: flex; padding: 40px 80px; border: 1px solid #BDBDBD; border-radius: 40px; align-items: center; } 
.sub2_content1 .content1 .img_box { width: 110px; } 
.sub2_content1 .content1 .txt_box { width: calc(100% - 110px); padding-left: 50px; display: flex; flex-direction: column; } 
.sub2_content1 .content1 .txt_box p { font-size: 18px; letter-spacing: -0.18px; line-height: 30px; font-weight: 400; color: #212121; } 
.sub2_content1 .content1 .txt_box .cont1 { position: relative; padding-bottom: 30px; } 
.sub2_content1 .content1 .txt_box .cont1 h4 { font-size: 24px; font-weight: 600; line-height: 35px; letter-spacing: -0.48px; color: #212121; margin-bottom: 10px; } 
.sub2_content1 .content1 .txt_box .cont1 .btn_box { position: absolute; bottom: 30px; right: 0; } 
.sub2_content1 .content1 .txt_box .cont2 { padding: 20px 0 15px; border-top: 1px solid #E0E0E0; } 
.sub2_content1 .content1 .txt_box .cont2 li { display: flex; align-items: center; flex-wrap: wrap; padding-top: 15px; } 
.sub2_content1 .content1 .txt_box .cont2 li h5 { position: relative; padding-left: 13px; font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: -0.36px; color: #212121; margin-right: 15px; } 
.sub2_content1 .content1 .txt_box .cont2 li h5::before { clear: both; display: block; content: ""; width: 3px; height: 18px; position: absolute; left: 0; top:calc(50% - 9px); background: #987DB7; border-radius: 10px; } 
.sub2_content1 .content1 .txt_box .cont2 li h6 { font-size: 17px; font-weight: 700; line-height: 24px; letter-spacing: -0.34px; color: #212121; display: flex; align-items: center; gap: 5px; margin-right: 15px; } 
.sub2_content1 .content1 .txt_box .cont2 li h6 span { color: #987DB7; font-size: 22px; font-weight: 800; line-height: 28px; letter-spacing: -0.44px; } 
.sub2_content1 .content1 .txt_box .cont2 li p { display: flex; gap: 5px; font-size: 16px; line-height: 28px; font-weight: 600; letter-spacing: -0.32px; color: #212121; flex-wrap: wrap; } 
.sub2_content1 .content1 .txt_box .cont2 li p span { color: #987DB7; font-weight: 700; } 


@media (max-width:1100px){
 .sub2_content1 .content1 .txt_box .cont1 .btn_box { position: unset; margin-top: 20px; } 
 }
@media (max-width:950px){
 .sub2_content1 .content1 { padding: 30px 50px } 
 .sub2_content1 .content1 .txt_box { padding-left: 25px; } 
 .sub2_content1 .content1 .txt_box p { font-size: 16px; line-height: 27px; } 
 }
@media (max-width:650px){
 .sub2_content1 .bullet1 { margin-bottom: 10px; } 
 .sub2_content1 .content1 { padding: 20px 25px; gap: 20px; flex-direction: column; } 
.sub2_content1 .content1 .txt_box { width: 100%; padding:0; } 
.sub2_content1 .content1 .txt_box p { word-break: break-all; text-align: justify; font-size: 15px; } 

.sub2_content1 .content1 .txt_box .cont1 h4 { word-break: keep-all; font-size: 18px; line-height: 28px; } 
.sub2_content1 .content1 .txt_box .cont2 li { flex-direction: column; gap: 8px; } 
.sub2_content1 .content1 .txt_box .cont2 { padding: 0; } 
.sub2_content1 .content1 .txt_box .cont2 li h6 span { font-size: 18px; font-weight: 600; } 
.sub2_content1 .content1 .txt_box p br { display: none; } 
 }

.sub2_content2 { display: flex; } 
.sub2_content2 h3 { width: 25%; } 
.sub2_content2 ul { width: 75%; } 
.sub2_content2 ul li { border-bottom: 1px solid #E0E0E0; display: flex; padding: 15px 0px; align-items: center; } 
.sub2_content2 ul li span { font-size: 25px; font-weight: 700; line-height: 30px; display: flex; align-items: center; justify-content: center; letter-spacing: -0.5px; width: 33px; margin-right: 20px; color: #987DB7; } 
.sub2_content2 ul li h4 { width: 150px; color: #212121; font-size: 18px; font-weight: 600; line-height: 30px; letter-spacing: -0.36px; margin-right: 50px; } 
.sub2_content2 ul li div { width: calc(100% - 253px); } 
.sub2_content2 ul li p { color: #757575; font-size: 18px; font-weight: 500; line-height: 30px; letter-spacing: -0.36px; } 
p.txt1 { color: #CC5780 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 28px !important; letter-spacing: -0.32px !important; } 

@media (max-width:950px){
 .sub2_content2 { flex-direction: column; } 
 .sub2_content2 h3 { width: 100%; margin-bottom: 10px; } 
 .sub2_content2 ul { width: 100%; } 
 .sub2_content2 ul li h4 { margin-right: 0; } 
 .sub2_content2 ul li div { width: calc(100% - 203px); } 
 }
@media (max-width:650px){
 .sub2_content2 ul li { flex-wrap: wrap; } 
 .sub2_content2 ul li span { margin-right:0px; margin-right: 0px; font-size: 20px; } 
 .sub2_content2 ul li div { width: 100%; margin-top: 10px; } 
 .sub2_content2 ul li p { word-break: break-all; text-align: justify; font-size: 15px; line-height: 27px; } 
 }

.sub2_content3 h3 { margin-bottom: 40px; } 
.sub2_content3 .content1 { display: flex; gap: 40px; } 
.sub2_content3 .content1 .txt_box { display: flex; gap: 40px; width: calc(57% - 40px); } 
.sub2_content3 .content1 .txt_box>div { width: 100%; } 
.sub2_content3 .content1 .txt_box>div h4 { display: flex; align-items: center; justify-content: center; height: 50px; background: #EDE5F5; border-radius: 15px; font-size: 17px; line-height: 28px; font-weight: 600; color: #212121; } 
.sub2_content3 .content1 .txt_box>div ul { padding: 15px 20px; display: flex; flex-direction: column; gap: 20px; } 
.sub2_content3 .content1 .txt_box>div ul li h5 { margin-bottom: 10px; display: flex; align-items: center; gap: 10px; font-size: 15px; line-height: 26px; color: #212121; font-weight: 500; } 
.sub2_content3 .content1 .txt_box>div ul li h5 span { font-size: 15px; line-height: 26px; color: #B393D7; font-weight: 700; } 
.sub2_content3 .content1 .txt_box>div ul li div p { font-size: 15px; line-height: 26px; font-weight: 400; color: #212121; } 
.sub2_content3 .content1 .txt_box>div.cont2 h4 { background: #E8EDF7; } 
.sub2_content3 .content1 .txt_box>div.cont2 ul li h5 span { color: #9FB3DF; } 
.sub2_content3 .content1 .txt_box>div.cont3 h4 { background: #E3F3F5; } 
.sub2_content3 .content1 .txt_box>div.cont3 ul li h5 span { color: #8ACCD5; } 
.sub2_content3 .content1 .img_box { width: 43%; } 

@media (max-width:1100px){
 .sub2_content3 .content1 { flex-direction: column-reverse; } 
 .sub2_content3 .content1 .txt_box { width: 100%; } 
 .sub2_content3 .content1 .img_box { width: 100%; display: flex; align-items: center; justify-content: center; } 
 }
@media (max-width:650px){
 .sub2_content3 .content1 .txt_box { flex-wrap: wrap; gap:10px; } 
 .sub2_content3 .content1 .txt_box>div ul { gap:10px; } 
 .sub2_content3 .content1 .txt_box>div ul li h5 { margin-bottom: 5px; } 
 }

.sub2_content4 { display: flex; } 
.sub2_content4 h3 { width: 25%; } 
.sub2_content4 .content1 { width: 75%; } 

@media (max-width:950px){
 .sub2_content4 { flex-direction: column; } 
.sub2_content4 h3 { width: 100%; margin-bottom:20px; } 
.sub2_content4 .content1 { width: 100%; } 
 }

.sub3_content1 .bullet1 { margin-bottom: 40px; } 
.sub3_content1 ul { display: flex; flex-wrap: wrap; gap:40px; } 
.sub3_content1 ul li { width:calc(50% - 20px); display: flex; gap:30px; } 
.sub3_content1 ul li .img_box { width: 280px; } 
.sub3_content1 ul li .img_box img { border-radius: 20px; } 
.sub3_content1 ul li .txt_box { width: calc(100% - 310px); padding-top: 30px; } 
.sub3_content1 ul li .txt_box h4 { background: #C1A6DE; border-radius: 5px; display: flex; gap: 15px; padding: 8px 20px; font-size: 22px; font-weight: 600; line-height: 35px; letter-spacing: -0.44px; color: #212121; margin-bottom: 20px; } 
.sub3_content1 ul li .txt_box h4 span { font-size: 25px; font-weight: 800; color: #fff; letter-spacing: -0.5px; } 
.sub3_content1 ul li .txt_box h5 { font-size: 18px; font-weight: 600; line-height: 24px; color: #212121; margin-bottom: 10px; } 
.sub3_content1 ul li .txt_box p { font-size: 16px; font-weight: 400; line-height: 24px; color: #616161; } 

@media (max-width:1240px){
 .sub3_content1 ul li { width: 100%; } 
 }
@media (max-width:650px){
 .sub3_content1 .bullet1 { margin-bottom: 20px; } 
 .sub3_content1 ul li { gap:0; flex-direction: column; } 
 .sub3_content1 ul li .txt_box { width: 100%; } 
 .sub3_content1 ul li .img_box { width: 100%; display: flex; align-items: center; justify-content: center; } 
 .sub3_content1 ul li .txt_box h4 { font-size: 18px; gap:10px; } 
 .sub3_content1 ul li .txt_box h4 span { font-size: 20px; } 
 }

.sub3_content2 .bullet1 { margin-bottom: 40px; } 
.sub3_content2 ul { display: flex; flex-direction: column; gap: 40px; } 
.sub3_content2 ul li { display: flex; gap: 50px; padding: 40px; border: 1px solid #E0E0E0; border-radius: 30px; align-items: center; } 
.sub3_content2 ul li .txt_box { width: calc(100% - 546px); } 
.sub3_content2 ul li .txt_box h4 { margin-bottom: 20px; font-size: 27px; display: flex; align-items: center; gap: 15px; line-height: 28px; font-weight: 600; color: #212121; } 
.sub3_content2 ul li .txt_box h4 span { color: #B393D7; font-size: 30px; line-height: 30px; font-weight: 800; letter-spacing: -0.6px; } 
.sub3_content2 ul li .txt_box p { font-size: 18px; line-height: 30px; font-weight: 500; letter-spacing: -0.36px; color: #757575; } 
.sub3_content2 ul li .img_box { width: 546px; } 
.sub3_content2 ul li .img_box img { border-radius: 20px; } 

@media (max-width:1240px){
 .sub3_content2 ul li .txt_box { width: 60%; } 
 .sub3_content2 ul li .img_box { width: 40%; } 
 }
@media (max-width:950px){
 .sub3_content2 ul li .txt_box { width: 100%; } 
 .sub3_content2 ul li .img_box { width: 100%; display: flex; align-items: center; justify-content: center; } 
 .sub3_content2 ul li { flex-direction: column-reverse; } 
 }
@media (max-width:650px){
 .sub3_content2 .bullet1 { margin-bottom: 20px; } 
 .sub3_content2 ul li { padding:20px; gap:30px; } 
 .sub3_content2 ul li .txt_box h4 { font-size: 18px; gap:10px; margin-bottom: 10px; } 
 .sub3_content2 ul li .txt_box h4 span { font-size: 20px; } 
 .sub3_content2 ul li .txt_box p { font-size: 16px; font-weight: 400; line-height: 24px; text-align: justify; word-break: break-all; } 
 }


.sub3_content3 .bullet1 { margin-bottom: 40px; } 
.sub3_content3 ul { display: flex; flex-wrap: wrap; gap: 40px 80px; justify-content: center; } 
.sub3_content3 ul li { width: calc(20% - 64px); position: relative; display: flex; background: #F5F5F5; border-radius: 20px; align-items: center; justify-content: center; gap: 5px; padding: 25px 10px; } 
.sub3_content3 ul li::before { clear: both; display: block; content: ""; width: 16px; height: 15px; background: url(/theme/wering/img/sub/sub3_content3_img3.png) no-repeat center; position: absolute; left:-47px; } 
.sub3_content3 ul li:first-child::before { display: none; } 
.sub3_content3 ul li .img_box { margin-right: 5px; } 
.sub3_content3 ul li span { font-size: 16px; display: flex; width: 32px; height: 32px; background: #C1A6DE; color: #fff; font-weight: 700; letter-spacing: -0.32px; align-items: center; justify-content: center; border-radius: 50%; } 
.sub3_content3 ul li h4 { color: #212121; font-size: 16px; line-height: 28px; font-weight: 500; letter-spacing: -0.32px; } 

.sub3_content3_1 ul li { width: calc(33.3% - 64px); } 

@media (max-width:1240px){
 .sub3_content3 ul li { width: calc(25% - 60px); } 
 }
@media (max-width:950px){
 .sub3_content3 ul li { width: calc(50% - 40px); } 
 }
@media (max-width:650px){
 .sub3_content3 .bullet1 { margin-bottom: 20px; } 
 .sub3_content3 ul li { width:100%; } 
 .sub3_content3 ul li::before { left: 50%; top: -28px; rotate: 90deg; } 
 }

.sub2_content4_1 .txt_title_box { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 18px; line-height: 30px; } 
.sub2_content4_1 .txt_title_box span { color: #987DB7; font-size: 25px; font-weight: 700; letter-spacing: -0.5px; } 
.sub2_content4_1 .txt_box { text-align: left; padding: 20px 50px; display: flex; flex-direction: column; gap: 5px; } 

@media (max-width:950px){
 .sub2_content4_1 .txt_box { padding: 10px 25px; } 
 }
@media (max-width:950px){
 .sub2_content4_1 .txt_box { padding: 10px; } 
 .sub2_content4_1 .txt_title_box { gap: 0px; font-size: 16px; line-height: 27px; flex-direction: column; } 
 .sub2_content4_1 .txt_title_box span { font-size: 16px; } 
 .sub2_content4_1 .table_txt { font-size: 0.9rem !important; } 
 }
 
 
 
 
/* wrap-calendar */
#wrap-calendar { margin-top:45px; } 

#wrap-calendar nav { position:relative; } 
#wrap-calendar nav > .btn { position:absolute; right:0; top:50%; transform:translateY(-50%); } 
#wrap-calendar nav .info_txt { position:absolute; left:0; bottom:0; padding-left:24px; background:url(../img/sub/bulit.svg) no-repeat 0 center; font-size:15px; color:#F84343; } 
#wrap-calendar .pager { text-align:center; display:flex; justify-content:center; align-items:center; } 
#wrap-calendar .pager li { } 
#wrap-calendar .pager li:nth-of-type(2) { margin:0 27px; } 
#wrap-calendar .pager li > a { position:relative; display:block; width:32px; aspect-ratio:1/1; border-radius:5px; box-sizing:border-box; border:1px solid #dddddd; } 
#wrap-calendar .pager li > a > img { display:block; position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; } 
/*#wrap-calendar .pager li > a:hover, #wrap-calendar .pager li > a:focus { text-decoration:none; } */
#wrap-calendar .ym-title { font-size:25px; font-weight:700; display:flex; justify-content:center; align-items:center; } 

#wrap-calendar table { border-collapse:collapse; border-spacing:0; border-top:2px solid #555555; border-bottom:2px solid #555555; margin-top:40px; width:100%; } 
#wrap-calendar table tr { display:table-row; vertical-align:inherit; border-color:inherit; } 
#wrap-calendar table th { width:calc( 100% / 7 ); font-size:16px; font-weight:500; color:#333333; line-height:48px; border-bottom:2px solid #dddddd; border-right:1px solid #dddddd; } 
#wrap-calendar table th:nth-of-type(7) { border-right-width:0; } 
#wrap-calendar table th.sunday { background-color:#fffaf6; color:#ff3333; } 
#wrap-calendar table th.saturday { background-color:#f6faff; color:#257cdf; } 

#wrap-calendar table td { position:relative; border-right:1px solid #dddddd; border-top:1px solid #dddddd; vertical-align:top; padding:0; cursor:pointer; } 
#wrap-calendar table td:nth-of-type(7n) { border-right-width:0; } 
#wrap-calendar table tbody tr:first-of-type td { border-top-width:0; } 
#wrap-calendar table td .day_date { font-size:16px; color:#333333; margin-bottom:10px; } 
#wrap-calendar table td .day.today .day_date { color:#2EA300; font-weight:500; } 


#wrap-calendar table td.box-sun { background-color:#fffaf6; } 
#wrap-calendar table td.box-sun .day_date { color:#ff3333; } 

#wrap-calendar table td.box-sat { background-color:#f6faff; } 
#wrap-calendar table td.box-sat .day_date { color:#257cdf; } 

#wrap-calendar table td.imposs { background-color:#f5f5f5; } 

#wrap-calendar table td.off { background-color:#fff4f4; cursor:initial; } 

#wrap-calendar table td.success { background-color:#edf6ff; border:2px solid #004b95; } 

#wrap-calendar table td.pick { background-color:#ffe8f2; border:2px dashed #e62f81; } 

#wrap-calendar table td .day { position:relative; z-index:3; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; padding:9px 8px; min-height:210px; } 

#wrap-calendar table td .hoverTxt { position:absolute; left:0; top:50%; width:100%; transform: translateY(-50%); opacity:0; transition: all 0.3s ease-out; font-size:16px; text-indent:-9999px; display:none; } 
#wrap-calendar table td:before { position:absolute; left:0; top:0; z-index:4; width:100%; height:100%; background:rgba(0,0,0,0.07); display:block; content:""; opacity:0; transition: all 0.3s ease-out; } 
#wrap-calendar table td:hover .hoverTxt,
#wrap-calendar table td:hover:before { opacity:1; } 
/*
#wrap-calendar table td .d-flex { display:flex; flex-wrap:wrap; width:100%; } 
#wrap-calendar table td .ul-room-list { width:49%; } 
*/
#wrap-calendar table td .ul-room-list:nth-child(2n) { margin-left:auto; } 
#wrap-calendar table td .ul-room-list li { margin:2px 0; font-size:14px; letter-spacing:-1px; line-height:20px; margin-bottom:6px; } 
#wrap-calendar table td .ul-room-list li:last-of-type { margin-bottom:0; } 
#wrap-calendar table td .ul-room-list li p { word-break: break-word; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:127px; } 
#wrap-calendar table td .ul-room-list li .info_tit { color:#333333; font-weight:500; width:fit-content; } 
#wrap-calendar table td .ul-room-list li.room-closed .info_tit { color:#666666; text-decoration:line-through; } 
#wrap-calendar table td .ul-room-list li a { position:relative; border:none; padding:0; margin:0; display:flex; align-items:center; flex-wrap:wrap; background:transparent; cursor:default; } 
#wrap-calendar table td .ul-room-list li a:before { position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000; display:block; content:""; opacity:0; transition: all 0.2s ease-out; display:none; } 
#wrap-calendar table td .ul-room-list li a:hover:before { opacity:1; } 
#wrap-calendar table td .ul-room-list li .info_detail { font-weight:400; } 
#wrap-calendar table td .ul-room-list li .info_detail b { font-weight:inherit; color:#079c89; } 
#wrap-calendar .state { min-width:30px; padding:0 3px; height:17px; line-height:17px; text-align:center; font-size:14px; color:#fff; display:inline-block; box-sizing:border-box; } 
#wrap-calendar .state.holding { background-color:#FD8C24 } 
#wrap-calendar .state.confirmed { background-color:#1892DB } 
#wrap-calendar .state.cancel { background-color:#666666 } 
#wrap-calendar .state.non_deposit { background-color:#f84343; } 
#wrap-calendar .state.refund { background-color:#333; } 
#wrap-calendar .state.deposit { background-color:#1892DB; } 
#wrap-calendar table td .ul-room-list li .name { margin-left:3px; display:inline-block; font-size:15px; letter-spacing:-0.6px; } 
#wrap-calendar table td .day_off_txt { margin-top:2px; font-size:20px; color:#e12f2f; text-align:center; font-weight:700; width:100%; } 
#wrap-calendar table td .apply_popup_open { width:100%; height:26px; line-height:26px; background-color:#01337C; border:none; padding:0; margin:0; text-align:center; font-size:13px; color:#fff; display:none; } 
#wrap-calendar table td .confirm_people { margin-top:8px; width:100%; padding:2px; background-color:#1892DB; font-size:16px; font-weight:500; color:#fff; box-sizing:border-box; text-align:center; } 
#wrap-calendar table td .refund_people { margin-top:8px; width:100%; padding:2px; background-color:#333; font-size:16px; font-weight:500; color:#fff; box-sizing:border-box; text-align:center; } 
#wrap-calendar table td .wait_people { position:relative; z-index:10; margin-top:8px; width:100%; padding:2px; background-color:#FD8C24; font-size:16px; font-weight:500; color:#fff; box-sizing:border-box; text-align:center; } 
#wrap-calendar table td .wait_people .people_num { position:absolute; right:-76px; top:50%; padding:5px 10px 10px 20px; width:86px; height:77px; display:flex; align-items:center; justify-content:center; background:url(../img/sub/balloon.svg) no-repeat 0 0; font-size:14px; font-weight:500; color:#fff; transform: translateY(-50%); } 
#wrap-calendar table td .wait_people strong,
#wrap-calendar table td .refund_people strong,
#wrap-calendar table td .confirm_people strong { font-size:16px; color:#FFF888; font-weight:900; } 
#wrap-calendar .state_box { margin:50px 0; padding:30px 40px 30px; background-color: #c1a6de4f; border: 2px solid #C1A6DE; max-height:240px; box-sizing:border-box; overflow:auto; } 
#wrap-calendar .state_box .title { margin-bottom:15px; font-size:20px; font-weight:700; } 
#wrap-calendar .state_box .title .confirm { padding:2px; background-color:#1892DB; display:inline-block; color:#fff; font-weight:600; } 
#wrap-calendar .state_box .title strong { font-weight:700; color:#FF0101; } 
#wrap-calendar .state_box ul li { padding:6px 0; font-size:17px; font-weight:500; display:flex; flex-wrap:wrap; } 
#wrap-calendar .state_box ul li span { display:inline-block; margin:0 8px; } 
#wrap-calendar .state_box ul li strong { display:inline-block; margin-right:8px; } 
#wrap-calendar .state_box ul li .c-navy { color:#01337C; } 
#wrap-calendar .state_box ul li .c-blue { color:#1D82AE; font-weight:500; } 
#wrap-calendar .state_box ul li .c-red { margin:0; color:#FF0101; font-weight:500; } 
#wrap-calendar .state_box ul li .state { margin:0 10px 0 0; width:32px; height:20px; line-height:20px; } 
#wrap-calendar .date_search { padding:10px 30px; border:1px solid #ddd; box-sizing:border-box; display:Flex; align-items:center; flex-wrap:wrap; } 
#wrap-calendar .date_search .title { margin-right:18px; color:#333; display:inline-block; font-size:16px; } 
#wrap-calendar .date_search .date_area { max-width:277px; display:flex; align-items:center; } 
#wrap-calendar .date_search .date_area input[type=text] { padding:0 30px 0 15px; width:47%; height:36px; line-height:36px; background:url(../img/sub/icon_dater.svg) no-repeat right 12px center #F2F2F2; border:1px solid #cccccc; border-radius:5px; } 
#wrap-calendar .date_search .date_area span { width:6%; text-align:center; } 
#wrap-calendar .date_search .btn_list { margin-left:10px; } 
#wrap-calendar .date_search .btn_list ul { display:flex; align-items:center; } 
#wrap-calendar .date_search .btn_list ul li { margin-left:5px; } 
#wrap-calendar .date_search .btn_list ul li button { padding:0 5px; height:30px; line-height:30px; color:#fff; display:block; border:none; background-color:#99BCCB; } 
#wrap-calendar .date_search .btn_download { margin-left:15px; padding:0 14px; height:34px; line-height:34px; border:1px solid #ddd; background-color:#01337C; border-radius:5px; font-size:14px; color:#fff; } 

/* bus */
.bus #wrap-calendar table td .d-flex { display:block; } 
.bus #wrap-calendar table td .ul-room-list { width:100%; } 
.bus #wrap-calendar table td .ul-room-list strong { font-weight:400; color:#01337C; } 
/* wrap-calendar */

/* banner_rolling_wrap */
.banner_rolling_wrap { margin:40px 0 50px; overflow:hidden; display:none; } 
.banner_rolling_wrap img { max-width:100%; } 
.banner_rolling_wrap .control { margin-top:20px; text-align:center; display:Flex; justify-content:center; align-items:center; } 
.banner_rolling_wrap .control .rolling_stop { width:8px; height:10px; background:url(../img/sub/pause.svg) no-repeat center center; border:none; padding:0; margin:0; display:block; } 
.banner_rolling_wrap .swiper-pagination { position:Relative; left:auto; padding-right:10px; } 
.banner_rolling_wrap .swiper-pagination-bullet { margin:0 3px; width:6px; height:6px; background-color:#222; opacity:0.5; border:none; } 
.banner_rolling_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { width:18px; border-radius:2em; opacity:1; } 

/* custom_checkbox */
.custom_checkbox { position:relative; overflow:hidden; padding-left:30px; min-height:24px; } 
.custom_checkbox input[type=checkbox] { position:absolute; left:-20px; top:0; } 
.custom_checkbox label { overflow:hidden; display:inline-block; font-size:18px; } 
.custom_checkbox label strong { font-weight:900; } 
.custom_checkbox label:before { position:absolute; left:0; top:0; width:22px; height:22px; background:url(../img/sub/checkbox_off.svg) no-repeat center center; display:block; content:""; transition: all 0.3s ease-out; background-size:100%; } 
.custom_checkbox .ex { margin-top:2px; display:block; font-size:14px; color:#fff; opacity:0.8; } 
.custom_checkbox input[type=checkbox]:checked+label::before { background:url(../img/sub/checkbox_on.svg) no-repeat center center; background-size:100%; } 

/* custom_table */
.custom_table { margin-bottom:10px; } 
.custom_table>ul { display:flex; border-top:1px solid #616160; flex-wrap:wrap; } 
.custom_table>ul>li { width:50%; display:flex; background-color:#FAFAFA; font-size:16px; color:#444; } 
.custom_table>ul>li .title { width:25%; background-color: #F7F4FB; min-height: 50px; display: flex; align-items: center; justify-content: center; color: #212121; text-align: center; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; } 
.custom_table>ul>li .title strong { margin-left:5px; color:#FF0101; font-weight:400; display:inline-block; } 
.custom_table>ul>li .input_area { width:75%; min-height:50px; padding:7px 10px; box-sizing:border-box; display:flex; align-items:center; border-bottom:1px solid #ccc; } 
.custom_table>ul>li .security_number { max-width:346px; } 
.custom_table>ul>li .security_number input[type=number] { width:46%; } 
.custom_table>ul>li .security_number input[type=password] { width:46%; } 
.custom_table>ul>li .security_number span { width:8%; text-align:center; } 
.custom_table>ul>li .custom_radio { margin-right:20px; } 
.custom_table>ul>li .custom_radio:last-child { margin-right:0; } 
.custom_table>ul>li .tel { max-width:350px; } 
.custom_table>ul>li .tel input[type=number] { width:28.5%; } 
.custom_table>ul>li .tel input[type=password] { width:28.5%; } 
.custom_table>ul>li .tel span { width:7.25%; text-align:center; } 

.custom_table2 { margin-bottom:26px; } 
.custom_table2 .thead>ul { display:Flex; flex-wrap:wrap; } 
.custom_table2 .thead>ul>li { min-height:50px; background-color:#233753; text-align:center; display:flex; align-items:center; font-size:16px; color:#fff; justify-content:center; } 
.custom_table2 .tbody>ul>li:nth-child(1),
.custom_table2 .thead>ul>li:nth-child(1) { width:22.5%; } 
.custom_table2 .tbody>ul>li:nth-child(2),
.custom_table2 .thead>ul>li:nth-child(2) { width:15%; } 
.custom_table2 .tbody>ul>li:nth-child(3),
.custom_table2 .thead>ul>li:nth-child(3) { width:21%; } 
.custom_table2 .tbody>ul>li:nth-child(4),
.custom_table2 .thead>ul>li:nth-child(4) { width:15%; } 
.custom_table2 .tbody>ul>li:nth-child(5),
.custom_table2 .thead>ul>li:nth-child(5) { width:26.5%; } 
.custom_table2 .tbody>ul { display:flex; border-bottom:1px solid #ddd; } 
.custom_table2 .tbody>ul>li { min-height:50px; padding:0 2px; text-align:center; display:flex; align-items:center; font-size:16px; justify-content:center; box-sizing:border-box; } 
.custom_table2 .tbody>ul>li .title { display:none; } 


/* apply_popup */
/*
input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
*/

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; } 

/* input type number 에서 화살표 제거 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 

 
 
.apply_popup { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:50; visibility:hidden; opacity:0; transition: all 0.3s ease-out; } 
.apply_popup.active { visibility:visible; opacity:1; } 
.apply_popup .popup_content { position:fixed; left:50%; top:50%; max-width:1000px; width:90%; background-color:#fff; transform: translate(-50%, -50%); border-radius:2em; border:4px solid #d6d6d6; } 
.apply_popup .popup_content .inner { margin:60px 20px 0 0; padding:0 40px 20px 60px; height:calc(90vh - 170px); max-height:480px; overflow:auto; } 
.apply_popup h1 { margin-bottom:20px; font-size:23px; font-weight:700; } 
.apply_popup ul li { position:Relative; padding-left:20px; background:url(../img/sub/icon_check.svg) no-repeat 0 10px; font-size:16px; line-height:2; } 
.apply_popup ul li strong { background-color:#1D82AE; color:#fff; font-weight:400; } 
.apply_popup .inner>div { position:relative; padding-top:20px; margin-top:20px; border-top:2px dashed #DDD; } 
.apply_popup .inner>div:first-child { border-top:none; padding-top:0; margin:0; } 
.apply_popup .agree_area { padding:24px 60px; background-color:#1d82ae; border-radius:0 0 2em 2em; } 
.apply_popup .popup_close { position:absolute; right:-20px; top:-20px; width:60px; height:60px; background:url(../img/sub/popup_close.svg) no-repeat center center; border:none; } 
.apply_popup .btn_area { margin-top:15px; } 
.apply_popup .btn_area>* { width:100%; height: 50px; line-height:50px; text-align:center; background-color:#987DB7; border-radius:5px; font-size:20px; font-weight:600; color:#fff; border-radius:5px; border:none; } 
.apply_popup .custom_checkbox label { border-bottom:2px solid #fff; color:#fff; } 
.tour_apply_btn { margin:100px auto 60px; max-width:350px; } 
.tour_apply_btn>* { position:relative; width:100%; height:55px; line-height:55px; background-color:#987DB7; display:block; text-align:center; font-size:20px; font-weight:500; color:#fff; border:none; border: 2px solid #987DB7; background: #EDE5F5; border-radius: 10px; color: #987DB7; letter-spacing: -0.4px; line-height: 30px; height: 58px; font-weight: 700; } 
.tour_apply_btn >*:before { position:absolute; right: 20px; top: -12.5px; width: 60px; height: 60px; background:url(../img/sub/icon_map.png) no-repeat center center; display:block; content:""; } 
.tour_apply_btn>* strong { font-weight: 700; } 
/*.bus .tour_apply_btn button:before { width:94px; height:45px; background:url(../img/sub/icon_bus.svg) no-repeat center center; } */

.calendar_detail_popup { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:50; visibility:hidden; opacity:0; transition: all 0.3s ease-out; } 
.calendar_detail_popup.active { visibility:visible; opacity:1; } 
.calendar_detail_popup .popup_content { position:fixed; left:50%; top:50%; padding:30px; max-width:800px; width:90%; background-color:#fff; transform: translate(-50%, -50%); border-radius:2em; border:4px solid #d6d6d6; box-sizing:border-box; } 
.calendar_detail_popup .popup_content .inner { margin:60px 20px 0 0; padding:0 40px 20px 60px; height:calc(90vh - 170px); max-height:480px; overflow:auto; } 
.calendar_detail_popup h1 { margin-bottom:20px; font-size:23px; font-weight:700; } 
.calendar_detail_popup .state_box { padding:15px 20px 15px; background-color:#F5FEFF; border:2px solid #1D82AE; max-height:240px; box-sizing:border-box; overflow:auto; } 
.calendar_detail_popup .state_box .title { margin-bottom:15px; font-size:20px; font-weight:700; } 
.calendar_detail_popup .state_box .title .confirm { padding:2px; background-color:#1892DB; display:inline-block; color:#fff; font-weight:600; } 
.calendar_detail_popup .state_box .title strong { font-weight:700; color:#FF0101; } 
.calendar_detail_popup .state_box ul li { padding:6px 0; font-size:17px; font-weight:500; display:flex; flex-wrap:wrap; } 
.calendar_detail_popup .state_box ul li span { display:inline-block; margin:0 8px; } 
.calendar_detail_popup .state_box ul li strong { display:inline-block; margin-right:8px; } 
.calendar_detail_popup .state_box ul li .c-navy { color:#01337C; } 
.calendar_detail_popup .state_box ul li .c-blue { color:#1D82AE; font-weight:500; } 
.calendar_detail_popup .state_box ul li .c-red { margin:0; color:#FF0101; font-weight:500; } 
.calendar_detail_popup .state_box ul li .state { margin:0 10px 0 0; width:32px; height:20px; line-height:20px; } 
.calendar_detail_popup .popup_close { position: absolute; right: 24px; top: 25px; width: 40px; height: 40px; background: url(/theme/wering/img/ic_close.svg) no-repeat center center; border: none; background-size:35px;} 
.calendar_detail_popup .btn_area { margin-top:15px; text-align:center; display:flex; align-items:center; justify-content:center; } 
.calendar_detail_popup .btn_area .btn span { color:#78e0eb; } 
.calendar_detail_popup .btn_area .btn { margin-left:10px; max-width:300px; width:100%; height: 50px; line-height:50px; text-align:center; background-color:#987DB7; border-radius:5px; font-size:18px; font-weight:600; color:#fff; border-radius:5px; border:none; display:inline-block; margin: 0; display: flex; align-items: center; justify-content: center; gap: 5px; } 
.calendar_detail_popup .state { min-width:30px; padding:0 3px; height:17px; line-height:17px; text-align:center; font-size:14px; color:#fff; display:inline-block; box-sizing:border-box; } 
.calendar_detail_popup .state.holding { background-color:#FD8C24 } 
.calendar_detail_popup .state.confirmed { background-color:#1892DB } 
.calendar_detail_popup .state.cancel { background-color:#666666 } 
.calendar_detail_popup .state.non_deposit { background-color:#f84343; } 
.calendar_detail_popup .state.refund { background-color:#333; } 
.calendar_detail_popup .state.deposit { background-color:#1892DB; } 

/* tour_step */
.tour_step { position:relative; margin-top:100px; } 
.tour_step:before { position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ddd; display:block; content:""; } 
.tour_step ul { display:flex; } 
.tour_step ul li { position:relative; max-width:200px; padding-bottom:10px; display:flex; align-items:center; flex-grow:1; font-size:16px; font-weight:500; color:#333; word-break:keep-all; } 
.tour_step ul li .num { margin-right:8px; width:40px; height:40px; background-color:#bbb; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; } 
.tour_step ul li.on .num { background-color:#1d82ae; } 
.tour_step ul li.on:before { position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#1D82AE; display:block; content:""; } 

.tour_step_cont select,
.tour_step_cont input[type=number],
.tour_step_cont input[type=password],
.tour_step_cont input[type=text] { padding:0 15px; max-width:580px; width:100%; height:40px; line-height:40px; border:1px solid #ccc; box-sizing:border-box; border-radius:5px; font-size:16px; color:#333; } 
.tour_step_cont h1 { margin-top:57px; padding-bottom:15px; border-bottom:2px solid #222; margin-bottom:30px; font-size:20px; font-weight:700; } 
.horizontal_calendar { position:relative; padding:30px 80px; background-color:rgba(29,130,174,0.1); border-radius:15px; background: #c1a6de4f; } 
.horizontal_calendar .year_month { margin-bottom:15px; display:flex; align-items:center; justify-content:center; } 
.horizontal_calendar .year_month h2 { margin:0 22px; font-size:25px; font-weight:700; } 
.horizontal_calendar .year_month .month_prev { width:30px; height:30px; background:url(../img/sub/calendar_prev.svg) no-repeat center center; border:none; border-radius:50%; text-indent:-9999px; } 
.horizontal_calendar .year_month .month_next { width:30px; height:30px; background:url(../img/sub/calendar_next.svg) no-repeat center center; border:none; border-radius:50%; text-indent:-9999px; } 
.tour_step_cont .calendar_rolling { position:Relative; margin:0 auto; } 
.horizontal_calendar { overflow:hidden; } 
.horizontal_calendar .calendar_rolling { overflow:hidden; } 
.horizontal_calendar .calendar_rolling .swiper-slide button { margin:0 auto; min-width:46px; padding:10px; text-align:center; background:none; border-radius:2em; border:none; } 
.horizontal_calendar .calendar_rolling .swiper-slide button .day_num { margin-top:2px; display:block; font-size:17px; } 
.horizontal_calendar .calendar_rolling .swiper-slide button .day_ko { display:block; font-size:14px; } 
.horizontal_calendar .calendar_rolling .swiper-slide .active { background-color:#1D82AE; } 
.horizontal_calendar .calendar_rolling .swiper-slide .active .day_num { color:#fff; } 
.horizontal_calendar .calendar_rolling .swiper-slide .active .day_ko { color:#fff; opacity:0.5; } 
.horizontal_calendar .calendar_rolling .swiper-slide .today .day_ko { color:#fff; } 
.horizontal_calendar .calendar_rolling .swiper-slide .c-blue.day_ko { color:#257CDF; } 
.horizontal_calendar .calendar_rolling .swiper-slide .c-red.day_ko { color:#FF3333; } 
.calendar_rolling_wrap { position:Relative; max-width:702px; margin:0 auto; } 
.calendar_rolling_wrap .swiper-button-prev { left:-50px; background:url(../img/sub/calendar_rolling_prev.svg) no-repeat right center; background: transparent; color: #987DB7; } 
.calendar_rolling_wrap .swiper-button-next { right:-50px; background:url(../img/sub/calendar_rolling_next.svg) no-repeat right center; background: transparent; color: #987DB7; } 
.tour_step_cont .btn_list ul { display:flex; flex-wrap:wrap; gap: 16px; } 
.tour_step_cont .btn_list ul li { width: calc(33.3% - 10.6px); } 
.tour_step_cont .btn_list ul li>button { padding:0 20px; min-width:190px; height:46px; line-height:44px; border:1px solid #ddd; box-sizing:border-box; text-align:center; background-color:#fff; font-size:15px; } 
.tour_step_cont .btn_list ul li .on { background-color:#987DB7; color:#fff; } 
.tour_step_cont .btn_list ul li>:disabled { background-color:#f3f3f3; color:#777; cursor:default; } 

@keyframes blink { 
 0% { opacity:1; } 
 40% { opacity:1; } 
 70% { opacity:0; } 
 100% { opacity:1; } 
 }
.tour_step_cont .btn_list ul li .link { display:block; padding-top:5px; text-align:center; animation: blink 1.8s ease-out infinite; } 
.tour_step_cont .btn_list ul li .link a { display:inline-block; font-size:14px; color:#1d82ae; border-bottom:1px solid #1d82ae; } 
.custom_radio { position:relative; display:inline-block; overflow:hidden; } 
.custom_radio input[type=radio] { position:absolute; left:-20px; top:0; } 
.custom_radio label { position:relative; padding-left:24px; font-size:16px; min-height:22px; display:block; } 
.custom_radio label:before { position:absolute; left:0; top:2px; width:20px; height:20px; background:url(../img/sub/radio_off.svg) no-repeat center center; display:block; content:""; } 
.custom_radio input[type=radio]:checked + label:before { background:url(../img/sub/radio_on.svg) no-repeat center center; } 
.tour_step_cont .radio_list ul { display:flex; flex-wrap:wrap; } 
.tour_step_cont .radio_list ul li { margin-right:20px; display:flex; align-items:center; white-space: nowrap; } 
.tour_step_cont .radio_list ul li input[type=text] { padding-left:15px; margin-left:10px; max-width:445px; width:calc(100% - 60px); height:40px; line-height:40px; border-radius:5px; background-color:#F2F2F2; border:1px solid #ccc; box-sizing:border-box; } 
/*.tour_step_cont .radio_list ul li:last-child .custom_radio { width:80px; } */
.tour_step_cont .btn_area { margin-top:60px; display:flex; } 
.tour_step_cont .btn_area>* { width:50%; text-align:center; height:55px; line-height:55px; border:none; } 
.tour_step_cont .btn_area>* span { font-size:18px; font-weight:500; color:#fff; } 
.tour_step_cont .btn_area>*.prev { background-color:#bbb; } 
.tour_step_cont .btn_area>*.confirm,
.tour_step_cont .btn_area>*.next { background-color:#7F6899; } 
.tour_step_cont .btn_area>*.next:hover { background-color:#5e4d71; } 
.tour_step_cont .btn_area>*.prev span { padding-left:20px; background:url(../img/sub/btn_prev.svg) no-repeat 0 center; display:inline-block; } 
.tour_step_cont .btn_area>*.next span { padding-right:20px; background:url(../img/sub/btn_next.svg) no-repeat right center; display:inline-block; } 
.tour_step_cont .btn_area>*.confirm span { padding-right:28px; background:url(../img/sub/icon_confirm.svg) no-repeat right center; display:inline-block; } 
.tour_step_cont .title_area { margin:57px 0 30px; display:flex; align-items:center; padding-bottom:15px; border-bottom:2px solid #222; } 
.tour_step_cont .title_area h1 { border-bottom:none; padding-bottom:0; margin:0; } 
.tour_step_cont .title_area .info_txt { margin-left:auto; font-size:14px; l color:#888; } 
.tour_step_cont .title_area .info_txt.c-red { color:#FF0101; } 
.tour_step_cont .title_area .info_txt strong { font-weight:400; color:#EE0808; } 
.tour_step_cont .applicant_info ul { padding:0 0 20px; } 
.tour_step_cont .applicant_info ul li { position:relative; padding:10px 0; display:flex; align-items:center; font-size:16px; } 
.tour_step_cont .applicant_info ul li .title { width:160px; font-size:16px; color:#333; } 
.tour_step_cont .applicant_info ul li .title strong { color:#FF0101; display:inline-block; margin-left:5px; } 
.tour_step_cont .applicant_info ul li .input_area { width:calc(100% - 160px); } 
.tour_step_cont .applicant_info ul li .input_area .ml_10 { display:inline-block; margin-left:10px; } 
.tour_step_cont .applicant_info ul li .private_group .custom_radio { margin-left:20px; } 
.tour_step_cont .applicant_info ul li .private_group .custom_radio:first-child { margin-left:0; } 
.tour_step_cont .applicant_info ul li .private_group input[type=text] { margin-left:10px; max-width:445px; background-color:#F2F2F2; border:1px solid #ccc; } 
.tour_step_cont .applicant_info ul li .tel { display:flex; max-width:350px; align-items:center; } 
.tour_step_cont .applicant_info ul li .tel input[type=number] { width:28.5%; } 
.tour_step_cont .applicant_info ul li .tel span { width:7.25%; font-size:17px; color:#333; text-align:center; } 
.tour_step_cont .applicant_info ul li .email { max-width:582px; display:flex; align-items:center; } 
.tour_step_cont .applicant_info ul li .email select { margin-left:1%; width:31%; } 
.tour_step_cont .applicant_info ul li .email input[type=text] { width:31%; } 
.tour_step_cont .applicant_info ul li .email span { width:6%; font-size:17px; text-align:center; } 
.tour_step_cont .applicant_info ul li textarea { width:100%; height:150px; box-sizing:border-box; border:1px solid #ccc; border-radius:5px; overflow:auto; } 
.tour_step_cont .explanation { margin-top:8px; font-size:14px; color:#888888; } 
.tour_step_cont .d-flex { display:flex; } 
.tour_step_cont .align-center { align-items:center; } 
.tour_step_cont .traveler_info { margin-bottom:35px; } 
.tour_step_cont .traveler_info ul li { position:Relative; padding-left:20px; font-size:16px; line-height:1.7; } 
.tour_step_cont .traveler_info ul li span { font-size:16px; color:#FF0101; } 
.tour_step_cont .traveler_info ul li strong { color:#FF0101; } 
.tour_step_cont .traveler_info .taxi_number { margin:30px 0; display:flex; align-items:center } 
.tour_step_cont .traveler_info .taxi_number .title { width:160px; font-size:16px; } 
.tour_step_cont .traveler_info .taxi_number .title strong { color:#FF0101; } 
.tour_step_cont .traveler_info .taxi_number .input_area { width:calc(100% - 160px); font-size:17px; } 
.tour_step_cont .traveler_info .taxi_number .input_area strong { font-weight:600; color:#FF0101; } 
.tour_step_cont .traveler_info .taxi_number .input_area .d-flex { max-width:210px; } 
.tour_step_cont .traveler_info .taxi_number select { width:calc(100% - 20px); } 
.tour_step_cont .traveler_info .taxi_number .input_area span { width:20px; font-size:17px; color:#333; text-align:right; display:inline-block; } 
.tour_step_cont .traveler_info .agree_txt label { font-size:18px; color:#1D82AE; min-height:22px; display:inline-block; } 
.tour_step_cont .traveler_info .agree_txt strong { font-weight:600; } 
.tour_step_cont .control_btn { margin-bottom:30px; display:flex; } 
.tour_step_cont .control_btn button { width:49.5%; height:36px; line-height:36px; text-align:center; border:none; } 
.tour_step_cont .control_btn button:nth-child(2n) { margin-left:auto; } 
.tour_step_cont .control_btn .icon_minus { background-color:#aaa; border:1px solid #ccc; box-sizing:border-box; border-radius:5px; } 
.tour_step_cont .control_btn .icon_minus span { padding-left:27px; background:url(../img/sub/icon_minus.svg) no-repeat 0 center; font-size:16px; color:#fff; } 
.tour_step_cont .control_btn .icon_plus { background-color:#987DB7; border:1px solid #ccc; box-sizing:border-box; border-radius:5px; } 
.tour_step_cont .control_btn .icon_plus span { padding-right:27px; background:url(../img/sub/icon_plus.svg) no-repeat right center; font-size:16px; color:#fff; } 
.tour_step_cont .total_applicant { text-align:center; font-size:22px; color:#333333; font-weight:700; } 
.tour_step_cont .total_applicant strong { color:#FF761A; } 
.tour_step_cont .payment_info>ul { padding-top:5px; } 
.tour_step_cont .payment_info>ul>li { padding:15px 0; display:flex; align-items:center; } 
.tour_step_cont .payment_info>ul>li .title { width:160px; font-size:16px; } 
.tour_step_cont .payment_info>ul>li .title strong { color:#FF0101; } 
.tour_step_cont .payment_info>ul>li .txt_area { width:calc(100% - 160px); font-size:16px; } 
.tour_step_cont .payment_info>ul>li .price { font-size:18px; font-weight:700; } 
.tour_step_cont .payment_info>ul>li .price strong { color:#FF0101; text-decoration:underline; } 
.tour_step_cont .agree_form { padding:30px; background-color:#F5F5F5; } 
.tour_step_cont .agree_form>ul>li { position:Relative; padding:20px 0 0; } 
.tour_step_cont .agree_form>ul>li .custom_checkbox { padding-bottom:20px; border-bottom:1px solid #ddd; } 
.tour_step_cont .agree_form>ul>li .custom_checkbox label { font-size:16px; } 
.tour_step_cont .agree_form>ul>li textarea { padding:20px; width:100%; height:140px; color:#ccc; box-sizing:border-box; line-height:1.7; font-size:15px; color:#666; overflow:auto; border:none; } 
.tour_step_cont .agree_form .terms_open { position:absolute; right:0; top:14px; z-index:3; width:30px; height:30px; background:url(../img/sub/accordion_arrow.svg) no-repeat center center; display:block; border:none; transition: all 0.3s ease-out; } 
.tour_step_cont .agree_form .on .terms_open { transform: rotate( 180deg ); } 
.tour_step_cont .agree_form .terms_box { display:none; } 
.tour_step3 .btn_area { display:block; margin:0 auto; max-width:500px; margin-top:60px; } 
.tour_step3 .btn_area>* { width:100%; } 
.tour_step3 .btn_area .check_txt { margin-top:26px; } 
.tour_step3 .btn_area .check_txt span { padding-left:15px; background:url(../img/sub/icon_check.svg) no-repeat 0 center; background-size:9px; font-size:15px; font-weight:500; color:#000; } 
.tour_step3 .btn_area .check_txt span strong { font-weight:500; color:#1D82AE; text-decoration:underline; } 
.tour_step3 .top_title { margin-bottom:50px; padding-bottom:0; border:none; font-size:32px; font-weight:700; text-align:center; } 
.application_completed { margin-top:60px; padding-bottom:30px; border-bottom:1px solid #ddd; text-align:center; } 
.application_completed .icon { margin-bottom:20px; } 
.application_completed strong { margin:20px 0 15px; display:block; font-size:22px; font-weight:700; } 
.application_completed p { font-size:15px; color:#555555; } 
.application_completed p span { color:#1D82AE; } 

.basic-btn01 { height:55px; line-height:55px; background-color:#B3B3B3; font-size:17px; font-weight:500; color:#fff; display:block; border:none; width:100%; border-radius:5px; } 

/* taxi_intro */
.taxi_intro h1 { margin-bottom:50px; font-size:32px; font-weight:700; text-align:center; } 
.taxi_intro h2 { margin-bottom:30px; font-size:23px; font-weight:700; line-height:1; } 
.taxi_intro ul { padding-bottom:60px; margin-bottom:60px; border-bottom:2px dashed #ddd; } 
.taxi_intro ul li { position:relative; padding-left:20px; background:url(../img/sub/icon_check.svg) no-repeat 0 15px; font-size:16px; line-height:2.5; } 
.taxi_intro ul li strong { font-weight:500; color:#1D82AE; text-decoration:underline; } 

@media screen and (max-width: 1200px){
 #wrap-calendar table td .d-flex { display:block; } 
#wrap-calendar table td .ul-room-list { width:100%; } 
#wrap-calendar .date_search .title { margin-bottom:10px; width:100%; display:block; } 
#wrap-calendar nav .info_txt { position:Relative; left:Lauto; margin-top:10px; } 
 }

@media screen and (max-width: 960px){
 #wrap-calendar table th { line-height:40px; font-size:14px; } 
#wrap-calendar table td .day_date { font-size:14px; } 
#wrap-calendar .state { height:15px; line-height:15px; font-size:12px; } 
#wrap-calendar table td .ul-room-list li .name { font-size:12px; } 
#wrap-calendar table td .ul-room-list li { margin:1px 0 0; } 
#wrap-calendar table td .day_off_txt { font-size:16px; } 
#wrap-calendar .state_box { padding:15px 3%; } 
#wrap-calendar .state_box .title { font-size:16px; } 
#wrap-calendar .state_box ul li { padding:3px 0; font-size:15px; } 
#wrap-calendar .date_search { padding:10px; } 
#wrap-calendar .date_search .date_area { max-width:100%; width:100%; } 
#wrap-calendar .date_search .btn_list { margin:10px 0; } 
#wrap-calendar table td .wait_people { font-size:13px; word-break:keep-all; } 
.taxi_intro h1 { margin-bottom:25px; font-size:30px; } 
.taxi_intro h2 { margin-bottom:15px; font-size:18px; } 
.taxi_intro ul li { line-height:2; background-position:0 10px; } 
.taxi_intro ul { padding-bottom:30px; margin-bottom:30px; } 
.calendar_rolling_wrap { position:relative; padding:0 50px; } 
.horizontal_calendar { padding:30px 0; } 
.calendar_rolling_wrap .swiper-button-prev { left:10px; } 
.calendar_rolling_wrap .swiper-button-next { right:10px; } 
.calendar_rolling_wrap .swiper-slide { text-align:center; } 
.tour_step_cont .btn_list ul li { flex-grow:1; margin:2px 5px; } 
.tour_step_cont .btn_list ul li>* { min-width:100%; width:100%; } 
.tour_step_cont .radio_list ul li { margin:2px 5px; } 
.horizontal_calendar .year_month h2 { font-size:20px; } 
.tour_step_cont .payment_info>ul>li,
.tour_step_cont .applicant_info ul li { display:block; } 
.tour_step_cont .traveler_info .taxi_number .title,
.tour_step_cont .payment_info>ul>li .title,
.tour_step_cont .applicant_info ul li .title { width:100%; margin-bottom:10px; } 
.tour_step_cont .payment_info>ul>li .txt_area,
.tour_step_cont .applicant_info ul li .input_area { width:100%; } 
.custom_table>ul { display:block; } 
.custom_table>ul>li { width:100%; } 
.tour_step_cont .agree_form { padding:20px; } 
.tour_step_cont .traveler_info .taxi_number { display:block; } 
.tour_step_cont .applicant_info ul li .private_group input[type=text] { max-width:calc(100% - 150px); } 
.tour_step_cont h1 { margin:30px 0 15px; padding-bottom:10px; } 
 }

@media screen and (max-width: 768px){
 .calendar_detail_popup .btn_area .btn { font-size:14px; } 
#wrap-calendar table td .state { padding:0; min-width:10px; width:10px; height:10px; text-indent:-9998px; border-radius:50%; } 
#wrap-calendar table td .day { min-height:80px; } 
#wrap-calendar table td .day_off_txt,
#wrap-calendar table td .day_date { margin-bottom:5px; font-size:12px; } 
#wrap-calendar table td .ul-room-list li .name { display:none; } 
.tour_apply_btn button { font-size:16px; } 
.tour_apply_btn button:before { top:-12px; width:80px; height:45px; background-size:100%; } 
#wrap-calendar table td .day { padding:5px; } 
#wrap-calendar table td .wait_people strong, 
#wrap-calendar table td .refund_people strong, 
#wrap-calendar table td .confirm_people strong,
#wrap-calendar table td .wait_people,
#wrap-calendar table td .refund_people,
#wrap-calendar table td .confirm_people { font-size:13px; } 
.tour_step_cont .agree_form>ul>li .custom_checkbox label { font-size:14px; } 
.tour_step_cont .title_area { margin:30px 0 15px; } 
.tour_step_cont .traveler_info .agree_txt label { font-size:16px; } 
.tour_step_cont .agree_form>ul>li textarea { padding:10px; } 
.tour_step ul li .num { width:24px; height:24px; font-size:14px; } 
.custom_table2 .tbody>ul>li { font-size:13px; } 
.tour_step3 .top_title { font-size:24px; } 

.calendar_detail_popup .popup_content { padding:30px 15px; } 
.calendar_detail_popup h1 { font-size:18px; } 
.calendar_detail_popup .state_box { padding:15px; } 
.calendar_detail_popup .state_box .title { font-size:16px; } 
.calendar_detail_popup .state_box ul li { font-size:14px; } 
 }

@media screen and (max-width: 640px){
 #wrap-calendar .date_search .btn_download { margin:0; width:100%; } 
#wrap-calendar .date_search .btn_list,
#wrap-calendar .date_search .btn_list ul { width:100%; } 
#wrap-calendar .date_search .btn_list ul li { flex-grow:1; } 
#wrap-calendar .date_search .btn_list ul li button { width:100%; } 
#wrap-calendar .date_search .btn_list ul li:first-child { margin-left:0; } 
#wrap-calendar .ym-title { font-size:20px; } 
.custom_table2 .thead>ul>li { font-size:13px; } 
 }

/* reservation_check */
.reservation_check { margin:0 auto; max-width:560px; padding:0 0 60px; } 
.reservation_check h1 { margin-bottom:35px; font-size:32px; font-weight:700; text-align:center; } 
.reservation_check ul li { padding:15px 0; display:flex; } 
.reservation_check ul li .title { margin-top:10px; font-size:16px; display:block; width:120px; } 
.reservation_check ul li .input_form { width:calc(100% - 120px); } 
.reservation_check ul li input[type=number],
.reservation_check ul li input[type=text] { padding:0 10px; width:100%; height:40px; line-height:40px; border-radius:5px; background-color:#F2F2F2; border:1px solid #ccc; box-sizing:border-box; outline:none; transition: all 0.3s ease-out; } 
.reservation_check ul li input[type=number]:focus,
.reservation_check ul li input[type=text]:focus { border-color:#1D82AE; background-color:#fff; } 
.reservation_check ul li .tel { display:flex; align-items:center; width:100%; } 
.reservation_check ul li .tel input[type=number] { width:29%; } 
.reservation_check ul li .tel span { text-align:center; width:6.5%; } 
.reservation_check ul li .info_txt { margin-top:5px; font-size:14px; color:#888; } 
.reservation_check .btn_area { padding-top:10px; } 
.reservation_check .btn_area .btn { width:100%; height:50px; line-height:50px; text-align:center; font-size:17px; color:#fff; font-weight:500; border-radius:5px; background-color:var(--point-color-1) } 
.reservation_check .qna { margin-top:45px; text-align:center; } 
.reservation_check .qna a { position:relative; display:inline-block; padding-left:78px; font-size:14px; font-weight:500; color:#666666; } 
.reservation_check .qna a:before { position:absolute; left:0; top:0; width:57px; height:53px; display:block; content:""; background:url(../img/sub/icon_qa.svg) no-repeat center center; } 
.reservation_check .qna a strong { display:block; font-size:20px; font-weight:900; color:#333; } 

@media screen and (max-width: 640px){
 .reservation_check h1 { font-size:26px; } 
.reservation_check ul li { padding:5px 0; display:block; } 
.reservation_check ul li .title { margin:0 0 10px; width:100%; } 
.reservation_check ul li .input_form { width:100%; } 
 }


/* tour_intro */
@keyframes car_move { 
 0% { left:3%; } 
50% { left:5%; } 
100% { left:3%; } 
 }

.tour_intro h1 { margin-bottom:55px; font-size:2rem; font-weight:700; text-align:center; } 
.top_info_box { margin-bottom:55px; padding:20px; border:1px solid #E9E9E9; box-sizing:border-box; border-radius:10px; display:flex; align-items:center; } 
.top_info_box .img_area { position:relative; width:47.3%; overflow:hidden; } 
.top_info_box .img_area .swiper-slide { position:relative; } 
.top_info_box .img_area .swiper-slide .inner { padding-bottom:66.6%; } 
.top_info_box .img_area .swiper-slide img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; } 
.top_info_box .img_area .swiper-button-prev { background:url(../img/sub/rolling_prev.svg) no-repeat center center; } 
.top_info_box .img_area .swiper-button-next { background:url(../img/sub/rolling_next.svg) no-repeat center center; } 
.top_info_box .img_area .swiper-pagination { position:absolute; left:auto; right:20px; bottom:20px; padding:2px 10px; background:rgba(0,0,0,0.6); border-radius:5px; text-align:center; font-size:0.875rem; color:#fff; width:auto; } 
.top_info_box .txt_area { margin-left:auto; width:50%; } 
.top_info_box .txt_area h2 { margin-bottom:20px; font-size:1.5rem; font-weight:700; } 
.top_info_box .txt_area h2 strong { color:var(--point-color-2); } 
.top_info_box .txt_area p { margin-bottom:30px; font-size:1.0625rem; color:#222 } 
.top_info_box .txt_area p span { color:var(--point-color-1); text-decoration:underline; font-weight:500; } 
.top_info_box .price_area { margin-bottom:15px; padding:20px 10%; background-color:#E6EEF2; border-radius:5px; display:flex; } 
.top_info_box .price_area .icon { position:relative; width:60px; } 
.top_info_box .price_area .icon .num { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; text-align:center; background-color:#E24C5D; border-radius:50%; font-size:0.8125rem; font-weight:700; color:#fff; } 
.top_info_box .price_area .txt { margin-left:auto; width:calc(100% - 100px); } 
.top_info_box .price_area .txt .tit { margin-bottom:5px; font-weight:600; } 
.top_info_box .price_area .price { font-size:1.125rem; font-weight:700; } 
.top_info_box .price_area .price span { font-weight:600; color:#999999; text-decoration:line-through; } 
.top_info_box .price_area .price strong { font-size:1.75rem; font-weight:700; color:var(--point-color-1); } 
.bus_tour .top_info_box .price_area { padding:20px 5%; display:flex; align-items:center; } 
.bus_tour .top_info_box .price_area ul { display:Flex; align-items:center; margin-left:auto; width:calc(100% - 60px); } 
.bus_tour .top_info_box .price_area ul li { position:relative; padding:0 0 0 20px; width:33.33%; box-sizing:border-box; line-height:1rem; } 
.bus_tour .top_info_box .price_area ul li .tit { font-size:1rem; display:block; margin-bottom:8px; } 
.bus_tour .top_info_box .price_area ul li:before { position:absolute; left:0; top:0; width:1px; height:100%; background-color:#000; opacity:0.1; display:block; content:""; } 
.bus_tour .top_info_box .price_area ul li:first-child:before { display:none; } 
.top_info_box .btn_area .btn { position:relative; width:100%; text-align:center; background-color:var(--point-color-1); text-align:center; font-size:1.25rem; color:#fff; display:block; height:55px; line-height:55px; border-radius:5px; } 
.top_info_box .btn_area .btn strong { font-weight:900; } 
.top_info_box .btn_area .btn:before { position:absolute; left:3%; top:50%; width:49px; height:28px; display:block; content:""; background:url(../img/sub/icon_taxi4.svg) no-repeat center center; background-size:100%; animation: car_move 2s linear infinite; transform: translateY(-50%); } 
.bus_tour .top_info_box .btn_area .btn:before { width:58px; height:28px; background:url(../img/sub/icon_bus4.svg) no-repeat center center; } 
.tour_intro h2 { margin-bottom:30px; font-size:1.5rem; font-weight:700; } 
.tour_intro .operation_info { padding:10px 4%; background-color:#F6F6F6; border-radius:5px; } 
.tour_intro .operation_info ul { display:flex; flex-wrap:wrap; } 
.tour_intro .operation_info li { margin:20px 0; width:48%; } 
.tour_intro .operation_info li .d-flex { display:flex; } 
.tour_intro .operation_info li:nth-child(2n) { margin-left:auto; } 
.tour_intro .operation_info li .title { position:Relative; padding-left:30px; font-size:1.125rem; font-weight:700; } 
.tour_intro .operation_info li .title:before { position:absolute; left:0; top:0; width:23px; height:22px; display:block; content:""; } 
.tour_intro .operation_info li.icon_1 .title:before { background:url(../img/sub/taxi_tour_icon_1.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_2 .title:before { background:url(../img/sub/taxi_tour_icon_2.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_3 .title:before { background:url(../img/sub/taxi_tour_icon_3.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_4 .title:before { background:url(../img/sub/taxi_tour_icon_4.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_5 .title:before { background:url(../img/sub/taxi_tour_icon_5.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_6 .title:before { background:url(../img/sub/taxi_tour_icon_6.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_7 .title:before { background:url(../img/sub/taxi_tour_icon_7.svg) no-repeat center center; } 
.tour_intro .operation_info li.icon_8 .title:before { background:url(../img/sub/taxi_tour_icon_8.svg) no-repeat center center; } 
.tour_intro .operation_info li .txt { margin-left:15px; font-size:1.125rem; } 
.tour_intro .operation_info li .txt span { font-weight:600; } 
.tour_intro .operation_info li .txt strong { font-weight:700; color:var(--point-color-2); } 
.tour_intro .operation_info li p { padding:10px 0 0 30px; font-size:14px; color:#888; } 
.tour_intro .bd_top { margin-top:60px; padding:40px 0; border-top:1px dashed #DDD; } 
.tour_intro .listType_1 li { position:relative; padding-left:22px; line-height:2; font-size:1rem; } 
.tour_intro .listType_1 li:before { position:absolute; left:0; top:10px; width:12px; height:9px; background:url(../img/sub/icon_check.svg) no-repeat center center; display:block; content:""; } 
.tour_intro .listType_1 li .highlight { padding:0 2px; background-color:var(--point-color-2); color:#fff; display:inline-block; line-height:1.4; } 
.tour_intro .listType_1 li .highlight.red_bg { background-color:#f84343; } 
.tour_intro .listType_1 li strong { color:#F84343; font-weight:500; text-decoration:underline; } 
.tour_intro .course_info { display:flex; } 
.tour_intro .course_info>div { width:48.4%; } 
.tour_intro .course_info>div:last-child { margin-left:auto; } 
.tour_intro .course_open { position:relative; margin-bottom:5px; padding: 20px; width:100%; background-color:#E6EEF2; border-radius:10px 10px 0 0; display:block; border:none; font-size:1.25rem; font-weight:700; box-sizing:border-box; } 
.tour_intro .course_open:before { position:absolute; right:3%; top:50%; width:32px; height:30px; display:block; content:""; background:url(../img/sub/accordion_arrow.svg) no-repeat center center; transition: all 0.3s ease-out; transform: translateY(-50%); } 
.tour_intro .course_open.active:before { transform: translateY(-50%) rotate( 180deg ); } 
.tour_intro .course_list { padding:30px 5%; background-color:#f6f6f6; border-radius:0 0 10px 10px; } 
.tour_intro .course_list ul { position:relative; } 
.tour_intro .course_list ul:before { position:absolute; left:5px; top:5px; width:2px; height:calc(100% - 10px); display:block; background-color:#E0E0E0; display:block; content:""; } 
.tour_intro .course_list ul li { position:Relative; padding-left:35px; margin-bottom:30px; } 
.tour_intro .course_list ul li:before { position:absolute; left:0; top:5px; width:12px; height:12px; background-color:var(--point-color-1); display:block; border-radius:50%; content:""; } 
.tour_intro .course_list ul li .title_area { position:relative; padding-right:20px; display:flex; align-items:center; flex-wrap:wrap; } 
.tour_intro .course_list ul li .title_area .txt { font-size:1.0625rem; font-weight:700; } 
.tour_intro .course_list ul li .title_area .link { position:absolute; right:0; top:50%; width:15px; height:20px; display:block; content:""; background:url(../img/sub/icon_location.svg) no-repeat center center; transform: translateY(-50%); } 
.tour_intro .course_list ul li:last-child { margin-bottom:0; } 
.tour_intro .course_list ul li .time span { padding:2px 12px; margin-right:14px; display:inline-block; background-color:#fff; font-size:1.0625rem; font-weight:600; color:var(--point-color-1); border-radius:2em; } 
.tour_intro .course_list ul li:last-child .time span,
.tour_intro .course_list ul li:first-child .time span { background-color:var(--point-color-1); color:#fff; } 
.tour_intro .course_list ul li .img_area { margin-top:20px; } 
.tour_intro .course_list ul li .img_area img { max-width:100%; } 
.tour_intro .tour_board { margin-top:50px; padding:50px 0; border-top:1px dashed #ddd; display:flex; } 
.tour_intro .tour_board .title_area { margin-bottom:30px; display:flex; align-items:center; } 
.tour_intro .tour_board .title_area .more { margin-left:10px; width:30px; height:30px; background:url(../img/sub/icon_more.svg) no-repeat center center; display:block; } 
.tour_intro .tour_board .title_area h2 { margin-bottom:0; } 
.tour_intro .tour_board .tour_qna { width:48.4%; } 
.tour_intro .tour_board .list { padding:10px 5%; border:1px solid #E5E5E5; border-radius:10px; } 
.tour_intro .tour_board .list li { border-bottom:1px solid #e5e5e5; } 
.tour_intro .tour_board .list li:last-child { border-bottom:none; } 
.tour_intro .tour_board .tour_notice .list .question { padding:19px 0; } 
.tour_intro .tour_board .list .question { display:flex; padding:15px 0; } 
.tour_intro .tour_board .tour_qna .list .question .icon_q { margin-right:10px; width:28px; height:28px; border-radius:50%; line-height:28px; text-align:center; background-color:#aaa; display:inline-block; color:#fff; transition: all 0.3s ease-out; } 
.tour_intro .tour_board .list .question button { position:relative; padding-right:20px; width:calc(100% - 38px); font-size:1.0625rem; font-weight:500; text-align:left; background-color:transparent; border:none; box-sizing:border-box; } 
.tour_intro .tour_board .tour_notice .list .question button { width:100%; } 
.tour_intro .tour_board .list .question button:before { position:absolute; right:0; top:50%; width:17px; height:10px; background:url(../img/sub/qna_arrow.svg) no-repeat center center; display:block; content:""; transform: translateY(-50%); transition: all 0.3s ease-out; } 
.tour_intro .tour_board .list li.on .question button:before { background:url(../img/sub/qna_arrow_on.svg) no-repeat center center; } 
.tour_intro .tour_board .list li.on .question .icon_q { background-color:var(--point-color-2); } 
.tour_intro .tour_board .list .answer { padding:20px 35px; background-color:#F4F7F9; color:#555; display:none; line-height:1.6; font-size:1rem; } 
.tour_intro .tour_board .list .answer .more { margin-top:10px; } 
.tour_intro .tour_board .list .answer .more a { font-size:0.875rem; color:var(--point-color-2); text-decoration:underline; } 
.tour_intro .tour_board .tour_notice { margin-left:auto; width:48.4%; } 
.tour_gallery_wrap { position:relative; } 
.tour_gallery_rolling { overflow:hidden; } 
.tour_gallery_rolling .swiper-slide .inner { position:relative; padding-bottom:66.66%; } 
.tour_gallery_rolling .swiper-slide .inner img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; } 
.tour_gallery_wrap .swiper-pagination { position:Relative; left:auto; top:auto; margin:15px 0 0; } 
.tour_gallery_wrap .swiper-pagination-bullet { margin-right:7px; background-color:#222; } 
.tour_gallery_wrap .swiper-pagination-bullet:last-child { margin-right:0; } 
.tour_gallery_wrap .swiper-pagination-bullet-active { width:18px; border-radius:2em; } 
.tour_course img { max-width:100%; } 
.tour_course { margin:50px 0; } 
.tour_course li { margin-bottom:10px; } 
.tour_course li:last-child { margin-bottom:0; } 
.tour_course button { position:relative; border:none; cursor:pointer; } 
.tour_course .txt { position:absolute; z-index:2; padding:5px 10px; background-color:var(--point-color-2); font-size:16px; font-weight:500; border-radius:5px; color:#fff; opacity:0; white-space:nowrap; } 
.tour_course button:hover .txt { opacity:1; } 

@media screen and (max-width: 1200px){
 .tour_intro .operation_info li .txt { padding-left:30px; margin:5px 0 0; } 
.tour_intro .operation_info li .d-flex { display:block; } 
 }

@media screen and (max-width: 960px) { html, body { font-size:13px; } 
.top_info_box { display:block; } 
.top_info_box .img_area { margin-bottom:30px; width:100%; } 
.top_info_box .txt_area { width:100%; } 
.tour_intro { padding-top:30px; } 
.tour_intro .operation_info ul { display:block; } 
.tour_intro .operation_info li { width:100%; } 
.tour_intro .tour_board { display:block; } 
.tour_intro .tour_board .tour_notice { width:100%; } 
.tour_intro .tour_board .tour_qna { margin-bottom:30px; width:100%; } 
.tour_intro h1 { margin-bottom:25px; } 
.top_info_box .txt_area p br { display:none; } 
.top_info_box .price_area { display:block; padding:10px; } 
.top_info_box .price_area .icon { margin:0 auto; } 
.top_info_box .price_area .txt { width:100%; margin-top:20px; text-align:center; } 
.tour_intro h2 { margin-bottom:15px; } 
.tour_intro .listType_1 li { line-height:1.8; } 
.tour_intro .listType_1 li:before { top:6px; } 
.tour_intro .course_info { display:block; } 
.tour_intro .course_info>div { width:100%; margin-bottom:30px; } 
.tour_intro .tour_board .list .answer { padding:15px;; } 
.bus_tour .top_info_box .price_area { display:block; } 
.bus_tour .top_info_box .price_area ul { margin-top:20px; width:100%; } 
 }

@media screen and (max-width: 520px){
 .bus_tour .top_info_box .price_area ul { display:block; } 
.bus_tour .top_info_box .price_area ul li { padding:10px 0; width:100%; text-align:center; display:flex; align-items:center; justify-content:center; } 
.bus_tour .top_info_box .price_area ul li:before { width:100%; height:1px; } 
.bus_tour .top_info_box .price_area ul li .tit { margin-right:10px; } 
.top_info_box .btn_area .btn { text-align:right; padding-right:5%; } 
 }

/* title */
.title_type_1 { margin-bottom:50px; font-size:32px; font-weight:700; text-align:center; position:relative; bottom:-40px; opacity:0; transition: all 0.6s ease-out; } 
.page_on .title_type_1 { bottom:0; opacity:1; } 

@media print { .title_type_1 { margin-bottom:20px; } 
 }

@media screen and (max-width: 1024px){
 .title_type_1 { font-size:26px } 
 }
@media screen and (max-width: 768px){
 .title_type_1 { font-size:22px } 
 }

/* tab */
.tab_type_1 ul { position:Relative; display:flex; flex-wrap:wrap; } 
.tab_type_1 ul:before { position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ddd; display:block; content:""; } 
.tab_type_1 ul li>* { position:Relative; padding:0 40px 20px; font-size:1.125rem; color:#777; font-weight:500; display:block; } 
.tab_type_1 ul li #bo_cate_on:before { position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#000; display:block; content:""; } 
.tab_type_1 ul li #bo_cate_on { font-weight:700; color:#000; } 
@media screen and (max-width: 1400px){
 .tab_type_1 ul { justify-content: center; } 
.tab_type_1 ul:before { display:none; } 
.tab_type_1 ul li>* { margin:2px 5px; padding:0 25px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:4px; display:block; } 
.tab_type_1 ul li #bo_cate_on:before { display:none; } 
.tab_type_1 ul li #bo_cate_on { background-color:var(--point-color-1); color:#fff; } 
 }
@media screen and (max-width: 640px){
 .tab_type_1 ul li>* { margin:2px; padding:0 15px; } 
 }

.table_top_area { padding:40px 0 25px; display:flex; align-items: center; flex-wrap:wrap; } 
.table_top_area .total_num { font-size:15px; color:#999; } 
.table_top_area .total_num span { font-weight:inherit; color:#666; } 
.table_top_area .search { position:relative; margin-left:auto; max-width:340px; width:100%; display:flex; } 
.table_top_area .search select { width:38.25%; height:40px; line-height:38px; border-radius:5px; box-sizing:border-box; border:1px solid #ddd; } 
.table_top_area .search input[type=text] { padding:0 40px 0 10px; margin-left:auto; width:58.8%; height:40px; line-height:38px; border-radius:5px; box-sizing:border-box; border:1px solid #ddd; } 
.table_top_area .search .sch_btn { position:absolute; right:0; top:0; width:40px; height:40px; background:url(../img/sub/board/btn_search.svg) no-repeat center center transparent; border:none; background-size:18px } 

@media screen and (max-width: 640px){
 .table_top_area { display:block; } 
.table_top_area .search { margin:10px 0 0; max-width:100%; } 
.table_top_area .search select { width:30%; } 
.table_top_area .search input[type=text] { width:68%; } 
 }


/* survey */
.survey h2 { margin-bottom:10px; font-size:1.5rem; font-weight:600; word-break: keep-all; } 
.survey h2 span { font-size:1.25rem; font-weight:400; } 
.survey ul { margin:20px 0 50px; display:flex; align-items: center; flex-wrap:wrap; } 
.survey ul li { position:relative; margin:0 0 15px 0; width:33.33%; overflow:hidden; } 
.survey ul li input[type=checkbox],
.survey ul li input[type=radio] { position:absolute; left:-20px; top:0; } 
.survey ul li:first-child { margin-left:0; } 
.survey ul li label { position:relative; padding-left:30px; font-size:1.125rem; cursor:pointer; min-height:22px; display:block; } 
.survey ul li label:before { position:absolute; left:0; top:0; width:20px; height:20px; background:url(../img/sub/radio_off.svg) no-repeat center center; background-size:100%; display:block; content:""; } 
.survey ul li input[type=checkbox]:checked+label:before,
.survey ul li input[type=radio]:checked+label:before { background:url(../img/sub/radio_on.svg) no-repeat center center; background-size:100%; } 
.survey ul li.etc { width:66.66%; display:flex; align-items: center; } 
.survey ul li.etc input[type=text] { margin-left:10px; max-width:250px; width:100%; height:40px; line-height:40px; border:1px solid #aaa; border-radius:5px; box-sizing:border-box; } 
@media screen and (max-width: 960px){
 .survey h1 { margin-bottom:25px; } 
.survey ul { display:block; } 
.survey ul li { width:100%; } 
.survey ul li.etc { width:100%; display:block; } 
.survey ul li.etc label { width:100%; display:block; } 
.survey ul li.etc input[type=text] { margin:5px 0 0; max-width:100%; height:36px; line-height:36px; } 
 }

/* mypage */
.mypage .top_info_box { margin-bottom:45px; padding:50px 5%; background-color:#F6F6F6; display:flex; } 
.mypage .top_info_box .left_area { width:60%; display: flex; } 
.mypage .top_info_box .right_link { position:relative; width:40%; } 
.mypage .top_info_box .right_link:before { position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ddd; display:block; content:""; } 
.mypage .top_info_box .right_link ul { display:flex; align-items: center; justify-content: flex-end; } 
.mypage .top_info_box .right_link ul li { margin-right:67px; } 
.mypage .top_info_box .right_link ul li span { display:inline-block; padding-right:8px; background:url(../img/hdft/footer_arrow.svg) no-repeat right center; background-size:5px; color:#666; } 
.mypage .top_info_box .right_link ul li strong { margin-top:10px; font-size:20px; font-weight:700; display:block; } 
.mypage .top_info_box .photo { position:relative; width:80px; height:80px; border-radius:50%; overflow:hidden; } 
.mypage .top_info_box .my_info { margin-left:auto; width:calc(100% - 110px); } 
.mypage .top_info_box .intro_txt { margin-bottom:8px; font-size:15px; color:#888; } 
.mypage .top_info_box .name { margin-bottom:20px; font-size:28px; display:inline-block; padding-right:18px; background:url(../img/hdft/footer_arrow.svg) no-repeat right center; } 
.mypage .top_info_box .name strong { font-weight:700; } 
.mypage .top_info_box .my_info ul { display:flex; align-items: center; } 
.mypage .top_info_box .my_info ul li { position:relative; padding:0 15px; display:Flex; align-items: center; font-size:14px; color:#444; } 
.mypage .top_info_box .my_info ul li:before { position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; display:block; background-color:#DDDDDD; content:""; } 
.mypage .top_info_box .my_info ul li:first-child { padding-left:0; } 
.mypage .top_info_box .my_info ul li:first-child:before { display:none; } 
.mypage .top_info_box .my_info ul li span { display:inline-block; margin-right:10px; } 
.mypage h2 { margin-bottom:10px; font-size:24px; font-weight:700; } 
.mypage .txt_1 { margin-bottom:25px; font-size:18px; line-height:1.4; } 
.mypage .txt_1 strong { font-weight:300; color:var(--point-color-2); text-decoration: underline; } 
.mypage .my_list { position:relative; } 
.mypage .my_list .more { position:absolute; right:0; top:-40px; } 
.mypage .my_list .more a { font-size:14px; color:#666666; } 
.mypage .my_list ul { display:Flex; flex-wrap:wrap; } 
.mypage .my_list ul li { width:23.5%; margin:0 2% 20px 0; } 
.mypage .my_list ul li:nth-child(4n) { margin-right:0; } 
.mypage .my_list ul li .img_area a { position:Relative; padding-bottom:66.66%; border-radius:5px; display:block; } 
.mypage .my_list ul li .img_area img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; } 
.mypage .my_list ul li .txt_area { padding-top:15px; font-size:15px; font-weight:500; } 

@media screen and (max-width: 1024px){
 .mypage .top_info_box { padding:30px 3%; } 
 }
@media screen and (max-width: 960px){
 .mypage .top_info_box { display:block; } 
.mypage .top_info_box .left_area { width:100%; } 
.mypage .top_info_box .right_link { margin-top:20px; padding-top:20px; width:100%; } 
.mypage .top_info_box .right_link:before { width:100%; height:1px; } 
.mypage .top_info_box .right_link ul { justify-content: flex-start; } 
 }
@media screen and (max-width: 768px){
 .mypage .my_list ul li { margin:0 0 20px; width:49%; } 
.mypage .my_list ul li:nth-child(2n) { margin-left:auto; } 
.mypage .top_info_box .name { font-size:24px; } 
.mypage .top_info_box .my_info ul { display:block } 
.mypage .top_info_box .my_info ul li { padding:0; width:100%; margin-bottom:5px; } 
.mypage .top_info_box .my_info ul li:before { display:none; } 
.mypage .txt_1 { font-size:14px; } 
.mypage .my_list .more { top:-24px; } 
 }

/* save_list */
.save_list .all_check { margin-bottom:20px; } 
.save_rolling_wrap { display:flex; flex-wrap:wrap; } 
.save_rolling { position:relative; margin-bottom:20px; padding:20px; width:49%; box-sizing:border-box; background-color:#F6F6F6; border-radius:7px; } 
.save_rolling:nth-child(2n) { margin-left:auto; } 
.save_rolling .d-flex { display:Flex; align-items: center; } 
.save_rolling .img_area { position:relative; width:36.5%; } 
.save_rolling .img_area a { position:relative; padding-bottom:66.5%; display:block; } 
.save_rolling .img_area img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; } 
.save_rolling .img_area .custom_checkbox { position:absolute; left:10px; top:10px; z-index:3; } 
.save_rolling .img_area .custom_checkbox label:before { background:url(../img/hdft/checkbox3_off.svg) no-repeat center center; background-size:100%; } 
.save_rolling .img_area .custom_checkbox input[type=checkbox]:checked+label:before { background:url(../img/hdft/checkbox3_on.svg) no-repeat center center; background-size: 100%; } 
.save_rolling .txt_area { position:relative; padding-right:20px; margin-left:auto; width:60.5%; box-sizing:border-box; } 
.save_rolling .control { position:absolute; right:20px; top:20px; z-index:2; display:Flex; align-items: center; } 
.save_rolling .control .swiper-button-prev { position:relative; left:auto; top:auto; margin:0; width:36px; height:36px; background:url(../img/sub/calendar_prev.svg) no-repeat center center; background-size:100%; } 
.save_rolling .control .swiper-button-next { position:relative; right:auto; top:auto; margin:0 0 0 5px; width:36px; height:36px; background:url(../img/sub/calendar_next.svg) no-repeat center center; background-size:100%; } 
.save_rolling .swiper { overflow:hidden; } 
.save_rolling .txt_area .category { padding-right:40px; margin-bottom:10px; display:flex; align-items: center; } 
.save_rolling .txt_area .category span { position:relative; padding:0 10px 0 12px; font-size:15px; color:var(--point-color-1); display:inline-block; } 
.save_rolling .txt_area .category span:first-child { padding-left:0; } 
.save_rolling .txt_area .category span:first-child:before { display:none; } 
.save_rolling .txt_area .category span:before { position:absolute; left:0; top:50%; width:3px; height:3px; background-color:#AAAAAA; display:block; content:""; border-radius:50%; transform: translateY(-50%); } 
.save_rolling .txt_area .title { margin-bottom:10px; font-size:20px; font-weight:700; } 
.save_rolling .txt_area ul { background-color:#fff; padding:8px; border:1px solid #ddd; border-radius:5px; } 
.save_rolling .txt_area ul li { margin-bottom:10px; display:flex; line-height:1.4; font-size:15px; } 
.save_rolling .txt_area ul li:last-child { margin-bottom:0; } 
.save_rolling .txt_area ul li span { position:relative; min-width:65px; padding-right:5px; box-sizing:border-box; } 
.save_rolling .txt_area .remove { position:absolute; right:0; bottom:0; width:16px; height:16px; background:url(../img/sub/btn_delete.svg) no-repeat center center; border:none; cursor:pointer; } 
.save_rolling .text_input { margin-top:20px; } 
.save_rolling .text_input textarea { padding:8px; width:100%; height:75px; box-sizing:border-box; background-color:#fff; border:1px solid #ddd; border-radius:7px; resize:none; } 
.save_list .btn_area { position:relative; text-align:center; margin-top:30px; } 
.save_list .btn_area .left_btn { position:absolute; left:0; top:0; } 
.save_list .btn_area .left_btn ul { display:flex; align-items: center; } 
.save_list .btn_area .left_btn ul li { margin-right:10px; } 
.save_list .btn_area .left_btn a { min-width:100px; height:40px; line-height:38px; border:1px solid #ddd; border-radius:5px; text-align:center; box-sizing:border-box; text-align:center; font-size:15px; color:#444; display:inline-block; } 
.save_list .btn_area .btn_print { max-width:300px; width:100%; height:50px; line-height:50px; display:inline-block; background-color:var(--point-color-2); border-radius:5px; } 
.save_list .btn_area .btn_print span { padding-left:30px; display:inline-block; background:url(../img/sub/icon_print.png) no-repeat 0 center; color: #fff; font-size:15px; } 
@media screen and (max-width: 960px){
 .save_rolling_wrap { display:block; } 
.save_rolling { width:100%; margin-bottom:20px; } 
.save_list .btn_area .left_btn { position:relative; left:auto; top:0; margin-bottom:10px; } 
 }
@media screen and (max-width: 560px){
 .save_rolling { padding:10px; } 
.save_rolling .control { right:10px; top:10px; } 
.save_rolling .control .swiper-button-prev,
.save_rolling .control .swiper-button-next { width:26px; height:26px; } 
.save_rolling .txt_area .category span { font-size:12px; } 
.save_rolling .txt_area .title { font-size:18px; } 
.save_rolling .txt_area ul li { font-size:13px; } 
.save_rolling .txt_area ul li span { min-width:55px; } 
 }
@media print { .save_list .btn_area,
.save_list .all_check,
.save_rolling .img_area .custom_checkbox,
.save_rolling .txt_area .remove,
.save_rolling .control { display:none; } 
.save_rolling .txt_area { padding-right:0; } 
.save_rolling .txt_area .category { padding-right:0; } 
 }

/* introduction */
.introduction .visual { position:relative; margin-bottom:50px; display:block; height:220px; } 
.introduction .visual:before { position:absolute; left:50%; top:0; width:0; height:100%; display:block; content:""; transform: translateX(-50%); background:url(../img/sub/introduction_visual.png) no-repeat center center; background-size:cover; transition: all 0.6s ease-out 0.2s; } 
.page_on .introduction .visual:before { width:100vw; } 
.introduction .intro_cont { display:flex; align-items: center; flex-direction: row-reverse; } 
.introduction .intro_cont .img_area { margin-left:auto; width:32%; text-align:right; } 
.introduction .intro_cont .img_area img { max-width:100%; } 
.introduction .intro_cont .txt_area { width:60%; word-break:keep-all; } 
.introduction .intro_cont .txt_area p { margin:0 0 25px; font-size:18px; line-height:1.7; } 
.introduction .intro_cont .txt_area p.bd_btm { text-decoration: underline; } 
.introduction .intro_cont .txt_area .txt_1 { margin-bottom:40px; font-size:32px; font-weight:800; line-height:1.5; } 
.introduction .intro_cont .txt_area .name { font-size:18px; font-weight:500; display:Flex; align-items: center; } 
.introduction .intro_cont .txt_area .name strong { margin-left:10px; display:inline-block; font-size:40px; font-weight:300; font-family: 'Cafe24Shiningstar'; } 
@media screen and (max-width: 1200px){
 .introduction .intro_cont .txt_area p br { display:none; } 
 }
@media screen and (max-width: 960px){
 .introduction .visual { height:180px; } 
.introduction .intro_cont { display:block; } 
.introduction .intro_cont .img_area { margin:0 auto 30px; width:80%; text-align:center; } 
.introduction .intro_cont .txt_area { width:100%; } 
.introduction .intro_cont .txt_area .txt_1 { font-size:24px; } 
.introduction .intro_cont .txt_area .txt_1 br { display:none; } 
.introduction .intro_cont .txt_area p.bd_btm { margin-bottom:20px; font-size:15px; } 
.introduction .intro_cont .txt_area p { margin-bottom:20px; font-size:15px; } 
 }

/* purpose */
@keyframes purpose_arrow { 
 0% { bottom: 30px; } 
50% { bottom: 50px; } 
100% { bottom: 30px; } 
 }

.purpose .visual { position:relative; margin-bottom:60px; height:600px; display:flex; align-items: center; } 
.purpose .visual:before { position:absolute; left:50%; top:0; width:0; height:100%; display:block; content:""; transform: translateX(-50%); background:url(../img/sub/purpose_visual.png) no-repeat center center; background-size:cover; transition: all 0.6s ease-out 0.2s; } 
.page_on .purpose .visual:before { width:100vw; } 
.purpose .visual .vs_txt { position:relative; z-index:2; width:100%; font-size:28px; font-weight:700; color:#fff; text-align:center; line-height:1.4; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.6s; } 
.page_on .purpose .visual .vs_txt { bottom:0; opacity:1; } 
.purpose .visual:after { position:absolute; left:50%; bottom:30px; width:18px; height:20px; background:url(../img/sub/purpose_arrow.svg) no-repeat center center; display:block; content:""; transform: translateX(-50%); animation: purpose_arrow 2s linear infinite; } 
.purpose_list { max-width:1058px; margin:0 auto; } 
.purpose_list ul { display:flex; flex-wrap:wrap; } 
.purpose_list ul li { margin-bottom:50px; width:46%; } 
.purpose_list ul li:nth-child(2n) { margin-left:auto; } 
.purpose_list ul li .img_area img { width:100%; } 
.purpose_list ul li .txt_area { padding-top:30px; } 
.purpose_list ul li .txt_area .title { margin-bottom:10px; font-size:24px; font-weight:700; } 
.purpose_list ul li .txt_area .txt { font-size:18px; color:#333; line-height:1.7; } 
.purpose .character_area { text-align:center; } 
.purpose p { margin-top:25px; font-size:18px; color:var(--point-color-1); line-height:1.88; } 
@media screen and (max-width: 960px){
 .purpose .visual .vs_txt { word-break: keep-all; } 
.purpose .visual .vs_txt br { display:none; } 
.purpose_list ul li .txt_area { padding-top:10px; } 
.purpose_list ul li .txt_area .title { font-size:20px; word-break: keep-all; } 
.purpose_list ul li .txt_area .txt { font-size:15px; line-height:1.4; } 
.purpose p { font-size:14px; line-height:1.4; } 
 }
@media screen and (max-width: 768px){
 .purpose .visual .vs_txt { font-size:22px; } 
.purpose .visual { height:400px; } 
 }

/* history */
.history { position:relative; margin:0 auto; max-width:1160px; } 
.history .left_area { width:42%; } 
.history .left_area img { max-width:100%; } 
.history .left_area .txt_area { padding-top:30px; } 
.history .left_area .txt_area .title { margin-bottom:15px; font-size:18px; color:#333; display:block; } 
.history .left_area .txt_area .txt { font-size:28px; font-weight:700; } 
.history_cont { margin-bottom:60px; display:flex; } 
.history .history_list { margin-left:auto; width:52%; } 
.history .history_list>ul { position:relative; padding-top:40px; } 
.history .history_list>ul:before { position:absolute; left:100px; top:0; width:2px; height:100%; background-color:#ddd; display:block; content:""; } 
.history .history_list>ul>li { position:relative; padding-left:100px; } 
.history .history_list>ul>li .year { position:absolute; left:0; font-size:18px; font-weight:700; } 
.history .history_list>ul>li>ul { position: relative; padding-bottom:40px; } 
.history .history_list>ul>li>ul:before { position:absolute; left:-5px; top:5px; width:12px; height:12px; background-color:var(--point-color-2); border-radius:50%; display:block; content:""; } 
.history .history_list>ul>li li { margin-bottom:10px; display:flex; } 
.history .history_list>ul>li li .month { width:100px; text-align:right; font-size:16px; color:#40A2E3; font-weight:600; line-height: 1.4; } 
.history .history_list>ul>li li .txt { margin-left:auto; width:calc(100% - 120px); font-size:16px; line-height:1.4; } 
@media screen and (max-width: 960px){
 .history_cont { display:block } 
.history .left_area { margin-bottom:40px; width:100%; text-align:center; } 
.history .history_list { width:100%; } 
 }

@media screen and (max-width: 640px){
 .history .history_list>ul>li>ul:before { top:-25px; } 
.history .left_area .txt_area .title { font-size:16px; } 
.history .left_area .txt_area .txt { font-size:22px; } 
.history .history_list>ul:before { left:6px; } 
.history .history_list>ul { padding-top:0; } 
.history .history_list>ul>li>ul:last-child { padding-bottom:0; } 
.history .history_list>ul>li .year { position:relative; padding-left:30px; margin-bottom:10px; } 
.history .history_list>ul>li { padding-left:6px; } 
.history .history_list>ul>li li .month { width:60px; font-size:14px; } 
.history .history_list>ul>li li .txt { width:calc(100% - 70px); font-size:14px; } 
 }

/* travel_info */
.travel_info .visual { position:relative; margin-bottom:60px; padding:0 10px; height:600px; box-sizing:border-box; display:flex; align-items: center; justify-content: center; } 
.travel_info .visual:before { position:absolute; left:50%; top:0; width:0; height:100%; background:url(../img/sub/travel_info_visual.png) no-repeat center center; background-size:cover; display:block; content:""; transform: translateX(-50%); transition: all 0.6s ease-out 0.2s; } 
.page_on .travel_info .visual:before { width:100vw; } 
.travel_info .vs_txt { position:relative; z-index:2; font-size:1.75rem; color:#fff; text-align:center; font-weight:900; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.5s; } 
.page_on .travel_info .vs_txt { bottom:0; opacity:1; } 

.listType_2>ul { display:Flex; flex-wrap:wrap; } 
.listType_2>ul>li { position:relative; margin:0 2% 30px 0; width:32%; } 
.listType_2>ul>li:nth-child(3n) { margin-right:0; } 
.listType_2>ul>li .img_area { position:relative; overflow:hidden; border-radius:5px; } 
.listType_2>ul>li .img_area a { position:relative; padding-bottom:66.66%; display:block; } 
.listType_2>ul>li .img_area a:before { position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url(../img/sub/icon_more2.svg) no-repeat center center rgba(0,0,0,0.3); display:block; content:""; transition: all 0.3s ease-out; opacity:0; } 
.listType_2>ul>li .img_area img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; transition: all 1s ease-out; transform: scale(1); } 
.listType_2>ul>li .img_area .control { position:absolute; right:10px; bottom:10px; z-index:5; display:flex; } 
.listType_2>ul>li .img_area .btn_recommend { width:40px; height:40px; background:url(../img/sub/recommend_off.svg) no-repeat center center #fff; border-radius:50%; border:none; cursor:pointer; } 
.listType_2>ul>li .img_area .btn_save { margin-left:5px; width:40px; height:40px; background:url(../img/sub/bookmark_off.svg) no-repeat center center #fff; border-radius:50%; border: none; cursor: pointer; } 
.listType_2>ul>li .txt_area { padding-top:15px; text-align:center; } 
.listType_2>ul>li .txt_area .tit { font-size:1.125rem; font-weight:600; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } 
.listType_2>ul>li .txt_area .txt { margin-top:5px; font-size:0.875rem; font-weight:600; color:#444; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; } 
.listType_2>ul>li:hover .img_area img { transform: scale(1.05); } 
.listType_2>ul>li:hover .img_area a:before { opacity:1; } 
.listType_2>ul>li .gall_chk { position:absolute; left:10px; top:10px; z-index:4; } 

@media screen and (max-width: 960px){
 .travel_info .visual { height:300px; } 
.travel_info .vs_txt { word-break: keep-all; } 
.travel_info .vs_txt br { display:none; } 
 }
@media screen and (max-width: 768px){
 .listType_2>ul>li { margin:0 0 20px; width:49%; } 
.listType_2>ul>li:nth-child(2n) { margin-left:auto; } 
.listType_2>ul>li .img_area .btn_save,
.listType_2>ul>li .img_area .btn_recommend { width:30px; height:30px; } 
 }

/* organization_cont */
.organization_cont .img_area { padding-bottom:70px; margin-bottom:70px; border-bottom:1px dashed #ddd; text-align:center; } 
.organization_cont h2 { font-size:24px; margin-bottom:30px; } 
.organization_cont .img_area img { max-width:100%; } 
.organization_cont table thead th { padding:0; height:70px; background-color:#F8F8F8; font-size:18px; font-weight:600; border:none; text-align:center; border-top:2px solid #000; border-bottom:1px solid #ddd; } 
.organization_cont table tbody td { height:70px; border:1px solid #ddd; border-right:none; text-align:center; font-size:16px; word-break: keep-all; } 
.organization_cont table tbody td:first-child { border-left:none; } 
.organization_cont table { width:100%; letter-spacing:-1px; border-collapse:collapse; } 
@media screen and (max-width: 960px){
 .organization_cont .img_area { padding-bottom:30px; margin-bottom:30px; } 
.organization_cont h2 { font-size:20px; margin-bottom:10px; } 
.organization_cont table thead th { height:50px; font-size:14px; } 
.organization_cont table tbody td { padding:0 5px; font-size:14px; } 
 }

/* location */
.location_cont { position:relative; } 
.location_cont .info_area:before { position:absolute; left:50%; top:0; z-index:-1; width:100vw; height:100%; background-color:#F6F6F6; display:block; content:""; transform: translateX(-50%); } 
.location_cont .info_area { position:Relative; padding:70px 0 220px; display:flex; align-items: center; flex-direction: row-reverse; } 
.location_cont .info_area .img_area { position:relative; margin-left:auto; width:49%; text-align:right; } 
.location_cont .info_area .img_area .link { position:absolute; right:0; bottom:0; padding:14px 20px; background-color:#fff; text-align:left; } 
.location_cont .info_area .img_area .link ul { display:flex; align-items: center; gap:20px; } 
.location_cont .info_area .img_area .link ul li a { position:relative; padding-left:47px; display:block; min-height:40px; display:flex; align-items: center; font-size:0.9375rem; } 
.location_cont .info_area .img_area .link ul li a:before { position:absolute; left:0; top:0; width:40px; height:40px; display:block; border-radius:50%; content:""; } 
.location_cont .info_area .img_area .link ul li.icon_naver a:before { background:url(../img/sub/map_icon_1.png) no-repeat center center; } 
.location_cont .info_area .img_area .link ul li.icon_kakao a:before { background:url(../img/sub/map_icon_2.png) no-repeat center center #FAE200; } 
.location_cont .info_area .img_area .link ul li.icon_google a:before { background:url(../img/sub/map_icon_3.png) no-repeat center center; } 
.location_cont .info_area .img_area img { max-width:100%; } 
.location_cont .info_area .txt_area { width:48%; } 
.location_cont .info_area .txt_area h2 { margin-bottom:15px; font-size: 24px; } 
.location_cont .info_area .txt_area p { font-size:18px; line-height:1.7; } 
.location_cont .info_area .txt_area .list li { position:relative; margin-bottom:20px; padding-left:84px; min-height:70px; display:flex; align-items: center; } 
.location_cont .info_area .txt_area .list li:before { position:absolute; left:0; top:0; width:70px; height:70px; border-radius:50%; display:block; content:""; } 
.location_cont .info_area .txt_area .list li.icon_1:before { background:url(../img/sub/location_icon_1.png) no-repeat center center #40A2E3; } 
.location_cont .info_area .txt_area .list li.icon_2:before { background:url(../img/sub/location_icon_2.png) no-repeat center center #40A2E3; } 
.location_cont .info_area .txt_area .list li.icon_3:before { background:url(../img/sub/location_icon_3.png) no-repeat center center #40A2E3; } 
.location_cont .info_area .txt_area .list li h3 { margin-bottom:4px; font-size:18px; font-weight:700; } 
.location_cont .info_area .txt_area .list li address,
.location_cont .info_area .txt_area .list li .txt { font-size:16px; color:#333; font-style: normal; } 
.location_cont .map_area { margin-top:-150px; border:1px solid #ddd; box-sizing:border-box; } 
.location_cont .map_area iframe { width:100%; display:block; height:440px; } 
@media screen and (max-width: 960px){
 .location_cont .info_area { padding:35px 0 100px; display:block; } 
.location_cont .info_area .img_area { margin-bottom:30px; width:100%; } 
.location_cont .info_area .img_area img { width:100%; } 
.location_cont .info_area .txt_area { width:100%; } 
.location_cont .map_area { margin-top:-80px; } 
.location_cont .info_area .txt_area p { word-break: keep-all; } 
.location_cont .info_area .txt_area p br { display:none; } 
.location_cont .map_area iframe { height:300px; } 
 }

/* national_geopark */
.sub_visual_motion { position:relative; margin-bottom:50px; height:600px; display:flex; align-items: center; justify-content: center; } 
.sub_visual_motion:before { position:absolute; left:50%; top:0; z-index:1; width:100vw; height:100%; display:block; content:""; transform: translateX(-50%); transition: all 0.4s ease-out; } 
.sub_visual_motion:after { position:absolute; left:50%; bottom:0; z-index:2; width:100vw; height:100%; display:block; background-color:#fff; content:""; transform: translateX(-50%); transition: all 1s ease-out; } 
.sub_visual_motion .sub_vs_txt { position:relative; z-index:3; text-align:center; bottom:-40px; opacity:0; transition: all 0.6s ease-out 0.8s; } 
.sub_visual_motion .sub_vs_txt h2 { margin-bottom:20px; font-size:28px; font-weight:700; color:#fff; } 
.sub_visual_motion .sub_vs_txt p { font-size:20px; font-weight:500; line-height:1.75; color:#fff; } 
.arrow_motion { position:absolute; left:50%; bottom:30px; z-index:4; width:18px; height:20px; background:url(../img/sub/down_arrow.svg) no-repeat center center; display:block; transform: translateX(-50%); animation: arrow_motion 1.5s ease-out infinite; } 
.page_on .sub_visual_motion:after { height:0; } 
.page_on .sub_visual_motion .sub_vs_txt { bottom:0; opacity:1; } 
.national_geopark .sub_visual_motion:before { background:url(../img/sub/national_geopark_visual.png) no-repeat center center; background-size:cover; } 
.national_geopark.unesco .sub_visual_motion:before { background:url(../img/sub/unesco_geology_visual.png) no-repeat center center; background-size:cover; } 
.national_geopark .txt_area p { margin-bottom:30px; font-size:18px; line-height:1.7; word-break: keep-all; } 
.national_geopark .txt_area p:last-child { margin-bottom:0; } 
.national_geopark .txt_area p strong { font-weight:500; text-decoration: underline; } 
.national_geopark .txt_area p strong.c-sky { color:#40a2e3; text-decoration: none; } 
@media screen and (max-width: 1200px){
 .national_geopark .txt_area p br { display:none; } 
.sub_visual_motion .sub_vs_txt p br { display:none; } 
 }
@media screen and (max-width: 960px){
 .sub_visual_motion { height:400px; } 
.national_geopark .txt_area p { font-size:16px; } 
.sub_visual_motion .sub_vs_txt h2 { font-size:24px; } 
.sub_visual_motion .sub_vs_txt p { font-size:16px; } 
 }

@keyframes arrow_motion { 
 0% { bottom:30px; } 
 50% { bottom:50px; } 
 100% { bottom:30px; } 
 }

/* danyang_geology */
.danyang_geology .gray_bg { position:relative; margin-bottom:50px; padding:70px 0; } 
.danyang_geology .gray_bg:before { position:absolute; left:50%; top:0; z-index:-1; width:0; height:100%; display:block; transform: translateX(-50%); background-color:#F6F6F6; content:""; transition: all 0.6s ease-out; } 
.page_on .danyang_geology .gray_bg:before { width:100vw; } 
.page_on .danyang_geology h2 { bottom:0; opacity:1; } 
.page_on .danyang_geology .gray_bg ul li { bottom:0; opacity:1; } 
.danyang_geology h2 { margin-bottom:20px; font-size:24px; font-weight:700; position:Relative; bottom:-30px; opacity:0; transition: all 0.3s ease-out 0.4s; } 
.danyang_geology .gray_bg ul { display:flex; } 
.danyang_geology .gray_bg ul li { position:relative; bottom:-40px; opacity:0; width:32%; margin-left:2%; min-height:253px; display:flex; align-items: center; justify-content: center; text-align: center; transition: all 0.3s ease-out; border-radius:10px; overflow:Lhidden; } 
.danyang_geology .gray_bg ul li:nth-child(1) { transition-delay: 0.6s; } 
.danyang_geology .gray_bg ul li:nth-child(2) { transition-delay: 0.9s; } 
.danyang_geology .gray_bg ul li:nth-child(3) { transition-delay: 1.2s; } 
.danyang_geology .gray_bg ul li:first-child { margin-left:0; } 
.danyang_geology .gray_bg ul li .txt span { display:block; font-size:18px; font-weight:700; color:#fff; } 
.danyang_geology .gray_bg ul li .txt strong { display:block; font-size:24px; font-weight:700; color:#fff; } 
.danyang_geology .gray_bg ul li.bg_1 { background:url(../img/sub/danyang_Geology_img1.png) no-repeat center center; background-size:cover; } 
.danyang_geology .gray_bg ul li.bg_2 { background:url(../img/sub/danyang_Geology_img2.png) no-repeat center center; background-size:cover; } 
.danyang_geology .gray_bg ul li.bg_3 { background:url(../img/sub/danyang_Geology_img3.png) no-repeat center center; background-size:cover; } 
.danyang_geology .txt_area p { margin-bottom:30px; font-size:18px; line-height:1.7; word-break: keep-all; } 
.danyang_geology .txt_area p:last-child { margin-bottom:0; } 
.danyang_geology .txt_area p strong { font-weight:500; text-decoration: underline; } 
.danyang_geology .txt_area p span { color:var(--point-color-2); } 
@media screen and (max-width: 1200px){
 .danyang_geology .txt_area p br { display:none; } 
 }
@media screen and (max-width: 768px){
 .danyang_geology .gray_bg ul { display:block; } 
.danyang_geology .gray_bg ul li { width:100%; margin:0 0 10px; } 
.danyang_geology .txt_area p { font-size:16px; } 
 }

/* danyang_features */
.danyang_features img { max-width:100%; } 
.danyang_features .bar { padding-bottom:70px; margin-bottom:70px; border-bottom:1px dashed #ddd; } 
.danyang_features h2 { font-size:24px; font-weight:700; margin-bottom:30px; } 
.danyang_features .cont_1 { display:flex; } 
.danyang_features .cont_1 .img_area { width:33.33%; } 
.danyang_features .cont_1 .txt_area { margin-left:auto; width:62.92%; } 
.danyang_features .cont_1 .txt_area p { margin-bottom:20px; font-size:16px; line-height:1.8; } 
.danyang_features .txt_area h3 { margin-bottom:10px; font-size:18px; color:var(--point-color-1); font-weight:700; } 
.danyang_features .txt_area ul { padding-left:20px; margin-bottom:30px; } 
.danyang_features .txt_area ul li { position:relative; padding-left:10px; font-size:15px; line-height:1.8; } 
.danyang_features .txt_area ul li strong { color:var(--point-color-2); font-weight:400; } 
.danyang_features .txt_area ul li:before { position:absolute; left:0; top:10px; width:5px; height:5px; background-color:var(--point-color-2); display:block; border-radius:50%; content:""; } 
.danyang_features .img_area { text-align:center; } 
.danyang_features h3.title_sky { margin:30px 0; font-size:20px; font-weight:700; color:#40a2e3; } 
@media screen and (max-width: 960px){
 .danyang_features h2 { font-size:20px; } 
.danyang_features .bar { padding-bottom:30px; margin-bottom:30px; } 
.danyang_features .cont_1 { display:block; } 
.danyang_features .cont_1 .img_area { margin-bottom:30px; width:100%; text-align:center; } 
.danyang_features .cont_1 .txt_area { width:100%; } 
 }

/* geopark */
.geopark h2 { font-size:24px; font-weight:700; margin-bottom:30px; } 
.geopark img { max-width:100%; } 
.geopark .w_1 { width:9.5%; } 
.geopark .w_2 { width:14%; } 
.geopark .w_3 { width:20%; } 
.geopark .w_4 { width:46.5%; } 
.geopark .w_5 { width:10%; } 
.geopark table { width:100%; letter-spacing:-1px; border-collapse:collapse; } 
.geopark .thead ul { display:flex; background-color:#F8F8F8; border-top:2px solid #000; flex-wrap:wrap; } 
.geopark .thead li { height:70px; text-align:center; font-size:18px; display:flex; align-items: center; text-align:center; justify-content: center; } 
.geopark .tbody>ul { display:flex; flex-wrap: wrap; margin-top:-1px; } 
.geopark .tbody>ul>li { padding:20px; display:flex; align-items: center; font-size:16px; text-align:center; border:1px solid #ddd; border-right:none; color:#444444; box-sizing:border-box; justify-content: center; } 
.geopark .tbody>ul>li.w_4 { justify-content: flex-start; } 
.geopark .tbody>ul>li:first-child { border-left:none; } 
.geopark .tbody>ul>li .list li { position:relative; padding-left:10px; font-size:15px; line-height:2; text-align:left; } 
.geopark .tbody>ul>li .list li:before { position:absolute; left:0; top:12px; width:5px; height:5px; background-color:var(--point-color-2); display:block; border-radius:50%; content:""; } 
@media screen and (max-width: 960px){
 .geopark .thead li { font-size:16px; } 
.geopark .tbody>ul>li { padding:5px; } 
 }
@media screen and (max-width: 700px){
 .geopark .thead { display:none; } 
.geopark .tbody { border-top:2px solid #000; } 
.geopark .tbody>ul { position:relative; padding:10px 0; border-bottom:1px solid #ddd; } 
.geopark .tbody>ul>li { border:none; } 
.geopark .tbody>ul>li.w_1 { width:50px; } 
.geopark .tbody>ul>li.w_2 { width:calc(100% - 130px); text-align:left; justify-content:flex-start; } 
.geopark .tbody>ul>li.w_4,
.geopark .tbody>ul>li.w_3 { width:100%; } 
.geopark .tbody>ul>li.w_5 { position:absolute; right:0; top:10px; width:80px; } 
 }

/* unesco_status */
.unesco_status .d-flex { display:flex; } 
.unesco_status img { max-width:100%; } 
.unesco_status .left_area { width:40.5%; } 
.unesco_status .left_area .year { margin:35px 0 1px; font-size:18px; color:#333; } 
.unesco_status .left_area p { font-size:28px; font-weight:700; } 
.unesco_status .right_area { margin-left:auto; width:54.5%; } 
.unesco_status .right_area>ul { position:relative; padding:30px 0 10px; } 
.unesco_status .right_area>ul:before { position:absolute; left:95px; top:0; width:2px; height:100%; background-color:#ddd; display:block; content:""; } 
.unesco_status .right_area>ul:after { position:absolute; left:95px; top:0; width:2px; height:70%; background-color:#40A2E3; display:block; content:""; } 
.unesco_status .right_area>ul>li { position:relative; margin-bottom:40px; padding-left:160px; } 
.unesco_status .right_area>ul>li:before { position:absolute; left:90px; top:2px; width:12px; height:12px; background-color:#40A2E3; border-radius:50%; display:block; content:""; } 
.unesco_status .right_area>ul>li .year { position:absolute; left:0; top:0; font-size:18px; font-weight:700; } 
.unesco_status .right_area>ul>li .list ul>li { margin-bottom:12px; display: flex; } 
.unesco_status .right_area>ul>li .list ul>li .month { width:60px; font-size:16px; font-weight:600; color:#40A2E3; } 
.unesco_status .right_area>ul>li .list ul>li .txt { margin-left:Lauto; width: calc(100% - 70px); font-size:16px; } 
@media screen and (max-width: 960px){
 .unesco_status .d-flex { display:block; } 
.unesco_status .left_area { margin-bottom:40px; width:100%; } 
.unesco_status .right_area { width:100%; } 
.unesco_status .left_area p { font-size:24px; } 
 }
@media screen and (max-width: 500px){
 .unesco_status .right_area>ul>li { padding-left:30px; } 
.unesco_status .right_area>ul>li .year { position:relative; margin-bottom:10px; } 
.unesco_status .right_area>ul:before { left:10px; } 
.unesco_status .right_area>ul:after { left:10px; } 
.unesco_status .right_area>ul>li:before { left:5px; top:5px; } 
 }

/* ci */
.ci_cont img { max-width:100%; } 
.ci_cont .btn_area { margin-bottom:20px; display:flex; align-items: center; justify-content: flex-end; } 
.ci_cont .btn_area a { margin-left:10px; padding:0 25px; height:45px; display:flex; align-items: center; font-size:15px; color:#fff; background-color:#aaa; transition: all 0.3s ease-out; } 
.ci_cont .btn_area a:hover { background-color:#40A2E3; } 
.ci_cont .btn_area a:after { margin-left:18px; width:12px; height:14px; background:url(../img/sub/icon_down.svg) no-repeat center center; display:block; content:""; } 
.ci_cont .top_logo_area { padding:110px 20px; text-align:center; background:url(../img/sub/grid_bg.gif) repeat center center; border-radius:10px; border:1px solid #ddd; } 
#ctt_con .ci_cont .top_logo_area img { max-width:70%; } 
.ci_cont .txt_1 { margin:20px 0 50px; font-size:18px; line-height:1.7; } 
.ci_cont .gray_bg { position:relative; padding:70px 0; display:flex; } 
.ci_cont .gray_bg:before { position:absolute; left:50%; top:0; z-index:-1; width:100vw; height:100%; display:block; background-color:#F4F7F9; content:""; transform: translateX(-50%); } 
.ci_cont .left_area { width:48.4%; } 
.ci_cont .right_area { margin-left:auto; width:48.4%; } 
.ci_cont .gray_bg .logo_area { margin-bottom:30px; padding:0 20px; min-height:320px; display:flex; align-items: center; justify-content: center; background:url(../img/sub/grid_bg.gif) repeat center center; border-radius:10px; border:1px solid #ddd; } 
.ci_cont h2 { margin-bottom:10px; font-size:24px; font-weight:700; } 
.ci_cont .gray_bg p { margin:0; font-size:18px; line-height:1.5; } 
.ci_cont .logo_color { padding:35px 0; } 
.ci_cont .logo_color h2 { margin-bottom:20px; } 
.ci_cont .logo_color ul { display:flex; } 
.ci_cont .logo_color ul li { width:50%; } 
.ci_cont .logo_color ul li .color_txt { margin-bottom:15px; padding:0 10%; height:70px; display:flex; align-items: center; font-size:16px; color:#fff; } 
.ci_cont .logo_color ul li.red .color_txt { background-color:#D36354; } 
.ci_cont .logo_color ul li.gray .color_txt { background-color:#989898; } 
.ci_cont .logo_color ul li.blue .color_txt { background-color:#63AFC6; } 
.ci_cont .logo_color ul li .txt { display:flex; } 
.ci_cont .logo_color ul li .txt strong { flex-shrink: 0; font-size:16px; font-weight:500; margin-right:10px; line-height: 1.6; } 
.ci_cont .logo_color ul li .txt span { font-size:16px; line-height:1.6; } 
.marongi_bg { position:relative; padding:90px 0; text-align:center; } 
.marongi_bg:before { position:absolute; left:50%; top:0; z-index:-1; width:100vw; height:100%; display:block; content:""; transform: translateX(-50%); background: rgb(184, 212, 230); background: linear-gradient(180deg, rgba(184, 212, 230, 1) 0%, rgba(255, 255, 255, 1) 100%); } 
.marongi_character { position:relative; margin:0 auto; max-width:471px; } 
.marongi_character .character { position:relative; z-index:2; } 
.marongi_character .cloud_1 { position:absolute; right:-70px; top:-10px; z-index:1; } 
.marongi_character .cloud_2 { position:absolute; left:0; top:0; z-index:1; } 
.marongi_character .cloud_3 { position:absolute; left:-70px; top:136px; z-index:1; } 
.marongi_character .txt { position:absolute; left:0; top:0; z-index:4; } 
.marongi_bg .info { margin:40px 0; } 
.marongi_bg .info p { font-size:18px; line-height:1.7; } 
.marongi_list { display:flex; gap:30px; flex-wrap:wrap; justify-content: center; } 
@media screen and (max-width: 960px){
 .ci_cont .gray_bg { display:block; } 
.ci_cont .gray_bg .left_area { margin-bottom:30px; width:100%; } 
.ci_cont .gray_bg .right_area { width:100%; } 
 }

@media screen and (max-width: 640px){
 .ci_cont .btn_area a { padding:0 15px; } 
.ci_cont .btn_area a:after { margin-left:10px; } 
.ci_cont .top_logo_area { padding:50px 20px; } 
.ci_cont .txt_1 { font-size:16px; } 
.ci_cont .gray_bg .logo_area { min-height:250px; } 
.ci_cont h2 { font-size:20px; } 
.ci_cont .gray_bg p { font-size:16px; } 
.ci_cont .logo_color ul li .color_txt { font-size:14px; } 
.ci_cont .logo_color ul li .txt { padding:0 5px; display:block; } 
.ci_cont .logo_color ul li .txt span { display:block; font-size:14px; } 
.marongi_character .txt { left:-30px; top:-30px; } 
.marongi_bg .info p { font-size:16px; } 
 }

.bucketList img { max-width:100%; } 
.bucketList button { background:none; padding:0; margin:0; border:none; cursor:pointer; } 

.mt_0 { margin-top:0 !important; } 
.application { display:flex; } 
.application .img_area { width:48.4%; display: none; } 
.application .img_area h1 { width:100%; height:65px; display:flex; align-items:center; background-color:#40A2E3; color:#fff; justify-content:center; border-radius:10px 10px 0 0; font-size:22px; font-weight:700; } 
.application .img_area { text-align:center; } 
.application .img_area img { max-width:100%; } 
.application .img_area .img { margin-bottom:20px; padding:30px; background-color:#F6F6F6; border-radius:0 0 10px 10px; } 
.application .tour_step_cont { margin-left:auto; width:48.4%; width: 100%; max-width: 850px; display:block; padding:30px; background-color:#F5F5F5; border:2px solid #C1A6DE; border-radius:10px; margin: 0 auto; } 
.application .tour_step_cont .btn_list ul li { } 
.application .tour_step_cont .btn_list ul li button { padding:0; width:100%; min-width:auto; } 
.application .tour_step_cont .btn_list ul li:last-child { margin-right:0; } 
.application .horizontal_calendar .year_month h2 { font-size:20px; } 
.application .btn_list li { min-width:90px; width:auto; } 
.application .calendar_rolling_wrap .swiper-slide { text-align:center; } 
.application .calendar_rolling_wrap .swiper-slide button { margin:0 auto; display:block; padding:10px; width:42px; border-radius:2em; border:none; background:transparent; } 
.application .calendar_rolling_wrap .swiper-slide .today { background-color:#987DB7; color:#fff; } 
.application .tour_step_cont .title_area h1 { margin:0; } 
.application .tour_step_cont .title_area,
.application .tour_step_cont h1 { margin-top:30px; font-size:16px; padding-bottom:0; border-bottom:none; margin-bottom:10px; } 
.application .tour_step_cont .applicant_info ul li { display:block; padding:0; } 
.application .tour_step_cont .applicant_info ul li .title { margin:30px 0 10px; width:100%; font-weight:700; color:#000; } 
.application .tour_step_cont .applicant_info ul li .input_area { margin-bottom: 10px; width:100%; } 
.application .tour_step_cont .applicant_info ul li textarea { height:70px; } 
.application .tour_step_cont .traveler_info ul { margin-bottom:30px } 
.application .tour_step_cont .traveler_info ul li { padding-left:0; } 
.application .tour_step_cont .traveler_info .agree_txt label { font-size:15px; } 
.application .custom_table>ul>li { width:100%; } 
.application .custom_table>ul>li .title { width:20%; } 
.application .custom_table>ul>li .input_area { width:80%; } 
.application .custom_table>ul>li .input_area input[type=text] { height:36px; line-height:34px; } 
.application .tour_step_cont .control_btn { margin-bottom:15px; } 
.application .tour_step_cont .total_applicant { font-size:18px; } 
.application .tour_step_cont .payment_info>ul>li .title { width:90px; font-size:15px; } 
.application .tour_step_cont .payment_info>ul>li .txt_area { width:calc(100% - 90px); } 
.application .tour_step_cont .payment_info>ul>li { padding:10px 0; } 
.application .tour_step_cont .agree_form { padding:0; background:transparent; } 
.application .tour_step_cont .btn_area>* { width:49%; height:50px; line-height:50px; color:#fff; border-radius:5px; } 
.application .tour_step_cont .btn_area>*:nth-child(2n) { margin-left:auto; } 
.application .tour_step_cont .btn_list2 ul li { width:auto; margin-right:14px; } 
.application .tour_step_cont .btn_list2 ul li button { min-width:90px; } 
.application .tour_step_cont .radio_list ul li input[type=text] { width: 170px; } 
.application .tour_step_cont .traveler_info .taxi_number { display:block; } 
.application .tour_step_cont .traveler_info .taxi_number .title { margin-bottom:10px; width:100%; } 
.application .tour_step_cont .traveler_info .taxi_number .input_area { width:100%; } 
@media screen and (max-width: 1040px){
 .application { display:block; } 
.application .img_area { width:100%; } 
.application .img_area .img { padding:10px; } 
.application .tour_step_cont { width:100%; padding:20px; } 
 }

@media screen and (max-width: 760px){
 .application .custom_table>ul>li { display:block; } 
.application .custom_table>ul>li .title { width:100%; min-height:40px; font-size:14px; } 
.application .custom_table>ul>li .input_area { width:100%; } 
 }

.prev_next ul { border-top:1px solid #ddd; } 
.prev_next ul li { display:flex; border-bottom:1px solid #ddd; } 
.prev_next ul li .title { padding:0 10px; height:60px; display:flex; width:140px; align-items:center; font-size:16px; background-color:#efefef; text-align:center; box-sizing:border-box; justify-content:center; } 
.prev_next ul li .txt { padding:0 10px; width:calc(100% - 140px); height:60px; display:flex; align-items:center; box-sizing:border-box; } 
.prev_next ul li .txt a { display:block; width:100%; font-size:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } 

@media screen and (max-width: 760px){
 .prev_next ul li .title { width:70px; font-size:14px; height:40px; } 
.prev_next ul li .txt { width:calc(100% - 70px); height:40px; } 
.prev_next ul li .txt a { font-size:14px; } 
 }

/* participation_info */
.participation_info { line-height:1.5; } 
.participation_info .title_type_2 { position:relative; margin-bottom:25px; padding-left:58px; font-size:1.375rem; font-weight:700; line-height:1; } 
.participation_info .title_type_2:before { position:absolute; left:0; top:0; width:50px; height:19px; background:url(../img/sub/bullet.svg) no-repeat center center; background-size:100%; display:block; content:""; } 
.participation_info .list { margin-bottom:90px; } 
.participation_info .list>ul>li { position:Relative; margin-bottom:15px; padding-left:14px; font-size:1.0625rem; } 
.participation_info .list>ul>li strong { font-weight:700; color:var(--point-color-2); border-bottom:2px solid var(--point-color-2); } 
.participation_info .list>ul>li:before { position:absolute; left:0; top:8px; width:6px; height:6px; background-color:var(--point-color-2); display:block; content:""; border-radius:50%; } 
.participation_info .list>ul>li>ul { padding:10px 0 0 14px; } 
.participation_info .list>ul>li>ul>li { font-size:0.9375rem; color:var(--point-color-1); } 
.participation_info .list ul.list_3 { position:relative; padding-left:20px; } 
.participation_info .list ul.list_3>li { padding-left:14px; margin-bottom:25px; } 
.participation_info .list ul.list_3>li:before { position:absolute; left:0; top:8px; width:5px; height:5px; background-color:var(--point-color-1); display:block; content:""; border-radius:0; } 
.participation_info .list ul.list_3>li span { margin-bottom:10px; display:block; color:var(--point-color-1); font-weight:600; } 
.participation_info .list_2 { margin-bottom:90px; } 
.participation_info .list_2 ul { padding:30px; background-color:#F6F6F6; } 
.participation_info .list_2 li { position:relative; margin-bottom:10px; padding-left:12px; } 
.participation_info .list_2 li:before { position:absolute; left:0; top:6px; width:5px; height:5px; background-color:var(--point-color-1); display:block; content:""; } 
.participation_info .list_2 p { margin-top:10px; font-size:0.9375rem; color: var(--point-color-1); } 
.participation_info .list_2 p span { text-decoration: underline; } 
.participation_info .step ul { display:flex; gap:35px; justify-content: space-between; } 
.participation_info .step ul li { position:relative; width:16.66%; padding:20px 0; min-height:220px; border:4px solid #D9E3E9; background-color:#EEF4F8; border-radius:30px; display:flex; align-items: center; justify-content: center; text-align:center; } 
.participation_info .step ul li:before { position:absolute; right:-20%; top:50%; width:22px; height:30px; background:url(../img/sub/arrow3.png) no-repeat center center; display:block; content:""; transform: translateY(-50%); } 
.participation_info .step ul li:last-child:before { display:none; } 
.participation_info .step ul li .step { margin-bottom:4px; font-size:0.875rem; font-weight:500; color:var(--point-color-2); } 
.participation_info .step ul li .title { margin-bottom:25px; font-size:1.0625rem; font-weight:600; } 
.participation_info .step ul li .title span { margin-top:5px; font-size:0.9375rem; font-weight:500; color:#37698A; display:block; } 
.participation_info .step ul li .title span strong { display:block; } 

@media screen and (max-width: 1024px){
 .participation_info .step ul { gap:20px } 
.participation_info .step ul li .title br { display:none; } 
.participation_info .step ul li .title span br { display:block; } 
 }
@media screen and (max-width:768px){
 .participation_info .list>ul>li:before { top:5px; } 
.participation_info .list_2 li:before { top:4px; } 
.participation_info .list_2 ul { padding:15px; } 
.participation_info .list { margin-bottom:40px; } 
.participation_info .step ul { display:block; } 
.participation_info .step ul li { margin-bottom:30px; width:100%; height:auto; padding:20px; box-sizing:border-box; } 
.participation_info .step ul li:before { top:auto; bottom:-32px; left:50%; right:auto; transform:translate(-50%, 0) rotate(90deg) } 
.participation_info .list ul.list_3>li { margin-bottom:10px; } 
 }

/* mission_tour */
.mission_tour .img_area { margin-bottom:50px; text-align:center; } 
.mission_tour .img_area img { max-width:100%; } 
.mission_tour h2 { margin-bottom:30px; font-size:1.5rem; font-weight:700; } 
.mission_tour .list { margin:0 auto; max-width:870px; } 
.mission_tour .list li { position:relative; padding-left:22px; line-height:2; font-size:1rem; } 
.mission_tour .list li:before { position:absolute; left:0; top:10px; width:12px; height:9px; background:url(../img/sub/icon_check.svg) no-repeat center center; display:block; content:""; } 
.mission_tour .list li .highlight { padding:0 2px; background-color:var(--point-color-2); color:#fff; display:inline-block; line-height:1.4; } 
.mission_tour .list li .highlight.red_bg { background-color:#f84343; } 
.mission_tour .list li strong { color:#F84343; font-weight:500; text-decoration:underline; } 
.mission_tour .btn_area { margin-bottom:20px; display:flex; align-items: center; justify-content: center; } 
.mission_tour .btn_area a { margin-left:30px; padding:0 25px; height:45px; display:flex; align-items: center; font-size:15px; color:#fff; background-color:#aaa; transition: all 0.3s ease-out; } 
.mission_tour .btn_area a:first-child { margin-left:0; } 
.mission_tour .btn_area a:hover { background-color:#40A2E3; } 
.mission_tour .btn_area a.icon_download:after { margin-left:18px; width:12px; height:14px; background:url(../img/sub/icon_down.svg) no-repeat center center; display:block; content:""; } 
.mission_tour .btn_area a.btn_blue_bg { background-color: #40A2E3; } 
.mission_tour .btn_area a.btn_blue_bg:hover { background-color:var(--point-color-1); } 

@media screen and (max-width: 960px){
 .mission_tour .list li { line-height:1.8; } 
.mission_tour .list li:before { top:6px; } 
 }

.application_link { margin-bottom:60px; } 
.application_link a { max-width:300px; padding:0 50px 0 20px; height:50px; line-height:50px; border-radius:8px; font-weight:500; display:block; transition: all 0.3s ease-out; background:url(../img/icon_link2.svg) no-repeat right 20px center var(--point-color-2); box-sizing:border-box; color:#fff; } 

.reservation_check .box { padding:30px 40px; border:1px solid #ddd; border-radius:10px } 

@media screen and (max-width: 640px){
 .reservation_check .box { padding:20px; } 
 }