@charset "utf-8";

#intro-header {text-align:center; padding:30px 0;}

.intro-main {background:#141414; padding-bottom:80px;}
.intro-main .head {display:table; width:100%; color:#fff;}
.intro-main .head > div {display:table-cell; vertical-align:top;}
.intro-main .head .cnt {padding-top:76px; padding-bottom:30px; font-family:"NanumSquare",sans-serif;}
.intro-main .head .img {text-align:right;}
.intro-main .head h2 {font-size:25px; line-height:1.3em; letter-spacing:-.03em;}
.intro-main .head .model {font-family:"Roboto",sans-serif; font-size:80px; line-height:1.15em; letter-spacing:-.03em; margin:15px 0;}
.intro-main .head .txt {font-size:20px; line-height:1.75em; letter-spacing:-.03em;}

.reser-wrap {display:table; table-layout:fixed; width:100%; background:#fff;}
.reser-wrap > div {display:table-cell; vertical-align:top;}
.reser-wrap h3 {font-family:"NanumSquare",sans-serif; margin-bottom:15px; color:#fff; font-size:20px; font-weight:700; line-height:50px; text-align:center; background:#414141;}
.reser-wrap .reser-cnt {padding:50px; color:#fff; background-image:linear-gradient(#0c9dbc, #0c5fbc); font-family:"NanumSquare",sans-serif;}
.reser-wrap .reser-cnt .model {min-height:105px; font-size:28px; font-weight:700; line-height:1.3em; background:url("../images/intro/icon.png") 100% 0 no-repeat;}
.reser-wrap .reser-cnt h2 {font-size:35px; line-height:1.3em; margin:24px 0 10px;}
.reser-wrap .reser-cnt .date {font-size:18px; line-height:1.3em; font-weight:700;}
.reser-wrap .reser-form {padding:50px; padding-right:25px;}
.reser-wrap .group {margin-bottom:25px; font-family:"NanumSquare",sans-serif;}
.reser-wrap .group:last-child {margin-bottom:0;}
.reser-wrap .group label {display:block; font-size:18px; font-weight:700; line-height:1.3em; margin-bottom:7px;}
.reser-wrap .group .input {display:block; width:100%; height:50px; font-size:16px; font-family:"Noto Sans KR",sans-serif;}
.reser-wrap .group .select {display:block; width:100%; height:50px; font-size:16px; font-family:"Noto Sans KR",sans-serif; background:#fff url('/images/bbs/select.png') right 13px center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.reser-wrap .group .select::-ms-expand {display:none;} 
.reser-wrap .group .radiobox {margin:10px 20px 0 0;}
.reser-wrap .group .radiobox:last-child {margin-right:0;}
.reser-wrap .reser-agree {padding:50px; padding-left:25px; font-size:17px; line-height:1.4em;}
.reser-wrap .reser-agree .inner {position:relative;}
.reser-wrap .reser-agree .checkbox {vertical-align:top;}
.reser-wrap .reser-agree .scroll-box {position:relative; border:1px solid #ddd; padding:15px 19px; font-family:"Noto Sans KR",sans-serif; color:#686868; font-size:15px; line-height:26px; letter-spacing:-.06em; margin-top:7px;}
.reser-wrap .reser-agree .btn {position:absolute; top:1px; right:0; color:#0c5fbc; font-size:15px;}




.reser-wrap .reser-form .inner {position:relative;}
.reser-wrap .reser-form .checkbox {vertical-align:top;}
.reser-wrap .reser-form .scroll-box {position:relative; border:1px solid #ddd; padding:15px 19px; font-family:"Noto Sans KR",sans-serif; color:#686868; font-size:15px; line-height:26px; letter-spacing:-.06em; margin-top:7px;}



.reser-wrap .submit {display:block; border:0; width:100%; height:60px; border-radius:12px; margin-top:30px; background:#fff; color:#0c5fbc; font-size:25px; font-weight:800; line-height:1.3em;}
.reser-wrap .submit.type2 {color:#fff; background:#0c70bc;}

.reser-wrap .row {display:table; table-layout:fixed; width:calc(100% + 10px); margin:0 -5px;}
.reser-wrap .col {display:table-cell; vertical-align:middle; padding:0 5px;}
.reser-wrap .radio {display:block; position:relative; font-family:"Noto Sans KR",sans-serif;}
.reser-wrap .radio label {position:relative; display:block; height:50px; margin:0; text-align:center; letter-spacing:-.03em; font-size:17px; font-weight:500; line-height:48px; color:#686868; background:#fff; border:1px solid #ddd; cursor:pointer; overflow:hidden;}
.reser-wrap .radio input[type="radio"] {position:absolute; top:0; left:0; z-index:-1; width:0; height:0;}
.reser-wrap .radio input[type="radio"]:checked + label {background:#fff; color:#0c5fbc; border-color:#0c5fbc;}

.intro-bnr {text-align:center; padding:80px 0; background:#f2f1f1;}
.intro-bnr .bnr {margin-bottom:80px;}
.intro-bnr .bnr:last-child {margin-bottom:0;}

@media (max-width: 768px){	
	#intro-header {padding:15px 0;}
	#intro-header img {height:45px;}

	body, input, textarea, select, button {font-size:15px;}

	.contain {padding-left:20px; padding-right:20px;}

	.intro-main {padding-bottom:40px;}
	.intro-main .head {display:block;}
	.intro-main .head > div {display:block;}
	.intro-main .head .cnt {padding-top:40px; padding-bottom:20px;}
	.intro-main .head .img {text-align:center;}
	.intro-main .head h2 {font-size:22px;}
	.intro-main .head .model {font-size:52px; margin:10px 0;}
	.intro-main .head .txt {font-size:14px;}

	.reser-wrap {display:block; position:relative; padding-bottom:80px;}
	.reser-wrap > div {display:block;}
	.reser-wrap h3 {font-size:16px; line-height:40px;}
	.reser-wrap .reser-cnt {padding:30px 20px;}
	.reser-wrap .reser-cnt .model {min-height:70px; font-size:23px; background-size:55px auto;}
	.reser-wrap .reser-cnt h2 {font-size:32px; margin:18px 0 8px;}
	.reser-wrap .reser-cnt .date {font-size:16px;}

	.reser-wrap .reser-form {padding:20px; padding-top:30px;}
	.reser-wrap .group {margin-bottom:20px;}
	.reser-wrap .group label {font-size:15px;}
	.reser-wrap .group .input {height:40px; font-size:15px;}
	.reser-wrap .group .select {height:40px; font-size:15px;}
	.reser-wrap .reser-agree {padding:20px; padding-bottom:30px; font-size:15px;}
	.reser-wrap .reser-agree .scroll-box {max-height:100px; overflow:auto; padding:10px; font-size:12px; line-height:16px;}
	.reser-wrap .reser-agree .btn {display:none;}
	.reser-wrap .submit {position:absolute; bottom:30px; left:20px; right:20px; width:calc(100% - 40px); height:50px; color:#fff; background:#0c5fbc; border-radius:10px; margin-top:0; font-size:18px;}
	.reser-wrap .radio label {height:40px; font-size:15px; line-height:38px;}

	.intro-bnr {padding:15px 0;}
	.intro-bnr .bnr {margin-bottom:6px;}

	#footer {font-size:12px;}
	.foot-links {font-size:13px;}
	.foot-links ul li {margin-right:16px;}
	.foot-links ul li:last-child {margin-right:0;}
	.foot-info span {margin-right:16px;}
}