@charset "utf-8";

@media all and (max-width:480px){
  #header .bottom h1 a {background-position:0 50%;}
  #header .bottom .right > a.icon::before {background-position:0 100%;}
  #header .bottom .right > a.sitemap::before {background-position:100% 100%;}
}

.sub_visual {position:relative; background:#fff; border-bottom:1px solid #e5e5e5;}
.sub_visual .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:url('/design/tour/img/sub/sub_visual.jpg') no-repeat top/cover; background-repeat:no-repeat; z-index:10;}
.sub_visual > * {position:relative; z-index:20;}
.sub_visual .title {padding:240rem 0 170rem 0; color:#fff; text-align:center;}
.sub_visual .title h2 {font-size:55rem; line-height:1.2;  font-family:'GmarketSans', sans-serif; font-weight:700;}
.snb_wrap {position:absolute; left:0; bottom:0; width:100%; background:linear-gradient(90deg, #fff 50%, transparent 50%);}
.snb_wrap .wrap {background:#fff; border-radius:0 30rem 0 0;}
.snb_wrap .wrap::after {content:''; display:table; clear:both;}
#snb {float:left; width:calc(100% - 290rem);}
#snb > li { position:relative; float:left; max-width:250rem; width:calc(33.33% - 23.33rem); border-left:1px solid #e5e5e5;}
#snb li a { position:relative; display:flex; align-items:center; height:70rem; padding:0 40rem 0 20rem; line-height:1.3;}
#snb > li > a::before { content:''; position:absolute; right:25rem; top:46%; width:8rem; height:8rem; background:linear-gradient(-45deg, #a2a2a2 50%, transparent 50%); transform:rotate(45deg) translate(0, -50%); }
#snb > li:last-of-type {border-right:1px solid #e5e5e5; }
#snb > li:last-of-type > a {font-weight:600; color:#222;}
#snb > li:last-of-type > a::before { background:linear-gradient(-45deg, #666 50%, transparent 50%);}
#snb > li.on > a {background:#0c8a44; color:#fff;}
#snb > li.on > a::before { background:linear-gradient(-45deg, #fff 50%, transparent 50%);}
#snb div { display:none; position:absolute; left:0; top:70rem; width:100%; background:#fff; border:1px solid #0c8a44; }
#snb div a { height:55rem; border-bottom:1px solid #e5e5e5; }
#snb div a:hover { background:#fdfdfd; color:#0c8a44; font-weight:600;}
#snb a[target="_blank"] span { display:inline-block; position:relative; padding:0 20rem 0 0; }
#snb a[target="_blank"] span::before {content:''; position:absolute; right:0; top:5rem; width:14rem; height:14rem; background:url('/design/tour/img/sub/blank.png') no-repeat 0 0/400% auto;}
#snb li.home { width:70rem;}
#snb li.home a, .snb_wrap .util > a { position:relative; display:block; width:70rem; height:70rem; text-indent:-9999rem; }
#snb li.home a::before, .snb_wrap .util > a::before {content:''; position:absolute; left:50%; top:50%; width:36rem; height:36rem; background:url('/design/tour/img/sub/util.png') no-repeat 0 0/500% auto; transform:translate(-50%, -50%); }
.snb_wrap .util { position:relative; float:right; background:#0c8a44; padding:0 10rem; border-radius:0 20rem 0 0;}
.snb_wrap .util::after {content:''; display:table; clear:both;}
.snb_wrap .util > a { position:relative; float:left; width:60rem;}
.snb_wrap .util > a::after {content:''; position:absolute; right:0; top:50%; width:1px; height:20rem; background:#fff; transform:translate(0, -50%); opacity:0.2; }
.snb_wrap .util > a:last-of-type::after {display:none;}
.snb_wrap .util a.size_up::before { background-position:25% 0; }
.snb_wrap .util a.size_down::before { background-position:50% 0; }
.snb_wrap .util a.print::before { background-position:75% 0; }
.snb_wrap .util a.share::before { background-position:100% 0; }
.snb_wrap .util div {display:none; position:absolute; right:17rem; top:70rem; }
.snb_wrap .util div a { display:block; width:43rem; height:43rem; background:#455e99 url('/design/tour/img/sub/util_share.png') no-repeat 0 0/300% auto; text-indent:-9999rem; border-radius:15rem; box-shadow:0 0 5rem rgba(55,55,55,0.2); margin-top:8rem; }
.snb_wrap .util div a.twitter {background-color:#000000; background-position:50% 0;}
.snb_wrap .util div a.kakao {background-color:#f2d711; background-position:100% 0;}
@media all and (max-width:768px){
    .sub_visual .title h2 { font-size:40rem; }
    #snb {width:100%; }
    #snb li.home {display:none;}
    #snb > li { width:33.33%;}
    .snb_wrap .wrap {border-radius:0; width:100%;}
    .snb_wrap .util {position:absolute; right:0; top:-70rem; border-radius:20rem 0 0 0; }
    .sub_visual .title { padding:170rem 20rem; }
}
@media all and (max-width:480px){
    .sub_visual .title {display:none;}
    .snb_wrap {position:relative; }
    .snb_wrap .wrap {padding-top:95rem; }
    #snb > li { width:100%; max-width:none; border-top:1px solid #eee; }
    #snb li a { height:50rem; }
    #snb div {top:50rem; z-index:10; }
    .snb_wrap .util { position:relative; top:auto; right:auto; display:flex; justify-content:center; width:100%; border-radius:0; }
    #snb li.home a, .snb_wrap .util > a { height:50rem; }
}

.sub_tab {margin-bottom:50rem; border:1px solid #0c8a44;}
.sub_tab ul {display:flex; flex-wrap:wrap;}
.sub_tab li {width:14.2857%; font-weight:600; text-align:center; border-right:1px solid #0c8a44;}
.sub_tab li:last-child {border-right:0;}
.sub_tab li a {display:block; padding:15rem 10rem;}
.sub_tab li a.on {color:#fff; background:#0c8a44;}
@media all and (max-width:768px){
    .sub_tab li {width:25%;}
    .sub_tab li:nth-child(-n+4) {border-bottom:1px solid #0c8a44;}
    .sub_tab li:nth-child(4) {border-right:0;}
    .sub_tab li:last-child {border-right:1px solid #0c8a44;}
}
@media all and (max-width:480px){
    .sub_tab li {font-size:15rem;}
    .sub_tab li a {padding:10rem;}
}

#content {padding:70rem 0;}
#content h3 {font-size:25rem; margin:50rem 0 25rem 0; color:#0c8a44;}
#content h3:first-child {margin-top:0;}
#content h4 {font-size:21rem; margin:30rem 0 15rem 0;}
@media all and (max-width:1023x){
    #content h3 {margin:35rem 0 20rem 0;}
}
@media all and (max-width:768px){
    #content h3 {font-size:20rem; margin:20rem 0 15rem 0;}
    #content h4 {font-size:19rem; margin:20rem 0 5rem 0;}
}

.table {overflow-x:auto; border-top:2px solid #3f4e63; margin:20rem 0 25rem; clear: both;}
.table table {width:100%; text-align:center; margin-left:-1px; line-height:1.6;}
.table table thead th,
.table table tbody th {background: #f5f7f8; border-left:1px solid #d7dee3; border-bottom:1px solid #d7dee3; padding:10rem;}
.table table tbody th {background:#fbfbfb;}
.table table tbody td,
.table table tfoot td { padding:10rem; border-bottom:1px solid #d7dee3; border-left:1px solid #d7dee3;}
.table table tbody td ul {margin-top:0; margin-bottom:0; text-align: left;}
.table table tbody td ul.dep_02 > li:first-child {margin-top:0;}
.table table tbody td ul.dep_02 li:last-child {margin-bottom:0;}
.table table tfoot td {background: #f5f7f8; font-weight:600;}
.table.tdL table tbody td {text-align:left;}
.table_scroll {background:url('../../common/img/scroll.png') no-repeat left center; padding:10rem 0 10rem 70rem; margin:15rem 0 -15rem;}
.table.type2 {border-top:2px solid #323232;}
.table.type2 table thead th,
.table.type2 table tbody th {background:transparent; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.table.type2 table thead th {border-bottom:1px solid #323232;}
.table.type2 table tbody th {background:transparent;}
.table.type2 table tbody td {border-bottom:1px solid #ddd; border-left:1px solid #ddd;}

.caution {position:relative; margin:5rem 0 5rem; padding-left:30rem; font-size: 17rem; color: #b9173e;}
.caution:before {content:'!'; position:absolute; top:3rem; left:0; background:#b9173e; color:#fff; font-weight:900; font-size:12rem; padding:0 9rem; border-radius:5rem;}
.caution span {position:absolute; text-indent:-9999rem;}

.dep_01 {margin:10rem 0 15rem 5rem;}
.dep_01 > li {position:relative; margin:5rem 0; padding:0 0 0 18rem}
.dep_01 > li:before {content:''; position:absolute; top:8rem; left:0; width:0; height:0; border-left:6rem solid #168949; border-top:6rem solid transparent; border-bottom:6rem solid transparent;}
.dep_02 {margin:5rem 0 10rem 5rem;}
.dep_02 > li {position:relative; margin:5rem 0; padding:0 0 0 17rem}
.dep_02 > li:before {content:''; position:absolute; top:11rem; left:0; width:4px; height:4px; background:#3f4e63; border-radius: 50rem;}
.dep_03 {margin:0 0 10rem 5rem;}
.dep_03 > li {position:relative; padding:5rem 0 0 17rem; font-size:16rem;}
.dep_03 > li:before {content:''; position:absolute; top:18rem; left:0; width:7px; height:1px; background:#3e3e3e;}
.dep_01.none > li {padding-left:0;}
.dep_01.none > li:before {display:none;}
.dep_02.none > li:before {display:none;}

.text_blank,
.link_btn {position:relative; padding-right:25rem; color:#168949; font-weight:500;}
.text_blank::before,
.link_btn:before {content:''; position:absolute; bottom:8rem; right:4rem; width:14rem; height:14rem; background:url('/design/tour/img/sub/blank.png') no-repeat 100% 0/400% auto; background-position:right 0;}
.text_blank.down::before{background-image: url('/design/common/img/btn_type_bl.png'); background-position:-2rem -2rem; right:0; width: 15rem; height:15rem;}

.btn_type {display:inline-block; background:#fff; color:#3f4e63; border: 1px solid #3f4e63; border-radius:6rem; padding:6rem 14rem 6rem 18rem; margin:5rem; font-size:16rem; font-weight: 700;}
.btn_type span {display:inline-block; padding-right:24rem; position:relative;}
.btn_type span::before {content:''; position:absolute; top:3rem; right: 0;; width:20rem; height:20rem; background:url('/design/ko/img/content/btn_type.png') no-repeat; background-position: 0 0;}
.btn_type.view span::before {background-position-x:-40px;}
.btn_type.blank span::before {background-position-x:-20px;}
.btn_type.small {padding:3rem 10rem 3rem 11rem; border-radius:50rem; font-size:15rem;}
.btn_type.small span::before {top:1rem;}

.cont_box {position:relative; border:1px solid #e6e6e6; border-top:2px solid #168949; padding:50rem 70rem; box-shadow:2px 2px 10px rgba(133,133,133,0.1); border-radius:30rem;}
.cont_box::before, .cont_box::after {content:''; position:absolute; width:35rem; height:87rem; background: url('/design/tour/img/content/content_box.jpg') no-repeat; z-index:1;}
.cont_box::before {left:-3rem; top:-2rem;}
.cont_box::after {right:-3rem; top:-2rem; transform:scaleX(-1);}
.cont_box dl dt { font-family:'GmarketSans', sans-serif; font-size:25rem; font-weight:600; margin-bottom:10rem; }
@media all and (max-width:1023px){
    .cont_box {padding:30rem 40rem;}
}