/* web font */
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/css/font/Pretendard-Thin.woff2) format('woff2'), url(/css/font/Pretendard-Thin.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(/css/font/Pretendard-ExtraLight.woff2) format('woff2'), url(/css/font/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/css/font/Pretendard-Light.woff2) format('woff2'), url(/css/font/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/css/font/Pretendard-Regular.woff2) format('woff2'), url(/css/font/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/css/font/Pretendard-Medium.woff2) format('woff2'), url(/css/font/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/css/font/Pretendard-SemiBold.woff2) format('woff2'), url(/css/font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/css/font/Pretendard-Bold.woff2) format('woff2'), url(/css/font/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/css/font/Pretendard-ExtraBold.woff2) format('woff2'), url(/css/font/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/css/font/Pretendard-Black.woff2) format('woff2'), url(/css/font/Pretendard-Black.woff) format('woff');
}

body {
	line-height: 1;
	font-family: 'Pretendard';
	word-break:keep-all;
}


body img { display:block; width:100%; vertical-align:top; }


#wrap { position:relative; width:100%; max-width:1080px; margin:0 auto; }





.quick-menu {position:fixed; bottom:20px; right:6px; width:66px;  z-index:15;  }
.quick-menu ul {  }
.quick-menu li { position:relative; width:66px; height:70px; margin-bottom:6px; border-radius:14px; text-align: center; background-color:#edf0f5;  }

.quick-menu ul > li > a > img {width: 40px; padding-top:8px; display: block; margin: 0 auto; }
.quick-menu ul > li > a > span:nth-child(2) { display:block; text-align: center; font-size: 11px; color:#455169; font-weight: 500; }
.quick-menu ul > li > a > span:nth-child(3) { display:block; text-align: center; font-size: 11px; color:#455169; font-weight: 500; }





.quickcs { opacity:0; position:fixed; top:28%; right:-400px; width:300px; background:#01b5a5; border-radius:30px; overflow:hidden; transition:all 0.2s ease-in-out ; z-index: 312;  }
.quickcs.active { opacity:1; right:20px; transition:all 0.2s ease-in-out ; }
.quickcs ul { position:relative; width:100%; height:360px; background:#ffffff; border-radius:30px; padding:25px 10% 0 10%; box-sizing:border-box; overflow:hidden; box-shadow: 2px 2px 20px rgba(0,0,0,20%); }
.quickcs ul li.quicklogo { width:180px; }
.quickcs ul li.name { width:100%; height:39px; margin:0 auto; padding-top:20px; overflow:hidden; display: flex; }
.quickcs ul li.phone { width:100%; height:39px; margin:0 auto; padding-top:8px; overflow:hidden; display: flex; }
.quickcs ul li.subject1 { width:100%; height:39px; margin:0 auto; padding-top:8px; overflow:hidden; display: flex; }
.quickcs ul li.contentinput { width:100%; height:39px; margin:0 auto; padding-top:8px; overflow:hidden; display: flex; }
.quickcs ul li.name label,.quickcs ul li.phone label,.quickcs ul li.subject1 label,.quickcs ul li.contentinput label {
	display:block; width:30%; height:43px; line-height:43px; font-size:16px; font-weight:600; color:#373836; font-family: 'Pretendard';
}
.quickcs ul li input.required { display:block; float:right; width:70%; height:39px; background:#f3f3f3; border:0px; border-radius:10px; font-family: 'Pretendard'; }
.quickcs ul li select { display:block; float:right; width:70%; height:39px; background:#f3f3f3; border-radius:10px; font-size:15px; border:0px; font-family: 'Pretendard'; }
.quickcs ul li.submitbt { position:relative; width:95%; margin-left:5%; margin-top:24px;  }
.quickcs ul li.submitbt input { display:block; width:100%; height:47px; font-size:19px; font-weight:700; letter-spacing:-1px; color:#ffffff; border-radius:18px; background:#01b5a5; border:0px; cursor:pointer; }
.quickcs ul li.fpv { width:100%; text-align:center; margin:0 auto; padding-top:12px; font-size:13px; font-weight:400; color:#696969; }

.quickcs .quickcsbt2 { display:block; position:relative; width:100%; height:52px; line-height:52px; text-align:center; font-size:16px; font-weight:500; color:#ffffff; background:#01b5a5; cursor:pointer; }
.quickcs .quickcsbt2 span { padding-left:6px; }

.quickcs input[type="checkbox"] + label span {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	background:#fff;
	border:none;
	cursor:pointer;
	background:url('/images/radio1.jpg')no-repeat 0 0;
}
.quickcs input[type="checkbox"]:checked + label span { background:url('/images/radio2.jpg')no-repeat 0 0; }