@charset "utf-8";

#wrap {overflow:hidden; min-width:320px; position:relative;}

#skip_nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; z-index:10000; -webkit-transition:top 0.3s; transition:top 0.3s;}
#skip_nav:focus {top:0;}

#top_banner {position:relative; }
#top_banner img {width:100%;}
#top_banner .btn_close {position:absolute; top:29px; right:10px; z-index:2; width:20px; height:20px;}
#top_banner .btn_close img {width:100%;}
#top_banner .swiper-pagination {bottom:3px;}
#top_banner .swiper-pagination-bullet {width:8px; height:8px; background:rgba(0,0,0,0.5); opacity:1;}
#top_banner .swiper-pagination-bullet-active {background:#fff;}


/* 2025.04.07  jnb */
#top_banner .swiper-slide {height: 17.5vw;}
#top_banner .swiper-slide img {display:block; width:100%; height:100%; object-fit:cover}


#header {background:#fff;}
.header_top {position:relative;}
#header .btn_menu {position:absolute; top:16px; left:10px; width:17px;}
#header .logo {height:45px; text-align:center;}
#header .logo img {width:55px; margin-top:12px;}
#header .btn_counsel {position:absolute; top:12px; right:43px; width:45px; }
#header .btn_jp {position:absolute; top:10px; right:1.5px; width:35px; }

