/*공통*/
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.6rem, 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:0.6;}
.white{color:#fff !important;}
.photo_center{margin:0 auto;}

.fs_18{font-size:1.8rem !important;}
.fs_17{font-size:1.7rem !important;}
.fs_16{font-size:1.6rem !important;}

/* 아이콘 */
.cont[class^="ico_"]::before{background-image:url(/travel/images/sub/sp_content.png);background-size:72rem;}
.cont.ico_travel_one::before{width:8.6rem;height:13.2rem;background-position:-2.1rem -2.1rem;}
.cont.ico_travel_two::before{width:11.5rem;height:13.2rem;background-position:-13.6rem -2.1rem;}
.cont.ico_travel_family::before{width:18.7rem;height:13.2rem;background-position:-27.5rem -2.2rem;}
.cont.ico_travel_youth::before{width:13.6rem;height:13.2rem;background-position:-50rem -2.1rem;}

/* 탭 디자인 */
.tabbox_wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:11rem auto 0;}
.tabbox_wrap .tabbox_item{display:contents;}
.tabbox_wrap .tabbox_item ._action_tab{display:flex;align-items:center;justify-content:center;width:clamp(16rem, 20vw, 22rem);height:clamp(4.8rem, 5vw, 6rem);border:0.1rem solid #ddd;border-radius:0.8rem;white-space:nowrap;}
.tabbox_wrap .tabbox_item ._action_tab.on{color:#fff;background:#2a8cd6;}
.tabbox_wrap .tabbox_item ._action_tab.on::before{content:"";display:block;width:2.4rem;height:2.4rem;margin-right:0.6rem;background:url(/travel/images/common/tab_on2.png) no-repeat;}
.tabbox_wrap .tabbox_item ._action_tab.on + ._action_wrap_tab{display:block;}
.tabbox_wrap .tabbox_item ._action_wrap_tab{display:none;order:2;flex:0 0 100%;width:100%;margin-top:1rem;text-align:center;}
.tabbox_wrap ._action_wrap_tab img{display:block;margin:0 auto;}

.tab{position:relative;display:flex;justify-content:center;gap:2rem;margin:11rem auto 0;}
.tab_box .tab_tit button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0 .6rem;width:22rem;height:6rem;border:.1rem solid #ddd;border-radius:.8rem;background-color:#fff;word-break:keep-all;}
.tab_box .tab_cnt{display:none;position:absolute;left:0;width:100%;margin-top:2rem;}
.tab_box.on .tab_tit button{color:#fff;background:#2a8cd6;}
.tab_box.on .tab_tit button::before{content:'';display:block;width:2.4rem;height:2.4rem;background:url(/travel/images/common/tab_on2.png) no-repeat;}
.tab_box.on .tab_cnt{display:block;}

/* 장흥반값플러스여행 > 초대의글 */
.welcome{display:flex;overflow:visible;}
.welcome .img{position:relative;overflow:hidden;flex:0 0 50%;height:clamp(38rem, 24vw, 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 0.4rem 9.74rem rgba(0, 0, 0, 0.07);box-sizing:border-box;}

/* 장흥반값플러스여행 > 오시는길 */
.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;}
.map .end .ma_auto{display:block;width:12rem;max-width:100%;height:auto;margin:0 auto;}

/* 사전신청 > 사전신청안내 */
.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:0.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, 0.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:0.6;}
.guide_intro .txt .sub{margin-top:1rem;}

/* 사전신청 > 사전신청유형선택 */
.apply_form h4.tit.before_none{word-break:keep-all;padding-left:0;}
.apply_form .radio_list{align-items:stretch;gap:2.4rem;}
.apply_form .radio_list > li{flex:1 1 20%;}
.apply_form .radio_list > li .radio_box{height:100%;}
.apply_form .radio_list > li .radio_box input + label{justify-content:flex-start;gap:0;height:100%;border:0.1rem solid #d2d2d2;border-radius:5rem;background-color:#fff;padding:12rem 2rem 6rem;}
.apply_form .radio_list > li .radio_box input + label::before{top:6rem;left:50%;transform:translateX(-50%);width:2.9rem;height:2.9rem;border:0;border-radius:5rem;background:#d2d2d2 url(/travel/images/sub/sp_content.png) no-repeat -66.2rem -1.5rem;background-size:72rem;}
.apply_form .radio_list > li .radio_box input + label .tit{font-size:clamp(2rem, 3.5vw, 2.6rem);font-weight:600;margin-top:2rem;}
.apply_form .radio_list > li .radio_box input + label .sub{font-size:clamp(1.6rem, 3.5vw, 2rem);font-weight:600;color:#767676;}
.apply_form .radio_list > li .radio_box input + label .label{font-weight:600;color:#fff;border-radius:5rem;background-color:#2a8cd6;padding:0.3rem 1.5rem;margin-top:1.8rem;}
.apply_form .radio_list > li .radio_box input:checked + label{border-color:#004199;background-color:#f6faff;}
.apply_form .radio_list > li .radio_box input:checked + label::before{background-color:#2a8cd6;}
.apply_form .radio_list > li .radio_box input:disabled + label{opacity:0.6;}
.apply_form .radio_list > li .radio_box input:disabled + label .label{background-color:#424242;}

/* 사용처안내 > 장흥사랑상품권 chak 가입 안내 */
.chak_guid .img_txt > div > .c_box2{width:100%;height:100%;}

/* 사용처안내 > 디지털관광주민증 가입 안내 */
.dgtourcard img{display:block;margin:0 auto;}

/* 부가정보 > 사이트맵 */
#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;}

/* desktop 1280px */
@media screen and (max-width:1280px) {
  /* 장흥반값플러스여행 > 초대의글 */
  .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:0.7rem;}
  .welcome .txt_box{padding:6rem 4rem;border-radius:5rem;}

  /* 사전신청 > 사전신청안내 */
  .apply_form .radio_list{flex-wrap:wrap;gap:2.4rem;}
  .apply_form .radio_list > li{flex:1 1 40%;}

  /* 부가정보 > 사이트맵 */
  #content .sitemap{width:50%;}
}

/* tablet 1024px */
@media screen and (max-width:1024px) {
  /* 사전신청 > 사전신청안내 */
  .apply_form .radio_list > li .radio_box input + label{flex-direction:column;text-align:center;}
}

/* mobile 768px */
@media screen and (max-width:768px) {
  br.mob{display:block;}
  .cont[class^="ico_"]::before{scale:0.75;}

  .tab{gap:2rem 3%;}
  .tab_box{flex:1;}
  .tab_box .tab_tit button{width:100%;}

  /* 장흥반값플러스여행 > 초대의글 */
  .welcome{gap:2rem;}
  .welcome .img{flex:none;width:100%;height:auto;aspect-ratio:10 / 6;}
  .welcome .en{letter-spacing:0.4rem;font-size:1.2rem;}
  .welcome .txt_box p.basic span.next{display:none !important;}

  /* 사전신청 > 사전신청안내 */
  .guide_intro .txt::before{display:none;}

  /* 사전신청 > 사전신청유형선택 */
  .apply_form .radio_list{display:flex;flex-direction:row !important;flex-wrap:wrap;gap:2rem;margin-top:4rem !important;}
  .apply_form .radio_list > li{flex:none;width:calc(50% - 1.2rem);min-width:0;box-sizing:border-box;}

  /* 사용처안내 > 장흥사랑상품권 chak 가입 안내 */
  .chak_guid .img_txt{flex-direction:row;margin-top:2rem;}
  .chak_guid .img_txt > div{width:48.5% !important;}

  /* 부가정보 > 사이트맵 */
  #content .sitemap{width:100%;}
}

/* mobile 520px */
@media screen and (max-width:520px) {
  /* 사전신청 > 사전신청유형선택 */
  .apply_form .radio_list > li .radio_box input + label{padding:8rem 2rem 6rem;border-radius:2rem;}
  .apply_form .radio_list > li .radio_box input + label .tit{margin-top:0;}
}

/* mobile 500px */
@media screen and (max-width:500px) {
  /* 장흥반값플러스여행 > 초대의글 */
  .welcome .img::before{bottom:-5rem;transform:translateX(31px);scale:0.8;}
  .welcome .txt_box span.next{display:none !important;}

  /* 장흥반값플러스여행 > 오시는길 */
  .map .end span.next{display:none !important;}

  /* 사전신청 > 사전신청안내 */
  .guide_intro .txt{padding-left:0;}
  .guide_intro .txt::after{left:0;}

  /* 사전신청 > 사전신청유형선택 */
  .apply_form .radio_list > li{width:100%;}

  /* 사용처안내 > 장흥사랑상품권 chak 가입 안내 */
  .chak_guid .img_txt{flex-direction:column;}
  .chak_guid .img_txt > div{width:100% !important;}
}

.tabbox_wrap .img_txt > div{position:relative;}
.tabbox_wrap .img_txt > div:not(:last-child)::after{content:"";position:absolute;top:50%;right:-2.7rem;width:3.5rem;height:3.5rem;display:block;border-radius:10rem;background:#777 url("/travel/images/sub/sp_content2.png") -266px -5pxno-repeat;transform:translateY(-50%);z-index:2;}

@media screen and (max-width:500px) {
  .tabbox_wrap .img_txt > div{margin-bottom:5rem;}
  .tabbox_wrap .img_txt > div:last-child{margin-bottom:0;}
  .tabbox_wrap .img_txt > div:not(:last-child)::after{top:auto;right:auto;bottom:-5rem;left:50%;transform:translateX(-50%) rotate(90deg);}
}