@charset "utf-8";
@import "font.css";
/*폰트*/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 200;
	src: url(fonts/NotoSansKR-Thin.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/NotoSansKR-Light.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/NotoSansKR-Regular.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/NotoSansKR-Medium.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/NotoSansKR-Bold.otf);
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/NotoSansKR-Black.otf);
}



/* 초기화 */
a,body {color:#000;letter-spacing: -1px;}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif;color:#000; word-wrap: break-word; word-break: keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif;word-wrap:font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer; border:0;}

textarea, select {font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }

input[type=text], input[type=password], input[type=button], input[type="submit"], button, textarea
{ -webkit-appearance: none; -webkit-border-radius: 0;} 

.screen_out {display: block;
    overflow: hidden;
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;}

/*공통*/
.inner {width:1200px;min-width:1200px;margin:0 auto;}



/* 숨김 여부 */
.show {display:block;}
.hide {display:none;}

/* 가로 정렬 */
.clearAfter{*zoom:1;}
.clearAfter:after {content:"";display:block;clear:both;}
.floatL {float:left !important;}
.floatR {float:right !important;}

/* 라인 */
.noTLine {border-top:0 none !important;}
.noRLine {border-right:0 none !important;}
.noBLine {border-bottom:0 none !important;}
.noLLine {border-left:0 none !important;}

/* 정렬 */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}


/* 세로 정렬 */
.valign_bx {width:0 !important;height:100% !important;}
.valignT {vertical-align:top !important;}
.valignM {vertical-align:middle !important;}
.valignB {vertical-align:bottom !important;}


/* 여백 */
.noPad{padding:0 !important;}

.padT0 {padding-top: 0px !important;}   .padR0 {padding-right: 0px !important;}   .padB0 {padding-bottom: 0px !important;}   .padL0 {padding-left: 0px !important;}
.padT5 {padding-top: 5px !important;}   .padR5 {padding-right: 5px !important;}   .padB5 {padding-bottom: 5px !important;}   .padL5 {padding-left: 5px !important;}
.padT10{padding-top:10px !important;}   .padR10{padding-right:10px !important;}   .padB10{padding-bottom:10px !important;}   .padL10{padding-left:10px !important;}
.padT15{padding-top:15px !important;}   .padR15{padding-right:15px !important;}   .padB15{padding-bottom:15px !important;}   .padL15{padding-left:15px !important;}
.padT20{padding-top:20px !important;}   .padR20{padding-right:20px !important;}   .padB20{padding-bottom:20px !important;}   .padL20{padding-left:20px !important;}
.padT25{padding-top:25px !important;}   .padR25{padding-right:25px !important;}   .padB25{padding-bottom:25px !important;}   .padL25{padding-left:25px !important;}
.padT30{padding-top:30px !important;}   .padR30{padding-right:30px !important;}   .padB30{padding-bottom:30px !important;}   .padL30{padding-left:30px !important;}
.padT35{padding-top:35px !important;}   .padR35{padding-right:35px !important;}   .padB35{padding-bottom:35px !important;}   .padL35{padding-left:35px !important;}
.padT40{padding-top:40px !important;}   .padR40{padding-right:40px !important;}   .padB40{padding-bottom:40px !important;}   .padL40{padding-left:40px !important;}
.padT45{padding-top:45px !important;}   .padR45{padding-right:45px !important;}   .padB45{padding-bottom:45px !important;}   .padL45{padding-left:45px !important;}
.padT50{padding-top:50px !important;}   .padR50{padding-right:50px !important;}   .padB50{padding-bottom:50px !important;}   .padL50{padding-left:50px !important;}
.padT55{padding-top:55px !important;}   .padR55{padding-right:55px !important;}   .padB55{padding-bottom:55px !important;}   .padL55{padding-left:55px !important;}

.marT0 {margin-top: 0px !important;}    .marR0 {margin-right: 0px !important;}    .marB0 {margin-bottom: 0px !important;}    .marL0 {margin-left: 0px !important;}
.marT5 {margin-top: 5px !important;}    .marR5 {margin-right: 5px !important;}    .marB5 {margin-bottom: 5px !important;}    .marL5 {margin-left: 5px !important;}
.marT10{margin-top:10px !important;}    .marR10{margin-right:10px !important;}    .marB10{margin-bottom:10px !important;}    .marL10{margin-left:10px !important;}
.marT15{margin-top:15px !important;}    .marR15{margin-right:15px !important;}    .marB15{margin-bottom:15px !important;}    .marL15{margin-left:15px !important;}
.marT20{margin-top:20px !important;}    .marR20{margin-right:20px !important;}    .marB20{margin-bottom:20px !important;}    .marL20{margin-left:20px !important;}
.marT25{margin-top:25px !important;}    .marR25{margin-right:25px !important;}    .marB25{margin-bottom:25px !important;}    .marL25{margin-left:25px !important;}
.marT30{margin-top:30px !important;}    .marR30{margin-right:30px !important;}    .marB30{margin-bottom:30px !important;}    .marL30{margin-left:30px !important;}
.marT35{margin-top:35px !important;}    .marR35{margin-right:35px !important;}    .marB35{margin-bottom:35px !important;}    .marL35{margin-left:35px !important;}
.marT40{margin-top:40px !important;}    .marR40{margin-right:40px !important;}    .marB40{margin-bottom:40px !important;}    .marL40{margin-left:40px !important;}
.marT45{margin-top:45px !important;}    .marR45{margin-right:45px !important;}    .marB45{margin-bottom:45px !important;}    .marL45{margin-left:45px !important;}
.marT50{margin-top:50px !important;}    .marR50{margin-right:50px !important;}    .marB50{margin-bottom:50px !important;}    .marL50{margin-left:50px !important;}
.marT55{margin-top:55px !important;}    .marR55{margin-right:55px !important;}    .marB55{margin-bottom:55px !important;}    .marL55{margin-left:55px !important;}