/* lnb - 회원 */
#lnb .lnb7 button::after{ display: none; }


/* tab-menu */
.tab-menu ul li a span{ display: none; }


/* CONTACT - Location */
#location .sec-title dl dt{ padding-left: 27px; }
#location .root_daum_roughmap_landing{ width: 100% !important; height: 100% !important; }
#location .root_daum_roughmap .map_border{ display: none; }

@media screen and (max-width: 1280px){
	#location .sec-title ul{ gap: 10px 20px; }  
	#location .sec-title dl dt{ width: 80px; }
	#location .sec-title dl dd{ width: calc(100% - 80px); }
}

@media screen and (max-width: 900px){
	#location .sec-title dl dt{ width: 75px; }
	#location .sec-title dl dd{ width: calc(100% - 75px); }
}



/* 회원 - 로그인 */
#login .login{ max-width: 860px; width: 100%; margin: 0 auto; padding: 110px 50px; border: 1px solid #E6E6E6; border-radius: 20px; }
#login .login .page-title{ margin-bottom: 50px; }
#login .login .sec-title{ margin-bottom: 30px; text-align: center; }
#login .login .sec-title h4{ font-family: var(--Inter); }
#login .login .inner{ max-width: 430px; margin: 0 auto; }

#login .login .tab{ margin-bottom: 40px; }
#login .login .tab ul{ display: flex; }
#login .login .tab ul li{ width: 50%; border-bottom: 1px solid #DDD; }
#login .login .tab ul li a{ width: 100%; display: inline-block; padding: 20px; font-size: 2rem; font-weight: 500; color: #CCC; text-align: center; }

#login .login .tab ul li.on{ border-bottom: 2px solid var(--mainColor); }
#login .login .tab ul li.on a{ font-weight: 700; color: #333; }

#login .login .input input:not(:last-of-type){ margin-bottom: 10px; }
#login .login input{ width: 100%; height: 60px; background: #F5F5F5; border-radius: 10px; -webkit-border-radius: 10px; font-size: 1.8rem; font-weight: 400; color: #111; padding: 0 30px; }
#login .login input::placeholder{ color: #C0C0C0; }

#login .login .button{ margin-top: 40px; }
#login .login .button *{ width: 100%; height: 70px; display: flex; justify-content: center; align-items: center; background: var(--mainColor); color: #fff; font-family: var(--baseFont); font-size: 2rem; font-weight: 500; border-radius: 10px; -webkit-border-radius: 10px; text-align: center; border: none; }
#login .login .button > *.grayBtn{ background: #DDD; color: #666; margin-top: 15px; }

#login .login .link{ display: flex; justify-content: center; margin-top: 30px; margin-bottom: -20px; }
#login .login .link li{ position: relative; }
#login .login .link li::after{ content: ""; width: 1px; height: 13px; background: #999; position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); }
#login .login .link li:last-of-type::after{ display: none; }
#login .login .link li a{ display: inline-block; font-size: 1.8rem; font-weight: 500; color: #999; padding: 20px; }

@media screen and (max-width: 1700px){
	#login .login{ padding: 70px 50px; }
	#login .login .page-title{ margin-bottom: 40px; }

	#login .login .tab{ margin-bottom: 30px; }
	#login .login .tab ul li a{ font-size: 1.8rem; padding: 15px; }

	#login .login input{ height: 55px; font-size: 1.7rem; }
	#login .login .button{ margin-top: 30px; }
	#login .login .button *{ height: 60px; font-size: 1.8rem; }
	#login .login .link li a{ font-size: 1.7rem; }
}

@media screen and (max-width: 1280px){
	#login .login{ padding: 60px 50px; }
	#login .login .page-title{ margin-bottom: 30px; }
	#login .login .sec-title{ margin-bottom: 20px; }

	#login .login .tab{ margin-bottom: 20px; }
	#login .login .tab ul li a{ font-size: 1.7rem; }

	#login .login input{ height: 50px; font-size: 1.6rem; padding: 0 20px; }
	#login .login .button{ margin-top: 20px; }
	#login .login .button *{ height: 55px; font-size: 1.7rem; }
	#login .login .link{ margin-top: 10px; margin-bottom: -15px; }
	#login .login .link li a{ font-size: 1.6rem; padding: 15px; }
}

