@charset "utf-8";

* {-webkit-text-size-adjust:none;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, img, input, textarea, blockquote, th, td, p, header, hgroup, nav, section, article, aside {margin:0; padding:0; border:none;}
table {border-collapse:collapse; border-spacing:0px;}
legend {position:absolute; width:0; height:0; visibility:hidden; font-size:0; line-height:0; text-indent:-9999px;}
address, caption, cite, code, dfn, em, var {font-style:normal;}
button {margin:0; padding:0; font-family:'NanumSquare', sans-serif; border:none; cursor:pointer;}
button span {visibility:hidden; font-size:0px; line-height:0px;}
ol,ul {list-style:none;}
caption {text-align:left;}
q:before, q:after {content:'';}
abbr, acronym {border:0px;}
label {cursor:pointer;}
img, select, input, textarea, select, button {vertical-align:top;}
iframe {border:none;}
a {border:none; text-decoration:none; color:#1b1b1b;}
a:link, a:active {}

.hide, caption {visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0;} /* È­¸é¿¡¼­ ¼û±â±â */
.cboth, clear {clear:both; width:0px; height:0px; font-size:0px; line-height:0px;} /* float ÇØÁ¦ */
	/* skip */
.skip {position:absolute; top:-200px; display:block; z-index:999;}
.skip:focus {top:-100px; background:yellow;}

html, body {height:100%;}
html {font-size:12px;}
body {font-family:'NanumSquare', sans-serif; letter-spacing:-0.03em; color:#000;}

#wrap {display:flex; flex-direction:column; justify-content:space-between; padding-bottom:80px; min-height:calc(100% - 80px);}
#wrap .limit1 {display:flex; flex-wrap:wrap; margin:0 auto; padding:0 29px; max-width:calc(828px - 58px); height:100%;}

#header {display:flex; flex:0 0 90px; background:#333; color:#fff;}
#header .limit1 {justify-content:center; align-items:center;}
#header h1 {}
#header h1 a {display:block; height:29px;}
#header h1 a img {display:block; height:100%;}
#header h2 {margin-left:8px; font-size:30px; font-weight:800;}
#header h2 a {color:#fff;}

#footer {display:flex; flex:0 0 60px; background:#333; color:rgba(255, 255, 255, 0.6);}
#footer .limit1 {justify-content:center; align-items:center;}
#footer .logo {display:block; height:18px;}
#footer .logo img {display:block; height:100%;}
#footer .copyright {position:relative; margin-left:13px; font-size:15px; font-weight:400;}
#footer .copyright:before {content:'|'; position:absolute; top:-1px; left:-7px;}

#container {flex:auto; display:flex; flex-direction:column; justify-content:space-between;}
#container .con_info {height:80px; background:#E0E0E0;}
#container .con_info .limit1 {justify-content:space-between; align-items:center;}
#container .con_info .con_title {font-size:22px; font-weight:700;}
#container .con_info .con_date {font-size:18px; font-weight:400; color:#666;}
#container .con_img {padding:31px 0 33px;}
#container .con_img .limit1 {padding:0; max-width:770px;}
#container .con_img img {display:block; width:100%;}
#container .con_apply {position:fixed; left:0; right:0; bottom:0; height:80px; z-index:1;}
#container .con_apply:before {content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background:#D42D27;}
#container .con_apply .limit1 {justify-content:flex-end; align-items:center;}
#container .con_apply a {position:relative; display:flex; justify-content:center; align-items:center; width:288px; height:48px; font-size:16px; font-weight:800; letter-spacing:-0.03em; color:#fff; border:1px solid #fff; border-radius:60px; z-index:1;}
#container .con_apply a span {padding-left:22px; padding-right:36px; background:url(../images/bl_arrow1.png) no-repeat right center;}
#container .con_info2 {position:fixed; left:0; right:0; bottom:0; height:0; font-size:16px; font-weight:700; color:#fff; z-index:1;}
#container .con_info2 .limit1 {align-items:center;}
#container .con_info2 span {position:relative; bottom:48px;}
#container .con_info2 a {position:relative; bottom:48px; font-weight:400; text-decoration:underline; color:#fff;}

@media only screen and (max-width:768px) {
	#container .con_img {padding:0;}
	
	#container .con_apply .limit1 {justify-content:center;}
	#container .con_apply a {border:none; height:38px;}

	#container .con_info2 {position:unset; display:flex; justify-content:center; align-items:center; height:40px; background:#ddd; z-index:0;}
	#container .con_info2 span,
	#container .con_info2 a {position:unset; color:#333;}
}
@media only screen and (max-width:659px) {
	#wrap .limit1 {padding:0 15px; max-width:calc(659px - 30px); height:100%;}

	#container .con_info {height:90px;}
	#container .con_info .limit1 {flex-direction:column; justify-content:center;}
	#container .con_info .con_title {font-size:18px;}
	#container .con_info .con_date {margin-top:9px; font-size:15px;}
}
@media only screen and (max-width:470px) {
	#wrap {padding-bottom:60px; min-height:calc(100% - 60px);}

	#header h1 a {height:24px;}
	#header h2 {font-size:24px;}

	#footer .logo {height:11px;}
	#footer .copyright {margin-left:12px; font-size:10px;}
	#footer .copyright:before {top:0; left:-7px;}

	#container .con_apply {height:60px;}
	#container .con_apply .limit1 {padding:0; max-width:100%;}
	#container .con_apply a {display:flex; width:100%; height:100%; border:none;}
}