@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=korean');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

/* Noto Sans KR */
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:300;
src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:400;
src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:500;
src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
font-family:'Noto Sans KR';
font-style:normal;
font-weight:700;
src:url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

* { padding:0; margin:0; list-style:none;  font-size: 16px; line-height:1.3em; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, figure { color: #333333;margin:0; padding:0;font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic';}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
table { border-collapse:collapse; border-spacing:0;width:100%;}
fieldset, img { border:0;}
img, video { max-width:100%; border:0; vertical-align:top; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal;}
input,select,button{vertical-align:middle}
ol, ul { list-style:none;}
caption, th { text-align:left;}
/*hr, caption, legend {  display:none;}*/
h1,h2,h3,h4,h5,h6 {	font-size:100%; font-weight:normal;}
q:before, q:after { content:'';}
abbr, acronym {	border:0; font-variant:normal;}
sup { vertical-align:text-top;} sub { vertical-align:text-bottom;}
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit;}
* html input,textarea,select { font-size:100%;}
.blind, legend { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }

img, input, select, textarea {vertical-align: middle; }
img { max-width:100%; }
.fl { float:left; }
.fr { float:right; }
.b { border:1px solid #ff4200; }
.both { clear:both; }
.hide { display:none; }
.none { background:none !important; }
.rel { position:relative; }
.al { text-align:left; }
.ar { text-align:right; }
.ac { text-align:center; }


input { border: 1px solid #dddddd; background: #fff; height:33px; padding: 0 0px;color:#666 !important; }
input [type="checkbox"] { border: none; padding: 0; width:13px !important; height:13px !important;}
input [type="radio"] { border: none; padding: 0; width:13px !important; height:13px !important;}

input.chk { border: none; padding: 0; }
input.file_chk { border: none; padding: 0;height:28px;background:transparent; }
select { height:33px; border: 1px solid #dddddd;padding-left:5px;color:#666 !important;background:#fff; }
textarea { border: 1px solid #dddddd; background: #fff; padding: 6px 4px;color:#666 !important; }

/*link color style*/
a:link { text-decoration: none !important; }
a:visited { text-decoration: none !important; }
a:hover { text-decoration: none !important; }


.sdonly {position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important;}
.sdonly:before, .sdonly:after {display:none !important;}

/*height space*/
.sp0 { height: 0px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; }




/* button */
button { cursor:pointer;padding:5px 10px;color:#fff;border:0; }

.btn_al { float:left;word-spacing:5px;margin-bottom:40px; }
.btn_ac { clear:both;text-align:center;word-spacing:5px;margin-bottom:40px; }
.btn_ar { float:right;word-spacing:5px;margin-bottom:40px; }

.btn { display:inline-block;height:40px;line-height:40px;padding:0px 20px;text-align:center;color:#fff;font-weight:bold;word-spacing:0;text-decoration: none;font-size:15px;}
.btn_s { display:inline-block;height:35px;line-height:35px;text-align:center;color:#fff;font-weight:bold;padding:0 20px;text-decoration: none; }
.btn_xs { display:inline-block;height:30px;line-height:30px;text-align:center;color:#fff;font-weight:bold;padding:0 15px;text-decoration: none; }

.btn_mod { background:#999999; }
.btn_mod:hover { background:#0a6553; }

.btn_check { background:#0000ff; }
.btn_submit { background:#0a6553; }

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; clear:both;}

.hidden-w { display:block; }
.hidden-mp { display:none; }
.reveal-modal { display:block; }

@media all and (max-width:1100px) {
	.hidden-w { display:none; }
	.hidden-mp { display:block; }
	.reveal-modal { display:none; }
}