@charset "utf-8";
/* CSS Document */

/*==================== font ==========================*/
/* 'KoPub Dotum' */
@font-face {
	font-family:'KoPub Dotum'; 
	font-style: normal; 
	font-weight: 300; 
	src: url(./fonts/KoPubDotum-Light.eot);
	src: url(./fonts/KoPubDotum-Light.eot?#iefix) format('embedded-opentype'),
         url(./fonts/KoPubDotum-Light.woff) format('woff'),
         url(./fonts/KoPubDotum-Light.ttf) format('truetype');
}
@font-face {
	font-family:'KoPub Dotum'; 
	font-style: normal; 
	font-weight: 400; 
	src: url(./fonts/KoPubDotum-Medium.eot);
	src: url(./fonts/KoPubDotum-Medium.eot?#iefix) format('embedded-opentype'),
         url(./fonts/KoPubDotum-Medium.woff) format('woff'),
         url(./fonts/KoPubDotum-Medium.ttf) format('truetype');
}
@font-face {
	font-family:'KoPub Dotum'; 
	font-style: normal; 
	font-weight: 700; 
	src: url(./fonts/KoPubDotum-Bold.eot);
	src: url(./fonts/KoPubDotum-Bold.eot?#iefix) format('embedded-opentype'),
         url(./fonts/KoPubDotum-Bold.woff) format('woff'),
         url(./fonts/KoPubDotum-Bold.ttf) format('truetype');
}

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal;}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:vertical; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}



/* 메인 서브 공통 */
.no_wrap {white-space:nowrap}
.ell_txt {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.img_blank img {width:100%; vertical-align:top;}
body { color:#666; font-family: 'Malgun Gothic', '맑은 고딕'; }
a:link, a:visited, a:hover, a:active, a:focus {color:inherit;}


/*  ***** 리틀즈 스타일 160307 *****  */

body { 
	width:100%; position:relative; border-top: 5px solid #005aa6;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com */
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #58ade7 0%, #58ade7 45%, #ffffff 45%, #ffffff 100%) no-repeat; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #58ade7 0%,#58ade7 45%,#ffffff 45%,#ffffff 100%) no-repeat; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #58ade7 0%,#58ade7 45%,#ffffff 45%,#ffffff 100%) no-repeat; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58ade7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.wrap { position:relative; width:955px; height:100%; margin:0 auto; }
.area_blank { width: 474px; padding:35px 10px;  }

.area_header { position: relative; padding-bottom: 65px; }
.area_header:after { display:block; visibility:hidden; clear:both; content:""; }
.area_header .head_logo a{ display: inline-block; width:105px; height:30px; background:url("./img/logo_sub.png") no-repeat; font-size:0; text-indent:-10000px;  }
.area_header .head_right { position: absolute; right: 0; top: -3px; text-align: right; }
.area_header .head_right p { width: 157px; height: 16px; background: url(./img/header_text_sub.png) no-repeat; margin-bottom: 3px; font-size:0; text-indent:-10000px; }
.area_header .head_right li a span { font-weight: 700; display: inline-block; color: #fff; font-size: 19px; line-height: 1px; letter-spacing: -0.3px; vertical-align: middle; }
.area_header .head_right li a .txt_box {
	font-size: 12px;  letter-spacing: -0.5px; color: #58ade7; background-color: #fff; text-align: center;
	width: 34px; height: 14px; line-height: 14px; margin-right: 3px; padding:0 0 1px 0; font-weight: bold;
}
.area_header .head_right li:first-child a .txt_box { letter-spacing: 0.8px; }

.area_title { margin-bottom:35px; font-family: 'KoPub Dotum' !important; }
.area_title h2 { color:#fff; font-size: 34px; line-height: 1; font-weight: 300; font-family: 'KoPub Dotum' !important;  }
.area_title h2 span { display:block; font-weight: 700; }
.area_title p { font-family: 'Malgun Gothic', '맑은 고딕'; letter-spacing: -2px; font-weight: 700; margin-top: 15px; font-size: 18px; line-height: 1.25; color: rgba(255,255,255,0.7); }
.area_title p span { color: rgba(255,255,255,1); }

.area_form { background:#fff; margin-bottom:30px;
			 box-shadow:3px 3px 8px rgba(0, 0, 0, 0.1), -3px -3px 8px rgba(0, 0, 0, 0.1);
			 -moz-box-shadow:3px 3px 8px rgba(12, 8, 8, 0.1), -3px -3px 8px rgba(0, 0, 0, 0.1);
			 -webkit-box-shadow:3px 3px 8px rgba(0, 0, 0, 0.1), -3px -3px 8px rgba(0, 0, 0, 0.1);			 
			}
.area_form .form_box { padding:30px 45px 40px; }
.area_form .form_box ul { display:block; }
.area_form .form_box ul li { margin-bottom:12px; }
.area_form .form_box ul li:after { display:block; visibility:hidden; clear:both; content:""; }

.area_form .form_box ul li.border_line { border-bottom: 1px solid #f5f5f5; padding-bottom: 25px; }
.area_form .form_box ul li.p_t_10 { padding-top: 10px; }

.area_form .form_box ul li div.lt { float:left; width:80px; height:20px; font-size: 13px; letter-spacing: -0.1em; color: #9fa3a6; font-weight: bold; }

.area_form .form_box ul li div.ld { margin-left:115px; }
.area_form .form_box ul li .ld input { width:263px; height:18px; border:1px solid #eee; background-color:#f8f9fb; text-indent:5px; }

.area_form .form_box ul li .check_box { text-align: left; }
.area_form .form_box ul li .check_box input { width: 15px; height: 15px; margin-left: 0; margin-bottom: 0; }
.area_form .form_box ul li .check_box span { font-size: 12px; font-weight: 700; letter-spacing: -1px; color: #c1c2c3; vertical-align: bottom; }
.area_form .form_box ul li .add_box input { width:84px; }
.area_form .form_box ul li .add_box select { width:71px; height:22px; border:1px solid #eee; background-color:#f8f9fb; margin:0 5px; }
.area_form .form_box ul li .date_box { position:relative; }
.area_form .form_box ul li .date_box select { width:71px; height:22px; border:1px solid #eee; background-color:#f8f9fb; margin-right:5px; }
.area_form .form_box ul li .date_box input { width:70px; }
.area_form .form_box ul li .date_box a { display:block; position:absolute; top:2px; right:8px; font-size:0; text-indent:-10000px; width:17px; height:19px; background:url("./img/icon_calendar.gif") no-repeat; }
.area_form .form_box ul li div.map { margin-left:0; }
.area_form .form_box ul li div.map .left_ma { margin-left:115px; }
.area_form .form_box ul li .map_box { margin-top:12px; width:378px; height:128px; border:1px solid #eee; background-color:#f8f9fb; }
.area_form .form_box ul li .img_box input { text-indent:0; margin-bottom:12px; }
.area_form .form_box ul li .img_box .d_file { display:block; position:relative; height:20px; margin-bottom:12px; }
.area_form .form_box ul li .img_box .d_file .path { width:200px;  top:0; left:0; height:18px;  }
.area_form .form_box ul li .img_box .d_file .btn { position:absolute; right:5px; width:55px; height:20px; padding-top:2px; background-color:#005aa6; color:#fff; text-align:center; }
.area_form .form_box ul li .img_box .d_file .file { position:absolute; top:0; left:0; z-index:10; opacity:0;  }
.area_form .form_box ul li div.auto_img { margin-left:0; margin-bottom:20px; position:relative; }
#captcha #captcha_key { width:168px; height:30px; line-height: 30px; }
#captcha #captcha_info { font-size: 0.75em; position:absolute; right:0px; top:38px; }

/*  ***** 모바일 캡챠 스타일 *****  */
.m_captcha { height:100px; margin-top: 15px;  }
.m_captcha#captcha #captcha_img { display:block; position: absolute; margin:0; top:0; left:0; }
.m_captcha#captcha #captcha_reload { display:block; position: absolute; margin:0; top:0; left:163px; }
.m_captcha#captcha #captcha_key { display:block; position: absolute; margin:0; top:0; left:198px; width:170px; }
.m_captcha#captcha audio { width:380px; height:35px; opacity:0.65; position: absolute; top:63px;  } 
.m_captcha#captcha #captcha_info { position:absolute; left:170px; top:37px; width:215px; }

.area_form .form_box a.btn_apply { position: relative; display:block; width:382px; margin-top: 15px; padding: 12px 0 13px; text-align: center; background: #005aa6; font-size:19px; color: #fff; font-family: 'KoPub Dotum'; font-weight: 300; text-decoration: none; }
.area_form .form_box a.btn_apply span.icon {
	content: ''; color: #fff;
	position: absolute;
	right: 22%;
	top: 17px;
	width: 8px;
	height: 8px;
	border-top: solid 3px currentColor;
	border-right: solid 3px currentColor;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.area_form .form_box p.ps_txt { text-align:center; font-size: 12px; color:#a8adb0; letter-spacing: -0.1em; margin-top: 5px; }

/* footer */
footer { width: 100%; border-top: 1px solid #e6e6e6; padding: 30px 0; }
footer .footer_wrap { max-width: 955px; margin: 0 auto; }
footer .footer_wrap .footer { width: 474px; position: relative; padding: 0 10px; }
footer .footer h4 { 
	text-indent: -150%; white-space: nowrap; overflow: hidden; display: inline-block;
	background: url(./img/logo_small.jpg) no-repeat top left; width: 183px; height: 18px;
}
footer .footer p { font-size: 13px; letter-spacing: -1px; color: #85898d; margin: 5px 0 15px;  }
footer .footer .office { width: 100%; }
	footer .footer .office:after { clear: both; content: ''; display: block; }
	footer .footer .office li { position: relative; float: left; width: 30%; font-size: 12px; padding-left: 8px; color: #c4c6c8; }
	footer .footer .office li:before {
		content: ''; color: #c4c6c8; position: absolute; left: 0px; margin-top:6px; 
		width: 4px; height: 1px; background-color: currentColor;
	}
footer .footer .sns { position: absolute; right:0px; top:0px; }
	footer .footer .sns:after { clear: both; content: ''; display: block; }
	footer .footer .sns li { float: left; }
	footer .footer .sns li a { display: block; text-indent: -1000%; white-space: nowrap; overflow: hidden; width: 13px; height: 13px; margin-left: 3px; }
	footer .footer .sns li:nth-child(1) a { background: url(./img/icon_fb.jpg) no-repeat; }
	footer .footer .sns li:nth-child(2) a { background: url(./img/icon_ins.jpg) no-repeat; }
	footer .footer .sns li:nth-child(3) a { background: url(./img/icon_talk.jpg) no-repeat; width: 15px; }
	footer .footer .sns li:nth-child(4) a { background: url(./img/icon_naver.jpg) no-repeat; }