@font-face {
font-family: 'gsans';
src: url(/style/fonts/GmarketSansTTFLight.woff) format('woff');
font-weight:200;
}

@font-face {
font-family: 'gsans';
src: url(/style/fonts/GmarketSansTTFMedium.woff) format('woff');
font-weight:400;
}

@font-face {
font-family: 'gsans';
src: url(/style/fonts/GmarketSansTTFBold.woff) format('woff');
font-weight:500;
}

html, body, table, tr, td, input, button, select, a { font-family:'gsans', sans-serif !important; font-weight:400; }
a { text-decoration:none; }
input[type=text] { border:1px #a0a0a0 solid; }
input[type=radio] { width:15px; height:15px; }

body { background:#ccc; margin:0; }
#introWrap { background:#fff; width:1200px; margin:0 auto; text-align:center; box-shadow:10px 10px 30px rgba(0,0,0,0.1); font-size:0; }

h1.submitTitle { font-size:42px; letter-spacing:-0.02em; white-space:pre-line; font-weight:400; margin:90px 0 -60px; }
h1.submitTitle strong { font-weight:500; }
h1.submitTitle p { font-size:20px; white-space:pre-line; font-weight:300; margin:20px auto 40px; display:block; line-height:28px; }
#introWrap form { padding:100px 0; }
#introWrap form h1#formTitle { font-size:56px; letter-spacing:-0.02em; white-space:pre-line; font-weight:400; margin:0 0 60px; }
#introWrap form h1#formTitle strong { font-weight:500; }
.submitBt { margin:120px auto; width:560px; height:80px; line-height:80px; background:#b6375e; border-radius:16px; text-align:center; }
.submitBt a { font-size:22px; color:#fff; font-weight:500; display:block; width:100%; height:80px; }
.footer { background:#25282a; color:#fff; font-size:16px; padding:60px; box-sizing:border-box; }
.footer ul { width:100%; text-align:left; cursor:default; }
.footer ul h1 { font-size:18px; }
.footer ul li { display:inline-block; font-size:12px; margin-right:12px; color:#aaa; line-height:22px; }
.footer ul li span { margin:0 6px; color:#575147; }
.footer ul p { font-size:12px; }
.footer ul p:last-child { font-size:10px; color:#666; }
.footer ul p:last-child a { color:#666; font-weight:500; }

@media all and (max-width:1200px) {
	body { background:#fff; }
	#introWrap { width:100%; margin:0 auto; box-sizing:border-box; }
	#introWrap img { width:100%; }
	#introWrap form { width:100%; }
}

/*모달팝업*/
.modal { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; display:none; letter-spacing:-0.04em; }
.modalOpen { cursor:pointer; margin-left:6px;}
.modalContent { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:60%; padding:20px; box-sizing:border-box; box-shadow:0px 0px 20px rgba(0,0,0,0.12); border-radius:10px; background:#fff; white-space:pre-line; font-size:12px; font-family:'Dotum', sans-serif; font-weight:300; max-height:80vh; overflow:scroll; }
.modalContent > img { width:100%; }
.modalBtnWrap { position:absolute; right:10px; top:20px; cursor:pointer;}
.modalBtnWrap img { width:60%; }
.modal .modalBack { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:-1; }

@media screen and (max-width:1200px) {
/*모달팝업*/
.modal { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; display:none; letter-spacing:-0.04em; }
.modalOpen { cursor:pointer; }
.modalContent { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:96%; padding:20px; box-sizing:border-box; box-shadow:0px 0px 20px rgba(0,0,0,0.12); border-radius:10px; background:#fff; }
.modalContent > img { width:100%; }
.modalBtnWrap { position:absolute; right:-20px; top:10px; cursor:pointer;}
.modalBtnWrap img { width:40%; }
.modal .modalBack { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:-1; }
}