@charset "utf-8";
/* 공통 */
@font-face{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 200;
 src:url(../fonts/NotoSansKR-Thin.eot);
 src:url(../fonts/NotoSansKR-Thin.eot) format('embedded-opentype'),
     url(../fonts/NotoSansKR-Thin.woff) format('woff'),
     url(../fonts/NotoSansKR-Thin.otf) format('.otf');
}
@font-face{
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
 src:url(../fonts/NotoSansKR-Light.eot);
 src:url(../fonts/NotoSansKR-Light.eot) format('embedded-opentype'),
     url(../fonts/NotoSansKR-Light.woff) format('woff'),
     url(../fonts/NotoSansKR-Light.otf) format('.otf');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
src:url(../fonts/NotoSansKR-Regular.eot);
src:url(../fonts/NotoSansKR-Regular.eot) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Regular.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular.otf) format('.otf');
 
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
 src:url(/fonts/NotoSansKR-Bold.eot);
 src:url(../fonts/NotoSansKR-Bold.eot) format('embedded-opentype'),
     url(../fonts/NotoSansKR-Bold.woff) format('woff'),
     url(../fonts/NotoSansKR-Bold.otf) format('.otf');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}
 
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, 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, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: top;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: top;}
audio:not([controls]) {display: none;height: 0}
[hidden],template {display: none}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }
a {color:inherit;}
a, a:hover, a:active, a:focus {text-decoration: none;}
abbr[title] {border-bottom: 1px dotted}
em, address { font-style: normal;}
small {font-size: 80%}
img {vertical-align: top;}
hr {box-sizing: content-box;height: 0}
pre {overflow: auto}
button { cursor: pointer;overflow: visible}
button,input,optgroup,select,textarea {color: inherit; font: inherit;margin: 0;}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer}
button[disabled],html input[disabled] {cursor: default}
input {line-height: normal}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}
button:active>*, button:focus>* { position: relative; top: 0px; left: 0px;}
table {border-collapse: collapse;border-spacing: 0}
td,th {padding: 0}



* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
a:tel {text-decoration:none;}
body{font:400 14px  'Noto Sans KR', 'NanumBarunGothic', Dotum, Arial, Helvetica, sans-serif; color:#252525; letter-spacing:-0.025em; min-width:320px;background:#fff;}

.blind, caption, legend{visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0 }
.aln_ct { text-align: center !important; }
.aln_lt { text-align: left !important; }
.aln_rt { text-align: right !important; }
.vln_tp { vertical-align: top !important }
.vln_md { vertical-align: middle !important; }
.flt_lt { float: left !important }
.flt_rt { float: right !important }
.clear_b { clear: both; }
.clearfix{*zoom:1}
.clearfix:after{content:""; display:block; clear:both}

/* input */
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:40px; margin:0; padding:0 10px; border:1px solid #d2d2d2; color:#575a61;}
input[type="file"] {height:40px;}
select {height:40px; padding:3px 3px 3px 10px; border:1px solid #d2d2d2; color:#575a61;}
textarea {padding:10px; border:1px solid #d2d2d2; color:#575a61;}
select, textarea,input[type='submit'],input[type='button'], input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display: none;}
select{
	padding-right:35px;
	background: #fff url('../images/ico/ico_sel_arrow03.png') 100% 50% no-repeat !important;	
}
select.type02 {
	color:#333333;
	background-image:url('../images/ico/ico_sel_arrow02.png') !important;
}
select.type03 {
	background-image:url('../images/ico/ico_sel_arrow01.png') !important;)
}

.filebox {overflow:hidden; position:relative; height:40px; padding-right:104px;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {position:absolute; top:0; right:0px; width:100px; height:40px; color:#ffffff !important; text-align:center; line-height:40px; background:#414141; cursor:pointer;}
.filebox .upload_name {float:left; width:100%; border:1px solid #d2d2d2; font-size:16px; color:#575a61; background:#ffffff;}
.filebox.type02 {height:47px;}
.filebox.type02 label {height:47px; line-height:47px;}
.filebox.type02 .upload_name {border:0;}



#skip_nav {position: fixed; left: 0; top: -40px; width: 100%; text-align: center; line-height: 40px; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 13px; z-index: 10000; transition: top 0.3s;}
#skip_nav:focus {top: 0;}

/*
.container, .container-fluid {margin:0; padding:0;}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {margin:0; padding:0px;}
.row {margin:0; padding:0;}
*/



/* title */
.title01 {font-size:24px;position:relative; margin:0px 0 30px; color:rgba(0,0,0,0.3);  text-align:center; font-weight:500;}
.title01:after {position:absolute; left:50%; bottom:-4px; width:170px; height:1px; margin-left:-85px; background:#e3e3e3; content:'';}
.title02 {color:#0a122a; font-size:34px; line-height:1.25;}
.title03 {border:0px solid yellow;position:relative; padding:20px;text-align:center; letter-spacing:0.05em;font-size:34px;}
.title03:before {position:absolute; top:50%; z-index:0; width:5000px; margin-left:-2500px; height:1px; background:#b7b7b7; content:'';}
.title03 em {display:inline-block; position:relative; z-index:2; width:29%; max-width:370px; min-width:190px; font-weight:500; background:#fff;}
.font_lora {font-family: 'Lora', 'Apple SD Gothic Neo',ans-serif;}
.fc_white {color:#fff !important;}


@media screen and (max-width:1000px){
	
.title01 {font-size:18px;}

}

/* btn */
.btn {display:inline-block; border-radius:10px;padding:0 35px; border:0; font-size:22px; line-height:56px; text-align:center; }
.btn.navy {color:#fff; background:#2776df;}
.btn.yellow {color:#1b1726; background:#fdca40;}
