body {
	font-family:'Roboto','Noto Sans KR',sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#363432; position: relative;
	background-color:#ffffff !important;
}

.nsr {font-family:  'Noto Serif kr'}
.roboto {font-family: "Roboto Condensed", sans-serif;}
.search-btn{display: none;}
.mgnb{display: none;}
.gnb_btn {display: none}

h2{font-size: 32px; line-height: 1.5em; color:#222; margin-bottom:0; font-weight: 500; margin-top: 0;} 
h3{font-size: 24px; line-height: 1.5em; color:#222; margin-bottom:0; font-weight: 500; margin-top: 0;}
h4{font-size: 20px; line-height: 1.5em; color:#222; margin-bottom:0; font-weight: 500; margin-top: 0;}
h5{font-size: 18px; line-height: 1.5em; color:#222; margin-bottom:0; font-weight: 500; margin-top: 0;}
.text{font-size: 16px; line-height: 1.7em; color:#333;}
.text span{white-space: nowrap;}


select{
	padding: .7rem 2.7rem .7rem .9rem;
	-moz-padding-start: calc(.9rem - 3px);
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	background-color: #f3f3f3;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .9rem center;
	background-size: 14px 10px;
	border: 1px solid #f3f3f3;
	border-radius: .25rem;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance:none
}

select.carnumber_select {width: 150px}

header{position: fixed; width:100%; z-index: 99; top:0; transition: top 0.5s ease-in-out; background: #f46936 !important;}
header .notice_bar {background: #2a2d34;padding: 7px 10px;color: #e1d1be;font-size: .8em;text-align: center}
header .notice_bar p {margin: 0;line-height: 1.6em}
header.nav-up {top: -90px;}
header.nav-down{border-bottom: 1px solid #eee;background: #ffffff}
header .headwrap{width:1400px; margin:0 auto; display: flex; justify-content: space-between; align-items: center; position: static;}
header .logo {height: 90px; display: flex; align-items: center; position: relative; z-index: 99;font-family: 'Lemon/Milk'}
header .logo img{height: 32px;}
header .logo a {color: #ffffff;text-decoration: none;font-size: 20px;font-style: italic;}
header .gnb{}
header .gnb ul{display: flex; justify-content: start; align-items: center;}
header .gnb ul li{margin-right:27px;}
header .gnb ul li a{font-size: 14px; font-family: 'Pretendard-SemiBold'; text-decoration: none; color:#ffffff;}
header .gnb ul li:last-of-type{margin-right:0;}
/* header .gnb ul li .depth00{text-decoration: none; color:#444; font-size: 15px; line-height: 1.5em;font-family: 'S-CoreDream-5Medium'; line-height: 90px;} */

ul.dots-styled{list-style-type: none; margin-bottom: 0; padding-left:0;}
ul.dots-styled li{position: relative; padding-left:20px;}
ul.dots-styled li::before{display: block; content:''; width:5px; height:5px; border-radius: 5px; background:#666; position: absolute; top:8px; left:7px; margin:auto;}


#postcode_modal .modal-dialog {width: 330px;}

.wrap{width:1200px; margin: 0 auto; position: relative;}
.scr_btn_sm {padding: 10px 20px;border-radius: 4px;background-color: #f46936;color: #ffffff;border: 0;font-family: 'Pretendard-Medium';font-size: 13px;}


.scr_btn {padding: 16px 50px;border-radius: 8px;background-color: #f46936;color: #ffffff;border: 0;font-family: 'Pretendard-Bold';font-size: 15px;}

footer {position: relative; background: #ebebeb; padding:40px 0; margin-top: 120px;}
footer .wrap{width:1400px;}
footer .foot-top{padding-bottom: 40px; margin-bottom: 40px; border-bottom:1px solid #a7a7a7;}
footer .foot-top .flexwrap{display: flex; justify-content: space-between; align-items: center;}
footer .foot-top .flexwrap .left{}
footer .foot-top .flexwrap .left ul{display: flex; justify-content: start; align-items: center; margin-bottom: 0;flex-wrap: wrap;}
footer .foot-top .flexwrap .left ul li{margin-right:10px; font-size: 14px; line-height: 2em; font-family: 'Pretendard-SemiBold';}
footer .foot-top .flexwrap .left ul li:last-of-type{margin-right:0;}
footer .foot-top .flexwrap .left ul li a{color:#202020; text-decoration: none;}
footer .foot-top .flexwrap .right{}
footer .foot-top .flexwrap .right ul{display: flex; justify-content: start; align-items: center; margin-bottom: 0;}
footer .foot-top .flexwrap .right ul li{margin-right:10px; font-size: 20px; line-height: 1.5em; font-family: 'Pretendard-Bold';}
footer .foot-top .flexwrap .right ul li:last-of-type{margin-right:0;}
footer .foot-top .flexwrap .right ul li a{color:#202020; text-decoration: none;}
footer .logo img{height: 25px;}
footer .foot-middle .flexwrap{display: flex; justify-content: space-between; align-items: start; flex-direction: row-reverse;}
footer .foot-middle .flexwrap .right{text-align: right;}
footer .foot-middle .flexwrap .right .tel{font-family: 'Pretendard-SemiBold'; font-size: 24px;}
footer .foot-middle ul{}
footer .foot-middle ul li{color:#202020; font-size: 14px; line-height: 1.5em; margin-bottom: 5px; font-family: 'Pretendard-Regular';}
footer .foot-middle ul li:last-of-type{margin-bottom: 0;}
footer .foot-middle button {border: 1px solid #d1d1d1;background: #ffffff;font-size: 11px;border-radius: 4px}
footer .foot-bottom{margin-top: 70px;}
footer .foot-bottom .copy{color:#787878; font-size:14px; line-height: 1.5em;}

/* 로그인/회원가입 폼 */
.scrbox_wrap {width: 450px;margin: 60px auto;}
.scrbox_wrap .btn_group {text-align: center}
.scrbox_wrap .btn_group button {width: 400px;height: 56px;border-radius: 8px;background-color: #f46936;color: #ffffff;border: 0;font-family: 'Pretendard-Bold';font-size: 15px;margin-bottom: 12px;position: relative}
.scrbox_wrap .btn_group button.kakao {background-color: #FEE500;color: #191919}
.scrbox_wrap .btn_group button.naver {background-color: #03C75A}
.scrbox_wrap .btn_group button::before {
	content: "";
	background:url('/dist/image/common/btn_logo.png') no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 20px;top:20px;
	width: 28px;
	height: 20px;
}
.scrbox_wrap .btn_group button.kakao::before {
	content: "";
	background:url('/dist/image/common/sns_kakao.png') no-repeat center center;
	background-size: contain;
	width: 22px;height: 20px;top:18px;left: 25px;
}
.scrbox_wrap .btn_group button.naver::before {
	content: "";
	background:url('/dist/image/common/sns_naver.png') no-repeat center center;
	background-size: contain;
	width: 18px;height: 19px;left: 27px;
}

.scrbox {border: 2px solid #ec5d28;border-radius: 12px;padding: 50px;margin-top:38px}
.scrbox input[type='text'], .scrbox input[type='password'], .scrbox input[type='tel'], .scrbox input[type='email'] {border: 0;border-bottom: 1px solid #666666;outline: none;height: 40px;line-height: 1em}
.scrbox .form-control {height: 50px;min-height: 50px;outline:none !important}
.scrbox .form-floating label {font-size: 13px}
.scrbox .checkbox label {font-size: 13px;color: #666;line-height: 30px;margin-left: 2px}
.join_text {text-align: center}
.join_text a {color: #333;font-family: 'Pretendard-SemiBold';font-size: 15px;}
.link_text {margin-top: 5px;padding-left: 25px;font-size: 14px;}
.link_text a {font-family: 'Pretendard-SemiBold';margin-right: 12px;color: #000;}

.welcome_btn {padding: 16px 90px;border-radius: 8px;background-color: #f46936;color: #ffffff;border: 0;font-family: 'Pretendard-Bold';font-size: 15px;}
.welcome_btn:hover {background-color: #ec5d28;color: #ffffff;}
.scrbox .submit_btn {width: 100%;height: 50px;border-radius: 8px;background-color: #f46936;color: #ffffff;border: 0;font-family: 'Pretendard-Bold';font-size: 15px;}
.scrbox .submit_btn:hover {background-color: #ec5d28;color: #ffffff;}


.scrbox .text{font-family: 'Pretendard-Regular';}
.scrbox h3{font-family: 'Pretendard-Bold';}
.scrbox .btnwrap{margin-top: 20px;}
.scrbox .btnwrap button{color:#ffffff; padding:15px 10px; font-size: 14px; line-height: 1.5em; border-radius: 8px; border:none; width:120px; transition: background .4s;}
.scrbox .btnwrap button:first-of-type{background: #f27c50;}
.scrbox .btnwrap button:first-of-type:hover, .scrbox .btnwrap button:first-of-type:active, .scrbox .btnwrap button:first-of-type:focus{background: #f27c50}
.scrbox .btnwrap button:last-of-type{background: #ec5d28;}
.scrbox .btnwrap button:last-of-type:hover,
.scrbox .btnwrap button:last-of-type:active,
.scrbox .btnwrap button:last-of-type:focus{background: #ea541d}
/* 로그인/회원가입 폼 종료 */

/* 로딩 화면 스타일 */
.loading-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, 0.9);
	justify-content: center;
	align-items: center;
}

.spinner {
	border: 4px solid rgba(0, 0, 0, 0.3);
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
}


@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* sitemap 시작 */
.sitemap{}
/* sitemap 종료 */

/* header 시작 */
header{}
/* header 종료 */

/* section 시작 */
	#contents{position: relative;}
/* section 종료 */

@media screen and (max-width:1399px) {
	.wrap{width:98%;max-width: 1200px;}
	
	header .headwrap{width:100%; padding:0 2%; margin:0 auto;}
	
	header .lognav{right:1%;}
	header .gnb ul li .depth01 .inner{width:98%;}
	header .lognav .searchform input{width:165px; left:-170px;}
	
	footer .wrap{width:98%;}
}
@media screen and (max-width:1199px) {
	header .gnb ul li .depth01 .inner .right{width:720px;}
}
@media screen and (max-width:1100px) {
	h2{font-size: 28px;} 
	h3{font-size: 22px;}
	h4{font-size: 18px;}
	h5{font-size: 16px;}
	.text{font-size: 15px;}
	
	header .logo{margin-right:0;}
}

@media screen and (max-width:780px) {
	h2{font-size: 27px;} 
	h3{font-size: 21px;}
	h4{font-size: 17px;}
	h5{font-size: 15px;}
	
	.wrap{width:96%;}
	
	.sub_img ul{display: none;}
	
	header{}
	header .logo{height: 60px;margin: 0 auto}
	header .logo img{height: 24px;}
	header .gnb{display: none;}
	
	.gnb_btn{position: absolute; right: 2%;bottom:15px;display: table;z-index: 99}
	
	.toggle-mnu {
	  display: block !important;
	  width: 24px;
	  height: 24px;
	}
	
	.toggle-mnu span:after, .toggle-mnu span:before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 7px;
	}
	
	.toggle-mnu span:after {
	  top: 14px;
	}
	
	.toggle-mnu span {
	  position: relative;
	  display: block;
	}
	
	.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
	  width: 100%;
	  height: 2px;
	  background-color: #ffffff;
	  transition: all 0.3s;
	  backface-visibility: hidden;
	  border-radius: 2px;
	}
	
	.toggle-mnu.on span {
	  background-color: transparent;
	}
	
	.toggle-mnu.on span:before {
	  transform: rotate(45deg) translate(-1px, 0px);
	}
	
	.toggle-mnu.on span:after {
	  transform: rotate(-45deg) translate(5px, -7px);
	}
	
	.mgnb{display: block; position: fixed; z-index: 98; width: 100%; height: calc(100% - 60px); background: #f46936; top:-100%; transition: all .4s;left: 0}
	.mgnb.on{top:60px;}
	.mgnb .flexbox{height: 100%; position: relative;}
	.mgnb ul{margin-bottom: 0;}
	.mgnb ul.m_gnb{width:100%;margin-top: 60px}
	.mgnb ul.m_gnb li{font-size: 50px; line-height: 1em;font-family: 'Pretendard-ExtraBold';opacity: 0;top: -40px;position: relative;transition: transform 0.8s, color 0.5s;text-align: center;width: 100%}
	.mgnb ul.m_gnb li a{text-decoration: none; color:rgba(255, 255, 255, .8); width: 100%; padding:20px 50px; display:block; position: relative; z-index: 1; transition: background .4s;}
	.mgnb ul.m_gnb li.on a,	.mgnb ul.m_gnb li:hover a {font-family: 'Pretendard-ExtraBold' !important;color: #ffdac7}
	.sub_nav {position: absolute;bottom: 90px;width: 100%;left: 0}
	.sub_nav ul {display: table;margin: 0 auto}
	.sub_nav ul li {display: table-cell;padding: 0 5px}
	.sub_nav ul li a {color: #ffffff;font-family: 'Pretendard-SemiBold'}
	
	.mgnb .m_gnb_nav {width:60%; background: #ffffff;padding:10px 0;}
	.mgnb .m_gnb_nav .nav_list .depth1{font-size: 1em; line-height: 1.5em; font-family: 'SUIT'}
	.mgnb .m_gnb_nav .nav_list .depth1 a{display:block; text-decoration: none; color:#2A3927; padding:15px 30px; border-bottom:1px solid #C2C2C2;}
	.mgnb .m_gnb_nav .nav_list .depth1 a span.on{color:#999999;font-weight: bold}
	
	footer{padding:30px 0;}
	footer .wrap{width:90%;}
	footer .foot-top{padding-bottom: 30px; margin-bottom: 30px;}
	footer .foot-top .flexwrap .left ul li{font-size: 13px;}
	footer .foot-top .flexwrap .right{display: none;}
	footer .foot-middle ul li{font-size: 13px;}
	footer .foot-bottom{margin-top: 50px;}
	footer .foot-bottom .copy{font-size: 13px;}
}

@media screen and (max-width:620px) {

}
@media screen and (max-width:520px) {
	h2{font-size: 22px;} 
	h3{font-size: 17px;}
	.text{font-size: 14px;}
	
	header .headwrap{padding:0 4%;}

	.gnb_btn{bottom:14px;}
	
	.welcome_btn {width: 100%;height: 70px}
	
	.wrap{width:92%;}
	
	.gnb_btn{right:4%;}
	.search-btn{right:4%;}
	
	.mgnb{width:100%; right:-100%;}

	
	.mgnb ul.m_gnb_nav li .nav_list .depth1{font-size: .95em;}
	.mgnb ul.m_gnb_nav li .nav_list .depth1 a{padding:15px 20px;}
	
	.scrbox_wrap {width: 100%;margin: 60px auto;}
	.scrbox_wrap .btn_group button {width: 100%}
	.scrbox {border: 2px solid #f46936;border-radius: 12px;padding: 30px 16px;margin-top:38px}
	
	footer .foot-middle .flexwrap{display: block;}
	footer .foot-middle .flexwrap .right{text-align: left;}
	footer .foot-middle .flexwrap .left{margin-top: 15px;}
	footer .foot-bottom{margin-top: 20px;}
}
@media screen and (max-width:420px) {
	h2{font-size: 20px;} 
	h3{font-size: 16px;}
	
	.sub_img .wrap{padding:100px 0;}
	
	footer ul li{font-size: 14px;}
	footer .foot-middle ul li{font-size: 12px;}
	footer .foot-top .flexwrap .left ul li{font-size: 12px;}
	footer .copy{font-size:11px;}
}