header .top_link{position: absolute; top:10px; right: 7px; z-index: 91;}
header .top_link .depth2{display: none; position: absolute; top: 106%; right: -7px; width: 110px; background: #fff; padding-bottom: 14px;}
header .top_link .depth2 li a{display: block; font-size: 15px; font-weight: 500; padding: 12px 11px 12px 22px;}
header .top_link .depth2 li a:hover{transition: all .3s; color: #ee2261; font-weight: 700;}
header .top_link .depth2 li a span{position: relative; padding-left: 34px;}
header .top_link .depth2 li a span::before{padding: 26px 26px 0 0; content: ''; position: absolute; top:-1px; left:0; } 
header .top_link .depth2 li a span.korean::before{background: url(../images/common/korea.png)no-repeat;}
header .top_link .depth2 li a span.jpanese::before{background: url(../images/common/jpan.png)no-repeat;}
header .top_link .depth2 li a span.Chinese::before{background: url(../images/common/chin.png)no-repeat;}
header .top_link .depth2 li a span.English::before{background: url(../images/common/eng.png)no-repeat;}
header .top_link .depth2 li a span.Thai::before{background: url(../images/common/thai.png)no-repeat;}

@media (max-width: 414px){

    header .top_link .depth2{top: 28px;}

}


#side_menu {position:absolute; top:0px; left:-105%; bottom:0; z-index:11102; width:100%; height:100%; min-width:320px; padding:0 10px; background:rgba(0,0,0,0.9); transition:left 0.4s; border:1px solid #234234;}
#side_menu.on {left:0%;}
#side_menu h2 {height:45px;}
#side_menu .btn_close {position:absolute; top:12px; right:13px; width:13px;}
#side_menu .scroll_cont {overflow-y:auto; position:absolute; top:90px; left:0; bottom:0; width:100%; padding:0 10px; }
.mem_link {overflow:hidden; border:1px solid #b8b8b8;}
.mem_link li {float:left; width:50%; text-align:center;}
.mem_link li+li {border-left:1px solid #eaeaea;}
.mem_link a {display:block; font-size:12px; color:#ffffff; line-height:25px;}
.qlink {overflow:hidden; margin-left:-1px; text-align:center;}
.qlink li {float:left; width:33.3333%; border-left:1px solid #000; background:#474e55;}
.qlink img {max-width:99px;}

#side_menu .gnb_menu {}
#gnb {display:inline-block; width:100%; margin-top:20px; vertical-align:top; word-break:keep-all;}
#gnb > ul {}
#gnb > ul > li {margin-bottom:1px;}
#gnb > ul > li > a {display:block; overflow:hidden; padding-left:15px; padding-right:25px; font-size:13.5px; line-height:42px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; background:url('../images/common/lnb_down.png') no-repeat 95% center; background-color:#fff; background-size:13px;}
#gnb > ul > li.no_child > a {background-image:url('');}
#gnb > ul > li.on > a {color:#fff; background-color:#fa608c; background-image:url('../images/common/lnb_up.png');}
#gnb > ul > li.on .sub {display:block;}
#gnb .sub {display:none;}
#gnb .sub li {margin-top:1px; }
#gnb .sub a {display:block; overflow:hidden; padding:9px 15px; font-size:13px; line-height:18px; background:#eee;}

.heart span {position:relative; display:inline-block; padding-right:15px}
.heart span:after {position:absolute; top:50%; right:0; width:10px; height:10px; margin-top:-5px; background:url('../images/common/ico_heart.png') no-repeat right center; content:''; background-size:10px auto;}

.dimmed_bg {position:fixed; top:0px; left:-100%; z-index:90; width:100%; height:10000px; background:rgba(0,0,0,0.5); opacity:0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease;}
.dimmed_bg.on {left:0; opacity:1;}


#t_counsel {position:fixed; top:0; right:-105%; z-index:111300; width:100%; min-width:320px; color:#555; transition:right 0.4s;}
#t_counsel.open {right:0;}
#t_counsel h2 {padding-left:20px; font-size:16px; color:#fff; font-weight:bold; line-height:45px; background:#363b40;}
#t_counsel .btn_close {position:absolute; top:16px; right:20px; width:13px;}
.q_menu {margin:0; padding:20px 15px; background:#fff;position:relative;}
.q_menu_bg {position:absolute;top:0; left:0; z-index:1000;}
.q_menu_box {overflow-y:scroll; height:600px;}
.q_menu > li {position:relative; padding:5px 0; }
.q_menu span {position:absolute; top:50%; left:0; transform:translateY(-50%); padding-left:4px;}
.q_menu span:after {position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background:#000; content:'';}
.t_link {padding-left:80px; overflow:hidden; margin:0 -4px;}
.t_link li {float:left; width:33.3333%; padding:0 4px;}


#qmenu {overflow:hidden; border-top:1px solid #c1c1c1; margin-left:-1px;}
#qmenu li {float:left; width:20%; text-align:center; border-left:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
#qmenu li a {display:block; font-size:12px; color:#111111; line-height:32px;}
#qmenu li span {display:inline-block; position:relative;}
#qmenu li span:after {position:absolute; top:6px; right:-7px; width:6px; height:6px; border-radius:50%; background:#fa608c; content:'';}

#lnb {position:relative; z-index:9;}
#lnb > ul {display:inline-block; width:100%; vertical-align:top;}
#lnb > ul > li {position:relative; float:left; width:50%; letter-spacing:-0.08em; background:#e92265;}
#lnb > ul > li.s02 {color:#fff;  border-left:1px solid #c1c1c1; background:#fff;}
#lnb > ul > li > a {position:relative; display:block; padding-left:25px; border-bottom:1px solid #c1c1c1; font-size:13px; font-weight:bold; color:#fff; line-height:32px; background:url('../images/common/lnb_arrow01.png') #fa608c no-repeat 90% center; background-size:13px auto;}
#lnb > ul > li.s02 > a {color:#000; background-image:url('../images/common/lnb_arrow02.png'); background-color:#eeeeee;}
#lnb .sub {display:none; position:absolute; top:32px; left:-1px; right:-1px; padding:10px 0; border:1px solid #c1c1c1; background:#fff;}
#lnb .sub a {display:block; position:relative; padding-left:25px; font-size:12px; color:#353535; line-height:25px;}
#lnb li.on .sub {display:block;}


#footer {padding-bottom:43px;}
/* #footer {padding:25px 50px 25%; text-align:center; background:#f1f1f1;}  #b_qmenu 생성시*/
#footer .b_logo img {width:78px;}
#b_menu {display:inline-block; margin:-4px; padding-top:15px;}
#b_menu a {display:inline-block; padding:0 2px; font-size:11px; color:#1d1d1b; line-height:1.6; font-weight:bold;}




.footer_top {padding:25px 0; background:#cecfd0; text-align:center;}
.footer_top .btn_more {display:inline-block; position:relative; margin-top:15px; padding:0 35px; font-size:11px; color:#1d1d1b; line-height:30px; font-weight:bold; border:1px solid #1d1d1b; transition:background .4s ease; -webkit-transition:background .4s ease;}
.footer_top .btn_more:after {display:inline-block; position:relative; top:-1px; width:7px; height:5px; margin-left:5px; vertical-align:middle; background:url('../images/common/btn_arrow_on.png') no-repeat 0; background-size:100% auto; content:'';}
.footer_top .btn_more.on:after {background-image:url('../images/common/btn_arrow.png');}

.footer_bottom {position:relative; height:0; background:#eeeeef; transition:all .4s ease; -webkit-transition:all .4s ease;}
.footer_bottom table {display:none;}
.footer_bottom.open {height:auto; padding:15px 0 20px;}
.footer_bottom.open table {display:table;}

.footer_top .copyright {margin-top:12px; font-size:11px; color:#6d6d6a;}
.footer_top .copyright span {display:inline-block;}
.address span {display:inline-block; padding:0px 5px; font-size:11px; color:#6d6d6a;}
#address .branch {margin-top:5px;}

.table01 {width:98%; margin:0 auto; text-align:center; }
.table01 th {padding:0 0 7px; font-size:11px; color:#1d1d1b; text-align:center; font-weight:500;}
.table01 td {padding:10px 0; font-size:10px; color:#6d6d6a; line-height:1.3; border-bottom:1px solid #dededf;}

.footer_bottom .table01 thead th {/*border-bottom: 1px solid #222;*/}


#b_qmenu {overflow:hidden; position:fixed; bottom:0; left:0; z-index:1000; width:100%;}
#b_qmenu img {width:100%;}
#b_qmenu li {position:relative; float:left; width:20%;}
#b_qmenu li+li:after {position:absolute; top:21%; bottom:21%; left:0; width:1px; background:#bfbfbf; content:'';}



#fixed_btn {display:inline-block; position:fixed; left:0; bottom:0; z-index:1000; width:100%;}
#fixed_btn > a {float:left; position:relative; z-index:1000; width:50%; font-size:13px; line-height:43px; text-align:center; font-weight:bold;}
#fixed_btn a.fbtn01 {color:#212121; background:#fae100;}
#fixed_btn a.fbtn01 i {display:inline-block; width:17px; height:16px; margin-right:4px; vertical-align:middle; background:url('../images/common/icon_talk02.png') no-repeat; background-size:100% auto;}
#fixed_btn a.fbtn02 {color:#fff; background:#212121;}
#fixed_btn .talk_wrap {position:absolute; top:30px; left:0; width:100%; height:100px; padding:8px 2px; background:#fff; transition:top 0.4s; box-shadow: 5px -21px 14px -17px #e6e6e6;}
#fixed_btn .btn_close {overflow:hidden; position:absolute; top:-26px; left:50%; z-index:10; width:80px; height:41px; margin-left:-40px; text-indent:-999px; background:url('../images/common/btn_open.png') no-repeat; background-size:100% auto;}
#talk_slider .swiper-container {position:relative; z-index:3; padding-right:10%;}
#fixed_btn .talk_wrap li+li {border-left:1px solid #eaeaea;}
#fixed_btn .talk_wrap li a, #fixed_btn .talk_wrap li span {display:block; padding:48px 0 4px; font-size:12px; color:#191919; text-align:center; background:url('../images/common/icon_talk03.png') no-repeat center 5px; background-size:37px auto;}
#fixed_btn .talk_wrap li span {opacity:0.5;}
#fixed_btn.talk_open .talk_wrap {top:-85px;}

.mt20 {margin-top:20px !important;}


#insta {padding:0 10px;}
#insta img {width:100%;}


#space {padding:0 10px 12.5%; background:#f1f1f1;}
#space img {width:100%;}
#space_swiper {position:relative;}
#space_swiper .swiper-button-prev,
#space_swiper .swiper-button-next {position:absolute; z-index:1; width:33px; height:43px; margin-top:-22px;}
#space_swiper .swiper-button-prev {left:0; background:url('../images/space/btn_space_prev.png') no-repeat; background-size:100% auto;}
#space_swiper .swiper-button-next {right:0; background:url('../images/space/btn_space_next.png') no-repeat; background-size:100% auto;}