@charset "utf-8"; /* cmb.main.css */

@import url(font.css);

/* Reset */
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; word-break:break-all; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
html {-webkit-text-size-adjust:none; font-size:62.5%;}
html.ios {overflow-x:hidden;}
html.samsungBrowser {overflow:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0}
body {overflow-x:hidden; min-width:28rem; height:auto; min-height:auto; color:#767676; font-size:1.5rem; font-weight:400; font-family:"pd", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch; /* padding-top:constant(safe-area-inset-top); padding-bottom:constant(safe-area-inset-bottom); padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom); */}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
input, select, textarea, button, label {font-size:1.6rem; vertical-align:middle}
strong {display:inline-block; font-family:'pd'; font-weight:600;}
fieldset, img, iframe {border:0 none}
img {max-width:100%; height:auto; vertical-align:middle; border-style:none}
textarea {width:100%; padding:10px; -webkit-box-sizing:border-box; box-sizing:border-box; resize:none; border:1px solid #d5d5d5; font-family:"pd", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
em, address {font-style:normal}
a {text-decoration:none; background-color:transparent; vertical-align:middle; -webkit-text-decoration-skip:objects; color:#767676; word-break:break-word}
a:hover, a:active, a:focus {text-decoration:none}
menu,li {list-style:none}
s {text-decoration:none}
button {padding:0; margin:0; overflow:visible; cursor:pointer; vertical-align:middle; text-transform:none; font-family:"pd", "맑은 고딕", "Malgun Gothic", Dotum, Arial, sans-serif; color:#333; border:none; background:none;}
button, html [type="button"], [type="reset"],[type="submit"] {-webkit-appearance:none;}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display: block; margin:2rem 0; border-top:1px solid #eee; border-width: 1px 0 0 0;}
i,em,address {font-style:normal}
label {cursor:pointer}
table {width:100%; color:#767676; table-layout:fixed; border-spacing:0; border-collapse:collapse}
table td {word-wrap:break-word}

/* accesbility */
.blind_acc {overflow: hidden;position: absolute;width: 1px;height: 1px;clip: rect(0,0,0,0);margin: -1px;}
.blind_btn a {position: fixed;bottom: 100px;left: 50px;color: #eee;z-index: 1000;width: 50px;height: 50px;display: inline-block;}
.wrap.main .app-header {display:none;}
body, .wrap, .content {overflow-x:hidden;}

/* layout */
#mw_wrap {position:relative; width:44rem; margin:0 auto;}
@supports (height:100dvh) {
  #mw_wrap.main_type {height:100dvh;}
}
#mw_wrap.w100 {width:100%;}
#mw_wrap * {box-sizing:border-box;}
@media (min-width: 375px) and (max-width: 440px) {
	#mw_wrap {width:32.7rem;}
	#mw_wrap.w100 {width:100%;}
}
#mw_header {position:relative; padding:1.3rem 0;}
#mw_main {padding:1.2rem 0 5.4rem;}
#mw_footer {position:relative; padding-bottom:2.7rem;}

#mw_header > h1 > strong {display:block; width:13.2rem; height:2.6rem;  background-image:url('/cont/resource/img/main/logo_hanabank_biz.png'); background-size:100% auto;}
#mw_header > .intro {display:block; padding-right:1.4rem; position:absolute; top:50%; right:0; transform:translateY(-50%); color:#008e76; font-size:1.8rem; font-weight:600; line-height:1;}
#mw_header > .intro:before,
#mw_header > .intro:after {content:''; display:block; position:absolute; background:#008e76;}
#mw_header > .intro:before {top:50%; right:0; margin-top:-.1rem; width:.9rem; height:.2rem;}
#mw_header > .intro:after {top:50%; right:.3rem; transform:translateY(-50%); width:.2rem; height:.9rem;}

#mw_footer .flogo > strong {display:block; width:9rem; height:2.6rem; background-image:url('/cont/resource/img/main/logo_hanabank.png'); background-size:100% auto;}
#mw_footer .flink {position:absolute; top:.6rem; right:0; font-size:0;}
#mw_footer .flink a {color:#333; font-size:1.4rem; line-height:1;}
#mw_footer .flink a + a {margin-left:1.2rem;}
#mw_footer .flink a + a:before {content:''; display:inline-block; width:.1rem; height:.8rem; margin:0 1.2rem 0 0; background:#d9d9d9; vertical-align:middle;}
#mw_footer .copyright {margin-top:2rem; color:#666; font-size:1.3rem; line-height:1;}


/* contents */
.mw_notice_area {padding:0 2.1rem 0 1.6rem; border-radius:1rem; background:#f0f9f9;}
.mw_notice_area button {display:block; width:100%; height:4.2rem;}
.mw_notice_area dl {position:relative; padding-left:3.9rem; width:100%; color:#003d32; font-size:1.5rem;}
.mw_notice_area dl dt {position:absolute; top:0; left:0; font-weight:700; text-align:left;}
.mw_notice_area dl dd {overflow:hidden; position:relative; padding-right:1.6rem; text-overflow:ellipsis; white-space:nowrap;text-align: left;}
.mw_notice_area dl dd:after {content:''; display:block; position:absolute; top:.1rem; right:0; width:1.6rem; height:1.6rem; background-image:url('/cont/resource/img/main/ic_mw_notice_arrow_right_green_16.png'); background-size:1.6rem;}

.introbanner_area {margin-top:1.6rem;}
.introbanner_area a {display:block; position:relative; height:32rem; padding-top:2.7rem; border-radius:1.6rem; box-shadow:0 .4rem 2.4rem 0 rgba(33,89,45,.12); background-image:linear-gradient(168deg,#009e84 5%,#009e9e 91%); color:rgba(255,255,255,.6); font-size:2.4rem; font-weight:700; line-height:1; text-align:center;}
.introbanner_area a strong {display:block; margin-top:.9rem; color:#fff;}
.introbanner_area a:after {content:''; display:block; position:absolute; bottom:0; left:50%; width:28.2rem; height:21.7rem; margin-left:-11.7rem; background-image:url('/cont/resource/img/main/img_intro.png'); background-size:100%;}

.banner_swiper {position:relative; overflow:hidden;} 
.banner_swiper .swiper-pagination {display:flex; flex-wrap:wrap; align-items:center; left:4.8rem; bottom:2.1rem; width:auto; font-size:1.3rem; color:#fff;}
.banner_swiper .dash {padding:0 .3rem;}
.banner_swiper .swiper-pagination-total {color:rgba(255, 255, 255, .6);}
.banner_swiper .swiper-pagination .swiper-pagination-bullet {background:#fff; opacity:0.3;}
.banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1; width:1.9rem; border-radius:.4rem;}
.banner_swiper .swiper-pagination .swiper-pagination-bullet:not(:first-child) {margin-left:0.6rem;}
.banner_swiper .btn-wrapper {margin-left:1rem;}
.banner_swiper .btn-wrapper button {width:2rem; height:2rem;}
.banner_swiper .btn-wrapper .auto-stop {background:url('/cont/resource/img/main/btn-stop.png') center center no-repeat; background-size:contain;}
.banner_swiper .btn-wrapper .auto-stop.on {background:url('/cont/resource/img/main/btn-play.png') center center no-repeat; background-size:contain;}
.banner_box {position:relative; height:13.6rem; margin:1.6rem -2.4rem 0;}
.banner_box .banner_content {position:relative; width:100%; height:100%; /*min-height:13.6rem;*/ padding:2rem 2.4rem 5rem; text-align:left; border-radius:1.6rem;display:inline-block;line-height: normal;} 
.banner_box .banner_content .info {display:-webkit-box; width:68%; margin-bottom:.4rem; font-size:1.3rem; font-weight:500; color:#fff; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;}
.banner_box .banner_content .tit {display:-webkit-box; width:68%; word-break:keep-all; font-size:1.8rem; font-weight:600; line-height:2.3rem; color:#fff; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.banner_box .banner_content img {position:absolute; top:50%; right:2rem; width:10rem; transform: translateY(-50%);}
.banner_box .banner_box_inner {position:static; z-index:10; width:100%;}
.banner_box .banner_swiper {padding:0 2.4rem;}
.banner_swiper .swiper-pagination-wrap {display:flex; position:absolute; left:4.8rem; bottom:2.1rem; width:100%; text-align:center; transition:300ms opacity; transform:translate3d(0, 0, 0); z-index:10;}
.banner_swiper .swiper-pagination-wrap .swiper-pagination {position:static; transition:initial; transform:initial;}

.service_area {margin-top:2.8rem; padding:3rem 2.4rem .4rem; border-radius:1.6rem; box-shadow:0 .4rem 2rem 0 rgba(0,70,60,.1); background:#fff;}
.service_area h2 {color:#003d32; font-size:2rem; font-weight:700; line-height:1;}
.service_area .list {margin-top:.4rem;}
.service_area .list li:not(:first-child) {border-top:.1rem solid #ddd;}
.service_area .list a {display:block; position:relative; padding:2.6rem 0 2.6rem 5.6rem; color:#003d32; font-size:1.3rem; line-height:1;}
.service_area .list a:before,
.service_area .list a:after {content:''; display:block; position:absolute;}
.service_area .list a:before {top:2rem; left:0; width:4.8rem; height:4.8rem; background-size:100% auto;}
.service_area .list a.service01:before {background-image:url('/cont/resource/img/main/ic_mw_service_soho_48.png');}
.service_area .list a.service02:before {background-image:url('/cont/resource/img/main/ic_mw_service_branchserach_48.png');}
.service_area .list a.service03:before {background-image:url('/cont/resource/img/main/ic_mw_service_appdown_48.png');}
.service_area .list a:after {bottom:2.7rem; right:0; width:1.6rem; height:1.6rem; background-image:url('/cont/resource/img/main/ic_mw_service_arrow_right_16.png'); background-size:100% auto;}
.service_area .list a strong {display:block; margin-top:.7rem; font-size:1.6rem; font-weight:700;}

.mall_area {overflow:hidden; margin-top:4.8rem;}
.mall_area h2 {padding-left:.7rem; color:#003d32; font-size:2rem; font-weight:700; line-height:1;}
.mall_swiper {position:relative; margin-top:-.5rem;}
.mall_swiper .swiper-wrapper {height:27rem; margin-left:-1.7rem; align-items:center;}
.mall_swiper .swiper-slide {box-sizing:border-box; width:18.4rem; height:20rem; padding-top:.8rem;}
.mall_swiper .swiper-slide-active {width:22rem; height:22rem;}
.mall_swiper .swiper-slide > a {display:block; width:100%; height:100%; border-radius:1.6rem; box-shadow:0 .4rem 2.4rem 0 rgba(17,17,17, .08); font-size:1.3rem; font-weight:600; line-height:1; text-align:center;}
.mall_swiper .swiper-slide-active > a {padding-top:.8rem;}

.mall_swiper .mall_p01 {background:#dceaff; color:#1c52a3;}
.mall_swiper .mall_p02 {background:#d8f2ea; color:#005b4c;}
.mall_swiper .mall_p03 {background:#ffefbd; color:#72430d;}

.mall_swiper .swiper-slide > a strong,
.mall_swiper .swiper-slide > a span {display:block;}
.mall_swiper .swiper-slide > a strong {margin-top:.9rem; font-size:1.8rem; font-weight:700;}
.mall_swiper .swiper-slide > a span {margin-top:1rem; font-size:1.4rem; font-weight:400;}
.mall_swiper .swiper-slide > a span:after {content:''; display:inline-block; width:1.6rem; height:1.6rem; margin-left:.2rem; background-size:100%; vertical-align:-.3rem;}

.mall_swiper .mall_p01 span:after {background:url('/cont/resource/img/main/ic_mw_notice_arrow_right_blue_16.png') no-repeat top right;}
.mall_swiper .mall_p02 span:after {background:url('/cont/resource/img/main/ic_mw_notice_arrow_right_green_16.png') no-repeat top right;}
.mall_swiper .mall_p03 span:after {background:url('/cont/resource/img/main/ic_mw_notice_arrow_right_brown_16.png') no-repeat top right;}

.mall_swiper .swiper-slide .mall_p01 strong {color:#013584;}
.mall_swiper .swiper-slide .mall_p02 strong {color:#064532;}
.mall_swiper .swiper-slide .mall_p03 strong {color:#602e00;}

.mall_swiper .swiper-slide .mall_p01 span {color:#002e72;}
.mall_swiper .swiper-slide .mall_p02 span {color:#003d32;}
.mall_swiper .swiper-slide .mall_p03 span {color:#601d00;}

.mall_swiper .swiper-slide > a:before {content:''; display:block; width:11rem; height:11rem; margin:0 auto; background-size:100%;}
.mall_swiper .swiper-slide-active > a:before {width:12rem; height:12rem;}

.mall_swiper .mall_p01:before {background-image:url('/cont/resource/img/main/img-category01_120.png');}
.mall_swiper .mall_p02:before {background-image:url('/cont/resource/img/main/img-category02_120.png');}
.mall_swiper .mall_p03:before {background-image:url('/cont/resource/img/main/img-category03_120.png');}

.mall_swiper .swiper-pagination-wrap {position:absolute; bottom:.7rem; left:0; width:100%; height:.6rem;}
.mall_swiper .swiper-pagination {width:100%; font-size:0;}
.mall_swiper .swiper-pagination-bullet {width:.6rem; height:.6rem; margin:0 .3rem; background:#ddd; opacity:1;}
.mall_swiper .swiper-pagination-bullet-active {background:#666;}

.cs_area {margin-top:2.8rem; padding:3rem 2.4rem .4rem; border-radius:1.6rem; box-shadow:0 .4rem 2rem 0 rgba(0,70,60,.1); background:#fff;}
.cs_area h2 {color:#003d32; font-size:2rem; font-weight:700; line-height:1;}
.cs_area .list {margin-top:.4rem;}
.cs_area .list > li:not(:first-child) {border-top:.1rem solid #ddd;}
.cs_area .list > li a {display:block; padding:2rem 0;}
.cs_area .list > li a > div {position:relative; min-height:4.8rem; padding:.7rem 0 0 5.6rem; color:#003d32; font-size:1.3rem; line-height:1;}
.cs_area .list > li a > div:before {content:''; display:block; position:absolute; top:0; left:0; width:4.8rem; height:4.8rem; background-size:100%;}
.cs_area .service01 > div:before {background-image:url('/cont/resource/img/main/ic_mw_cs_call_48.png');}
.cs_area .service02 > div:before {background-image:url('/cont/resource/img/main/ic_mw_cs_email_48.png');}
.cs_area .service03 > div:before {background-image:url('/cont/resource/img/main/ic_mw_cs_faq_48.png');}
.cs_area .list > li a > div:after {content:''; display:block; position:absolute; bottom:.5rem; right:0; width:1.6rem; height:1.6rem; background-image:url('/cont/resource/img/main/ic_mw_service_arrow_right_16.png'); background-size:100% auto;}
.cs_area .list > li a.service01 > div:after {transform:rotate(90deg);}
.cs_area .list > li.active a > div:after {transform:rotate(-90deg);}
.cs_area .list > li a > div > strong {display:block; margin-top:.8rem; font-size:1.6rem; font-weight:700;}

.cs_area .list li a > ul {display:none; margin-top:1.2rem;}
.cs_area .list li a > ul li {padding:1.5rem 0; border-radius:.8rem; background:#f6f6f6; font-size:0; text-align:center;}
.cs_area .list li a > ul li > strong,
.cs_area .list li a > ul li > span {display:inline-block; color:#003d32; font-size:1.6rem; font-weight:700; letter-spacing:-.05em; line-height:1; text-align:left; vertical-align:top;}
.cs_area .list li a > ul li > strong {width:5.7rem;}
.cs_area .list li a > ul li > span {width:15.7rem;}
.cs_area .list li a > ul li > span em {display:block; position:relative; margin-top:1rem; font-size:1.3rem; font-weight:500;}
.cs_area .list li a > ul li > span em > span {position:relative; z-index:2;}
.cs_area .list li a > ul li > span em:after {content:''; display:block; position:absolute; bottom:-.3rem; left:0; z-index:1; width:90.5%; height:.8rem; background:#bfe9d8;}
.cs_area .list li a > ul li + li {margin-top:.6rem;}

.cs_area .list li.active a > ul {display:block;}

.exchange_area {position:relative; margin-top:2.8rem; padding:3rem 2.4rem 2.4rem; border-radius:1.6rem; box-shadow:0 .4rem 2rem 0 rgba(0,70,60,.1); background:#fff;}
.exchange_area h2 {color:#003d32; font-size:2rem; font-weight:700; line-height:1;}
.exchange_area .time {margin-top:1.2rem; color:#111; font-size:1.3rem; line-height:1.6rem;}
.exchange_area .time:before {content:''; display:inline-block; width:1.6rem; height:1.6rem; margin-right:.3rem; background-image:url('/cont/resource/img/main/ic-mw-date-16.png'); background-size:100% auto; vertical-align:top;}

.exchange_area .list_wrap {margin-top:2rem;}
.exchange_area .list_wrap .head {display:block; font-size:0; font-weight:400; line-height:1; text-align:center;}
.exchange_area .list_wrap .head span {display:inline-block; width:7rem; color:#111; font-size:1.5rem;}
.exchange_area .list_wrap .head span:first-child {width:9.9rem;}

.exchange_area .list {margin-top:1rem;}
.exchange_area .list li {padding:1.4rem 0; border-radius:.8rem; background:#f6f6f6; font-size:0; text-align:center;}
.exchange_area .list li + li {margin-top:.6rem;}
.exchange_area .list li > strong,
.exchange_area .list li > span {display:inline-block; color:#111; font-size:1.5rem; line-height:2rem; vertical-align:top;}

.exchange_area .list li > strong {width:9.9rem; font-weight:700; text-align:left;}
.exchange_area .list li > strong:before {content:''; display:inline-block; width:2.6rem; height:2.0rem; margin-right:.8rem; background-size:100% auto; vertical-align:top;}
.exchange_area .list li.usd > strong:before {background-image:url('/cont/resource/img/main/ic_country_usa.png');}
.exchange_area .list li.eur > strong:before {background-image:url('/cont/resource/img/main/ic_country_eu.png');}
.exchange_area .list li.jpy > strong:before {background-image:url('/cont/resource/img/main/ic_country_japan.png');}
.exchange_area .list li.cny > strong:before {background-image:url('/cont/resource/img/main/ic_country_china.png');}
.exchange_area .list li > strong > i {margin-left:.5rem; color:#666; font-weight:400;}

.exchange_area .list li > span {width:7rem; letter-spacing:-.25px; text-align:center;}
.exchange_area .view_all {display:block; position:absolute; top:3.3rem; right:2.4rem; color:#111; font-size:1.5rem; line-height:1.6rem;}
.exchange_area .view_all:after {content:''; display:inline-block; width:1.6rem; height:1.6rem; background-image:url('/cont/resource/img/main/ic_mw_notice_arrow_right_bk_16.png'); background-size:100% auto; vertical-align:top;}

.onboarding_area {position:relative; height:100vh; padding-bottom:6rem;}
@supports (height:100dvh) {
  .onboarding_area {height:100dvh;}
}
.onboarding_area.dvh100 {height:100dvh !important;}
.onboarding_area .btn_home {position:absolute; top:1.8rem; left:50%; z-index:2; width:32.7rem; transform:translateX(-50%); text-align:right;}
.onboarding_area .btn_home a {color:#111; font-size:1.8rem; font-weight:700; line-height:1;}
.onboarding_area.first_slide .btn_home a {color:#fff;}
.onboarding_area .onboarding_swiper {height:100%;}
.onboarding_area .swiper-slide {position:relative;}
.onboarding_area .swiper-slide > div {position:absolute; bottom:0; left:0; width:100%; height:100%; text-align:center;}
.onboarding_area .swiper-slide > div p {position:absolute; top:9rem; left:50%; transform:translateX(-50%); z-index:2; width:30.7rem; color:#333; font-size:1.8rem; line-height:1.333; text-align:left;}
.onboarding_area .swiper-slide > div p strong {display:block; margin-bottom:2rem; color:#111; font-size:2.8rem; font-weight:700; line-height:1;}
.onboarding_area .swiper-pagination {display:flex; flex-direction:column; align-items:flex-end; top:8.8rem; left:50%; transform:translateX(-50%); width:33.1rem; text-align:right;}
.onboarding_area .swiper-pagination-bullet {opacity:1; border:none; background-color:#ddd;}
.onboarding_area .swiper-pagination-bullet + .swiper-pagination-bullet {margin-top:.4rem;}
.onboarding_area .swiper-pagination-bullet-active { background-color:#666;}

.onboarding_area.first_slide .swiper-pagination-bullet {background-color:rgba(255,255,255,.4);}
.onboarding_area.first_slide .swiper-pagination-bullet-active {background-color:rgba(255,255,255,1);}

.onboarding_area .swiper-slide > div p.mcopy {top:10.5rem; color:rgba(255,255,255,.6); font-size:2.8rem; font-weight:700; line-height:1; text-align:center;}
.onboarding_area .swiper-slide > div p.mcopy i {display:block; margin-top:1rem; color:rgba(255,255,255,1);}
.onboarding_area .swiper-slide > div img {position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; max-width:37.5rem;}
.onboarding_area .swiper-slide > div img.bg {top:7.4rem; max-width:20.6rem;}
.onboarding_area .swiper-slide > div .res_img {overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.onboarding_area .swiper-slide > div .res_img.flex_end {display:flex; align-items:flex-end; justify-content:center;}
.onboarding_area .swiper-slide > div .res_img img {position:relative; left:0; transform:translate(0);}
.onboarding_area .swiper-slide > div .res_img img.res_pos {bottom:-7vh;}

/* .onboarding_area .btn_download {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:6rem; color:#fff; background:#006d5a; font-size:1.8rem; font-weight:700; letter-spacing:-.5px;} */
.onboarding_area .btn_download {position:fixed; bottom:0; left:0; z-index:2; width:100%; height:6rem; color:#fff; background:#006d5a; font-size:1.8rem; font-weight:700; line-height:6rem; letter-spacing:-.5px; text-align:center;}

#toast_popup {position:fixed; bottom:-15rem; left:50%; transform:translateX(-50%); transition:bottom .45s ease; z-index:10; width:44rem; border-radius:1.2rem; background:rgba(17,17,17,.9);}
#toast_popup.callup {bottom:2rem;}
#toast_popup > p {padding:1.5rem 0 1.5rem 2.4rem; color:#fff; font-size:1.3rem; line-height:1.38;}
#toast_popup > a {position:absolute; top:50%; right:2.4rem; transform:translateY(-50%); color:#27c7ab; font-size:1.4rem; font-weight:600;}

/* responsive */
@media (min-width: 375px) and (max-width: 440px) {
  #toast_popup {width:32.7rem;}
}

@media (max-width: 440px) {
  .mall_area {overflow:visible}
}

@media (min-width: 270px) and (max-width: 374px) {
	/* index */
	#mw_wrap {width:calc(100% - 15vw);}
	
	#mw_header {padding:3.5vw 0;}
	#mw_header > h1 > strong {width:34.9vw; height:7vw;}
	#mw_header > .intro {font-size:4.5vw;}
	#mw_header > .intro:before {width:2.5vw; height:.5vw; margin-top:-.3vw;}
	#mw_header > .intro:after {width:.5vw; height:2.5vw;}

	#mw_main {padding:2vw 0 5.4rem;}

	#mw_footer .flogo > strong {width:24vw; height:6.7vw;}
	#mw_footer .flink a {font-size:3.5vw;}
	#mw_footer .flink a + a {margin-left:4vw;}
	#mw_footer .flink a + a:before {margin-right:4vw;}
	#mw_footer .copyright {font-size:3.5vw;}

	.mw_notice_area button {height:10vw;}
	.mw_notice_area dl {padding-left:11vw; font-size:4vw;}
	.mw_notice_area dl dd {padding-right:5vw;}
	.mw_notice_area dl dd:after {top:-.1vw; width:5vw; height:5vw; background-size:5vw;}

	.introbanner_area {margin-top:4vw;}
	.introbanner_area a {height:87vw; font-size:6.5vw;}
	.introbanner_area a:after {width:75.5vw; height:58vw; margin-left:-32vw;}

	.banner_box {height:38vw; margin-top:4vw;}
	.banner_box .banner_content {min-height:38vw; padding:6vw 6vw;}
	.banner_box .banner_content .info {font-size:3.4vw;}
	.banner_box .banner_content .tit {font-size:4.2vw; line-height:7vw;}
	.banner_box .banner_content img {width:28vw; height:auto;}
	.banner_swiper .swiper-pagination-wrap {left:13vw; bottom:5vw;}
	.banner_swiper .swiper-pagination .swiper-pagination-bullet {width:2vw; height:2vw;}
	.banner_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:5vw;}
	.banner_swiper .btn-wrapper button {width:5vw; height:5vw;}

	.service_area {margin-top:6vw;}
	.service_area h2 {font-size:5vw;}
	.service_area .list a {padding:7vw 0 7vw 15vw; font-size:3.5vw;}
	.service_area .list a strong {font-size:4vw;}
	.service_area .list a:before {width:14vw; height:14vw;}
	.service_area .list a:after {bottom:7vw; width:4vw; height:4vw;}

	.mall_area {margin-top:10vw;}
	.mall_area h2 {font-size:5vw;}
	
	.mall_swiper .swiper-wrapper {height:70vw; margin-left:-4.5vw;}
	.mall_swiper .swiper-slide {width:48vw; height:52vw;}
	.mall_swiper .swiper-slide-active {width:57vw; height:57vw;}

	.mall_swiper .swiper-slide > a {font-size:3.5vw;}
	.mall_swiper .swiper-slide > a strong {font-size:4.5vw;}
	.mall_swiper .swiper-slide > a span {margin-top:2.5vw; font-size:3.7vw;}
	.mall_swiper .swiper-slide > a:before {width:24vw; height:24vw;}
	.mall_swiper .swiper-slide-active > a:before {width:28vw; height:28vw;}

	.mall_swiper .swiper-pagination-wrap {bottom:1vw; height:1.5vw;}
	.mall_swiper .swiper-pagination-bullet {width:1.5vw; height:1.5vw;}

	.cs_area {margin-top:5.5vw; padding:8.5vw 7.5vw .5vw;}
	.cs_area h2 {font-size:5vw;}
	.cs_area .list > li a {padding:5vw 0;}
	.cs_area .list > li a > div {padding:1vw 0 0 15vw; font-size:3.5vw;}
	.cs_area .list > li a > div > strong {font-size:4vw;}
	.cs_area .list > li a > div:before {width:14vw; height:14vw;}
	.cs_area .list > li a > div:after {top:7vw; bottom:auto; width:4vw; height:4vw;}
	.cs_area .list li a > ul li > strong,
	.cs_area .list li a > ul li > span {font-size:4vw;}
	.cs_area .list li a > ul li > strong {width:15vw;}
	.cs_area .list li a > ul li > span {width:44vw;}
	.cs_area .list li a > ul li > span em {margin-top:3vw; font-size:3.5vw;}

	.exchange_area {margin-top:5.5vw; padding:8.5vw 7.5vw 7.5vw;}
	.exchange_area h2 {font-size:5vw;}
	.exchange_area .view_all {top:9vw; font-size:3.6vw; line-height:4vw;}
	.exchange_area .view_all:after {width:4vw; height:4vw;}
	.exchange_area .time {font-size:3.5vw; line-height:4vw;}
	.exchange_area .time:before {width:4vw; height:4vw;}

	.exchange_area .list_wrap .head span {width:17vw; font-size:3.6vw;}
	.exchange_area .list_wrap .head span:first-child {width:23vw;}

	.exchange_area .list li > strong,
	.exchange_area .list li > span {font-size:3.6vw; line-height:4vw;}
	.exchange_area .list li > strong {width:23vw;}
	.exchange_area .list li > span {width:17vw;}
	.exchange_area .list li > strong:before {width:5.2vw; height:4vw;}

	/* onboarding */
  .onboarding_area {padding-bottom:14.5vw;}
	.onboarding_area .btn_home {width:90vw;}
	.onboarding_area .btn_home a {font-size:4.5vw;}
	.onboarding_area .swiper-pagination {top:24vw; width:90vw;}
	
	.onboarding_area .swiper-slide > div p {top:25vw; width:80vw; font-size:4.5vw;}
	.onboarding_area .swiper-slide > div p strong {font-size:7.5vw;}
	.onboarding_area .swiper-slide > div p.mcopy {top:28vw; font-size:7.5vw;}
  .onboarding_area .swiper-slide > div img.bg {top:20vw; max-width:54vw;}
	.onboarding_area .btn_download {height:14.5vw; font-size:4.5vw; line-height:14.5vw;}

  #toast_popup {width:calc(100% - 15vw);}
  #toast_popup > p {padding:5vw 0 5vw 4vw; font-size:3.3vw;}
  #toast_popup > a {right:4.5vw; font-size:3.5vw;}
}

/* 모바일번호표 */
.pmobilenumber{overflow:hidden;}
.pmobilenumber .wrap{padding-top:5.3rem;}
.mobilenumber_area{position:relative;height: calc(100vh - 5.3rem);padding-bottom:calc(env(safe-area-inset-bottom) + 8rem);}
@supports(height:100dvh){.mobilenubmer_area{height:100dvh;}}
.mobilenumber_area.dvh100 {height:100dvh !important;}
.mobilenumber_area .header {position: fixed;top: 0;left: 0;width: 100%;height: 5.3rem;background: #fff;z-index: 100;text-align: center;}
.mobilenumber_area .header h1 {text-align: center;color:#111;font-size: 1.6rem;font-weight: 500;line-height: 5.3rem;}
.mobilenumber_area .header > div{position:absolute;top: 1.45rem;}
.mobilenumber_area .header .l_area{left:1.6rem;}
.mobilenumber_area .header .l_area button{background:url(/cont/resource/img/cont/icon-navigation-bars-arrow-left-black-24-px.png) left center / 2.4rem no-repeat;}
.mobilenumber_area .header .r_area{top: 1.25rem;right:1.6rem;}
.mobilenumber_area .header > div button{width:2.4rem;height:2.4rem;}
.mobilenumber_area .header .r_area button{background:url(/cont/resource/img/cont/icon-navigation-bars-home-black-24-px.png) left center / 2.4rem no-repeat;}
.mobilenumber_area .mobilenumber_swiper {height:100%;opacity:0;visibility:hidden;}
.mobilenumber_area .mobilenumber_swiper.swiper-container-initialized {opacity:1;visibility:visible;}
.mobilenumber_area .swiper-slide {position:relative;}
.mobilenumber_area .swiper-slide > div {position:absolute; bottom:0; left:0; width:100%; height:100%;text-align:center;}
.mobilenumber_area .swiper-slide > div p {position: absolute;top: calc(env(safe-area-inset-top) + 4.8rem);left: 50%;transform: translateX(-50%);font-size: 2.4rem;font-weight: 700;line-height: 3.19rem;text-align: center;color: #004543;z-index: 2;width: 22.5rem;}
.mobilenumber_area .swiper-slide > div p strong {color: #009178;}
.mobilenumber_area .swiper-pagination {display:flex;flex-direction:column; align-items:flex-end;top: calc(env(safe-area-inset-top) + 5.3rem);right: 2.4rem;}
.mobilenumber_area .swiper-pagination-bullet {width: .5rem;height: .5rem;opacity:1; border:none;border-radius: .4rem;background-color: #ccc;}
.mobilenumber_area .swiper-pagination-bullet + .swiper-pagination-bullet {margin-top:.5rem;}
.mobilenumber_area .swiper-pagination-bullet-active {background-color: #009178;height: 1.6rem;}
.mobilenumber_area .swiper-slide > div img {position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:37.5rem;}
.mobilenumber_area .swiper-slide > div .res_img {overflow:hidden;position:absolute;bottom: 0;left:0;width:100%;height:100%;text-align:center;}
.mobilenumber_area .swiper-slide > div .res_img.flex_end {display:flex;align-items: flex-end;justify-content:center;}
.mobilenumber_area .swiper-slide > div .res_img img {position:static;left:0;transform:translate(0);}
.mobilenumber_area .mobile_btn{position:fixed;bottom:0;width:100%;padding: 0 2.4rem calc(env(safe-area-inset-bottom) + 2rem);z-index:5;background: #fff;}
.mobilenumber_area .mobile_btn .btn_link{display: block;width:100%; height:6rem; color:#fff;background: #009178;border-radius: 0.8rem;font-size: 1.6rem;font-weight: 500;line-height: 6rem; text-align:center;}


@media (min-width: 270px) and (max-width: 374px) {
	/* 모바일번호표 */
	.mobilenumber_area {padding-bottom: calc(env(safe-area-inset-bottom) + 6.1rem);}
	.mobilenumber_area .swiper-pagination {top: 15vw; width:90vw;}
	.mobilenumber_area .swiper-slide > div p {top:13.2vw; width:100vw;font-size:6.3vw;}
	.mobilenumber_area .mobile_btn .btn_link {height:14.5vw; font-size:4.5vw; line-height:14.5vw;}

}

/* 250529 메인인디케이터 변경 */
.banner_swiper .swiper-pagination-wrap {width:8rem; height:1.6rem; padding-left:1.2rem; border-radius:.8rem; background:rgba(0,0,0,.3);}
.banner_swiper .swiper-button-next,
.banner_swiper .swiper-button-prev {position:absolute; top:.3rem; width:1rem; height:1rem; margin:0; background-size:100%;}
.banner_swiper .swiper-button-next {right:.6rem; background-image:url('/cont/resource/img/main/ic_arrow_right.png');}
.banner_swiper .swiper-button-prev {left:.6rem; background-image:url('/cont/resource/img/main/ic_arrow_left.png');}
.banner_swiper .swiper-button-next:after,
.banner_swiper .swiper-button-prev:after {display:none;}
.banner_swiper .swiper-pagination {display:block; width:3.1rem; font-size:1rem; font-weight:200;line-height:1.6rem; letter-spacing:-.07em; text-align:right;}
.banner_swiper .swiper-pagination-total {color:rgba(255,255,255,1);}
.banner_swiper .btn-wrapper {position:absolute; top:0; left:4.7rem; margin:0;}
.banner_swiper .btn-wrapper .auto-stop {display:block; width:1.6rem; height:1.6rem; background-image:url('/cont/resource/img/main/ic_pause_16.png');}
.banner_swiper .btn-wrapper .auto-stop.on {background-image:url('/cont/resource/img/main/ic_play_16.png');}