@media screen and (max-width: 900px){
	#login .login{ padding: 40px 30px; }
	#login .login .link li a{ font-size: 1.5rem; }
}


/* 회원 - 찾기 완료 */
#login.find .inner{ max-width: 580px; }
#login.find p{ font-size: 3rem; font-weight: 400; color: #222; line-height: 1.5; text-align: center; margin-bottom: 70px; }
#login.find p strong{ font-weight: 700; color: var(--mainColor); }

#login.find .button{ display: flex; }
#login.find .button > *{ max-width: calc((100% - 20px) / 2); width: 280px; }
#login.find .button > *.grayBtn{ margin-top: 0; margin-left: 20px; }

@media screen and (max-width: 1700px){
	#login.find p{ font-size: 2.6rem; margin-bottom: 50px; }
}

@media screen and (max-width: 1280px){
	#login.find p{ font-size: 2.4rem; margin-bottom: 30px; }

	#login.find .button > *{ max-width: calc((100% - 15px) / 2); }
	#login.find .button > *.grayBtn{ margin-left: 15px; }
}

@media screen and (max-width: 900px){
	#login.find p{ font-size: 2.2rem; }
}


/* 회원 - 회원가입 */
#register .sticky-tab{ margin-top: 40px; }

#register .center{ display: flex; justify-content: center; }
#register .center > *{ display: flex; justify-content: center; align-items: center; max-width: 280px; width: calc((100% - 20px) / 2); height: 70px; background: var(--mainColor); border: none; border-radius: 10px; -webkit-border-radius: 10px; font-family: var(--baseFont); font-size: 2rem; font-weight: 500; color: #fff; text-align: center; }
#register .center > *.grayBtn{ background: #DDD; color: #666; }
#register .center > *:not(:last-of-type){ margin-right: 20px; }

@media screen and (max-width: 1700px){
	#register .center > *{ max-width: 220px; height: 60px; font-size: 1.8rem; }
}

@media screen and (max-width: 1280px){
	#register .center > *{ max-width: 180px; height: 55px; font-size: 1.7rem; }
}


/* 회원 - 회원가입 - 약관동의 */
#register.agree section:not(:last-of-type){ margin-bottom: 60px; }  
#register.agree h6{ font-size: 2rem; font-weight: 700; color: #222; letter-spacing: -0.02em; margin-bottom: 30px; }
#register.agree h6 span{ color: #F20000; }

#register.agree .scroll-bar{ height: 450px; overflow-y: auto; overflow-x: clip; border: 1px solid #DBDBDB; border-radius: 10px; padding: 30px; }
#register.agree .scroll-bar *{ font-size: 1.6rem; font-weight: 400; color: #777; letter-spacing: -0.02em; }
#register.agree .scroll-bar dl:not(:last-of-type){ margin-bottom: 30px; }
#register.agree .scroll-bar dl dt{ font-weight: 500; color: #555; margin-bottom: 10px; }
#register.agree .scroll-bar dl dd:not(:last-of-type){ margin-bottom: 10px; }
#register.agree .scroll-bar ul{ margin: 30px 0; }
#register.agree .scroll-bar ul.mb0{ margin-bottom: 0 !important; }
#register.agree .scroll-bar ul li:not(:last-of-type){ margin-bottom: 5px; }

#register.agree .check{ text-align: right; margin-top: 40px; }
#register.agree .check input{ display: none; }
#register.agree .check label{ font-size: 1.8rem; font-weight: 400; color: #000; position: relative; padding-left: 30px; cursor: pointer; }
#register.agree .check label::before{ content: ""; width: 20px; height: 20px; border: 1px solid #BBB; position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }
#register.agree .check label span{ color: var(--mainColor); }

