@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
			
body {overflow-x:hidden;}
.new_landing_wrap {font-family: "Pretendard Variable", Pretendard; font-size: 16px; color:#444;}
.new_landing_wrap * {margin: 0; padding: 0; outline: 0;}
.new_landing_wrap img {max-width: 100%;}
.new_landing_wrap em, i {font-style: normal;}
.new_landing_wrap ul, ol {list-style:none;}
.new_landing_wrap section {padding:100px 0;}
.new_landing_wrap section.mt0 {margin-top: 0 !important;}
.new_landing_wrap {
    --point-color:#E4007F;
}
.full_wide {position:relative; z-index:1; left:50%; width:calc(100vw - 16px); transform:translateX(-50%); overflow: hidden;} 
.grey_box {display:flex; gap: 24px; flex-direction:column;  text-align: center; background:#FAFAFD; font-size: 18px; color:rgba(0,0,0,0.5); line-height: 1.7;}
.grey_box i {display:block; line-height: 1;}
.grey_box .logo {margin-top: 36px;}
.grey_bg {margin-top: 80px; background:#FAFAFD;}

.land_title {text-align: center;}
.land_title em {display:block; color:var(--point-color); font-weight: 700; line-height: 1.2;}
.land_title h3 {font-size: 40px; font-weight: 700;}
.land_title p {margin-top: 24px; line-height: 1.6; color:#666;}
.land_title.tal {text-align: left;}

.side_content {margin-top: 60px;}
.side_content .row {display:flex; justify-content:space-between; align-items:center;}
.side_content .row + .row {margin-top: 60px;}
.side_content .row .con {display:flex; flex-direction:column; width:50%; gap:34px; line-height: 1.6; padding-left: 0; padding-right: 50px;}
.side_content .row .con li strong {display:block; font-size: 20px; line-height: 1.2; margin-bottom: 8px; color:#000;}
.side_content .row .img {max-width:50%; text-align: right;}
.side_content .row .img em {font-weight: 700;}
.side_content .row:nth-of-type(even) .img {order:0;}
.side_content .row:nth-of-type(even) .con {order:1; padding-right: 0; padding-left: 50px;}

.side_content.reverse .row .con {padding-left: 50px;}
.side_content.reverse .row .con li strong {font-size: 24px; margin-bottom: 16px;}
.side_content.reverse .row .con li p + p {margin-top: 4px;}
.side_content.reverse .row:nth-of-type(even) .img {order:1;}
.side_content.reverse .row:nth-of-type(even) .con {order:0; padding-left: 0; padding-right: 50px;}

.his_tab {margin-top: 50px;}
.his_tab .his_tab_li {margin-bottom: 50px; border-radius:16px; background-color: #FAFAFD;}
.his_tab .his_tab_li ol {display:flex; justify-content: center; gap:36px;  align-items: center;}
.his_tab .his_tab_li ol li {position:relative; padding: 20px 0; font-weight: 700; color: #000; cursor: pointer;}
.his_tab .his_tab_li ol li.on {color:var(--point-color)}
.his_tab .his_tab_li ol li.on:after {content: ''; position:absolute; z-index: 1; left:50%; bottom:-6px; width: 8px; height: 8px; margin-left: -6px; border-radius: 50%; border:4px solid #fff; background:var(--point-color);}
.his_tab .tab_con {display:flex; flex-direction: column; gap:36px;}
.his_tab .tab_con > div {display:flex;}
.his_tab .tab_con > div > strong {width: 280px; line-height: 80px; font-size: 40px; font-weight: 700; color:#000}
.his_tab .tab_con > div > ol {flex-grow: 1;}
.his_tab .tab_con > div > ol li {display:flex; padding: 20px 0;}
.his_tab .tab_con > div > ol li + li {border-top:1px dashed #ddd;}
.his_tab .tab_con > div > ol li em {width:48px; font-size: 18px; font-weight: 600; color:#000;}
.his_tab .tab_con > div > ol li .con {display:flex; flex-direction:column; padding-top:4px; color:#666666;}
.his_tab .tab_con > div > ol li .con strong {margin-bottom: 16px; color:#000}
.his_tab .tab_con > div > ol li .con p + p {margin-top: 8px;}

.why_circle {display:flex; margin-top: 50px;}
.why_circle > div {display:flex; flex-direction: column; justify-content: center; align-items: center; width:300px; height:300px; font-weight: 700; border-radius:50%; line-height: 1.5; flex-shrink: 0; color:#fff;}
.why_circle > div + div {margin-left: -33px;}
.why_circle > div em {font-size: 18px;}
.why_circle > div strong {font-size: 24px;}
.why_circle > div:first-of-type {color:#000; background:rgba(255,226,35,0.9); box-shadow: 0 24px 30px 0 rgba(255,255,0,0.1);}
.why_circle > div:nth-of-type(2) {background:rgba(30,149,212,0.9); box-shadow: 0 24px 30px 0 rgba(30,149,212,0.1);}
.why_circle > div:nth-of-type(3) {background:rgba(211,17,118,0.9); box-shadow: 0 24px 30px 0 rgba(211,17,118,0.1);}
.why_circle > div:nth-of-type(4) {color:#000; background:rgba(240,240,240,0.9); box-shadow: 0 24px 30px 0 rgba(188,188,188,0.1);}

.service_tab .tab_menu {display:flex; width:500px; margin:24px auto 50px; border-bottom:1px solid rgba(0,0,0,0.1);}
.service_tab .tab_menu li {flex-grow:1; padding:16px 0; cursor: pointer; font-size: 18px; font-weight: 600; opacity:0.3; text-align: center; color:#000}
.service_tab .tab_menu li.active {opacity:1; border-bottom:2px solid #000;}
.service_tab .sv_tab_con {max-width:1100px; margin:0 auto;}
.service_tab .sv_tab_con .tab_content {display:none; position:relative;}
.service_tab .sv_tab_con .tab_content.active {display: block;}
.service_tab .sv_tab_con .tab_content .con {position:absolute; z-index: 1; top:50%; transform: translateY(-50%); color:#fff; width:60%; padding-left: 60px;}
.service_tab .sv_tab_con .tab_content .con > strong {display: block; font-size: 30px; font-weight: 800; margin-bottom: 24px;}
.service_tab .sv_tab_con .tab_content .con em {display: block; margin-top: 24px; margin-bottom: 8px; font-size: 24px; font-weight: 700;}
.service_tab .sv_tab_con .tab_content .con em:first-of-type {margin-top: 0;}
.service_tab .swiper {overflow: visible;}

.contact_us .location {margin-top: 50px;}
.contact_us .location .pin {display:flex; gap:16px; align-items: center; color:#000; padding:0 24px; min-height:68px; border-radius:16px; background:#FAFAFD}
.contact_us .location .pin em {padding-left: 44px; line-height: 36px; color:var(--point-color); font-weight: 700; background: url(https://media.eoding.com/media/travelagent/163/imagecontent/ico_loca_pin.png) no-repeat left center;}
.contact_us .location .map {margin-top: 24px;}
.contact_us .location .map iframe {border-radius:16px;}
.contact_us .loca_ban {display:flex; margin-top: 80px; border-radius: 16px; overflow: hidden;}
.contact_us .loca_ban a {display:block; padding-left: 100px; flex-grow:1; line-height: 80px; background-repeat: no-repeat; background-position: left 27px center; font-size: 24px; font-weight: 700; color:#fff; text-decoration: none;}
.contact_us .loca_ban a.call {display:block; flex-grow:1; background-color:var(--point-color); background-image:url(https://media.eoding.com/media/travelagent/163/imagecontent/ico_loca_ban01.png)}
.contact_us .loca_ban a.mail {background-color:#009FE8; background-image:url(https://media.eoding.com/media/travelagent/163/imagecontent/ico_loca_ban02.png)}

.visual_box {display:flex; height:584px; flex-direction: column; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; background-position: center top;}
.visual_box.business {background-image:url(https://media.eoding.com/media/travelagent/163/imagecontent/bg_business.png);}
.visual_box.mice {background-image:url(https://media.eoding.com/media/travelagent/163/imagecontent/bg_mice.png);}
.visual_box .wrapper {width:100%; max-width:1100px; color:#fff;}
.visual_box .wrapper em {display:block; margin-bottom: 16px; color:#F4D924; font-size: 18px; font-weight: 700;}
.visual_box .wrapper h2 {display:block; font-size: 46px; line-height: 1.4; font-weight: 700;}
.visual_box .wrapper p {margin-top: 50px; font-size: 18px; line-height: 1.7; }

.support_sv.grey_bg {margin-top: 0; padding:150px 0;}
.support_sv ul {display:flex; max-width:1100px; margin: 50px auto 0; gap:24px;}
.support_sv ul li {width:20%; flex-grow:1; text-align: center; height:200px; padding-top: 130px; border-radius:24px; font-size: 18px; color:#000; font-weight: 600; background:#fff; box-shadow:4px 4px 30px 0 rgba(0,0,0,0.06); background-repeat: no-repeat; background-position: center 45px;}
.support_sv ul li:first-child {background-image:url(https://media.eoding.com/media/travelagent/163/imagecontent/ico_bts01.png);}
.support_sv ul li:nth-child(2) {background-image:url(https://media.eoding.com/media/travelagent/163/imagecontent/ico_bts02.png);}
.support_sv ul li:nth-child(3) {background-image:url(https://media.eoding.com/media/travelagent/163/imagecontent/ico_bts03.png);}
.support_sv ul li:nth-child(4) {background-image:url(https://media.eoding.com/media/travelagent/163/imagecontent/ico_bts04.png);}
.support_sv ul li:nth-child(5) {background-image:url(https://media.eoding.com/media/travelagent/163/imagecontent/ico_bts05.png);}

.real_review .swiper {margin-top: 60px;}
.real_review .swiper .swiper-slide {display:flex; margin:0 12px; flex-direction: column; justify-content: space-between; width:350px; height:430px; padding:50px 40px; background:#fff; border-radius: 24px; transition:all .3s ease; border:2px solid transparent;}
.real_review .swiper .swiper-slide .con i {display:block; margin-bottom: 24px;}
.real_review .swiper .swiper-slide .con strong {display:block; line-height: 1.5; font-size: 20px; margin-bottom: 16px;}
.real_review .swiper .swiper-slide .con p {font-size: 15px; line-height: 1.5; color:#555}
.real_review .swiper .swiper-slide .tag {display: flex; gap:4px; align-items: flex-start; flex-wrap:wrap;}
.real_review .swiper .swiper-slide .tag span {display:inline-flex; padding:8px 16px; line-height: 1; font-size: 14px; font-weight: 500; color:#000; border:1px solid #E8E8E8; border-radius:50px;}
.real_review .swiper .swiper-slide.swiper-slide-active {border:2px solid #E4007F; box-shadow:10px 10px 50px 0 rgba(228,0,127,0.1);}

.clients .clients_logo {width:100%; max-width:1100px; margin:50px auto 0;}
.clients .clients_logo strong {display: block; margin-top: -10px; text-align: center; font-size: 20px; margin-bottom: 40px;}

.youtube_container {position:relative; height:0; padding-bottom:56.25%;}
.youtube_container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.contact_ban {padding:90px 0; color:#fff; text-align: center; background:url(https://media.eoding.com/media/travelagent/163/imagecontent/bg_contactus.png) no-repeat center/cover;}
.contact_ban .land_title em {color:#FFE100}
.contact_ban .land_title h3 {color:#fff;}
.contact_ban .txt {margin:24px 0 40px; font-size: 18px; line-height: 1.6; opacity:0.9}
.contact_ban a {display:inline-flex; line-height: 1; padding:16px 24px; width:200px; color:var(--point-color); background:#fff; text-decoration: none; font-weight: 700; font-size: 18px; justify-content: center; border-radius:100px;}

.mice_intro > div + div {margin-top: 100px;}
.mice_intro > div h3 {margin-bottom: 32px; font-size: 40px; color:#000}
.mice_intro .info_txt strong {display: block; margin-bottom: 16px; font-size: 24px; color:#000;}
.mice_intro .info_txt p {color:#666; line-height: 1.6;}
.mice_intro .info_img {display:flex; justify-content: space-between; gap:24px; margin-top: 50px;}
.mice_intro .info_img img {flex-shrink:1;}


@media all and (max-width:1099px) {
    .new_landing_wrap img {max-width: 100%;}
    .new_landing_wrap section {padding-left: 20px; padding-right: 20px;}
    .full_wide {position:static; width:100%; transform: translate(0);}

    .why_circle {width:80%; margin-left:auto; margin-right: auto; flex-wrap:wrap; justify-content: center;}
    .why_circle > div + div {margin-left: 0;}

    .support_sv.grey_bg {padding:80px 20px;}

    .mice_intro .info_img img {width:48%;}
}

@media all and (max-width:768px) {
    .new_landing_wrap {font-size: 15px;}
    .new_landing_wrap section {padding-top: 80px; padding-bottom: 80px;}

    .grey_box {font-size: 15px;}
    .grey_box i {width:200px; margin: 0 auto;}

    .why_circle {width:100%; flex-direction: column; align-items: center;}
    .why_circle > div {width:200px; height:200px;}
    .why_circle > div + div {margin-top: -20px;}
    .why_circle > div strong {font-size: 18px;}
    .why_circle > div em {font-size: 15px;}

    .land_title h3 {font-size: 30px;}

    .side_content .row {flex-direction: column; gap: 24px}
    .side_content .row .con {max-width: initial; width:100%; padding-right: 0; order:1;}
    .side_content .row .img {max-width: initial; width:100%; order:0;}
    .side_content .row .img img {width:100%;}
    .side_content .row:nth-of-type(even) .con {padding-left: 0;}
    .side_content.reverse .row .con {padding-left: 0;}
    .side_content.reverse .row:nth-of-type(even) .con {order:1;}

    .his_tab {margin-top: 36px;}
    .his_tab .his_tab_li {margin-bottom: 36px;}
    .his_tab .his_tab_li {overflow-x:auto; overflow-y:hidden; padding-right: 50px;}
    .his_tab .his_tab_li ol {display:block; padding:0 12px; white-space: nowrap;}
    .his_tab .his_tab_li ol li {display:inline-flex; margin: 0 12px;}
    .his_tab .his_tab_li ol li:last-of-type {margin-right: 24px;}
    .his_tab .his_tab_li ol li.on:after {bottom:-4px}

    .his_tab .tab_con > div {flex-direction: column;}
    .his_tab .tab_con > div > strong {width:100%; font-size: 30px; line-height: 1.4;}
    .his_tab .tab_con > div > ol li {padding: 16px 0;}
    .his_tab .tab_con > div > ol li em {width:38px; font-size: 16px;}
    .his_tab .tab_con > div > ol li .con {padding-top: 0; gap:4px;}

    .service_tab .tab_menu {margin-bottom: 24px;}
    .service_tab .sv_tab_con .tab_content .con {position: static; width:100%;transform:translate(0); padding-top: 16px; padding-left: 0; color:#000}
    .service_tab .sv_tab_con .tab_content .con > strong {font-size: 20px; margin-bottom: 12px;}
    .service_tab .sv_tab_con .tab_content .con em {margin-top: 8px; font-size: 16px;}
    
    .contact_us .location .pin {padding:8px 16px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:0;}
    .contact_us .location .pin em {padding-left: 30px; background-size: 24px;}
    .contact_us .location .pin p {padding-left: 30px;}
    .contact_us .location .map iframe {height:300px;}

    .contact_us .loca_ban {margin-top: 40px; flex-direction: column;}
    .contact_us .loca_ban a {line-height: 60px; padding-left: 60px; font-size: 17px; background-size:30px; background-position: 16px center;}

    .visual_box {height:400px;}
    .visual_box .wrapper h2 {font-size: 30px;}
    .visual_box .wrapper p {margin-top: 36px; font-size: 16px;}

    .support_sv ul {flex-wrap:wrap; justify-content: center; align-items: center; margin: 32px auto 0; gap:16px; }
    .support_sv ul li {width:28%; height:132px; flex-grow:0; font-size: 15px; padding:86px 20px 20px; background-size:50px; background-position: center 24px;}

    .mice_intro > div h3 {font-size: 30px; margin-bottom: 24px;}
    .mice_intro .info_txt strong {font-size: 20px; margin-bottom: 12px;}
    .mice_intro .info_img {margin-top: 32px;}
}

@media all and (max-width:640px) {
    .new_landing_wrap * {word-break:keep-all}
    .grey_box br {display:none;}
    .grey_box .logo {width:250px; margin: 0 auto;}

    .side_content .row .con li strong {font-size: 17px;}

    .service_tab .tab_menu {width:100%; margin-top: 12px;}
    .service_tab .tab_menu li {font-size: 14px; padding:8px 0;}

    .support_sv ul {gap:8px}
    .support_sv ul li {width:47%; padding:86px 10px 20px;}

    .real_review {padding-left: 0 !important; padding-right: 0 !important;}
    .real_review .swiper {margin-top: 32px;}
    .real_review .swiper .swiper-slide {width:280px; height:380px; margin:0 8px; padding:32px 32px;}
    .real_review .swiper .swiper-slide i {height:26px;}
    .real_review .swiper .swiper-slide i img {height:100%;}
    .real_review .swiper .swiper-slide .con strong {font-size: 18px;}

    
    .grey_bg.clients {margin-top: 0;}
    .clients .clients_logo {margin-top: 20px;}

    .mice_intro > div + div {margin-top: 60px;}
    .mice_intro .info_img {flex-wrap: wrap;}
    .mice_intro .info_img img {width: 100%;}
}