@charset "utf-8";

@import url(../../common/font/pretendard/pretendard.css);
@import url(../../common/font/nexentire/NexenTire.css);
@import url(../../sys/fonts/NanumSquareNeo/font.css);
@import url(../font/NotoSansJP/NotoSansJP.css);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


body {font-family:'Noto Sans JP','Noto Sans KR','맑은고딕', Malgun Gothic,  sans-serif; color:#555969; }
#headerWrap .logo a { width:297px; background:url(../img/common/logo.svg) no-repeat 0 50%; background-size: 100% auto; }
#lnbWrap .li_depth01 > a { font-size:0.95em; letter-spacing: -0.05em; padding: 2.1em 0; }
#snbWrap h2 > * > * { font-size:1.3em; letter-spacing: -0.05em; }

@media all and (max-width:1480px) {
	#headerWrap .logo a { width:230px;}
	#lnbWrap .li_depth01 > a { font-size:0.9em; max-width: 140px;  }
}

@media all and (max-width:1280px) {
	#headerWrap .logo a { width:200px;}
	#lnbWrap .li_depth01 > a { font-size:0.8em; max-width: 100px; padding: 2.1em 0.6em; }
	.submenu >ul >li >a + div li {width: 50%; }
}

@media all and (max-width:1024px) {
	#headerWrap .logo {padding:1em 0;}
	#headerWrap .logo a { width:250px;  background-size: auto 100% !important; }
	
	#m_menu .side-menu-top h1 { height: 5.5rem; font-size: 1em;  }
	#m_menu .side-menu-top h1 span { display: inline-block; vertical-align: middle; line-height: 1.2em; }
}

@media all and (max-width:640px) {
	.submenu >ul >li >a + div li {width: 100%; }
}


/* 사용자 UI */

#user_wrap {width:100%;min-width:1400px;position:relative;z-index:1000;}
#user_wrap.opened .guide_lnb {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
#user_wrap .content {margin:0; margin-left:30px !important; padding:3rem 2rem; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s; z-index:0; }
#user_wrap.opened .content {margin-left:230px !important;}
#user_wrap.opened .user_lnb {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}

.user_lnb {float:right;}
.user_lnb {position:fixed;top:0;right: 0;width: 15em;height:100%;z-index:10;background: #fff;padding-bottom:2rem;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;box-shadow: -3px 0px 8px 0px rgba(0, 0, 0, 0.10);}
.user_lnb button[class^=btn_] {width:4rem;height:4rem;background-color: #1A2859;background-image:url('../img/common/user_lnb_arrow.svg');background-repeat: no-repeat;text-indent:-9999px;position:absolute;border-radius: 100%;left:-5.2rem;top: 50%;transform: translateY(-50%);z-index:1;}
.user_lnb .btn_close {background-position: -.55em 50%;display: none;}
.user_lnb .btn_open {background-position: .7em 50%;}

.user_lnb .top {position:relative;padding: 2.5em 1.5em 1em;}
.user_lnb .mid,
.user_lnb .bottom {position:relative;padding: 1.5em; border-top:1px solid #EEF2F9;}

.user_lnb .top {text-align:center;}
.user_lnb .top .type li {position:relative; display:inline-block; padding:.3em 1em; font-size:1.4rem; color:#fff; border-radius: 1.5em; }
.user_lnb .top .type li.consumer { background:#1A2859; }
.user_lnb .top .type li.provider { background:#465EDC; }
.user_lnb .top .logo {position:relative;margin: .5em 0 1em 0;}
.user_lnb .top .logo .thumb {display:block; position:relative; overflow: hidden; padding-top:54%; border:1px solid #e9e9e9;}
.user_lnb .top .logo.profile { max-width: 150px; margin-left: auto; margin-right: auto; }
.user_lnb .top .logo.profile .thumb { padding-top: 120%; }
.user_lnb .top .logo .thumb > figure { position: absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;}
.user_lnb .top .logo .thumb > figure img {max-width: 100%;height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.user_lnb .top .logo .btn.setting {display:block; position:absolute;right: .3em;bottom: .3em; width:1.7em; height:1.7em; padding:0; background: #16C1EF  url('../../_guide/img/button/icon_setting.svg') no-repeat 50% 50%;text-indent:-9999px;border: 0 !important;border-radius: 10em;box-shadow:2px 2px 7px 1px rgba(0, 0, 0, 0.12);z-index: 10;}
.user_lnb .top h3 {font-size:2rem; font-weight:700; color:#131313; margin:1em 0;}

.user_lnb .bottom {text-align:left;}
.user_lnb .mid h4,
.user_lnb .bottom h4 {font-size:1.7rem;color:#212121;font-weight:800;margin-bottom: .5em;}

.user_lnb .bottom .cate li + li {border-top: 1px dashed #C5D2E5;}
.user_lnb .bottom .cate li a {display:block;padding: 1.2em .5em;color:#3C3D48;font-size: 1.6rem;background:url(../img/common/user_lnb_arrow2.svg) no-repeat 95% 50%;}



@media all and (max-width:480px) {
	.user_lnb .top .type li { font-size: 1.3rem; }
	.user_lnb .top h3 { font-size: 1.7rem; }
	
	.user_lnb .bottom .cate li a { padding: 1em .5em; font-size: 1.5rem; }
}