@charset "utf-8";

/* base */
::selection{background: rgb(5 139 190 / 59%); color:#fff;}
body{font-size:16rem; overflow-y:overlay; word-break:keep-all;}
body.active{overflow:hidden;}
body.scrollOff{overflow:hidden;}
th[data-view="file"] + td ul li a{line-height:1em;}
ul li:last-child{margin-right:0;}
.txt_color01{color:#046eb6;}
.txt_color02{color:#ff4444;}
.txt_color03{color:#0d45ac;}

::-webkit-scrollbar{width:10rem;}
::-webkit-scrollbar-thumb{background-color:hsla(0, 0%, 42%, 0.3); border-radius:100rem;}

/* root */
:root{--color-point:#056ebe; --animation-basic:all 0.4s ease; --animation-lazy:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); --lang-kor:"Pretendard", Sans-serif; --lang-mob:Sans-serif;}

/* common */
*[class^="colum"]{display:flex;}

[data-block="mob"]{display: none;}
.wrap{position:relative; width:1400rem; margin:0 auto;}
.wrap.sub{width:1200rem;}

/* popup */
.layerPop{overflow:hidden; border:1rem solid #353535; border-radius:14rem;}
.layerPop .btn button{font-size:13rem;}
.layerPop .btn{padding:13rem 10rem; background:#353535; text-align:left;}
.layerPop .btn button:last-child{float:right; margin:0 12rem 0 0;}

/* Scroll Animation */
/* @media(prefers-reduced-motion: no-preference){
	[scroll_effect="clip_right"]{ clip-path: inset(0 100% 0 0); transition: .8s; }
	[scroll_effect="slide_up"]{ transform: translateY(150px); opacity: 0; transition:transform 1600ms ease, opacity 1300ms ease;}
	[scroll_effect="slide_left"]{ transform: translateX(150px); opacity: 0; transition:transform 1600ms ease, opacity 1300ms ease;}
	[scroll_effect="slide_right"]{ transform: translateX(-150px); opacity: 0; transition:transform 1600ms ease, opacity 1300ms ease;}
	[scroll_effect="clip_right"].effect_active{ clip-path: inset(0); }
	[scroll_effect*="slide_"].effect_active{ transform: translate(0); opacity: 1; }
	[scroll_effect_delay="50"]{ transition-delay: .05s; }
	[scroll_effect_delay="100"]{ transition-delay: .1s; }
	[scroll_effect_delay="150"]{ transition-delay: .15s; }
	[scroll_effect_delay="200"]{ transition-delay: .2s; }
	[scroll_effect_delay="250"]{ transition-delay: .25s; }
	[scroll_effect_delay="300"]{ transition-delay: .3s; }
	[scroll_effect_delay="350"]{ transition-delay: .35s; }
	[scroll_effect_delay="400"]{ transition-delay: .4s; }
	[scroll_effect_delay="450"]{ transition-delay: .45s; }
	[scroll_effect_delay="500"]{ transition-delay: .5s; }
	@media(max-width:767px){
		[scroll_effect_delay]{ transition-delay: 0s; }
	}

} */


/* header */
#header{position:fixed; z-index:100; width:100%; background:#fff; border-bottom:1px solid #eee; box-sizing:border-box; transition:0.7s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
#header .logo_wrap {display: flex; align-items: center;}
#header .logo a{display:block; width:183rem; height:49rem; background:url(../../images/common/logo.svg) no-repeat 50% 50%; background-position:50% 50%;}
#header .area_util img{height:47rem;}
#header .area_util{display:flex; align-items:center; position:relative; font-size:14rem; margin-left: 22px;}
#header .area_util::before{content:""; width:1rem; height:50rem; margin-right:16rem; background:#ddd;}
 #header .area_util .img{background:url(../images/common/logo_util.svg) no-repeat center; background-size:contain; width:60rem; height:50rem;}
#header .area_util strong{line-height:1.4; margin-left:9rem;}
#header .header_inner{display:flex; justify-content:space-between; align-items:center; position:unset; max-width: 1540px;}
#header .login-btn__list{display:none;}
#header .btn_menu{display:none;}
#header .btn_menu{position:absolute; top:0; right:0; z-index:9999; width:23rem; height:13rem; font-size:0rem; transition:all 0.3s ease 0s;}
#header .btn_menu > span, .btn_menu_pc > i{display:block; position:absolute; left:0rem; width:100%; height:2rem; background:#000;}
#header .btn_menu > span:nth-of-type(1){top:0;}
#header .btn_menu > span:nth-of-type(2){top:50%; transition:background 0.3s ease 0s;}
#header .btn_menu > span:nth-of-type(3){top:100%;}
#header .btn_menu > span:nth-of-type(1),
#header .btn_menu > span:nth-of-type(3){transition:all 0.3s ease; transition-property:top, transform; transition-delay:0.3s, 0s;}
#header .btn_menu.active{position:fixed; top:25rem; transform:rotate(180deg);}
#header .btn_menu.active > span:nth-of-type(1){top:10rem; transform:rotate(-45deg);}
#header .btn_menu.active > span:nth-of-type(2){background:transparent;}
#header .btn_menu.active > span:nth-of-type(3){top:10rem; transform:rotate(45deg);}
#header .btn_menu.active > span:nth-of-type(1),
#header .btn_menu.active > span:nth-of-type(3){transition-delay:0s, 0.3s;}
#header .btn_close{position:fixed; opacity:0; visibility:hidden; top:0rem; left:0rem; z-index:99; width:-webkit-calc(100% - 320rem); width:100%; height:-webkit-calc(100vh - -0rem * 1); height:calc(100vh - -0rem * 1); background:#000; font-size:0; transition:all 0.3s ease-out 0s;}
.active #header .btn_close{opacity:0.4; visibility:visible;}

#header nav{display:flex;align-items:center;max-width:auto;width: 100%;justify-content:flex-end;}
#header nav .gnb_top{display:none;}
#header nav .gnb{text-align:center;}
#header nav .gnb > li{display:inline-block;}
#header nav .gnb > li:last-child:after{background:none;}
#header nav .gnb > li > a{display: block;font-size:19rem; font-weight:600; color: #222;padding: 36rem 0rem 36rem 0;margin-right: 55rem;}

/*
#header nav .gnb > li > a.on, 
.sub #header nav .gnb > li > a.on{color: #005ba5;}
*/
#header nav .gnb > li[data-open=on] > a{color: #005ba5;}

#header nav .gnb > li ul > li{margin-right:39rem;}
#header nav .gnb > li ul > li ul li a{font-weight:300; font-size:16rem; color:#666;}
#header nav .gnb > li ul > li ul li a .hide{display:none;}
#header nav .gnb > li ul > li ul{margin-top:16rem;}
#header nav .gnb > li ul > li ul li:not(:first-child){margin-top:11rem;}
#header nav .gnb > li ul > li li{margin-right:0;}
#header li.active .gnb_inner{opacity:1; visibility:visible;}

#header .gnb_inner{display:flex;position:absolute;opacity:0;visibility:hidden;overflow:hidden;top:96rem;left:0;width:100%;background:#fff;border-top:1rem solid #eee;box-shadow:24px 33px 51px 0px rgb(0 0 0 / 18%);border-bottom-left-radius:20rem;border-bottom-right-radius:20rem;min-height:216rem;}

.btn_menu_pc{display:block; position:relative; width:26rem; height:14rem; cursor:pointer;}
.btn_menu_pc.active{width:56rem; height:54rem;}
.btn_menu_pc > i{transition:all 0.3s ease;}
.btn_menu_pc > i:nth-of-type(1){top:0;}
.btn_menu_pc > i:nth-of-type(2){top:50%; transition:background 0.3s ease 0s;}
.btn_menu_pc > i:nth-of-type(3){top:100%;}
.btn_menu_pc.on > i:nth-of-type(1){top:10rem; transform:rotate(-45deg);}
.btn_menu_pc.on > i:nth-of-type(2){background:transparent;}
.btn_menu_pc.on > i:nth-of-type(3){top:10rem; transform:rotate(45deg);}
.full_menu .btn_menu_pc.active{position:absolute; top:40rem; right:40rem;}
.full_menu .btn_menu_pc.active > i:nth-of-type(1){top:25rem; transform:rotate(-45deg);}
.full_menu .btn_menu_pc.active > i:nth-of-type(2){background:transparent;}
.full_menu .btn_menu_pc.active > i:nth-of-type(3){top:25rem; transform:rotate(45deg);}

[data-gnb-bg]{display:flex; justify-content:flex-end; align-items:flex-end; width:578rem; padding-right:60rem; background-size:cover; background-position:50% 50%; font-size:30rem; color:#fff; background-repeat:no-repeat; flex-direction:column;}
[data-gnb-bg="01"]{background-image:url(../../images/common/bg_gnb01.jpg);}
[data-gnb-bg="02"]{background-image:url(../../images/common/bg_gnb02.jpg);}
[data-gnb-bg="03"]{background-image:url(../../images/common/bg_gnb03.jpg);}
[data-gnb-bg="04"]{background-image:url(../../images/common/bg_gnb04.jpg);}
[data-gnb-bg="05"]{background-image:url(../../images/common/bg_gnb05.jpg);}
[data-gnb-bg="06"]{background-image:url(../../images/common/bg_gnb06.jpg);}
[data-gnb-bg="07"]{background-image:url(../../images/common/bg_gnb07.jpg);}
[data-gnb-bg] i{display:block; margin-top:8rem; font-size:12rem; text-transform:uppercase;}
[data-gnb-bg] span{display:block; margin-bottom:40rem;}

.main .hd_login{display:None;}
.hd_login{position:absolute; top:97rem; right:50%; margin-right:-700rem; display:flex; height:45rem; background:#046eb6; padding:10rem; box-sizing:border-box; border-radius: 0 0 10rem 10rem; z-index:10;}
.hd_login > li > a{position:relative; font-size:13rem; font-weight:300; color:#fff; padding:0 15rem; box-sizing:border-box;}
.hd_login > li > a:before{content:''; position:absolute; top:0; right:0; width:1px; height: 18rem; background:rgba(255,255,255,0.48);}
.hd_login > li:last-child > a:before{display:none;}


/* footer */
#footer{position:relative; z-index:1;background: #22282d;}
#footer .list_menu{display:flex;}
#footer .list_menu li{margin-right:46rem;}
#footer .list_menu li a {color: #fff;transition: all 0.3s ease 0s; opacity: 1;}
#footer .list_menu li a:hover{opacity: 0.6;}

#footer address{margin-top:50rem;}
#footer address p{margin:9rem 0;}
#footer address p span{position:relative; padding:0 19rem; color:#8d8d8d;}
#footer address p span:first-child{padding-left:0;}
#footer address p span::after{content:""; position:absolute; opacity:0.22; top:50%; right:0; width:1rem; height:16rem; margin-top:-8rem; background:#fff;}
#footer address p span:last-child::after{opacity:0;}
#footer address p span strong{margin-right:8rem;}

#footer .btn_top{position:fixed;opacity:1;opacity:0;right:50rem;bottom:70rem;z-index:99;width:61rem;height:61rem;background:#cb1919;background-size:7rem;background-position:50% 50%;font-size:0;transition:all 0.4s ease-out 0s;transform:rotate(270deg);-webkit-transform:rotate(270deg);background-repeat:no-repeat;display: none;}
#footer .btn_top.active{position:fixed; opacity:0; bottom:50rem;}
#footer .btn_top.hidden{opacity:0;}
#footer .btn_top.fiexd.active{position:fixed; opacity:1; top:auto; bottom:50rem;}
#footer .btn_top.fiexd{position:absolute; opacity:1; top:-24rem; bottom:auto;}

#footer .cpright{display:block;margin-top: 10rem; font-size:14rem; text-transform:uppercase;font-weight: 800;}

.footer_time{display:flex; justify-content:space-between; padding:100rem 0;}
.footer_time *{color:#fff;}
.footer_time [data-time]{display:flex; align-items:center;}
.footer_time [data-time] strong{display:flex; position:relative; padding-left:41rem; font-size:18rem;}
.footer_time [data-time] strong::before{content:""; display:block; position:absolute; top:4rem; left:0; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.footer_time [data-time="call"] strong::before{width:19rem; height:19rem; background-image:url(../../images/common/icon_footer01.svg);}
.footer_time [data-time="day"] strong::before{width:20rem; height:20rem; background-image:url(../../images/common/icon_footer02.svg);}
.footer_time [data-time="call"]{width:548rem; padding:10rem 0rem 35rem; border-bottom:1rem solid #363b40;}
.footer_time [data-time] strong + *{margin-left:46rem;}
.footer_time [data-time="call"] a{line-height:1; font-weight:700; font-size:38rem; color:var(--color-point);}
.footer_time [data-time="day"]{display:flex; align-items:flex-start; padding:40rem 0 68rem;}
.footer_time [data-time="day"] ul li{display:flex; align-items:center;}
.footer_time [data-time="day"] ul li em{width:80rem; font-weight:300; color:#fff;}
.footer_time [data-time="day"] ul li p{opacity:0.34; margin-left:37rem; font-weight:200;}
.footer_time [data-time="day"] ul li:not(:first-child){margin-top:6rem;}
.footer_time [data-time="sns"] ul{display:flex; width:100%; gap:10rem;}
.footer_time [data-time="sns"] a{display:block; display:flex; justify-content:flex-end; align-items:center; position:relative; padding:20rem 23rem; background:#2a3239; font-size:14rem; color:#9b9d9f; transition:var(--animation-basic);}
.footer_time [data-time="sns"] li{width:-webkit-calc(100%/3); width:calc(100%/3);}
.footer_time [data-time="sns"] a::before{content:""; display:block; position:absolute; left:24rem; background-size:100%; background-position:50% 50%; background-repeat:no-repeat;  background-size: contain;}
.footer_time [data-time="sns"] [data-sns="01"] a::before{width:20rem; height:20rem; background-image:url(../../images/common/icon_sns_f02.svg);}
.footer_time [data-time="sns"] [data-sns="02"] a::before{width:20rem; height:20rem; background-image:url(../../images/common/icon_sns_f01.svg);}
.footer_time [data-time="sns"] [data-sns="03"] a::before{width:26rem; height:18rem; background-image:url(../../images/common/icon_sns_f04.svg);}
.footer_time [data-time="sns"] [data-sns="01"] a{letter-spacing:-0.5rem;}
.footer_time [data-time="sns"] a:hover{background:#313c42; color:#fff;}
.footer_time iframe{position:relative; width:764rem; border-radius:24rem;}
.footer_info{padding:70rem 0 80rem; background:#1a1f23;}
.footer_info img{position:absolute; opacity:0.35; right:0; bottom:0; height:49rem;}

/* partner */
.area_partner #control span[class^="btn"] a{background-image:url(../../images/common/arr_basic.svg);}
.area_partner #control:not(.visual_controls)::after{opacity:1; background:#d8d8d8;}
.area_partner #control{position:absolute !important; top:29rem; right:0;}
.area_partner .swiper-slide{    display: flex; justify-content: center; align-items: center;}
.area_partner .swiper-slide a{display:block;}
.area_partner .swiper-slide a img{max-width:100%;}
.area_partner .list li img{display:block;}
.area_partner .swiper-button-box > div{display:block; width:15rem; height:7rem; padding:10rem 0; background-position:50% 50%; font-size:0; background-repeat:no-repeat; background-image:url(../../images/common/arr_basic.svg); cursor:pointer;}
.area_partner .swiper-button-box .swiper-button-prev{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.area_partner .swiper-button-box{display:flex; align-items:center; position:relative; position:absolute; top:30rem; right:0; z-index:9;}
.area_partner .swiper-button-box::after{content:""; position:absolute; left:50%; width:1rem; height:12rem; background:#c8c9dd;}
.area_partner .swiper-container{overflow:hidden; margin:0; max-width:1260rem;}
.area_partner .swiper-button-next{margin-left:40rem;}


/* full menu */
.full_menu{display:flex; align-items:center; position:fixed; opacity:0; visibility:hidden; top:0; left:0; z-index:55; width:100%; height:100%; background:#fff; transition:var(--animation-lazy); flex-direction:column;}
.full_menu.on{opacity:1; visibility:visible;}
.full_menu .gnb{display:flex; height:620rem; overflow-y:scroll;}
.full_menu .gnb > li > a{font-size:0;}
.full_menu [data-gnb-bg]{display:flex; align-items:flex-start; position:relative; overflow:hidden; width:155rem; margin:0 9rem; padding:20rem 31rem; background:none; background-size:cover; border-top:3rem solid #485c6a; border-right:1rem dashed #ddd; border-bottom:3rem solid #dfdfdf; border-left:1rem dashed #ddd; font-weight:600; font-size:22rem; border-radius:9rem;}
.full_menu [data-gnb-bg] span,
.full_menu [data-gnb-bg] em{position:relative; margin-bottom:0; color:#222;}
.full_menu .gnb > li ul > li > a{display:block; padding-left:35rem; font-weight:600; font-size:16rem;}
.full_menu .gnb > li div > ul{padding-top:30rem;}
.full_menu .gnb > li div > ul > li:not(:first-child){margin-top:12rem;}
.full_menu .gnb > li div > ul li ul a{padding-left:20rem; font-weight:300; font-size:15rem; color:#666;}
.full_menu .gnb > li div > ul li ul a .hide{display:none;}
.full_menu .gnb > li div > ul li ul{margin:13rem 13rem 24rem; padding:13rem 0; background:#f7f7f7; border-radius:5rem; display: none;}
.full_menu .gnb > li div > ul li ul li:not(:first-child){margin-top:4rem;}
.full_menu .logo{margin-top:65rem; margin-bottom:26rem;}
.full_menu .logo a{width:220rem; height:89rem;}
.full_menu > span{position:absolute; opacity:0.2; bottom:30rem; left:0; width:100%; font-weight:800; text-align:center; text-transform:uppercase;}
.full_menu [data-gnb-bg]::before{content:""; position:absolute; opacity:0.04; opacity:0; top:0; left:0; z-index:0; width:100%; height:100%; background:#066eb6;}
.full_menu [data-gnb-bg] em{font-weight:700; font-size:19rem; color:#485c6a;}
.full_menu [data-gnb-bg] span{color:#ddd;}

/* quick */
.m_contact ul{display:flex; justify-content:center; align-items:center; padding:0rem 10rem;}
.m_contact ul li img{display:block; height:20rem; margin:0 auto; max-height:35rem;}
.m_contact ul li p{margin-top:4rem; font-weight:600; font-size:10rem; color:#111;}
.m_contact ul li{text-align:center; flex:1;}
.m_contact ul li a{display:block; padding:10rem 0rem;}
.m_contact{position:fixed; overflow:hidden; bottom:0; z-index:5; width:100%; background:#fff; box-shadow:3rem 2rem 7rem 0rem rgb(0 0 0 / 21%); border-top-left-radius:0; border-top-right-radius:0;}

@media (max-width:1680px) {
    [data-gnb-bg] {width: 380rem;}
}
@media (max-width:1580px) {
    [data-gnb-bg] {width: 300rem;}
	.wrap{width:90%;}
}
@media (max-width:1480px){
	html{font-size:0.06756756756756757vw;}
	.wrap.sub{width:auto; margin:0 40rem;}
}

@media all and (min-width:1024px){
	#header nav .gnb > li div > ul{ transition:all 0.4s ease-out; transition-property:opacity, top, visibility; transition-delay:0s, 0s, 0s;display: flex;align-items: flex-start;padding: 37rem 45rem;}

	#header nav .gnb > li ul > li > a{display:block; position:relative;font-size: 17rem;color: #444444; text-align:left; transition:all 0.3s ease 0s;font-weight: 600;}
	#header nav .gnb > li ul > li > a:hover{opacity: 0.7;}
	#header nav .gnb > li ul > li:first-child > a{border-top-width:0rem;}
	
	a[data-link="call"]{cursor:auto; pointer-events:none;}
}

@media all and (max-width:1023px){
	html{font-size:0.09775171065493645vw;}

    .wrap{width:auto; margin:0 40rem;}

	#header .btn_menu, #header .btn_close {display:block;top: auto;right: 40rem;}
    #header .btn_menu.active {top: auto;}
	
	#header nav{position:fixed; top:80rem; right:-100%; z-index:998; width:100%; height:100%; margin:0; background:#fff; border-top:1px solid #eee; max-width: unset;}
	#header nav.active{right:0rem; transition:all 0.5s ease-out 0s;}
	#header nav .gnb > li{display:block;}
	#header nav .gnb{position:absolute; top: 0; right:0rem; width:100%; height:100%; padding:20rem 0 0; box-sizing:border-box; overflow-y:auto;}
	#header nav .gnb > li{padding:0;}
	#header nav .gnb > li > a{display:block; padding:10rem 40rem; margin: 0; width:45%; box-sizing:border-box; display: flex; align-items: center; font-size:22rem; font-weight: 700; color:#111; transition:all 0.3s ease 0s; margin-right: 0; text-align: left; position: relative;}
    #header nav .gnb > li a.child::before {content: ''; position: absolute; top: 50%; right:0; transform: translateY(-50%) rotate(-90deg); width: 14px; height: 1px; background: #999; transition: .2s linear;}
    #header nav .gnb > li a.child::after {content: ''; position: absolute; top: 50%; right:0; transform: translateY(-50%); width: 14px; height: 1px; background: #999; transition: .2s linear;}
	#header nav .gnb > li ul{padding:20rem 40rem; box-sizing:border-box; text-align:left;}
	#header nav .gnb > li ul > li{margin-right:0;}
	#header nav .gnb > li ul > li ul{margin-top:0; background:#f7f7f7; padding:0;}
	#header nav .gnb > li ul > li > a{position:relative; display:block; padding:10rem 0rem; font-size:17rem;}
	#header nav .gnb > li ul > li ul li:not(:first-child){margin-top:0;}
	#header nav .gnb > li ul > li ul{padding:10rem 0;}
	#header nav .gnb > li ul > li ul li > a{padding:5rem 15rem;}
    #header .header_inner{justify-content:flex-start; padding:15rem 0rem;}
    #header .logo a{width:150rem; height:46rem; background-size:100%;}
    #header .area_util{margin-left:17rem;}
    #header .area_util::before{margin-right:19rem;}
    /* #header.mob .gnb_inner {visibility: unset; position: unset; background: #f8f8f8; box-shadow: unset; padding: 30px 45px; width: unset; border:0 !important; border-radius: 0 !important;} */
	.gnb_top__btn-list{display:flex;}
	.gnb_top__btn-list > li{margin-left:20rem;}

    #header .gnb_inner {
        opacity: 1;
        visibility: visible;
        display: none;
        position: absolute;
        min-height: auto;
        top:0;
		left:45%;
		width:55%;
		height:100%;
		border-radius:0; box-shadow:none; border-top:none; border-left:1px solid #eee;
    }
	#header  nav .gnb > li[data-open=on] > a+div{display:block;}
    
    [data-gnb-bg] {display: none;}
    .btn_menu_pc {display: none;}
	.hd_login{padding:10rem 5rem; top:80rem; right:40rem; height:38rem; margin-right:0;}
	.hd_login > li{line-height:1em;}
	.hd_login > li > a{padding:0 10rem;}
	.hd_login > li > a:before{height:10rem; top:2rem; right:-1rem;}
	.area_partner .swiper-button-box{display:none;}
}
@media (max-width:1580px) {
	.footer_time {align-items: center;}
	.footer_time > div {width: 45%;}
	.footer_time iframe {width: 47%;}
}
@media (max-width:1024px) {
	.footer_time {padding: 85rem 0;}
	.footer_time [data-time] strong{margin:0 0 10rem;}
	.footer_time [data-time="call"]{display:block; width:100%; padding:0 0 25rem;}
	.footer_time [data-time="day"]{flex-direction: column; padding:25rem 0 35rem;}
	.footer_time > div {width: 57%;}
	.footer_time iframe{width:40%;}
	#footer .list_menu{flex-wrap: wrap;}
	#footer .list_menu li{margin-right:15rem;}
	.footer_info img{position:relative; margin:20rem 0 0;}
	
}
@media (max-width:860px){
	html{font-size:0.13020833333333335vw;}
	body,
	p,
	li,
	a{/*font-family:'', Sans-serif;*/ font-size:14rem;}
	
    .wrap{margin:0 25rem;}
	.wrap.sub{margin:0 25rem;}
   
    /*#header nav{width:85%;}
    #header nav .gnb > li > a{padding:14rem 0; font-size:16rem;}*/
	#header .header_inner{height:49.5rem;}
	#header nav{top:79rem;}
    #header nav .gnb > li > a.on{font-weight:700;}
    #header .btn_menu,
    #header .btn_close{right:25rem;}
    #header .logo a{width:130rem;}
    #header .area_util{margin-left:14rem;}
    #header .area_util .img{background:url(../images/common/logo_util.svg) no-repeat center; background-size:contain; width:50rem; height:35rem;}
    #header .area_util strong{line-height:1.3; margin-left:8rem; font-size:12rem;}
    #header .area_util::before{height:35rem; margin-right:16rem;}
	.hd_login{top:81rem;}

	.footer_time {flex-direction: column;}
	.footer_time [data-time="sns"] a {padding: 20rem 52rem;}
	.footer_time [data-time="sns"] a::before {left: 52rem;}
	.footer_time > div{width:100%;}
	.footer_time iframe {width: 100%; margin-top: 35rem;}
}

@media (max-width: 768px){
	.footer_time {flex-direction: column; align-items: flex-start;}
	.footer_time > div {width: 100%;}
}
@media (max-width: 540px){
	html{font-size:0.26666666666666665vw;}

    .wrap{margin:0 20rem;}
	.wrap.sub{margin:0 20rem;}

	
    [data-block="mob"]{display:block !important;}
	.main .hd_login{display:block; z-index:80; top:62rem; }
	.main .hd_login[data-block="mob"]{display:flex !important;}
  
  	#header .login-btn__list{position:absolute; top:21rem; right:46rem; display:flex;}
	#header .login-btn__list > li{position:relative; margin-left:5rem;}
	#header .login-btn__list > li:before{position:absolute; top:3rem; right:-4rem; content:'/'; font-size:10rem; color:#999; font-weight:300;}
	#header .login-btn__list > li:last-child:before{display:None;}
	#header .login-btn__list > li > a{width:auto; font-size:11rem; border:none;}
	#header .login-btn__list > li > a:hover{background:transparent; border:none; color:var(--color-point);}
    #header .logo a{position:relative; left:-2rem; width:80rem;}
    #header .header_inner{padding:8rem 0rem; height:45rem;}
    #header .area_util img{height:26rem;}
    #header .area_util{margin-left:8rem;}
    #header .area_util::before{height:29rem; margin-right:9rem;}
    #header .area_util strong{margin-left:6rem; font-size:10rem;}
	#header .area_util .img{width:34rem; height:25rem;}
    #header .btn_menu{height:10rem; width:18rem}
    #header .btn_menu,
    #header .btn_close{right:20rem;}   
	#header .gnb_inner{left:35%; width:65%;}
	#header nav{top:60rem;}
	#header nav .gnb{padding:7rem 0 0;}
	#header nav .gnb > li > a{font-size:16rem; padding:10rem 15rem; line-height:1em; width:35%;}
	#header nav .gnb > li ul{padding:8rem 15rem;}
	#header nav .gnb > li ul > li > a{font-size:14rem; padding:7rem 0;}
	#header nav .gnb > li ul > li ul{padding:5rem 0;}
	#header nav .gnb > li ul > li ul li a{font-size:13rem; padding:5rem 10rem; line-height:1.1em;}
	#header nav .gnb > li a.child::before{width:12px;}
	#header nav .gnb > li a.child::after{width:12px;}
	#header nav .gnb_top{display:block; position:absolute; top:-55rem; right:85rem;}
	.hd_login{top:61rem; right:0rem; height:30rem; border-radius:0 0 5rem 5rem; padding:7rem 3rem 5rem;}
	.hd_login[data-block="mob"]{display:flex!important;}
	.hd_login > li > a{font-size:12rem;}

	.footer_time {padding: 60rem 0;}
	.footer_time [data-time="sns"] a{text-indent: -9999px;}
	.footer_time [data-time="sns"] a::before{left:50%; transform:translateX(-50%);}
	.footer_time{display:block; padding:40rem 0;}
	.footer_time iframe{display:none;}
	.footer_time [data-time="call"]{width:100%;}
	.footer_time [data-time="sns"] a{padding:15rem;}
	.footer_time > div{width:100%;}
	.footer_info{padding:30rem 0 90rem;}
	#footer address{margin-top:20rem;}
	#footer .list_menu li a{font-size:13rem; font-weight:400;}
	#footer address p{margin:0;}
	#footer address p span{display:block; padding:0; font-size:13rem;}
	#footer address p span::after{display:none;}
	#footer .cpright{line-height:1.1em; font-size:13rem;}
}