@charset "utf-8";
@import url('/design/common/css/Pretendard.css');
@import url('/design/common/css/GmarketSans.css');

html { position:relative; font-size:1px; max-width:1920px; margin:0 auto; }
body { font-size:17rem; font-family:'Pretendard', sans-serif; font-weight:400; color:#222; line-height:1.7; }
a, a:hover, a:visited a:active, a:focus { color:#222; }
button, select, input { font-size:17rem; font-family:'Pretendard', sans-serif; font-weight:400; }
@media all and (max-width:1023px){
  html {font-size:0.9px;}
}
@media all and (max-width:768px){
  html {font-size:0.8px;}
}
*:focus {outline:1px dashed #000; }

.wrap { width:94%; max-width:1600px; margin:0 auto;}

#header { position:absolute; left:0; top:0; width:100%; z-index:200;  height:90rem;}
#header .wrap2{max-width: 1920px; margin: 0 auto;}
#header .wrap { position:relative; }

#header h1 { position:absolute; left:0; top:15rem; z-index:10; }
#header h1 a { font-family:'GmarketSans', 'Pretendard', sans-serif; display:block; font-size:25rem; color:#fff; background:url('/design/tour/img/layout/logo.png') no-repeat left center/ auto 100%; padding:10rem 0 10rem 70rem; text-shadow:1rem 1rem 5rem rgba(0,0,0,0.5); }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #header h1 a { text-shadow:none; }
}
#header .go_link { position:absolute; right:66rem; top:25rem; }
#header .go_link > a { position:relative; display:block; font-size:16rem; color:#fff; font-weight:600; padding:5rem 0 5rem 35rem; text-shadow:1rem 1rem 5rem rgba(0,0,0,0.5); }
#header .go_link > a::before { content:''; position:absolute; left:0; top:50%; width:27rem; height:25rem; background:url('/design/tour/img/layout/home_icon.png') no-repeat 0 0/auto 200%; transform:translate(0, -50%); }
#header .go_link div { display:none; position:absolute; left:50%; top:45rem; background:#f26100; transform:translate(-50%, 0); z-index:30; }
#header .go_link div a { position:relative; display:block; font-size:16rem; color:#fff; text-align:center; border-bottom:1px solid rgba(255,255,255,0.3); padding:7rem 10rem; }
#header .go_link div a:last-of-type {border-bottom:0;}
#header .search_btn { display:block; position:absolute; right: 10rem; top:25rem; width:34rem; height:36rem; background:url('/design/tour/img/layout/search_icon.png') no-repeat 0 0/100% 200%; text-indent:-99999px; }
.search_div { position:absolute; left:50%; top:150rem; width:96%; max-width:1600px; background:#fff; border-radius:5rem; box-shadow:2rem 2rem 10rem rgba(0,0,0,0.5); transform:translate(-50%, 0); padding:40rem; opacity:0; z-index:-10; transition:0.5s; }
.search_div div { position:relative; max-width:700rem; margin:0 auto;}
.search_div label { font-size:30rem; font-weight:700; }
.search_div .input {overflow:hidden; margin:20rem 0 0;}
.search_div .input input { float:left; border:1px solid #ccc; height:60rem; width:calc(100% - 60rem); }
.search_div .input button { position:relative; float:right; display:block; width:60rem; height:60rem; background:#333; cursor:pointer; text-indent:-999999px; }
.search_div .input button::before {content:''; position:absolute; left:50%; top:50%; width:34rem; height:36rem; background:url('/design/tour/img/layout/search_icon.png') no-repeat 0 0/auto 200%; transform:translate(-50%, -50%); }
.search_div a.close { display:block; position:absolute; right:0; top:0; width:60rem; height:60rem; background:url('/design/tour/img/main/control2.png') no-repeat 100% 0/500% auto; text-indent:-99999px; }
#header .nav_open {display:none; position:absolute; right:0; top:25rem; width:34rem; height:36rem; text-indent:-99999px;  }
#header .nav_open::before {content:''; position:absolute; left:50%; top:50%; width:24rem; height:24rem; background:url('/design/tour/img/layout/m_nav.png') no-repeat 0 0/auto 200%; transform:translate(-50%, -50%); }

@media all and (max-width:1300px){
  #header .go_link {display:none;}
  #header .nav_open {display:block;}
  #header .search_btn {right:50rem;}
}
@media all and (max-width:1200px){
  #header .go_link {right:50rem;}
  #header .go_link > a {text-indent:-99999px; width:30rem; }
}
@media all and (max-width:480px){
  .search_div {padding:30rem;}
}

/*header hover*/
#header.on {background:#fff;}
#header.on::before {content:''; position:absolute; left:0; top:90rem; height:1px; width:100%; background:#eee; z-index:21; }
#header.on::after {content:''; position: absolute; left:0; top:91rem; width:100%; height:780rem; background:linear-gradient(90deg, #f3f3f3 50%, #fff 50%); z-index:-1; }
#header.on h1 a, #header.on #nav .depth1 > li > a, #header.on .go_link > a { color:#222; text-shadow:none;}
#header.on .go_link > a::before {background-position:0 100%;}
#header.on .search_btn {background-position:0 100%;}


/*pc 240124수정*/
#nav {position:relative;text-align:center; }
#nav .depth1 {display:inline-block;margin:15rem 0 0; width: 78%;/* position: relative; */float: right;}
#nav .depth1 > li {float:left; width: calc((100% - 40px) / 5); margin-right: 10px;}
#nav .depth1 > li:last-child{margin-right: 0;}
#nav .depth1 > li > a { position:relative; display:block; font-size:20rem; padding:10rem 20rem; color:#fff; text-shadow:1rem 1rem 5rem rgba(0,0,0,0.5);}
#nav .depth1 > li > a:hover, #nav .depth1 > li > a.active { font-weight:700; }
#nav .depth1 > li > a::before { content:''; position:absolute; left:50%; transform: translateY(-50%); bottom:-24rem; width:0; height:5rem; background:#f26100; transition:0.5s; }
#nav .depth1 > li > a:hover::before, #nav .depth1 > li > a.active::before {width:90%; left:5%;}
#nav .gnb {display:none; position:absolute;left:0;top: 90rem;width:100%;height: 780rem;background:#fff;text-align:left;z-index:20;}
#nav .gnb .title { position:absolute; left:0; top:0; width:300rem; height:100%; background-color:#f3f3f3; padding:30rem 30rem 30rem 0; }
#nav .gnb .title dt {font-family:'GmarketSans', 'Pretendard', sans-serif; font-size:25rem; font-weight:600; }
#nav .gnb .title::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:200rem; background-repeat:no-repeat; background-position:center bottom; }
#nav .gnb .title.img1::before {background-image:url('/design/tour/img/layout/nav_img1.png'); }
#nav .gnb .title.img2::before {background-image:url('/design/tour/img/layout/nav_img2.png'); }
#nav .gnb .title.img3::before {background-image:url('/design/tour/img/layout/nav_img3.png'); }
#nav .gnb .title.img4::before {background-image:url('/design/tour/img/layout/nav_img4.png'); }
#nav .gnb .title.img5::before {background-image:url('/design/tour/img/layout/nav_img5.png'); }
#nav .depth2 {float:right;width:calc(100% - 350rem);padding: 20rem 0;}
#nav .depth2 > ul{float: left; width: calc((100% - 120px)/5); margin-right: 30px;}
#nav .depth2 > ul:last-child{margin-right: 0;}
#nav .depth2 > ul > li {float:left; margin: 0 0 10rem 3%; display: block; width: 100%;}
#nav .depth2 > ul > li > a { position:relative; display:flex; justify-content:space-between; align-items:center; height:45rem; line-height:1.3; border:1px solid #ccc; border-radius:5rem; padding:0 15rem; font-weight:600; }
#nav .depth2 > ul > li > a:hover, #nav .depth2 > ul > li > a.on { background:#f26100; color:#fff; border:1px solid #d45500; }
#nav .depth2 > ul > li > a:hover::after, #nav .depth2 > ul > li > a.on::after { content:''; display:flex; width:25rem; height:25rem; border-radius:50%;background:#fff url('/design/tour/img/layout/nav_arrow.png') no-repeat 55% center; }
#nav .depth3 { padding:7rem 5rem 0; }
#nav .depth3 > li > a { display:flex; line-height:1.3; padding:3rem 0;}
#nav .depth3 > li > a::before { content:''; width:4rem; height:4rem; background:#888; margin:9rem 7rem 0 0; }
#nav .depth3 > li > a:hover, #nav .depth3 > li > a.on {color:#f26100;}
#nav .depth3 > li > a:hover::before, #nav .depth3 > li > a.on::before { background:#f26100;}


/* @media all and (max-width:1200px){
  #nav .depth1 {margin:15rem 0 0 115rem; }
  #nav .depth1 > li > a {padding:10rem 15rem;}
} */
@media all and (max-width:1800px){
.go_link{display: none;}
}
@media all and (max-width:1301px){
  #nav {display:none;}
}

/*mobile*/
@media all and (min-width:1300px){
  #m_nav {display:none !important;}
}
@media all and (max-width:1300px){
  .nav_bg { position:fixed; background:rgba(0,0,0,0.8); opacity:0.8; left:0; top:0; width:100%; height:100%; z-index:10;}
  #m_nav { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; text-align:left; }
  #m_nav .nav_wrap { position:absolute; right:-320rem; top:0; width:320rem; height:100%; background:#fff; z-index:20; transition: all 0.3s ease 0.3s; overflow-y:scroll; }
  #m_nav .nav_wrap.open { right:0; }
  #m_nav a.link { position:fixed; display:block; width:320rem; bottom:0; background:#f26100; color:#fff; text-align:center; padding:10rem 0; font-weight:600; z-index:10; }
  #m_nav a.logo { display:block; font-family:'GmarketSans', 'Pretendard', sans-serif; font-size:25rem; margin:40rem auto 20rem; text-align:center; font-weight:600; }
  #m_nav a.logo span { display:inline-block; background:url('/design/tour/img/layout/logo.png') no-repeat left center/ auto 100%; padding:10px 0 10px 70rem; }
  #m_nav .depth1 {margin-bottom:60rem;}
  #m_nav .depth1 > li > a { display:block; padding:10rem 20rem; font-weight:600; border-top:1px solid #e5e5e5; }
  #m_nav .depth1 > li > a.on {background:#f2f2f2; }
  #m_nav .depth2 > ul > li > a { position:relative; display:block; padding:8rem 20rem; }
  #m_nav .depth2 > ul  > li > a::before {content:''; position:absolute; left:0; bottom:0; width:0; height:5rem; background:#f26100; transition: 0.3s; }
  #m_nav .depth2 > ul  > li > a.on::before {width:100%;}
  #m_nav .depth2 > ul  > li > a.more span { display:block;}
  #m_nav .depth2 > ul  > li > a.more span::before { content:''; position:absolute; right:15rem; top:18rem; width:9rem; height:9rem; background:linear-gradient(135deg, rgba(0,0,0,0.5) 50%, transparent 50%); transform:rotate(135deg); }
  #m_nav .depth3 > li > a {display:block; background:#f5e8ba; padding:8rem 20rem; font-size:16rem; }
  #m_nav .depth2, #m_nav .depth3, #m_nav .title  {display:none;}
  #nav_close { position:absolute; right:20rem; top:10rem; width:30rem; height:30rem; text-indent:-9999rem;}
  #nav_close::before,
  #nav_close::after {content:''; position:absolute; left:50%; top:0; width:2rem; height:100%; background:#555; transform:rotate(45deg); }
  #nav_close::after{ transform:rotate(-45deg); }
  .noScroll {overflow-y:hidden;}
}

#footer { /* border-top:1px solid #e4e4e4; */ padding:40rem 0; overflow:hidden;}
#footer .f_logo {float:left; width:400rem; }
#footer .btn {float:left; width:300rem; }
#footer .btn a { display:block; position:relative; padding:5rem 0 5rem 15rem; }
#footer .btn a::before {content:''; position:absolute; left:0; top:16rem; width:6rem; height:6rem; border-radius:50%; background:#bdbdbd; }
#footer .info { float:left; width:calc(100% - 300rem);}
#footer .sns {overflow:hidden;}
#footer .sns a {display:block; float:left; width:40rem; height:40rem; background:url('/design/tour/img/layout/sns_icon.png') no-repeat 0 0/400% auto; text-indent:-999999px; margin:0 10rem 0 0; }
#footer .sns a.facebook {background-position:33.33% 0;}
#footer .sns a.insta {background-position:66.66% 0;}
#footer .sns a.blog {background-position:100% 0;}
#footer .address {margin:20rem 0 10rem; }
#footer .address p {display:inline-block; margin:0 30rem 0 0; }
#footer .address p strong {margin:0 10rem 0 0;}
#footer .copyright {font-size:14rem; color:#7b7b7b; text-transform:uppercase; letter-spacing:1rem; }
@media all and (max-width:1023px){
  #footer .wrap {position:relative;}
  #footer .f_logo { position:absolute; left:0; top:0; width:200rem; }
  #footer .btn {width:100%; margin:0 0 15rem;}
  #footer .btn a {float:left; margin:0 15rem 0 0; }
  #footer .info {width:100%;}
}