@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}


/*default setting*/
* { margin:0; padding:0;}

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); .nanummyeongjo * { font-family: 'Nanum Myeongjo', serif; }

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//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(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face { font-family: 'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }


@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700);


@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");






html {overflow-y:scroll}
body {margin:0;padding:0;background:#fff; overflow:hidden}
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: 'S-CoreDream', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,li, dl,dt,dd {margin:0;padding:0;list-style:none;  word-break:keep-all;}
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: 'S-CoreDream', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'S-CoreDream', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0; word-break:keep-all; font-family: 'S-CoreDream', sans-serif; _text-transform:uppercase;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}



blockquote, pre, abbr, address, big, cite, code, del, dfn, em, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
body, div, span, h1, h2, h3, h4, h5, h6, p, dt, dd, li, table, caption, tr, th, td, a, input, select, textarea {
font-family: 'Times New Roman', 'S-CoreDream', Arial,Trebuchet MS, Helvetica, sans-serif; color:#666; /*transform: rotate(-0.03deg);*/ word-break:keep-all;}

body{height:100%; font-size:0.75em; line -height:1.5em; background:#fff; color:##8e8e8e;font-family: 'Times New Roman','S-CoreDream', 'Alial', sans-serif;letter-spacing:0.3px}
th, td, span, div, p, textarea, input, select {font-size:18px; line-height:160%; letter-spacing: -0.5px;	}
textarea{border:1px solid #ddd; padding:5px;}


table{border-collapse:collapse; border-spacing:0;}
table caption{width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}










*, :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;
}

span { word-break:keep-all}

.alignC{text-align:center}





.over{overflow:hidden}









/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.cont_rule {font-weight:normal}
.cont_rule li{font-size:14px; line-height:26px; margin:0; color:#666}
.company{color:#222}

.panel{padding:20px 25px; border:1px solid #e6e6e6;	border-radius:3px; background-color:#585858; letter-spacing:-0.2px;	margin-top:20px;}
.panel span{color:#666}
.r_box {position:relative;}

.panel p {line-height:26px; font-weight:normal; color:#666;}
.panel .tit {line-height:26px; font-size:15px; margin:5px 0; color: #222; font-weight:normal;}
.tit_sub{ font-size:16px; padding:20px 0; font-weight:normal}
.tit_rule{font-size:14px; font-weight:normal; margin:10px 0; color:#333}
.cont_rule p{ color:#666;}


.tb_board {width:100%; font-size:14px; table-layout:fixed;	border-top:1px solid #c8c8c8; background-color: #fff; margin:20px 0 0 0;}
.tb_board th {background-color:#eaeaea; border-bottom:1px solid #c8c8c8; height:45px; color:#666; vertical-align:middle; text-align:center;	font-size: 14px; font-weight:normal}
.tb_board tbody td {padding:12px 6px; line-height: 26px; border-bottom:1px solid #e2e2e2;  color:#666; vertical-align:middle; text-align:center;	font-size: 14px; font-weight:normal}

.cont_rule dl{line-height:26px; color:#666}
.cont_rule dd{line-height:26px; color:#666}




/*footer*/
#footer_wrap {clear:both; width:100%; height: 260px; background:#626262;}
#footer_wrap #footer {width:1000px; margin:0 auto; overflow:hidden;}
#footer address { width:100%;  text-align:left; font-weight:300; font-style:normal; color:#c8c8c8; font-size: 16px; padding-top:50px}

#footer .copyright {padding-top: 10px; padding-bottom:10px; display:block; color:#c8c8c8; font-weight: 300; font-size: 16px; text-align:left; text-transform:uppercase; color:#c8c8c8;	}

#footer_dox{background-color: #353334;}
#footer_dox>div{width: 1300px; margin: 0 auto;  padding:8px 0px;}
#footer_dox>div>a{color: #fff; font-size:14px}



/*quick*/
#quick {position:fixed; right:0px; top:40%; z-index:10; margin-top:-180px; width:100px; height: 500px; z-index:1111111}
#quick ul li {margin: 0px;}
#quick ul li.quick_top {height: 38px;  }




.wrap_controllers {display:none;}
.alignR{text-align:right; margin:50px 0}

.White{color:#fff}