@charset "utf-8";
/* base */
*{font-family: 'Nanum Gothic' !important;}
body {font: 12px Dotum, "돋움", sans-serif; color: #999; position:relative; width:100%;}
pre {white-space: pre-wrap; /* pre tag내에 word wrap */}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {margin:0px; padding:0px; color:#525252;font-family:NG;src:url(NanumGothic.eot);src:local(※),url(NanumGothic.woff) format('woff')}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 12px;}
em {font-style:normal;}
ul, ol, li{list-style: none}
fieldset, img{border: none}
html,body {height:100%;width:100%;}
input,select,button,textarea{color:#666;vertical-align:middle;font-size:1em}
input[type=text] { padding:2px;}
/* a-style */
a {color:#444; text-decoration:none;}
a:hover, a:active {text-decoration: underline;}
.skipNav {left: 0; margin: 0 auto; position: absolute; top: -10.5em; z-index: 2;}
.skipNav a:active, .skipNav a:focus {background: none repeat scroll 0 0 #4e92c8;border: 2px solid #184568;color: #FFFFFF;height: 17px;left: 30px;padding-top: 3px; position: absolute; text-align: center;top: 10.5em; width: 150px;}

table {margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
*+html table{border-collapse:collapse;}
hr {display:none}
caption, legend {position:absolute;width:0;height:0;overflow:hidden;text-indent:-9999px;visibility:hidden;display:none;}
#skipnavigation {position:absolute;width:0;height:0;overflow:hidden;text-indent:-9999px;}

.skipNav {left: 0; margin: 0 auto; position: absolute; top: -10.5em; z-index: 2;}
.skipNav a:active, .skipNav a:focus { background: none repeat scroll 0 0 #4e92c8; border: 2px solid #184568; color: #FFFFFF; height: 17px; left: 30px; padding-top: 3px; position: absolute; text-align: center; top: 10.5em; width: 150px;}

.hidden{display:none;}
.input01 { border:1px solid #e1e1e1; padding:2px;}
.select01 { padding:2px; width:180px; border:1px solid #cccccc;}

.textarea01 {border:1px solid #e1e1e1; width:655px; height:180px;}
.textarea02 {border:1px solid #e1e1e1; width:635px; height:100px; padding:10px; margin-bottom:15px; font-size:12px; margin-left:20px;}

.clear_b{ clear:both;}
.strong{font-weight:bold;}

/* 공백 정의  */
.mt0_ie6{_margin-top:0!important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt9{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt120{margin-top:120px !important;}
.mt140{margin-top:140px !important;}

.mb35{margin:0 0 35px 0  !important;}
.mb2{margin-bottom:2px !important;}
.mb5{margin-bottom:5px !important;}
.mb6{margin-bottom:6px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom:100px !important;}
.mb120{margin-bottom:120px !important;}

.mr0{margin-right:0px !important;}
.mr20{margin-right:20px !important;}
.mr150{margin-right:150px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml7{margin-left:7px !important;}
.ml10{margin-left:10px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml17{margin-left:17px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml100{margin-left:100px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt37{padding-top:37px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}

.pl5{padding-left:5px !important;}
.pl7{padding-left:7px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl40{padding-left:40px !important;}
.pl80{padding-left:80px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}


/* 정렬 정의  */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:text-bottom;}

/* float 정의  */
.flfr{width:100%;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.font_black { color:#222}
.font_red{color:#e54141;font-size:11px;}
.font_red2 { color:#ed5807;}
.font_blue {color:#4090be;}
.font_blue2 {color:#2369b7;}
.font_green {color:#4d9764;}
.font_orange {color:#f95900;}

/* overflow 설정 */
.ovh { overflow:hidden;}

/* position 설정 */
.por { position:relative;}
.poa { position:absolute;}

/* display 설정 */
.display_n { display:none;}

/* width:auto */
.wa {width:auto !important;}

.container{width:1120px; margin:0px auto; overflow:hidden;}
.container_Gnb{width:1120px; margin:0px auto;}

#header{background:url(../images/common/top_bottom_bg.png) center bottom repeat-x #f5f1e2; height:186px; clear:both;}
#header h1{text-align:center; clear:both; padding-top:28px;}
#header #gnb{clear:both; margin-top:40px; overflow:hidden;}
#header #gnb li{position:relative;}
#header #gnb li > a{float:left; text-align:center; font-family:"Noto Sans Korean"; font-size:17px; color:#363636; width:140px;}
#header #gnb li > a:hover{text-decoration:none; color:#085170; font-size:18px; font-weight:bold;}
#header #gnb li > a.on{text-decoration:none; color:#085170; font-size:18px; font-weight:bold;}

#header #gnb_test{clear:both; margin-top:40px;}
#header #gnb_test li{position:relative; float:left; width:140px; text-align:center; font-family:"Noto Sans Korean"; font-size:17px; color:#363636; padding-bottom:10px; cursor:pointer;}
#header #gnb_test li:hover{text-decoration:none; color:#085170; font-size:18px; font-weight:bold;}
#header #gnb_test li.on{text-decoration:none; color:#085170; font-size:18px; font-weight:bold;}
#header #gnb_test li > div{position:absolute; top:30px; left:0px; padding:10px 5px 10px 5px; display:none; background:#085170; z-index:200;}
#header #gnb_test li > div a{float:left; padding:5px 10px; font-weight:normal; font-size:15px; text-align:center; color:#fff;}
#header #gnb_test li > div a:hover{font-size:15px; font-weight:bold; text-decoration:none;}
#header #gnb_test li:hover > div{display:block;}

#center{background:#f4f3ef; overflow:hidden; padding-bottom:40px; width:100%; overflow:hidden;}
#center h2{font-size:20px; color:#363636; font-weight:700; background:url(../images/common/h2_title_bg.gif) left top no-repeat; padding-top:5px; margin-top:40px;}
#center h2 > span{color:#325f26;}

/***** 서브 ****/
#center .sketch{font-size:13px; color:#363636; margin-top:40px; float:right; overflow:hidden;}
#center .sketch > span{color:#325f26; font-weight:bold;}
#center #subT{margin-top:30px; width:100%; height:55px; overflow:hidden; background:url(../images/common/section_line.jpg) center bottom repeat-x; padding-bottom:10px;}
#center #subT h3{font-size:38px; font-weight:500; color:#363636; float:left;}
#center #subT h3 > span{color:#325f26;}
.search{float:right; padding-top:10px;}
.bottomSearch{width:445px; margin:0px auto; margin-top:20px;}

.sectionLine{width:100%; height:10px; background:url(../images/common/section_line.jpg) center top repeat-x; margin-top:40px;}

/****** 페이징 ********/
.paging{overflow:hidden; width:300px; margin:0px auto; margin-top:40px;}
.paging li{float:left; margin:0 5px; font-size:13px; font-weight:bold; color:#636363;}
.paging li span{display:inline-block; width:15px; height:15px; text-align:center; line-height:15px;}
.paging li span.on{border:1px solid #085170; background:#f4f3ef; color:#363636;}

/******* 폼 ********/
.searchSelect1{width:99px; height:28px; border:1px solid #bab9b6; background:#fff; font-size:14px; color:#566071;}
.searchText1{width:250px; height:24px; border:1px solid #bab9b6; background:#fff; font-size:14px; color:#566071;}
.searchButton1{width:80px; height:30px; background:#363636; font-size:16px; text-align:center; color:#fff; font-weight:bold; line-height:30px; display:inline-block; border:0px; cursor:pointer;}
.listButton{width:80px; height:30px; background:#085170; font-size:14px; text-align:center; color:#fff; font-weight:bold; line-height:30px; display:inline-block; border:0px; cursor:pointer;}
.beforeButton{width:80px; height:30px; background:url(../images/common/button_before_arr.gif) 12px no-repeat #636363; font-size:14px; text-align:center; color:#fff; font-weight:bold; line-height:30px; display:inline-block; border:0px; cursor:pointer;}
.afterButton{width:80px; height:30px; background:url(../images/common/button_after_arr.gif) 60px 10px no-repeat #636363; font-size:14px; text-align:center; color:#fff; font-weight:bold; line-height:30px; display:inline-block; border:0px; cursor:pointer;}

.writeButton{width:80px; height:30px; background:#085170; font-size:14px; text-align:center; color:#fff; font-weight:bold; line-height:30px; display:inline-block; border:0px; cursor:pointer; margin:10px 0; float:right;}
.cancelButton{width:80px; height:30px; background:#636363; font-size:14px; text-align:center; color:#fff; font-weight:bold; line-height:30px; display:inline-block; border:0px; cursor:pointer; margin:10px 0;}
.okButton{width:80px; height:30px; background:#085170; font-size:14px; text-align:center; color:#fff; font-weight:bold; line-height:30px; display:inline-block; border:0px; cursor:pointer; margin:10px 0; float:right;}


/************ 퀵메뉴 *******************/
#quick{width:75px; position:fixed; top:225px; left:50%; margin-left:600px; z-index:100;}