@charset "utf-8";

/* common 공통 */
html, body { width:100%; margin:0; padding:0; }
div, ul, li { margin:0; padding:0;}
ul { list-style:none;}
li {  display:block;}
img, a img { border:0;}
.mgr15 { margin-right:15px !important;}
.mgr20 { margin-right:20px !important;}
.pdr15 { padding-right:15px !important;}
.pdr20 { padding-right:20px !important;}


#wrap { width:100%; }
/* header 상단 */
#header { width:100%; height:180px; margin:0 auto; /*background:url(../images/common/menu_bg.png) center top no-repeat;*/; border-bottom:1px solid #9ea1a3}
#header_wrap{width:1024px; margin:0 auto}
#hlogo { width:115px; height:88px; margin:0 auto; padding-top:30px; padding-bottom:10px}
#gnb_wrap{width:100%; text-align:right;  z-index:99995}
#gnb_list{ float:right}
#gnb_list ul li{float:left; padding:10px; 20px 10px 0}



/* hsnb 상단메뉴 */
#hsnb { width:100%; height:40px; margin:auto 0; padding:10px 0 0 0px; }
#hsnb_wrap{width:720px; margin:0 auto; height:40px}
#hsnb_list{ height:40px; z-index:9999; }
#hsnb_list> ul> li { position:relative; float:left; padding:0 40px 0 40px; height:42px; line-height:44px}
#hsnb_list li:last-child {padding-right:0 !important}


/*#hsnb_list ul ul { display:none;position:absolute; top:20px; height:30px;  z-index:1000 }*/
/* 20161213 수정전
#hsnb ul li:hover ul { position:absolute; left:0; top:45px; display:block; width:455px; height:55px; margin:0 0 0 -60px; padding:15px 0 0 55px; z-index:1000; background:url(../images/common/sub_menu_bg1.png) left 13px no-repeat; }
#hsnb li li { display:block; float:left; height:55px; line-height:55px; margin:0 5px 0 5px; color:#fff}
*/
/*#hsnb ul li:hover ul { position:absolute; left:0; top:45px; display:block; width:455px; height:30px; margin:0 0 0 -60px; padding:15px 0 0 55px; z-index:1000;}
#hsnb ul li:hover ul li:first-child:before { position:absolute;  left:-58px; width:60px; height:55px;}
#hsnb ul li:hover ul li:last-child:before { position:absolute; right:-30px; width:30px; height:55px;}
#hsnb li li { display:block; float:left; height:55px; line-height:55px; padding:0 5px 0 5px; color:#fff;  }
*/

#hsnb_list li a:link, a:visited{text-decoration:none; }

/* 20170116 수정전
#hsnb_list ul ul{ display:none; position:absolute; top:20px; height:20px;  z-index:1000 }
#hsnb_list li li{ display:inline; float:left; height:30px; line-height:30px; margin:0;  font-size:13px ; color:#fff; padding-right:15px; font-weight:normal }
#hsnb_list li li a { display:inlne; width:100%; color:#fff  }
*/
#hsnb_list ul ul{ display:none; position:absolute; top:40px; height:30px;  z-index:99999 }
/*#hsnb_list ul:hover ul { display:block;}*/
#hsnb_list li:hover ul { display:block;}
div#hsnb_list:hover + div#hsnb_list_bg { display:block !important;}
#hsnb_list ul:hover ul li a:hover{color:#272727}

#hsnb_list_bg{ display:none; position: absolute; top:178px; left:0; width:100%; height:30px; background-color:#e2c587; z-index:980; border-top:1px solid #9ea1a3}

#hsnb_list li li{ display:block; float:left; height:30px; line-height:30px; margin:0;  font-size:13px ; color:#fff; padding-right:30px; font-weight:normal; font-family: 'Noto Sans KR', sans-serif;  }
#hsnb_list li li a { display:block; width:100%; color:#fff  }

#hsnb_list li:nth-child(1) ul{width:500px !important; }
#hsnb_list li:nth-child(2) ul{width:400px !important;margin-left:0px }
#hsnb_list li:nth-child(3) ul{width:400px !important;margin-left:0px }
#hsnb_list li:nth-child(4) ul{width:400px !important; margin-left:0px }
#hsnb_list li:nth-child(5) ul{width:500px !important; margin-left:0px }




/* m_content 메인컨텐츠 */
#m_content { position:relative; width:1024px; height:1430px; margin:0 auto;/* background:url(../images/main/visual_01.png) center 50px no-repeat;*/}
#main_visual{text-align:center; position:absolute; z-index:1000; padding:30px 0 0 0; width:100%; height:530px; clear:both}
/*#auth { float:right; margin:50px 0 0 0;  z-index:999}
#m_notice { position:absolute; left:0; bottom:80px; width:50%; z-index:10001 }
#m_notice_l { width:380px; padding-top:15px}
#m_notice_l li { float:left; width:100%; background:url(../images/main/notice_dot.png) 0px 10px no-repeat; font-size:12px }
#m_notice_l li a{text-decoration:none; color:#848484}
.m_notice_time { float:right;}

#m_banner { position:absolute; right:0; bottom:0; width:50%; height:407px; background:url(../images/main/footer_bg.png) right bottom no-repeat; z-index:100001 }
#m_bnr_01 { margin:116px 0 0 328px;}
#m_bnr_02 { margin:12px 0 0 180px;}*/

#main_text{width:100%; height:162px;  margin:0 auto; position:absolute; z-index:100;top:530px; padding-top:30px; text-align:center }
#main_images{width:100%; height:530px;  margin:0 auto; position:absolute; z-index:100;top:712px; padding-top:50px; text-align:center }

/* visual 비주얼이미지 */
#s_visual { width:1020px; height:241px; margin:0 auto; padding:43px 0 0 0;}

/* title 타이틀 */
#s_title { width:1024px; height:33px; margin:0 0 20px 0; padding:0 0px 0 0px; border-bottom:1px solid #e1e2e1;}

/* content */
#s_content { width:1024px; min-height:500px; margin:0 auto; padding:10px 20px 20px 20px;}

#footer { clear:both; width:100%; height:100px; line-height:30px; margin:0 auto; padding:0 10px 0 0; border-top:1px solid #9ea1a3 }
#footer_wrap{ width:1024px; height:100px; margin:0 auto; font-family: 'Noto Sans KR', sans-serif; }
#tail{width:100%; height:80px; padding-top:15px}
.tail_list{text-align:CENTER;  }
.tail_list1{text-align:left; width:20%; float:left}
.tail_1 li{list-style:none; width:100%; line-height:140%; color:#9ea1a3; font-size:13px}
.tail_1 .tit{color:#626262; font-size:14px; padding-bottom:8px}
.copyright{width:1024px; height:30px; margin:0 auto;text-align:center; color:#7c7c7c; font-size:13px}


/* 로고*/
#glogo{width:100%; text-align:center; position:relative; z-index:500}

#article_nav{ float:left; margin:-140px 0 0 0; width:100%; position:absolute; z-index:600}
#article_nav li{height:22px ; line-height:22px; padding:5px 2px 0 2px; font-size:13px; color:#939393; text-align:left; font-family: 'Noto Sans KR', sans-serif; float:left} 
#article_nav li a{color:#939393; text-decoration:none}

#article_nav2{ float:left; margin:10px 0 0 0; width:100%; position:absolute; z-index:600}
#article_nav2 li{height:22px ; line-height:22px; padding:5px 2px 0 2px; font-size:13px; color:#939393; text-align:left; font-family: 'Noto Sans KR', sans-serif; float:left} 
#article_nav2 li a{color:#939393; text-decoration:none}