@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* reset
::-moz-selection{color: #fff;background-color:#74ac7c;background-color:rgba(57,137,68,0.7);}
::selection{color: #fff;background-color:#74ac7c;background-color:rgba(57,137,68,0.7);}
*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn,  img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var,
p,  pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend ,figure
/*strong,em,blockquote,*/{
	vertical-align: top;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
    word-break: keep-all;
    word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
	vertical-align: top;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	line-height:1.1em;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
    word-break: keep-all;
    word-wrap: break-word;
}

html,body {line-height:normal;font-size:14px;font-family: "Noto Sans KR", sans-serif;
-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-weight:400;color:#383838;}
ol,ul,dl,dt,dd,li {list-style:none;line-height: 1.1em;}
address,small{line-height: 180% !important;}
span,p{line-height: 180%;}
img {width:auto;vertical-align:inherit;border:none;}
button{cursor:pointer;vertical-align:top;font-family:inherit;}
a {display:block;text-decoration:none;color:inherit;vertical-align:top;}
a:hover, a:active, a:focus{text-decoration:none;}
a:focus, button:focus{outline:1px dotted #aaa;}
input, textarea, select{vertical-align:inherit;font-family:inherit;}
input[type=text],
input[type=password]{font-size:inherit;border:1px solid #ddd;vertical-align:top;-webkit-appearance:none;}
input:focus{outline:1px dotted #aaa;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{/*-webkit-text-fill-color:#fff;*/-webkit-box-shadow: 0 0 0 30px #fffcf1 inset;}
select{padding-left:10px;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
select::-ms-expand{display: none;}

/* Table */
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
caption {width:1px;height:1px;overflow:hidden;margin:0;padding:0;position:absolute;}
th {font-weight:600}
th,td {vertical-align:middle;word-break:keep-all;word-wrap:break-word;}

/* hidden */
.hidden {display:block;overflow:hidden;position:absolute;top:-999px;left:-9999px;width:1px;height:1px;text-indent:-9999px;}
.ellipsis {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* 스킵메뉴 */
#skipMenu { width:300px; position:absolute; z-index:9999;}
#skipMenu a { position:absolute; top:-100px;}
#skipMenu a:hover,
#skipMenu a:active,
#skipMenu a:focus { position:absolute; top:0; width:300px; height:20px; display:block; background:#333; color:#fff; text-align:center; font-size:16px; font-weight:bold;}

/* style */
.row {width:1100px;margin:0 auto;padding: 0 24px;*zoom:1;}/* IE5.5~7 Hack */
.row:after {content:"";display:block;clear:both;}
.br{display:block;font-size:0;width:100%;height:0;}
.m-br{display:none;}
.bdr{border:1px solid #ddd;}
.ipt-sel{height:28px;color:#555;border:1px solid #ddd;background:#fff url('/design/default/img/main/i_drpdwn.png') no-repeat 95% center;}

/*font-color*/
.t-grn{color:#398944;}

header{border-bottom:1px solid #eee;}
header h1{float:left;margin-top:1em;font-size:1em;}
header nav{float:right;z-index:10;}

nav .gnb > li{position:relative;float:left;text-align:center;color:#555555;}
nav .gnb > li > a{font-size:1.285em;padding:20px 34px;border-bottom:3px solid #fff;}
nav .gnb > li:hover > a,
nav .gnb > li:focus > a,
nav .gnb > li > a:hover,
nav .gnb > li > a:focus{color:#398944;border-bottom:3px solid #398944;}
nav .gnb > li > ul{display:none;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;position:absolute;left:-1px;width:100%;background-color:#fff;z-index:100;}
nav .gnb > li > ul > li{border-bottom:1px solid #eee;}
nav .gnb > li > ul > li a{padding:.9em 0;font-size:1.071em;}
nav .gnb > li > ul > li a:hover,
nav .gnb > li > ul > li a:focus{color:#398944;}

footer{border-top:1px solid #398944;}
footer .ftr01{padding-top:8px;padding-bottom:8px;border-bottom:1px solid #ddd;background-color:#eeeeee}
.ftr01 .rules{float:left;}
.ftr01 .rules li{float:left;line-height:2em;padding-left:30px;padding-right:30px;font-size:1.071em;color:#555;}
.ftr01 .rules li.privacy{position:relative;padding-left:0;}
.ftr01 .rules li.privacy:after{position:absolute;top:7px;right:-1px;content:'';width:1px;height:1em;background-color:#ddd;}
.ftr01 .rules li.privacy a{color:#398944;}
.ftr01 .frm-site{float:right;}
.ftr02{padding-top:20px;padding-bottom:20px;}
.ftr02 address{font-size:13px;line-height:18px;}
.ftr02 .copyright{font-size:12px;line-height:18px;color:#555;}