@charset "utf-8";

html {width:100%; height:100%; }
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, input,textarea,button,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:12px;
	line-height:18px;
	color:#777;
	font-family:'나눔고딕','NanumGothic',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body {width:100%; height:100%; line-height:1; background:#fff;  font-family: '나눔고딕', 'NanumGothic', 'Dotum',	 'tahoma',sans-serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a{text-decoration:none;font-family:"NanumGothicBold",'Dotum', 'tahoma', dotum,Arial,Helvetica,sans-serif; }
a:hover{text-decoration:none; font-family:"NanumGothicBold",'Dotum', 'tahoma', dotum,Arial,Helvetica,sans-serif;  }
legend,caption,hr { display:none; }
em { font-style:normal; }
img { vertical-align:top;}
input[type="text"],
input[type="password"] { border:1px solid #b7b7b3; color:#646464; padding:1px 4px 0 4px; height:19px; }
select { color:#646464; font-size:12px; font-family:'나눔고딕', 'NanumGothic','Dotum',dotum,Arial,Helvetica,sans-serif; height:22px; }
.hidden{display:none;}

/* Common Add */
caption,legend,.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
caption{position:static}
input[type=text]{height:25px;padding:0 7px;border-top:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;border-left:1px solid #c1c6cd;color:#464d61;line-height:2.2em}
input[type=text].readonly{;border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4}
input[type=text]:focus,select:focus{border:1px solid #00a2e2;background:#edf6fb;color:#464d61}
input[type=radio]{*width:13px;*height:13px}
select{height:27px;*margin-top:5px;padding:4px 4px 5px 4px;border-top:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;border-left:1px solid #c1c6cd;line-height:1.5em;color:#464d61}
textarea{width:98%;padding:5px;border:1px solid #cfcfcf;line-height:1.5em}
table{/* border-collapse:collapse; */border-spacing:0;line-height:1.5em}
hr{display:none}

/* aline */
.fl{float:left}
.fr{float:right}
.overflow_h{overflow:hidden; zoom:1}
.ellipsis{display:inline-block;overflow:hidden;width:auto;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.tspace{letter-spacing:-1px}
.hspace{line-height:1.5em}
.fs11{font-size:.917em}
.fs10{font-size:.833em}
.ft_engtype{font-family:verdana}

/* link */
a:link,a:visited {color:#4f565b;text-decoration:none}
a:active,a:hover,a:focus{color:#000}

/* skip navigation */
#u_skip{position:relative;z-index:1000;margin-left:20px}
#u_skip a{position:absolute;top:-30px;left:0;width:128px;border:1px solid #4ec53d;background:url(../img/spr_u_skip.png) repeat-x 0 -11px;text-align:center;outline:none}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#u_skip span{display:inline-block;padding:2px 6px 0 0;background:url(../img/spr_u_skip.png) no-repeat 100% 11px;font-size:11px;line-height:26px;color:#fff;letter-spacing:-1px}

.fixed {top: 0px; position: fixed;}

/* ff style */
input[type=radio] {border:0;margin:-2px 0 0 0;padding:0;}
input[type=checkbox] {border:0;margin:-2px 0 0 0;padding:0;}
input[type=img] {padding:2px; border:solid 0px;}
/* ff style // */

form { margin: 0; padding: 0; }
input,
select,
textarea,
button {background:url('../img/ip.gif' no-repeat;)
	margin: 0; padding: 0;
	font-size: 1em; font-family: "dotum", "seoul", "Arial", "sans-serif","vernada" "NanumGothicBold",'Dotum';
	line-height: 1.2em; /* 입력폼에서 춤추지 않는 최소 줄간 1.2 */
	vertical-align: middle;
	margin:0 3px 0 3px;
} 
select { height: 20px; } /* Opera보정 */
select, x:-moz-any-link, x:only-child {height: 20px; /* FF, IE7 */ *height: auto; /* IE7 */}

/*common*/
.radio{border:0;}
.checkbox{border:0;}
.img{border:0;}
.flL{float:left;} 
.flR{float:right;}
.txtCenter{text-align:center;}
.txtLeft{text-align:left;}
.txtRight{text-align:right;}
.inBlock{display:inline-block;}
.clearB{clear:both;}
.pdT5{padding-top:5px;}
.pdT10{padding-top:10px;}
.pdT15{padding-top:15px;}
.pdT20{padding-top:20px;}
.pdT30{padding-top:30px;}
.pdT40{padding-top:40px;}
.pdR5{padding-right:5px;}
.pdR10{padding-right:10px;}
.pdL5{padding-left:5px;}
.pdL10{padding-left:10px;}
.pdL15{padding-left:15px;}
.maT10{margin-top:10px;}
.maT20{margin-top:20px;}
.maT30{margin-top:30px;}
.maT40{margin-top:40px;}
.maB10{margin-bottom:10px;}
.maB20{margin-bottom:20px;}
.maB30{margin-bottom:30px;}
.maB40{margin-bottom:40px;}
.maL10{margin-left:10px;}
.maL20{margin-left:20px;}
.maL30{margin-left:30px;}
.fNomal{font-weight:normal;}
.fb{font-weight:bold;}
.borRN{border-right:none;}
.borLN{ border-left:none;}


/*웹폰트*/


@font-face {font-family:NanumGothic; src:url(../font/NanumGothic.ttf);}  
@font-face {font-family:NanumGothic; src:url(../font/NanumGothic.eot);}  
@font-face {font-family:NanumGothicBold; src:url(../font/NanumGothicBold.ttf);}  
@font-face {font-family:NanumGothicBold; src:url(../font/NanumGothicBold.eot);} 


/*기본 layout*/

/*#wrap{width:100%;text-align:center; overflow:hidden;}
header{width:100%; height:77px; background: url("images/headerBg.png")repeat-x;float:left; margin:0 auto; position:relative; float:left; z-index:100;}
header nav{width:1100px; margin:0 auto; overflow:hidden;}
#mon_menu{float:right; padding:20px 0; font-family:'NanumGothic'; font-size:18px !important;}
#m > ul > li{display:block; float:left; padding-right:10px;}
#header-contents{width:960px; margin:0px auto; position:relative; overflow: hidden;}
#gnbWrap{width:100%; float:left; border-top:1px solid #a09d9d; border-bottom:2px solid #ee9606;}
#container{width:100%; float:left;}
#container-contents{width:960px; margin:0px auto; position:relative;overflow: hidden;}
#footer{width:100%; float:left;position:relative;}
#footer-contents{width:960px; margin:0px auto; position:relative;}
*/

/*main layout */
/*.logo{padding:20px 0;text-align:center; float:left; }
.topMenu{width:960px; text-align:right;}
.topMenu ul{display:inline-block; *width:230px;}
.topMenu ul li{float:left;padding:5px 5px; }
.gnbArea{width:960px;margin:0px auto; font-size:1.5em;}

section#one{width:100%;height:604px; background-color:#f8f7f7; position:relative; top:-4px; float:left; margin:0 auto; overflow:hidden; z-index:10;}
section#one .con{width:1100px; height:604px;margin:0 auto; text-align:center;}
*/



/* ----------------------------- CSS Media Queries ----------------------------- */

/*
These rules control which portions of the menu gets shown when the screen size is below a certain width.
By default 2 stages are defined depending on browser screen width.
*/