/*************************************************************************************************/
/* header 설정 */
/**************************************************************************************************/
#header { clear:both; width:100%; height:100px; background:#fef8ae; border-bottom:1px solid #d7d9db; }
#header > #main_nav { position:relative; width:1100px; height:100px; margin:0 auto; }

#header > #main_nav > #logo { position:absolute; top:30px; left:0px; width:400px; height:70px; }
#header > #main_nav > #logo > a { display:block; width:200px; height:70px; background:url("../../images/logo.png") 0 0 no-repeat; }

#header > #main_nav > #main_menu { position:absolute; top:40px; right:0px; width:750px; height:70px; z-index:999;}
#header > #main_nav > #main_menu > li { position:relative; float:left; width:20%; height:40px; box-sizing:border-box; }
#header > #main_nav > #main_menu > li > a { display:inline-block; float:right; height:40px; line-height:40px; color:#515050; font-size:17px; font-weight:bold; text-align:right; }

.hd_pops_footer .hd_pops_reject{height: 34px; font-size: 0;}

/*************************************************************************************************/
/* 하단 설정 */
/*************************************************************************************************/
#footer { clear:both; width:100%; height:80px; border-top:1px solid #d7d9db; }
/*
#footer > #footer_menu { width:1100px; height:30px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; margin:0px auto; }
#footer > #footer_menu > p { width:800px; height:30px; margin:0 auto; }
#footer > #footer_menu > p > a { display:block; float:left; height:30px; line-height:27px; padding:0px 10px; color:#706f6f; font-weight:bold; }
#footer > #footer_menu > p > a.color2 { color:#9b9a9a; }
*/
#footer > #copyright { width:1100px; height:80px; margin:6px auto; padding:20px 0px; font-size:12px; margin:0 auto; }
#footer > #copyright > li { float:left; }
#footer > #copyright > li.c1 { width:300px; height:40px; background:url("../../images/footer_logo.png") 0% 50% no-repeat; }
#footer > #copyright > li.c2 { width:800px; color:#a2a4a4; line-height:18px; }



/*************************************************************************************************/
/* 메인화면 설정 */
/*************************************************************************************************/
#main_section { clear:both; width:1100px; margin:0 auto; }

/* 비주얼 */
#main_section > ul.visual { position:relative; width:1100px; height:411px; margin:0 auto; overflow:hidden; }
#main_section > ul.visual > li { float:left; width:220px; height:411px; border-left:1px solid #d7d9db; }
#main_section > ul.visual > li.visual1 { background:url("../../images/visual1.jpg") 50% -20px no-repeat; }
#main_section > ul.visual > li.visual2 { background:url("../../images/visual2.jpg") 50% -20px no-repeat; }
#main_section > ul.visual > li.visual3 { background:url("../../images/visual3.jpg") 50% -20px no-repeat; }
#main_section > ul.visual > li.visual4 { background:url("../../images/visual4.jpg") 50% -20px no-repeat; }
#main_section > ul.visual > li.visual5 { background:url("../../images/visual5.jpg") 50% -20px no-repeat; border-right:1px solid #d7d9db; }
#main_section > ul.visual > li > a.con { position:absolute; display:inline-block; width:180px; height:70px; background:url("../../images/arrow1.png") 90% 50% no-repeat; padding:30px 20px; }

#main_section > ul.visual > li.visual1 > a.con,
#main_section > ul.visual > li.visual3 > a.con,
#main_section > ul.visual > li.visual5 > a.con { bottom:0px;}
#main_section > ul.visual > li > a.con > p { width:150px; }
#main_section > ul.visual > li > a.con > p.row1 { font-size:16px; font-weight:bold; color:#3e3838; }
#main_section > ul.visual > li > a.con > p.row2 { line-height:18px; padding:5px 0px; color:#5b5959;  }

#main_section > div.main_link { position:relative; width:100%; height:80px; background:#e9d758; background:url("../../images/link.jpg") 0 0 repeat;  }
#main_section > div.main_link > a { position:absolute; display:block; bottom:12px; right:12px; float:right; width:128px; height:22px; }

#main_section > ul.main_content { width:100%; height:110px; margin-top:40px; }
#main_section > ul.main_content > li { float:left; height:110px; }
#main_section > ul.main_content > li.tel { width:400px; background:url("../../images/info3.png") 0 0 no-repeat; }
#main_section > ul.main_content > li.notice { width:300px; margin:0px 60px 0px 40px; }
#main_section > ul.main_content > li.notice > p.tit { height:25px; line-height:25px; margin-bottom:10px; background:url("../../images/icon1.png") 0 50% no-repeat; padding-left:30px; color:#686868; font-size:17px; font-weight:bold; }

