@charset "utf-8";

/****************************************/
/* PUBLISHING GUIDE

reset.css : 문서 초기화 스타일;
/****************************************/


/* reset css */
html, body{height:100%}
form {
	height:100%;
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
body{font-size:15px; line-height:20px; color:#222222; background-color:#fff; font-family:'Noto Sans KR','Malgun Gothic',HelveticaNeue,DroidSans,Sans-serif,Helvetica,'Apple SD Neo Gothic','Apple Gothic',sans-serif; font-weight: 400}
body, input, select, div, textarea, table, button {font-size:15px; color:#222222; font-family:'Noto Sans KR','Malgun Gothic',HelveticaNeue,DroidSans,Sans-serif,Helvetica,'Apple SD Neo Gothic','Apple Gothic',sans-serif; font-weight: 400}


table {width:100%; border:0; border-spacing:0px; border-collapse: collapse; word-break:break-all; table-layout:fixed;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {vertical-align:middle;  padding:3px 0;} /* Firefox Fix */
legend, caption {width:1px; height:0; font-size:0; line-height:0; visibility:hidden; overflow:hidden;}
img, fieldset, button {vertical-align:middle; border:0;}

ul, ol, li {list-style:none;}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
select, input {outline:none;}
input, textarea, button {line-height: 1.2; vertical-align:middle;}
/* input::-ms-clear {display:none;} input ie x 삭제*/
/* input::-ms-reveal {display:none;} input password ie x 삭제*/

input[type="checkbox"],input[type="radio"] {margin:0; padding:0; vertical-align:-1px; width:13px; height:13px; line-height:13px; vertical-align:middle;}
input[type="radio"]  {border:none}

/* input[readonly=readonly] {cursor:none;} */


input[type=text], input[type=password], input[type=file] {border:1px solid #c4c4c4; padding:5px 4px 6px 4px;}

label {cursor:pointer; vertical-align:middle;}
a {text-decoration:none; color:#333;}
a:hover, a:active, a:focus{text-decoration:none; color:#333;}
select {border:1px solid #c4c4c4; padding:4px 10px 5px 4px; vertical-align: middle; line-height:27px; background-color: #fff;}
button {border:0; vertical-align:middle; cursor:pointer; overflow:visible; background:transparent;}
button::-moz-focus-inner {border:0; padding:0;}

input[type=text] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border:1px solid #bbb
}
textarea:focus {
	outline: none
}
html, body {
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
} /* 아이폰 가로화면시 자동으로 폰트가 확대되는 것 방지 */


/****************************/
/* Common Style             */
/****************************/
.clfix{*zoom:1;}
.clfix:before,.clfix:after{display:table; line-height:0; content:"";}
.clfix:after{clear:both;}

/* HIDDEN */
.hide {position: absolute; top: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden;}
.blind {text-indent:100%; white-space:nowrap; overflow:hidden;}


/* ALIGN */
.c {text-align:center !important;}
.l {text-align:left !important;}
.r {text-align:right !important;}

.vm {vertical-align:middle !important;}
.vt {vertical-align:top !important;}
.vb {vertical-align:bottom !important;}

.posR {position:relative;}
.posA {position:absolute;}

.fl {float:left;}
.fr {float:right;}
.fn {float:none;}
.bold {font-weight: bold !important; font-family:"NotoSans-Bold";}

/* font */
.fs {font-style: italic !important}

/* input */
.input_txt {
	width:100%;
	height:30px;
	padding-left:10px;
	border:1px solid #c6c6c6;
	-webkit-border-radius:2px;
	border-radius:2px;
	-webkit-appearance:none;
	-moz-appearance:none; /* Firefox */
	appearance:none;
	background:#fff
}
.input_txt::-ms-expand {
 display:none;
}


/* POINT COLOR */
.pointRed, .errorTxt {color:#F00 !important;}

/* padding margin style */
.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}

.pt0{padding-top:0 !important;}
.pt2{padding-top:2px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}
.pt69{padding-top:69px !important;}
.pt84{padding-top:84px !important;}
.pt90{padding-top:90px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}
.pb80{padding-bottom:80px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}
.pr60{padding-right:60px !important;}

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml7{margin-left:7px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr7{margin-right:7px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important;}

.w100 {width: 100% !important;}


/* 웹폰트 CSS */
/* 본고딕 폰트 */
@import url('../fonts/notosanskr.css');