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

/*
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@import url(./fonts/nanumsquare/nanumsquare.css);


@font-face{
font-family:'NanumSquareR';
src: url(/css/fonts/nanumsquare/NanumSquareR.eot);
src: url(/css/fonts/nanumsquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
     url(/css/fonts/nanumsquare/NanumSquareR.woff) format('woff'),
     url(/css/fonts/nanumsquare/NanumSquareR.ttf) format('truetype');
}
*/
@font-face{
font-family:'NanumSquareB';
src: url(/css/fonts/nanumsquare/nanumsquareb.eot);
src: url(/css/fonts/nanumsquare/nanumsquareb.eot?#iefix) format('embedded-opentype'),
     url(/css/fonts/nanumsquare/nanumsquareb.woff) format('woff'),
     url(/css/fonts/nanumsquare/NanumSquareB.ttf) format('truetype');
}





/* Reset CSS */
body {width:100%; height:100%;  background:#fff; margin:0; padding:0; color:#333; vertical-align:middle; background-color:#F0F2F2;}

img,fieldset {border:0 none;}

* {margin:0; padding:0; line-height:inherit; vertical-align:middle; font-size:16px; font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic'; letter-spacing:-0.7px;}



a:link {color:inherit; text-decoration:none; }
a:visited {color:inherit; text-decoration:none;}
a:hover {color:inherit; text-decoration:none;}
a:active {color:inherit; text-decoration:none;}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldser, p, blockqute, th,td, label, address {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;  font-weight:400; font-family:'NanumSquareB';}
ul {list-style:none;}
li {vertical-align:top;}
table {border-collapse: collapse; border-spacing: 0;vertical-align:top; background-color:#FFF;}
fieldset, img, button {border: 0; margin:0;}
button{background-color:#E8E8E8; padding:5px 10px; cursor:pointer;}


select::-ms-expand {display: none;}
select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: #fff url(../img/selectarrow.gif) right no-repeat;border: 1px solid #ccc;padding:0 25px 0 7px; height:32px;-moz-appearance: none;-webkit-appearance: none;appearance: none; cursor:pointer;}
input.date{width: 110px; height:30px; padding:0 0 0 10px; vertical-align:top; border:1px solid #ccc; background: #fff url(../img/datecal.gif) right no-repeat; cursor:pointer;}
input.readonly{background-color:#F1F1F1;color:#666;}
input.money{ text-align:right; width:70px;}
input.number{ text-align:center; width:70px;}
input[type='text'],input[type='password'],input[type='tel'],input[type='number'],input[type='email'] { border:1px solid #ccc; width:90px; height:30px; padding:0 7px; }
textarea{border:1px solid #ccc;font-family:inherit; width:100%}


.textsmall{font-size:0.9em;}
.textbig{font-size:1.3em;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.underline{text-decoration:underline;}

.mtop5{margin-top:5px;}
.mtop10{margin-top:10px;}
.mtop20{margin-top:20px;}
.mtop30{margin-top:30px;}
.mtop50{margin-top:50px;}
.mbottom5{margin-bottom:5px;}
.mbottom10{margin-bottom:10px;}
.mbottom20{margin-bottom:20px;}
.mbottom30{margin-bottom:30px;}


.mleft5{margin-left:5px;}
.mleft10{margin-left:10px;}
.mleft20{margin-left:20px;}
.mleft30{margin-left:30px;}

.mright5{margin-right:5px;}
.mright10{margin-right:10px;}
.mright20{margin-right:20px;}
.mright30{margin-right:30px;}


.pright10{padding-right:10px;}
.pright20{padding-right:20px;}
.pright30{padding-right:30px;}

.pleft10{padding-left:10px;}
.pleft20{padding-left:20px;}
.pleft30{padding-left:30px;}

.vtop{vertical-align:top}
.vmiddle{vertical-align:middle}
.bgnone{background:none;}

.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}

.fleft {float:left;}
.fright {float:right;}

.font5 {font-size:5px;}
.font15 {font-size:15px;}
.font20 {font-size:20px;}
.font25 {font-size:25px;}
.font30 {font-size:30px;}

i{margin:0; padding:0; font-size:1.2em; vertical-align:inherit; line-height:inherit;}
button i{margin:0 0.2em 0 0;}
i.big{font-size:1.7em;}

.clearfix{clear:both; content:'';}
.hidden{display:none;}
.clear{display:block;clear:both;content:"";}
.strike{text-decoration:line-through;}




.mgtop5{margin-top:5px;}
.mgtop10{margin-top:10px;}
.mgtop20{margin-top:20px;}
.mgtop30{margin-top:30px;}

.mgleft5{margin-left:5px;}
.mgleft10{margin-left:10px;}
.mgleft20{margin-left:20px;}
.mgleft30{margin-left:30px;}

.mgright5{margin-right:5px;}
.mgright10{margin-right:10px;}
.mgright20{margin-right:20px;}
.mgright30{margin-right:30px;}

.mgbottom5{margin-bottom:5px;}
.mgbottom10{margin-bottom:10px;}
.mgbottom20{margin-bottom:20px;}
.mgbottom30{margin-bottom:30px;}

.pdtop5{padding-top:5px;}
.pdtop10{padding-top:10px;}
.pdtop20{padding-top:20px;}
.pdtop30{padding-top:30px;}

.pdleft5{padding-left:5px;}
.pdleft10{padding-left:10px;}
.pdleft20{padding-left:20px;}
.pdleft30{padding-left:30px;}

.pdright5{padding-right:5px;}
.pdright10{padding-right:10px;}
.pdright20{padding-right:20px;}
.pdright30{padding-right:30px;}

.pdbottom5{padding-bottom:5px;}
.pdbottom10{padding-bottom:10px;}
.pdbottom20{padding-bottom:20px;}
.pdbottom30{padding-bottom:30px;}


.vtop{vertical-align:top;}
.vbottom{vertical-align:bottom;}

hr{
	clear: both;
    margin: 40px 0;
    height: 1px;
    border: none;
    width: 100%;
    background-color: #CCC;
}
hr.short{
	width: 30%;
	margin: 40px auto;
}

.nowrap{
	white-space:nowrap;
}