
<meta charset="utf-8">

p {font-size: 18px !important;}

@media screen and (max-width: 768px) {
    p {font-size: 16px !important;}
}




/*공통*/
.overview { max-width:890px}
.sub-title { padding: 150px 0 100px;text-align: center;}
.sub-title h2 { font-size: 54px; font-weight: 700;color: #000; line-height: 1.2; max-width: 700px}
.sub-title p { font-size: 18px; color: #555;padding: 0px 0 50px 0; line-height: 1.65;}
.sub-title.left { text-align: left;}
.sub-title.left strong {color: #0460d9; font-size: 18px; padding-bottom: 20px;display: block}

.sub-content-title {padding: 100px 0 50px;}
.sub-content-title h3 {font-size: 38px;color: #222;font-weight: 700;}
.sub-content-title h3::after {content: ""; width: 7px; height: 7px; background: #0460d9;border-radius: 50%;display: inline-block;margin-left: 10px;}

.dot-title { display: block;  position: relative; margin-top: 30px;  padding-left: 20px; font-size: 17px; font-weight: 500; line-height: 22px; color: #333 }
.dot-title::before {content: "";  display: inline-block;  position: absolute; top: 5px; left: 0; width: 10px; height: 10px;  background-image: url("../img/sub/icon_hexa_blue.svg"); background-size: auto; background-position: center;  background-repeat: no-repeat}
.dot-title--nomb { margin-top: 0}
.dot-title--bottom { margin-top: 0;  margin-bottom: 30px}
.sub_title { text-align: left;  padding: 0px 20px 0px 20px; max-width: 1600px; word-break: keep-all; margin:100px auto 30px auto}
.sub_title h2 {font-size: 40px; color: #000; max-width: 600px}

/* main common */
.max-inner{max-width:1600px; width:100%; padding: 0 20px; margin:0 auto;}
.sec-title p.sub-tit{font-size:18px; color:#0460d9; font-weight:600; margin-bottom:20px;}
.max-inner .top-desc { font-size: 24px; font-weight: 700; max-width: 830px; word-break: keep-all; padding: 28px 0; line-height: 1.4;}


.download-button { margin: 50px 0 0; }
.download-button a { display: inline-block; padding: 20px 50px; background: #0460d9; color: #fff; }
.download-button a img { margin-left: 20px; }

@media screen and (max-width:576px) {
     .sub_title{margin:50px 0 50px}
	 .sub_title h2 { font-size:25px; line-height: 1.3}
}



/*퀵메뉴*/
.right_quick-area{position: fixed; z-index: 100;bottom:120px; right: 10px}
.right_quick-area .quick-left{background: #fff; position: fixed; right: -100px; opacity: 0; border-radius: 8px; width: 70px;  box-shadow: rgba(0,0,0,0.1) 0 10px 20px; transition: all 0.5s ease; bottom:120px;}
.right_quick-area.active .quick-left{opacity: 1; right: 10px;}
.right_quick-area li {padding: 15px 0; position: relative}
.right_quick-area li span {position: absolute; color: #fff; border-radius: 30px; padding: 4px 0px; width: 80px; text-align: center; background: rgba(0,0,0,0.8); right: 100px; top: 20px; font-size: 11px; display: block; opacity: 0; transition: all 0.5s ease}
.right_quick-area li a,.right_quick-area li div {text-align: center; line-height: 50px; display: block; transition: all 0.3s ease; color:#a27b73; width:50px; height: 50px; margin: auto}
.right_quick-area li:nth-child(3) a {color: #f90}
.right_quick-area li:hover a,.right_quick-area li:hover div { background:#64a82e; color: #fff; border-radius: 50%;  box-shadow: rgba(0,0,0,0.2) 0 8px 6px}
.right_quick-area li:hover div {cursor: pointer;}
.right_quick-area li:hover span { right:50px; opacity:1; display: block;}
.right_quick-area li a i,.right_quick-area li div i {font-size: 25px; margin-top:15px;}


.right_quick-area .quick-form{background: #fff;float: right;width: 0px;opacity:0;max-width: 255px;height:0px;border-radius: 8px;transition: all 0.5s ease;padding: 18px;}
.right_quick-area .quick-form .txt_notice{font-size: 17px;padding-left: 20px;}
.right_quick-area .quick-form .privacy{padding-left: 20px;line-height: 30px;}
.right_quick-area .quick-form .qf_box{padding-left: 20px;}
.right_quick-area .quick-form .pt_1 {height: 46px;}
.right_quick-area .quick-form .pt_1 li{float: left;padding-right: 5px;}
.right_quick-area .quick-form .pt_1 li input{width: 60px;padding: 5px;}
.right_quick-area .quick-form .qf_box .name input,.right_quick-area .quick-form .qf_box .subject input,.right_quick-area .quick-form .pt_1 li input{height: 30px;}
.right_quick-area .quick-form .qf_box .content textarea{height: 60px;}
.right_quick-area .quick-form .qf_box .name input,.right_quick-area .quick-form .qf_box .subject input,.right_quick-area .quick-form .qf_box .content textarea{width: 190px;padding: 5px;}
.right_quick-area .quick-form .qf_box .send_btn{float: right;margin-right: 8px;height: 30px;width: 60px;font-weight: 600; letter-spacing: -1px; background: #000; border: none;color: #fff;cursor: pointer;border-radius: 5px;}

.kakao {width: 40px; height: 40px; margin: 10px auto; background: #fdcd21; border-radius: 50%; text-align: center; box-shadow: rgba(0,0,0,0.1) 0 10px 20px; }
.kakao a { color: #461b0e; font-size: 18px; line-height: 38px; display: block;}
.kakao i { line-height:40px}
    @media (max-width:576px) {
        .right_quick-area {display: none; }
    }
*/
/*퀵메뉴*/









/* 폼메일 */
.formmail { width: 100%; padding-top: 100px}
.formmail input { height: 50px; line-height: 40px; background: #fff;border: 1px solid #ccc;font-size: 14px;box-sizing: border-box;transition: all 1s;}
.formmail h2 { width: 200px; float: left; font-size: 18px; font-weight: 500;color: #555; padding: 5px 10px 5px 0;}
.formmail .clearfix {  padding:30px 0}
.formmail .left { width:17%; float:left}
.formmail .left h2 { font-size:20px; font-weight:bold; color:#000;float:none}
.formmail .left p { font-size:18px; color:#555}
.formmail .right { width:73%; margin-bottom:50px; float:left; text-align:left}
.formmail p {font-size: 16px; color: #555;}
.formmail textarea { width: 900px; height: 130px; line-height: 1.5; padding: 5px;border: 1px solid #bbb; box-sizing: border-box;resize: none;}
.formmail label { font-size:18px; color:#555}
.formmail .radio { width: 20px;height: 20px; border: 1px solid #ddd; background-color: #fff; margin:0 3px; color:#555}
.formmail .btn_submit{ width: 180px; height: 55px;line-height: 55px; border: 0; color: #fff;font-size: 18px; text-align: center; background: #3a8afd;}
.formmail .form-radio {margin-right: 10px; line-height: 28px;}
.formmail #email_list {width: 200px; height: 50px; line-height: 40px;}
.formmail .checkbox { padding: 10px;line-height: 0; margin-top: 9px; width: 20px; height: 20px;}
.formmail #confirm {margin:3px; width: 20px; height: 20px;}
.formmail .send_submit { width: 180px;  height: 55px;line-height: 55px;  border: 1px solid #ddd; color: #000; font-size: 18px; font-weight: 600; text-align: center; margin-top: 20px; position: relative; overflow: hidden; background-color: #fff; transition: color 0.4s ease; cursor: pointer;}

.formmail .send_submit::before { content: '';  position: absolute;top: 0; left: -100%; width: 100%; height: 100%; background-color: #000; transition: left 0.4s ease; z-index: 0;}
.formmail .send_submit:hover::before { left: 0;}
.formmail .send_submit:hover {color: #fff;}
.formmail .send_submit span { position: relative; z-index: 1;}
.formmail #file1 {width: 400px;}

@media screen and (max-width: 576px)  {
    .formmail { padding-top: 0}
    .formmail h2 { width:100%;}
    .formmail .left { width:100%; padding-bottom: 20px}
    .formmail .right { width:100%;}
    .formmail label {font-size: 16px;}
    .formmail .company .text,
    .formmail #file1 { width:100%;}
    .formmail #email1,
    .formmail #email2 { width:45%;}
    .formmail .textarea { width:100%;}
    .formmail .frm_input { width: 100%;}
}


/*오시는 길*/
.location .maparea { display: flex; flex-wrap: wrap; margin-bottom: 100px; padding-bottom: 100px; border-bottom: 1px solid #ccc; }
.location .maparea:last-child { margin-bottom: 0; border-bottom: 0; }
.location .maparea .map { width: calc(100% - 740px); height: 562px; }
.location .maparea .loca_info_box { width: 740px; padding: 80px 65px; box-sizing: border-box; border-top: 1px solid #111; border-bottom: 1px solid #111; }
.location .maparea h3 { color: #171717; font-size: 36px; font-weight: 800; letter-spacing: -0.36px; }
.location .maparea .loca_address { color: #171717; font-size: 19px; letter-spacing: -0.2px; margin-top: 32px; }
.location .maparea .loca_contact { color: #646464; font-size: 17px; letter-spacing: -0.16px; margin-top: 15px; }
.location .maparea .loca_guide { margin-top: 48px; }
.location .maparea .loca_guide dl { display: flex; align-items: flex-start; }
.location .maparea .loca_guide dl + dl { margin-top: 12px; }
.location .maparea .loca_guide dt { width: 100px; text-align: center; margin-right: 16px; border-radius: 110px; color: #fff; font-size: 17px; font-weight: 500; line-height: 46px; letter-spacing: -0.16px; }
.location .maparea .loca_guide dd { width: calc(100% - 118px); color: #646464; font-size: 17px; line-height: 2.1; letter-spacing: -0.18px; }
.location .maparea .loca_guide .loca_sub1 { background-color: #3cb44a; }
.location .maparea .loca_guide .loca_bus1 { background-color: #386de8; }
.location .maparea .loca_guide .loca_sub2 { background-color: #3cb44a; }
.location .maparea .loca_guide .loca_bus2 { background-color: #87c700; }
.location .maparea .loca_guide .loca_sub3 { background-color: #3cb44a; }
.location .maparea .loca_guide .loca_bus3 { background-color: #87c700; }

@media screen and (max-width: 1200px) {
  .location .maparea .map { width: calc(100% - 635px); height: 562px; }
  .location .maparea .loca_info_box { width: 635px; padding: 55px 40px; box-sizing: border-box; }
}

@media screen and (max-width: 992px) {
  .location .maparea { margin-bottom: 50px; padding-bottom: 50px; }
  .location .maparea .map { width: 100%; height: 350px; }
  .location .maparea .loca_info_box { width: 100%; padding: 40px 20px; }
  .location .maparea h3 { font-size: 24px; letter-spacing: -0.24px; }
  .location .maparea .loca_guide { margin-top: 20px; }
  .location .maparea .loca_address { font-size: 17px; letter-spacing: -0.18px; margin-top: 22px; }
  .location .maparea .loca_guide dt, .location .maparea .loca_guide dd { font-size: 15px; }
}
/*오시는 길*/



 .container { max-width: 1600px; margin: 0 auto;  overflow: hidden; }
.table-container { overflow-x: auto; font-size: 17px }
table { width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #ddd; padding: 12px 8px; text-align: left; }
th {  font-weight: bold; text-align: center; white-space: nowrap; }
.day-cell { background-color: #e8f4fd; text-align: center; font-weight: bold; vertical-align: middle; width: 80px; font-size: 17px }
.location-cell { background-color: #fff2e8; text-align: center; font-weight: bold; width: 100px; font-size: 17px }
.transport-cell { text-align: center; width: 140px; font-size: 17px }
.time-cell { text-align: center; width: 120px; white-space: nowrap; font-size: 17px }
.schedule-cell { width: auto; min-width: 300px; font-size: 17px }
.accommodation-cell { width: 150px; text-align: center; font-size: 17px }
.highlight { color: #d32f2f; font-weight: bold; }
.star { color: #d32f2f; font-weight: bold; }
.time-schedule { margin-bottom: 8px; }
.schedule-item { margin-bottom: 4px; }
@media (max-width: 1200px) { 
	.container { margin: 0 10px; } 
	th, td { padding: 8px 6px; font-size: 12px; } 
}
@media (max-width: 768px) { 
	th, td { padding: 6px 4px; font-size: 11px; } 
	.schedule-cell { min-width: 250px; } 
}
@media (max-width: 480px) { 
	.table-container { font-size: 10px; } 
	th, td { padding: 4px 2px; } 
}