@charset "UTF-8"; 
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*@import url( ./webfonts.css );*/
@import url( ./layout.css );
@import url( ./content.css );

@font-face {
  font-family:'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../webfonts/NanumGothic-Regular.eot);
  src: url(../webfonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(../webfonts/NanumGothic-Regular.woff) format('woff'),
		url(../webfonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style: normal;
  font-weight: 600;
  src: url(../webfonts/NanumGothic-Bold.eot);
  src: url(../webfonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(../webfonts/NanumGothic-Bold.woff) format('woff'),
		url(../webfonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../webfonts/NanumGothic-ExtraBold.eot);
  src: url(../webfonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(../webfonts/NanumGothic-ExtraBold.woff) format('woff'),
		url(../webfonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

html, body{margin:0; padding:0;}
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{font-family:"Nanum Gothic", 나눔고딕, NanumGothic, 돋음, Sans-serif;font-size:13px;margin:0;padding:0;border:0;font-weight:400;vertical-align:middle;color: rgb(102, 102, 102);line-height:100%;}
select,textarea, option, button, input{font-family:"Nanum Gothic", 나눔고딕, NanumGothic, 돋음, Sans-serif;font-size:13px;font-weight:400;vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {clear:both;/*font-weight:600;*/}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
audio, canvas, video{display:inline-block;}
ol, ul {list-style:none;}
strong {font-weight:600;}
em,i{font-style:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table {border-collapse: collapse; border-spacing: 0;}
caption {font-size:0px;line-height:0px;color:transparent;}
ol, ul {list-style:none;}
legend{display:none;}
img{border:0;vertical-align:middle;}
select, textarea, button, a{margin:0;padding:0;}
input, button{background-color:transparent;overflow:visible;white-space:nowrap;}
button{border:none;cursor:pointer;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{padding:0;border:0;}

#skipnavi {width: 0px; height: 0px; line-height: 0; font-size: 0px; z-index: 999;}
#skipnavi p.navi_hidden {height: 0px; line-height: 0; overflow: hidden; font-size: 0px; visibility: hidden;}
#skipnavi ul {left: 0px; top: 0px; margin-top: 30px; margin-left: 10px; float: left; position: absolute; z-index: 999;}
#skipnavi ul li {left: 0px; top: 0px; position: absolute; z-index: 999;}
#skipnavi ul li a {left: -1000px; top: 0px; width: 160px; height: 0px; text-align: center; color: rgb(0, 0, 0); font-size: 14px; font-weight: 700; display: block; position: absolute;}
#skipnavi ul li a:focus {background: rgb(255, 255, 255); padding: 1em 0px; border: 2px solid rgb(64, 124, 213); border-image: none; left: 0px; top: 0px; color: rgb(0, 0, 0); font-size: 14px; position: absolute; z-index: 10;}
#skipnavi ul li a:hover {background: rgb(255, 255, 255); padding: 1em 0px; border: 2px solid rgb(64, 124, 213); border-image: none; left: 0px; top: 0px; color: rgb(0, 0, 0); font-size: 14px; position: absolute; z-index: 10;}
#skipnavi ul li a:active {background: rgb(255, 255, 255); padding: 1em 0px; border: 2px solid rgb(64, 124, 213); border-image: none; left: 0px; top: 0px; color: rgb(0, 0, 0); font-size: 14px; position: absolute; z-index: 10;}
a {color: blue; text-decoration: none;}
a:visited {color: rgb(110, 110, 110); text-decoration: none;}
a:hover {color: blue; text-decoration: none; font-width: bold;}
a:focus {color: blue; text-decoration: none; font-width: bold;}
.text-c {text-align: center !important;}
.text-l {text-align: left !important;}
.text-r {text-align: right !important;}
.vertical-t {vertical-align: top !important;}
.vertical-m {vertical-align:middle !important;}
.vertical-b {vertical-align:bottom !important;}
.vertical-b2 {vertical-align:baseline !important;} 
.float-l {float:left !important;}
.float-r {float:right !important;}
.float-c {}
.dis_n{display:none;}
.mt_0 {margin-top: 0px !important;}
.mt_5 {margin-top: 5px !important;}
.mt_6 {margin-top: 6px !important;}
.mt_7 {margin-top: 7px !important;}
.mt_8 {margin-top: 8px !important;}
.mt_9 {margin-top: 9px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_15 {margin-top: 15px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_25 {margin-top: 25px !important;}
.mt_m20 {margin-top: -20px !important;}
.mt_25 {margin-top: 25px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_60 {margin-top: 60px !important;}
.mt_90 {margin-top: 90px !important;}
.mt__30 {margin-top: -30px !important;}
.mt__35 {margin-top: -35px !important;}
.mt__60 {margin-top: -60px !important;}
.ml_0 {margin-left: 0px !important;}
.ml_5 {margin-left: 5px !important;}
.ml_6 {margin-left: 6px !important;}
.ml_7 {margin-left: 7px !important;}
.ml_8 {margin-left: 8px !important;}
.ml_9 {margin-left: 9px !important;}
.ml_10 {margin-left: 10px !important;}
.ml_16 {margin-left: 16px !important;}
.ml_20 {margin-left: 20px !important;}
.ml_25 {margin-left: 25px !important;}
.ml_38 {margin-left: 38px !important;}
.ml_80 {margin-left: 80px !important;}
.ml_100 {margin-left: 100px !important;}
.ml_120 {margin-left: 120px !important;}
.ml_150 {margin-left: 150px !important;}
.ml_220 {margin-left: 340px !important;}
.ml_360 {margin-left: 360px !important;}
.ml_420 {margin-left: 420px !important;}
.mr_10 {margin-right: 10px !important;}
.mr_20 {margin-right: 20px !important;}
.mr_350 {margin-right: 350px !important;}
.mb_0 {margin-bottom: 5px !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mtb_5 {margin-top: 5px !important;margin-bottom: 5px !important;}
.pdtb_30 {padding: 30px 0px !important;}
.p0{padding:0px !important;}
.pt_0 {padding-top: 0px !important;}
.wp_50{width:50% !important;}
.wp_80{width:80% !important;}
.wp_600{width:600px !important;}
.clear {width: 0px; height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden;}
.clearfix::after {width: 0px; height: 0px; line-height: 0; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";}
* html .clearfix {-ms-zoom: 1;}
:first-child + html .clearfix {-ms-zoom: 1;}
.grid_full {margin: 0px auto; width: 100%; position: relative; min-width: 1200px;}
.grid_wrap {margin: 0px auto; width: 1200px; position: relative;}
.grid_1150 {margin: 0px auto; width: 1150px; position: relative;}
.grid_1000 {margin: 0px auto; width: 1000px; position: relative;}
.ta_c{text-align:center !important;}
.ta_l{text-align:left !important;}
.ta_r{text-align:right !important;}
.dis_b{display:block !important;}
.dis_ib{display:inline-block !important;}
.bold1{font-weight:600 !important;}
.bold2{font-weight:800 !important;}
.fs_10{font-size:10px !important;}
.defHan{
	-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;
}
#loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	display: none;
	z-index: 9999;
}
#loading .loading-box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#loading .spinner{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 4px solid #e0e0e0;
	border-top-color: #3498db;
	animation: spin 0.8s linear infinite;
}
#loading .loading-text{
	margin-top: 15px;
	font-size: 14px;
	color:#333;
	white-space: nowrap;
}

@keyframes spin{
	0% {
	   transform: rotate(0deg);
	}
	100% {
	   transform: rotate(360deg);
	}
}