#register.agree .check input:checked + label::before{ background: var(--mainColor); border: 1px solid var(--mainColor); }
#register.agree .check input:checked + label::after{ content: ""; width: 20px; height: 20px; background: url("/img/sub/member/check_icon.svg") no-repeat center center / auto; position: absolute; top: calc(1.3em / 2); left: 1px; transform: translateY(-50%); }

@media screen and (max-width: 1700px){
	#register.agree h6{ font-size: 1.9rem; }

	#register.agree .check{ margin-top: 20px; }
	#register.agree .check label{ font-size: 1.7rem; }
}

@media screen and (max-width: 1280px){
	#register.agree h6{ font-size: 1.8rem; margin-bottom: 20px; }

	#register.agree .scroll-bar{ padding: 20px; }
	#register.agree .scroll-bar *{ font-size: 1.5rem; }
	#register.agree .scroll-bar dl dt{ margin-bottom: 5px; }
	#register.agree .scroll-bar ul{ margin: 20px 0; }

	#register.agree .check{ margin-top: 10px; }
	#register.agree .check label{ font-size: 1.6rem; padding-left: 25px; }
	#register.agree .check label::before{ width: 15px; height: 15px; }
	#register.agree .check input:checked + label::after{ width: 10px; height: 10px; left: 3px; background-size: contain; }
}


/* 회원 - 회원가입 - 정보입력 */
.form-table{ 
	--th: 320px; 
	--td: calc(100% - var(--th) + 1px); 
	--border: 1px solid #DBDBDB; 
	--height: 60px; 
	--padding: 20px;
	--gap: 20px;
}

.form-table{ position: relative; z-index: 10; }
.form-table .z-index{ position: relative; z-index: 50; }

.form-table colgroup col{ width: 100%; }
.form-table colgroup col.th01{ width: var(--th); }
.form-table colgroup col.th02{ width: 165px; }
.form-table colgroup col.td01{ width: 390px; }

