#wrap.page{background:url(/travel/images/sub/bg_sub.png) no-repeat center top;background-size:contain; position:relative; z-index:0;}

/* lnb */
.snb a.newwin > span:last-child{display:inline-flex;width:1.8rem;height:1.8rem;background:url(/travel/images/common/sp_layout.png) no-repeat -41.3rem -2.2rem;background-size:72rem;vertical-align:middle;margin:-.2rem 0 0 .6rem;text-indent:-9999px;}
.lnb.tpB {z-index:2;}
.lnb.tpB .snb{display:inline-flex; }
.lnb.tpB .snb > li{position:relative;}
.lnb.tpB .snb > li + li::before{content:'';display:inline-block;width:.5rem;height:.2rem;background-color:#767676;vertical-align:middle;margin:-.2rem 1.2rem 0;}
.lnb.tpB .snb > li.home > a{width:2.2rem;height:2.3rem;background:url(/travel/images/common/sp_layout.png) no-repeat -22.9rem -2rem;background-size:72rem;text-indent:-9999rem;}
.lnb.tpB .snb > li.home > a::after{display:none;}
.lnb.tpB .snb > li > a{display:inline-flex;align-items:center;gap:0 .2rem;font-size:1.8rem;font-weight:600;}
.lnb.tpB .snb > li > a .more{content:'';display:block;width:1.9rem;height:1.9rem;border:.1rem solid #c9cdd2;border-radius:5rem;background:url(/travel/images/common/sp_layout.png) no-repeat -26.7rem -2.3rem;em; */background-size:72rem;text-indent:-9999rem;}
.lnb.tpB .snb > li.on > a{color:#009944;}
.lnb.tpB .snb > li.on > a .more{transform: scaleY(-1);background-position:-29.6rem -2.3rem;}
.lnb.tpB .snb > li.on > a.newwin > span:last-child{filter:contrast(0) brightness(0);}
.lnb.tpB .snb > li > ul{display:none;position:absolute;top:calc(100% + 1.2rem);left:3rem;width:100%;min-width:17.5rem;border:.3rem solid #009944;border-radius:2rem;background-color:#fff;box-shadow:0 1.3rem 2.7rem rgba(128,125,95,.2);padding:1.2rem 2.4rem;z-index:1;}
.lnb.tpB .snb > li > ul li + li{border-top:.1rem solid #767676;}
.lnb.tpB .snb > li > ul li a{display:block;font-size:1.8rem;color:#767676;padding:1.8rem 0;}
.lnb.tpB .snb > li > ul li.on a{font-weight:600;color:#222;}


/* contents_tool */
.contents_tool{justify-content:center;width:15.5rem;height:6rem;border-radius:5rem;background-color:#f8f8f8;}

/* sub_vis */
.sub_vis{position:relative;display:flex;align-items:center;justify-content:center;height:46rem;padding-top:2rem;}
.sub_vis h2.tit{font-size:4rem;font-weight:600;text-align:center;word-break:keep-all;}
.sub_vis h2.tit::after{content:'visit jangheung';display:block;font-size:1.4rem;color:#222;text-transform:uppercase;}
.sub_vis .ico_mascoat_01{position:absolute;top:21rem;right:6.8rem;}

/* sub_nav */
.sub_nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 1.8rem; position:relative;}
.sub_nav::after{content:'';background: url(/travel/images/main/bg_guide3.png) no-repeat top;position:absolute;left:50%;transform: translateX(-50%) translateY(-10rem); width:100vw; height: 51rem; z-index:-1; pointer-events:none; }
.sub_nav > * { position:relative; z-index:1;}
.sub_nav h3.tit{width:100%;font-size:3.5rem;font-weight:600;text-align:center;word-break:keep-all;padding:3rem 0 5rem; z-index:1;}

/* content */
#content{border-top:.1rem solid #9e9e9e;padding:6rem 0 22rem 0;}

/*챙??챙혻??/
#container .inner .sub_in {margin-bottom: 24rem;}

/* 怨좉컼吏€??> ?ъ씠?몃㏊ */
#content .sitemap_wrap{display:flex;flex-wrap:wrap;}
#content .sitemap{display:block;float:left;margin:0 0 30px;padding:0 2%;width:25%;box-sizing:border-box;}
#content .sitemap h3{position:relative;color:#222;padding:15px 0 17px 0;text-align:center;font-size:2rem;font-weight:700;border-bottom:2px solid #333;}
#content .sitemap .sitemap_list{border:0;}
#content .sitemap .sitemap_list > ul > li > a{text-align:left;padding:15px 10px 15px 20px;border-bottom:1px solid #eaeaea;background-color:#fff;font-size:16px;width:100%;position:relative;display:block;box-sizing:border-box;}
#content .sitemap .sitemap_list > ul > li:hover > a{background-color:#333;color:#fff;transition:ease-in-out 0.28s;}
#content .sitemap .sitemap_list > ul > li > ul > li > a:before{display:inline-block;content:"";width:4px;height:4px;vertical-align:middle;border-radius:100%;background:#838383;margin-right:4px;}
#content .sitemap .sitemap_list > ul > li > ul > li > ul > li > a:before{content:'';display:inline-block;width:5px;height:2px;background:#d2d2d2;vertical-align:middle;margin-right:4px;}
#content .sitemap .sitemap_list > ul > li > ul > li > ul > li > ul{padding:5px 10px;border-top:1px dotted #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fbfbfb;}

#content .sitemap > ul{margin:0 0 27px;padding:0;border:1px solid #dee4e3}
#content .sitemap > ul > li > a{color:#1a4ab9;font-size:15px;padding:0 0 0 11px;}
#content .sitemap ul{margin-bottom:0;}
#content .sitemap ul li{border:none;box-sizing:border-box;}
#content .sitemap ul li ul{background:#f7f7f7;padding:10px 5%;width:100%;margin:0;box-sizing:border-box;border-bottom:1px solid #eaeaea;overflow:hidden;}
#content .sitemap ul li ul li{display:block;margin:0 2.5%;text-align:justify;box-sizing:border-box;border-radius:0;}
#content .sitemap ul li ul li:last-child{border-bottom:none;}
#content .sitemap ul li ul li a{font-size:16px;display:block;padding:10px 0 10px 0;color:#4f4f4f;}
#content .sitemap ul li ul li a:hover{text-decoration:underline;}
#content .sitemap ul li ul li ul{background:#fff;margin:5px 0 8px 0;}
#content .sitemap ul li ul li ul li{background:url(/travel/images/common/sub/basic_ul_bl.png) no-repeat 5px 9px;width:auto;border-bottom:none;}
#content .sitemap ul li ul li ul li:last-child{margin-bottom:0;}
#content .sitemap ul li ul li ul li a{padding:5px 0;width:100%;color:#4f6780;font-size:15px;}
#content .sitemap ul li ul li ul li ul{width:97%;background-color:#fff;padding:13px 16px 3px 16px;margin:10px 0 15px -13px;}
#content .sitemap ul li ul li ul li ul li{background:url(/travel/images/common/sub/basic_ul_ul_bl.png) no-repeat 0px 7px;width:auto;padding-left:11px;}
#content .sitemap ul li ul li ul li ul li a{color:#646464;font-size:14px;}


/*공통*/
p.tit {font-size:clamp(2rem, 5vw, 3.3rem); font-weight: 600; line-height:1.3;}
p.tit em, p.sub em {font-weight: 600; }
p.tit + p.sub {margin-top:2rem;}
p.sub {font-size:clamp(1.8rem, 3vw, 2rem); font-weight: 600; }
p.basic {font-size:1.6rem; line-height:1.8;}
br.mob {display:none;}
p.tit.titdeco {position:relative; display:block; color:#000; margin-top: clamp(2rem, 5vw, 11rem);}
p.tit.titdeco::before {content:''; position:absolute; top:0; left:50%; z-index:-1; width:clamp(28rem, 42vw, 51rem); height:clamp(7rem, 11vw, 16rem); background:url('/travel/images/sub/p_tit_deco.png') no-repeat center / contain; transform:translate(-50%,-58%) rotate(-5deg); opacity: .6;}
.white {color:#ffffff !important;}


@media all and (max-width:768px) {br.mob {display:block;}}

/*초대의글*/
.welcome {display:flex; overflow:visible;}
.welcome .img {position:relative;overflow:hidden;flex:0 0 50%;height: clamp(38rem, 21vw, 46rem);border-radius:10rem;}
.welcome .img::before {content:''; display:block; position:absolute; z-index:1; bottom:-4rem; left:2rem; width:47rem; height:17rem; background:url('/travel/images/sub/p_tit_deco.png') no-repeat center/contain; filter:brightness(0) invert(1);}
.welcome .img img {position:absolute; top:0; left:0; display:block; width:100%; height:100%; object-fit:cover;}
.welcome .txt {position:relative; z-index:1; display:flex; flex:0 0 57%; flex-direction:column; gap:3rem; margin-left:-7%; padding-top:4rem; text-align:center;}
.welcome .en {letter-spacing:1rem; color:#a1a1a1;}
.welcome .txt_box {padding:9rem 5rem; border-radius:10rem 10rem 5rem 15rem; background:#fff; box-shadow:0 .4rem 9.74rem rgba(0,0,0,.07); box-sizing:border-box;}

/*사전신청안내*/
.guide_intro {position:relative;display:flex;overflow:hidden;min-height:33rem;padding-left: clamp(3rem, 4vw, 13rem);border-radius:4rem;background:url('/travel/images/sub/guide_img01.jpg') center/cover no-repeat;align-items: center;padding-right: clamp(8rem, 4vw, 13rem);}
.guide_intro::after {content:'';position:absolute;right:-2rem;bottom: -3rem;width:19rem;height:29rem;background:url('/travel/images/sub/deco_01.png') right bottom/contain no-repeat;scale:.8;}
.guide_intro .txt {position:relative;z-index:1;max-width:120rem;padding-left:3rem;top: 1rem;}
.guide_intro .txt::before {content:'';position:absolute;left:0;top: -14rem;width:1px;height: 23rem;background:rgba(255,255,255,.75);}
.guide_intro .txt::after {content:''; position:absolute; left:3rem; top:-6rem; width:32rem; height:7rem; background:url('/travel/images/sub/p_tit_deco.png') left center/contain no-repeat; opacity:.6;}
.guide_intro .txt .sub{margin-top:1rem;}




/*오시는길*/
.map h5.tit.ico_tit i {display:block; width:3.2rem; height:3.2rem; background-repeat:no-repeat; background-position:center center; }
.map h5.tit.ico_tit .ico_car {background-image:url('/travel/images/sub/ico_car.png');}
.map h5.tit.ico_tit .ico_bus {background-image:url('/travel/images/sub/ico_bus.png');}
.map h5.tit.ico_tit .ico_train {background-image:url('/travel/images/sub/ico_train.png');}
.map .end {margin-top: 5rem; display: flex; flex-direction: column;  gap: 3rem;text-align: center;}

.end .ma_auto {
    display: block;
    width: 12rem;  
    max-width: 100%;  
    height: auto;
    margin: 0 auto; 
}



/* desktop 1600px */
@media screen and (max-width:1600px) {
  .sub_vis .ico_mascoat_01{right:4rem;}
  .sub_vis .ico_mascoat_01::before{width:32rem;height:20.7rem;}
}

/* desktop 1440px */
@media screen and (max-width:1440px) {
  .sub_vis .ico_mascoat_01{right:0;}

  .sub_nav{flex-wrap:nowrap;padding:2rem 0;}
  .sub_nav h3.tit{order:-1;width:max-content;padding:0;margin-right:auto;}
}

/* desktop 1280px */
@media screen and (max-width:1280px) { 
  .contents_tool{height:5rem;}

  .sub_vis{align-items:flex-start;height:28rem;padding-top:8.5rem;}
  .sub_vis .ico_mascoat_01{top:12rem;right:5rem;}
  .sub_vis .ico_mascoat_01::before{width:25rem;height:16rem;}
  .sub_vis h2.tit{font-size:2.4rem;}
  .sub_vis h2.tit::after{font-size:1.2rem;}

  .sub_nav{padding:1.5rem 0;}
  .sub_nav h3.tit{font-size:2.3rem;}

  #content .sitemap{width:50%;}

  .welcome {flex-direction:column; gap:3rem;}
  .welcome .img {flex:none; width:100%; height:auto; aspect-ratio:15 / 7; border-radius:3rem 5rem 3rem 3rem;}
  .welcome .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center;}
  .welcome .txt {flex:none; width:100%; gap:2.5rem; margin-left:0; padding-top:2rem;}
  .welcome .en {letter-spacing:.7rem;}
  .welcome .txt_box {padding:6rem 4rem; border-radius:5rem;}
}

/* mobile768px */
@media screen and (max-width:768px) {
  #wrap.page{background-size:130% auto;}

  .lnb.tpB .snb > li + li::before{margin-left:.5rem;margin-right:.5rem;}
  .lnb.tpB .snb > li.home > a{width:auto;height:auto;background:none;text-indent:0;}
  .lnb.tpB .snb > li > a{font-size:1.4rem;}
  .lnb.tpB .snb > li > ul{left:calc(50% + .5rem);transform:translateX(-50%);padding:0 1.2rem;}
  .lnb.tpB .snb > li > ul li a{font-size:1.4rem;padding:1.2rem 0;}
  
  .contents_tool{display:none;}

  .sub_vis{height:22rem;padding-top:9rem;}
  .sub_vis .ico_mascoat_01{top:14rem;right:-1.5rem;}
  .sub_vis .ico_mascoat_01::before{width:14rem;height:8.5rem;}

  .sub_nav{flex-wrap:wrap;gap:1.5rem 0;}
  .sub_nav h3.tit{width:100%;}
  
  #content .sitemap{width:100%;}

  .guide_intro .txt::before {display: none;}

  
  .welcome {gap:2rem;}
  .welcome .img {flex:none; width:100%; height:auto; aspect-ratio:10 / 6;}
  .welcome .en {letter-spacing:.4rem; font-size:1.2rem;}
  .welcome .txt_box p.basic span.next {display:none !important;}
}

/* mobil 500px */
@media screen and (max-width:500px) {

  #content{padding:6rem 0 26rem 0;}

  #wrap.page{background-size:210% auto;}
  .sub_nav::after{transform:translate(-50%, -18%); }
  .sub_vis .ico_mascoat_01 { top: 14rem; right: 0rem;}
  
  .guide_intro .txt{padding-left: 0;}
  .guide_intro .txt::after{left: 0;}
  
  .welcome .img::before {bottom: -5rem; transform: translateX(31px); scale:.8;}
  .welcome .txt_box span.next {display:none !important;}

  .map .end span.next {display:none !important;}


}