#main_section > ul.main_content > li.board { width:300px; }
#main_section > ul.main_content > li.board > p.tit { height:25px; line-height:25px; margin-bottom:10px; background:url("../../images/icon2.png") 0 0 no-repeat; padding-left:30px; color:#686868; font-size:17px; font-weight:bold; }

#main_section > ul.main_content > li a.list { display:block; height:22px; line-height:22px; background:url("../../images/dot.png") 10px 50% no-repeat; padding-left:20px; overflow:hidden; }


#main_section > ul.banner { width:100%; height:41px; margin:50px 0px; }
#main_section > ul.banner > li { float:left; }
#main_section > ul.banner > li.btn_left { width:40px; height:41px; background:url("../../images/btn_left.png") 50% 50% no-repeat; cursor:pointer; }
#main_section > ul.banner > li.banner_area { width:1020px; height:41px; overflow:hidden; }
#main_section > ul.banner > li.banner_area > ul { width:100%; }
#main_section > ul.banner > li.banner_area > ul > li { float:left; }
#main_section > ul.banner > li.banner_area > ul > li > a { display:block; float:left; width:235px; margin:0px 10px; }
#main_section > ul.banner > li.banner_area > ul > li > a > p { height:25px; line-height:25px; }
#main_section > ul.banner > li.btn_right { width:40px; height:41px; background:url("../../images/btn_right.png") 50% 50% no-repeat; cursor:pointer; }

#main_section > ul.banner2 { width:100%; height:60px; margin-top:30px; }
#main_section > ul.banner2 > li { float:left; height:60px; }
#main_section > ul.banner2 > li.weather { width:600px; background:#f5f5f5; }
#main_section > ul.banner2 > li.tel { float:right; width:314px; background:url("../../images/tel.png") 100% 50% no-repeat; }



/*************************************************************************************************/
/* 서브페이지 상단 비주얼 */
/*************************************************************************************************/
#sub_top { clear:both; width:100%; height:156px; }
#sub_top > #visual { position:relative; width:1100px; height:156px; margin:0 auto; overflow:hidden; }
#sub_top > #visual > div { width:1100px; min-height:156px; }

#sub_LName { clear:both; width:100%; height:50px; background:#e9d758; }
#sub_LName > p { position:relative; width:1100px; height:50px; line-height:50px; font-size:26px; font-weight:bold; color:#ffffff; margin:0 auto; }


/*************************************************************************************************/
/* 서브화면 */
/*************************************************************************************************/
#sub_section { clear:both; width:1100px; margin:0 auto; }

#sub_section > div.sub_nav { clear:both; float:left; width:210px; margin-top:20px; }
#sub_section > div.sub_nav > ul.sub_menu { width:100%; }
#sub_section > div.sub_nav > ul.sub_menu > li { }
#sub_section > div.sub_nav > ul.sub_menu > li > a { display:block; height:36px; line-height:36px; padding-left:30px; border-bottom:1px solid #cccccc; font-size:14px; color:#777777; }
#sub_section > div.sub_nav > ul.sub_menu > li > a.select_menu { color:#333333; background:#ebebeb url("../../images/sub_arrow.png") 90% 50% no-repeat; }
#sub_section > div.sub_nav > ul.sub_banner { width:100%; margin-top:20px; }
#sub_section > div.sub_nav > ul.sub_banner > li { }
#sub_section > div.sub_nav > ul.sub_banner > li > a { display:block; float:left; height:80px; margin:10px 0px; }

#sub_section > div.sub_path { float:right; width:850px; height:50px; margin-top:20px; border-bottom:1px solid #cccccc; }
#sub_section > div.sub_path > span { display:block; }
#sub_section > div.sub_path > span.left { float:left; width:300px; height:50px; line-height:50px; padding-left:30px; background:url("../../images/Micon.png") 0 50% no-repeat; font-size:24px; font-weight:bold; color:#43322d; }
#sub_section > div.sub_path > span.right { float:right; width:500px; height:20px; margin-top:20px; text-align:right; }

#sub_section > div.sub_contents { float:right; width:850px; min-height:500px; margin:20px 0px 80px 0px; padding-top:20px; }