.form-table th, .form-table td{ position: relative; z-index: 10; }
.form-table th{ width: var(--th); font-size: 2rem; font-weight: 400; color: #222; text-align: left; padding: 20px 30px; margin-right: -1px; }
.form-table th span{ color: #E20303; }
.form-table td, .form-table td *{ font-size: 1.7rem; font-weight: 300; color: #222; letter-spacing: -0.02em; }
.form-table td p:not(.guide){ min-height: var(--height); display: flex; align-items: center; font-size: 2rem; font-weight: 400; color: #222; padding: 0 15px; }
.form-table td p.guide{ font-weight: 400; color: #666; }
.form-table td{ padding: 10px 15px; }
.form-table th::before, .form-table td::before{ content: ""; width: calc(100% + 1px); height: calc(100% + 1px); position: absolute; top: 0; left: 0; z-index: -1; border: var(--border); box-sizing: border-box; }
.form-table th::before{ background: #F8F8F8; }

.form-table tr:first-of-type th::before{ border-radius: 10px 0 0 0; }
.form-table tr:first-of-type td::before{ border-radius: 0 10px 0 0; }
.form-table tr:last-of-type th::before{ border-radius: 0 0 0 10px; }
.form-table tr:last-of-type td::before{ border-radius: 0 0 10px 0; }

.form-table .flex{ display: flex; align-items: center; flex-wrap: wrap; gap: 10px var(--gap); }
.form-table .flex.nowrap{ flex-wrap: nowrap; }
.form-table .flex.gap10{ gap: 10px; }
.form-table .max707{ max-width: 707px; width: 100%; }

.form-table input, .form-table textarea{ width: 100%; background: #F6F6F6; border: none; border-radius: 5px; -webkit-border-radius: 5px; }
.form-table input{ height: var(--height); font-size: 2rem; font-weight: 400; color: #222; padding: 0 var(--padding); }
.form-table input::placeholder{ font-size: 1.5rem !important; font-weight: 400; color: #999; }
.form-table textarea{ padding: var(--padding); }

.form-table .radio-list{ display: flex; flex-wrap: wrap; }
.form-table .radio-list input{ display: none; }
.form-table .radio-list input::placeholder{ font-size: 1.5rem; font-weight: 400; color: #999; }    
.form-table .radio-list label{ display: inline-block; font-size: 1.7rem; font-weight: 300; color: #222; position: relative; padding: 10px 20px; padding-left: 30px !important; cursor: pointer; }
.form-table .radio-list label::before{ content: ""; width: 20px; height: 20px; border: 2px solid #DDD; border-radius: 50%; position: absolute; top: calc((1.3em / 2) + 10px); left: 0; transform: translateY(-50%); box-sizing: border-box; }
.form-table .radio-list input:checked + label::after{ content: ""; width: 8px; height: 8px; background: var(--mainColor); border-radius: 50%; position: absolute; top: calc((1.3em / 2) + 10px); left: calc(20px / 2); transform: translate(-50%, -50%); }

.form-table .selectric-box *{ font-size: 1.7rem !important; font-weight: 400; }
.form-table .selectric{ background: #fff; border: 1px solid #DBDBDB; border-radius: 5px; }
.form-table .selectric .label{ display: flex; align-items: center; height: var(--height); background: url("/img/sub/contact/inquiry_select.svg") no-repeat center right var(--padding) / auto; margin: 0; padding-left: var(--padding); padding-right: calc((var(--padding) * 2) + 13px);  }
.form-table .selectric .button{ display: none; }
.form-table .selectric-items .selectric-scroll{  }
.form-table .selectric-items .selectric-scroll::-webkit-scrollbar{ width: 12px; height: 12px; }
.form-table .selectric-items .selectric-scroll::-webkit-scrollbar-thumb{ background: var(--mainColor); background-clip: padding-box; border: 2px solid transparent; border-radius: 100px; }
.form-table .selectric-items .selectric-scroll::-webkit-scrollbar-track{ background: #eee; background-clip: padding-box; border: 2px solid transparent; border-radius: 100px; }
.form-table .selectric-items{ background: #fff; border: 1px solid #DBDBDB; top: calc(100% - 1px); border-radius: 5px; overflow: hidden; }
.form-table .selectric-items li{ padding: 10px calc(var(--padding)); color: #999; }
.form-table .selectric-items li:not(:last-of-type){ border-bottom: 1px solid #DBDBDB; }
.form-table .selectric-items li.highlighted{ background: var(--mainColor) !important; color: #fff !important; }
.form-table .selectric-items li:hover{ background: #fff; color: #222; }

.form-table button.square{ height: var(--height); background: var(--blue); border: none; border-radius: 10px; -webkit-border-radius: 10px; font-family: var(--baseFont); font-weight: 400; color: #fff; letter-spacing: -0.02em; }


.form-table .id{ --button: 110px; }
.form-table .id input{ width: calc(100% - var(--button) - var(--gap)); }
.form-table .id button.square{ width: var(--button); }

.form-table .email input{ max-width: 200px; width: calc((100% - 35px) / 2); }
.form-table .email .selectric-box{ width: 250px; }

.form-table .tel input{ width: calc((100% - 54px) / 3); }

.form-table .address{ --button: 135px; }
.form-table .address input{ width: calc(100% - var(--button) - var(--gap)); }
.form-table .address button.square{ width: var(--button); } 

.form-table .auto figure{ width: 160px; height: var(--height); overflow: hidden; border-radius: 5px; }
.form-table .auto figure img{ width: 100%; height: 100%; object-fit: cover; }
.form-table .auto input{ width: 285px; }
.form-table .auto button{ width: var(--height); height: var(--height); background: none; border: 1px solid #E3E3E3; border-radius: 5px; -webkit-border-radius: 5px; }


@media screen and (max-width: 1600px){
	.form-table{
		--th: 250px;
		--height: 55px; 
	}
	
	.form-table colgroup col.th02{ width: 120px; }
	.form-table colgroup col.td01{ width: 370px; }
	
	.form-table th{ font-size: 1.8rem; padding: var(--padding); }
	.form-table td p:not(.guide){ font-size: 1.8rem; }
	.form-table td p.guide{ font-size: 1.6rem; }

	.form-table input{ font-size: 1.8rem; }
}

@media screen and (max-width: 1280px){
	.form-table{
		--th: 200px; 
		--height: 50px;
	}

	.form-table th{ font-size: 1.7rem; }
	.form-table td, .form-table td *{ font-size: 1.6rem; }
	.form-table td p:not(.guide){ font-size: 1.7rem; padding: 0; }
	.form-table td p.guide{ font-size: 1.5rem; }

	.form-table input{ font-size: 1.7rem; }

	.form-table .radio-list label{ padding: 10px; padding-left: 27px !important; }
	.form-table .radio-list label::before, .form-table .radio-list input:checked + label::after{ top: calc((1.3em / 2) + 10px); }
	.form-table .radio-list label::before{ width: 18px; height: 18px; }
	.form-table .radio-list input:checked + label::after{ width: 7px; height: 7px; left: calc(18px / 2); }
}

@media screen and (max-width: 1100px){
	.form-table{
		--gap: 10px;
	}

	.form-table colgroup{ display: none; }
	.form-table tr{ display: flex; flex-wrap: wrap; }
	.form-table th, .form-table td{ width: 100%; }
	
	.form-table tr:first-of-type th::before{ border-radius: 10px 10px 0 0; }
	.form-table tr:first-of-type td::before{ border-radius: 0 0 0 0; }
	.form-table tr:last-of-type th::before{ border-radius: 0 0 0 0; }
	.form-table tr:last-of-type td::before{ border-radius: 0 0 10px 10px; }
	
	.form-table .max707{ max-width: 100%; }
}

@media screen and (max-width: 800px){
	.form-table th{ padding: 15px; }

	.form-table .id{ --button: 90px; }

	.form-table .email .flex{ width: 100%; }
	.form-table .email input{ max-width: 100%; }
	.form-table .email .selectric-box{ width: 100%; }
	
	.form-table .address{ --button: 125px; }
	
	.form-table .auto input{ width: calc(100% - 160px - var(--height)); }
}


/* 회원 - 회원가입 - 가입완료 */
#register.ok .border-box{ border: 1px solid #E6E6E6; border-radius: 20px; padding: 90px 50px 110px; text-align: center; }
#register.ok p{ font-size: 2rem; font-weight: 500; color: #999; letter-spacing: -0.02em; margin-top: 25px; }
#register.ok p.name{ font-size: 3rem; font-weight: 400; color: #222; letter-spacing: -0.02em; margin-top: 20px; }
#register.ok p.name strong{ display: block; font-weight: 700; color: var(--mainColor); margin-bottom: 5px; }
#register.ok .center{ margin-top: 50px; }

@media screen and (max-width: 1600px){
	#register.ok .border-box{ padding: 50px 70px; }
	#register.ok p{ font-size: 1.8rem; }
	#register.ok p.name{ font-size: 2.6rem; }
}

@media screen and (max-width: 1280px){
	#register.ok .border-box{ padding: 50px; }
	#register.ok p{ font-size: 1.7rem; margin-top: 10px; }
	#register.ok p.name{ font-size: 2.4rem; margin-top: 10px; }
	#register.ok .center{ margin-top: 20px; }
}

@media screen and (max-width: 900px){
	#register.ok .border-box{ padding: 40px 30px; }
	#register.ok p.name{ font-size: 2.2rem; }
}


/* 회원 - 마이페이지 */
#register.mypage .right{ display: flex; justify-content: flex-end; margin-top: 30px; }
#register.mypage .right button{ width: 125px; height: 50px; background: #fff; border: 1px solid #BBB; border-radius: 10px; -wekit-border-radius: 10px; font-family: var(--baseFont); font-size: 1.8rem; font-weight: 400; color: #BBB; padding: 0; }
#register.mypage .center{ margin-top: 40px; }

@media screen and (max-width: 1600px){
	#register.mypage .right button{ font-size: 1.7rem; }
}

@media screen and (max-width: 1280px){	
	#register.mypage .right{ margin-top: 20px; }
	#register.mypage .right button{ width: 110px; height: 45px; font-size: 1.7rem; }
}