@charset "utf-8";

iframe { padding:0;margin:0; overflow:hidden; border:0; }
.mbg {background:url(../images/main_bg.gif) repeat-x center top; width:100%}
.sbg {background:url(../images/sub_bg.gif) repeat-x center top; width:100%}

/* 메인배경 */
.lbg {
position: absolute;
top:151px;
right: 50%;
width: 50%;
height:521px;
margin-right:500px;
background: url(/images/lbg.png) 100% 0 no-repeat;
z-index:100;}


.rbg {
overflow: hidden;
position: absolute;
top:151px;
right:0;
width:50%;
height:521px;
background: url(/images/rbg.png) 500px 0 no-repeat;
z-index: 0;}

#wrapper { position:relative; width:100%;margin:0 auto;}
#header_outwrap { position:relative; width:100%; height:150px; }
#header {position:relative;width:1120px;margin:0 auto;padding-left:120px;height:150px;  }
/* #header_outwrap { position:relative;width:100%; height:123px; z-index:9999;}
#header {position:relative;width:1000px;margin:0 auto;height:123px; overflow:hidden; } */

/* 로고, 유틸메뉴 */
#header h1 { position:absolute; left:120px; top:38px;  } 
#header h1 a { display:block; }
.util_menu { position:absolute; top:0; right:100px; }
.util_menu li {  float:left; line-height:1.0em;font-size:0; }
.util_menu li.tt a { margin-top:10px; display:block; padding-right:20px;  }
.util_menu li.last { padding-right:0;  }


/* ------- GNB -------- */ 
#gnb { position:absolute; left:400px; top:65px; width:720px; }
#gnb:after {content:""; display:block; clear:both;} 
*+html #gnbmenuwrap {display:block;} 
*html #gnbmenuwrap {display:block;}

ul#gnbmenu {width:780px; height:80px; margin:0 auto; }
ul#gnbmenu li.menus {float:left; position:relative; height:45px; border:0px solid #000; }

ul#gnbmenu li.menus .menus-title:link {height:56px;}
ul#gnbmenu li.menus .menus-title:hover {display:inline-block; height:56px; background:url('/images/menu/m_arrow.png') no-repeat center bottom; }
ul#gnbmenu li.menus .menus-title:active, ul#gnbmenu li.menus .menus-title:focus {display:inline-block; height:56px; background:url('/images/menu/m_arrow.png') no-repeat center bottom; }

ul#gnbmenu li.menus .current.menus-title {display:inline-block;height:56px; background:url('/images/menu/m_arrow.png') no-repeat center bottom; }
ul#gnbmenu li.menus .current {display:inline-block;height:56px;background:url('/images/menu/m_arrow.png') no-repeat center bottom; }

ul#gnbmenu li.menus div.layer0 {display:none; position:absolute; top:60px; height:20px; line-height:20px; padding-left:10px; border:0px solid #fff; font-size:12px; z-index:340; }
ul#gnbmenu li.menus div.layer0.pos1 {left:-50px; width:400px;}
ul#gnbmenu li.menus div.layer0.pos2 {left:-100px; width:400px;}
ul#gnbmenu li.menus div.layer0.pos3 {left:-150px; width:420px;}
ul#gnbmenu li.menus div.layer0.pos4 {left:-100px; width:250px;}
ul#gnbmenu li.menus div.layer0.pos5 {left:-100px; width:350px;}
ul#gnbmenu li.menus div.layer0.pos6 {left:-160px; width:320px;}
ul#gnbmenu li.menus div.layer0.pos7 {left:-160px; width:250px;}

ul#gnbmenu li.menus div.layer0 ul { padding-top:1px;}
ul#gnbmenu li.menus div.layer0 li {float:left;height:20px;text-align:left;border:0px solid #000;}

ul#gnbmenu li.menus div.layer0 li a:link, 
ul#gnbmenu li.menus div.layer0 li a:visited {float:left;display:block;height:20px;color:#fff;font-weight:bold;padding:0 10px 0 10px;}
ul#gnbmenu li.menus div.layer0 li a:hover {float:left;display:block;height:20px;color:#ffd800;font-weight:bold;padding:0 10px 0 10px;}
ul#gnbmenu li.menus div.layer0 li a:focus, ul#gnbmenu li.menus div.layer0 li a:active {float:left;display:block;height:20px;color:#fff;font-weight:bold;padding:0 10px 0 10px;}

/* ------- 메인플래시 -------- */ 
#wrap_main { z-index:100;position:absolute;left:0;top:151px;width:100%;}
#wrap_main .main { z-index:100;position:relative;clear:both;margin:0 auto;width:1120px;padding-left:120px;height:521px;background:url(/images/main_under.gif) no-repeat 120px bottom }


/* 메인이미지롤링 */
.center {overflow:hidden; width:1000px; position:relative;}
.center .m_banner {overflow:hidden; }
.center .m_banner ul {width:3000px; zoom:1;}
.center .m_banner:after {clear: both; display: block; content:' ';}
.center .m_banner ul li {float:left; width:1000px; }
.center .m_banner ul li img {width:1000px; height:441px;}

.center .rolling {position: absolute; bottom:10px; left:450px; z-index:2000}
.center .rolling span {display: inline-block; vertical-align: top;}
.center .rolling span a {display: block; width:14px;height:14px; background:url(/images/navi_off.png) no-repeat left top; text-indent:-1000px}

.center .rolling span a.on {display:block;width:40px;background:url(/images/navi_on.png) no-repeat;}
.center .rolling .play a {background-position:-120px -27px;}
.center .rolling .stop a {background-position:-100px -27px;}
.center .l_btn {position: absolute; top: 50%; left: 10px; margin-top: -20px; }
.center .r_btn {position: absolute; top: 50%; right: 10px; margin-top: -20px; }
.center .l_btn, .center .r_btn img { cursor:hand }}

/* ------- 메인플래시 끝 -------- */ 


/* ------- 컨텐츠 첫번째줄 -------- */ 
#contents {  }
#contents:after { clear: both; display: block; content:' ';}
#section_01 {width:320px; float:left}
#section_02 {width:394px; float:left}
#section_03 {width:286px; float:left}

.mainbanner1 {width:320px; height:201px;}
.mainbanner1 li {width:100px; height:85px; float:left}
.mainbanner1 li.right {width:90px; height:85px; float:left}
.mainbanner2 {width:286px;float:left}
.mainbanner2 li { padding-bottom:8px }

/* news_box */
#news_box { position:relative;width:364px; height:201px;}
#news_box .board1 dt {height:34px;background:url(/images/tab_bg.gif) repeat-x;}
#news_box .board1 dd { width:364px;height:150px; padding-top:6px }
#news_box .board1 p.more { position:absolute;top:0;right:0}
#news_box .board1 dd ul li { position:relative;clear:both;padding:7px 0 0 10px; height:23px;background:url(/images/dot_line.gif) no-repeat bottom left;}
#news_box .board1 dd .date { position:absolute;right:0;top:7px;color:#6f6f6f;}

/* pro_box */
#pro_box { position:relative;width:290px;height:166px;}
#pro_box .board2 dt {height:34px;background:url(/images/tab_bg.gif) repeat-x;}
#pro_box .board2 dd { width:290px;height:150px; padding-top:6px }
#pro_box .board2 p.more { position:absolute;top:0;right:0}
#pro_box .board2 dd ul li { position:relative;clear:both;padding:7px 0 0 10px; height:23px;background:url(/images/dot_line.gif) no-repeat bottom left;}
#pro_box .board2 dd .date { position:absolute;right:0;top:7px;color:#6f6f6f;}

/* gallery_box */
#gallery_box { position:relative;width:364px; }
#gallery_box .board3 dt {height:34px;background:url(/images/tab_bg.gif) repeat-x;}

#gallery_box .board3 dd { width:364px;text-align:center}
#gallery_box .board3 p.more {position:absolute;top:0;right:0;}

#gallery_box .board3 dd .pho { width:364px; margin-top:15px }
#gallery_box .board3 dd .pho li { padding:6px 0 0 7px; width:110px;height:89px;background:url(/images/pho_frame.gif) no-repeat 9px top;float:left}
#gallery_box .board3 dd .pho .last { padding:6px 0 0 6px; width:103px;height:89px;background:url(/images/pho_frame.gif) no-repeat 9px top;float:left}
#gallery_box .board3 dd .pho li p { clear:both;padding-top:15px; }


/* ----------------------- 푸터 영역  ------------------------- */	
#footerWrap { position:absolute;clear:both;left:0;min-width:100%;background:url(/images/bot_bg.gif) repeat-x;z-index:-1 }
.footerInner { position:relative;margin:0 auto;width:1120px;padding-left:120px;height:150px;padding-top:12px;background:url(/images/bot_bg.gif) repeat-x;z-index:-1 } 
.footerLogo { position:absolute;top:60px;right:390px; }
address { position:absolute;top:70px;left:120px;font-size:11px; font-family:"돋움", "dotum";line-height:1.5em;}

.guideMenu { overflow:auto;}
.guideMenu li { float:left;padding:0 10px 4px 10px;color:#666;font-weight:bold;}
.guideMenu li.first-item { padding-left:0; }
.guideMenu li a { color: #666; font-size:11px; font-family:"돋움", "dotum" }
.guideMenu li a:link{ color: #666; font-size:11px; font-family:"돋움", "dotum"}
.guideMenu li a:hover{ color: #666; font-size:11px; font-family:"돋움", "dotum" }
.guideMenu li a:visited{ color: #666; font-size:11px; font-family:"돋움", "dotum"}

.familySite { position:absolute;right:120px;top:65px;}
.familySite select { width:225px; float:left; }
.familySite input { float:left }
.familySite p { float:left }


/* ------- 서브제목 -------- */ 
#sub_wrap { margin:40px auto 0; width:1120px; padding-left:120px; position:relative; overflow:hidden; }
#content_wrap { width:1000px; overflow:hidden; }
#sub_content {width:750px;float:left;padding-bottom:50px; background:#fff}

#sub_content #title {width:750px;height:80px;margin:0 auto;position:relative; border-bottom:1px solid #e8e8e8; background:url('/images/title/title_bg.gif') no-repeat}
#sub_content #title .tit {width:750px;font-size:30px;font-weight:bold;color:#4a7087;padding:0;  }
#sub_content #title .history {position:absolute;top:40px;right:0;font-family:"돋움";font-size:12px; color:#898989}
#sub_content #title .history strong {font-family:"돋움";font-size:12px; color:#898989}
#sub_content #con {width:750px; margin:50px auto; min-height:550px; overflow:hidden;}


/*--- left ---*/
#snb { float:left; width:250px;  }
#snb .left_banner { margin-top:30px }
#snb .left_banner li { float:left; height:80px; padding-right:5px }

#snb h3 { width:200px; height:193px;  }
#snb .stit { width:200px; height:40px; font-size:18px; padding:15px 0 0 0; color:#fff; font-weight:bold; text-align:center; background:url('/images/left/left_stit.gif') no-repeat }

#snb li.menus { display:block; width:200px; }
#snb li.menus a:link, #snb li.menus a:visited { display:block; padding:10px 0 0 15px; width:185px; height:32px; border-bottom:1px solid #e1e1e1;
color:#555; font-size:14px; font-weight:bold } 
#snb li.menus a:hover, #snb li.menus a:active, #snb li.menus a:focus { display:block; padding:10px 0 0 15px; width:185px; height:32px; border-bottom:1px solid #e1e1e1;
color:#005a9f; font-size:14px; font-weight:bold } 
#snb li.menus a { display:block; padding:10px 0 0 15px; width:185px; height:32px; color:#005a9f; font-size:14px; font-weight:bold }

.page1 #snb li.menus a#m1,
.page2 #snb li.menus a#m2,
.page3 #snb li.menus a#m3,
.page4 #snb li.menus a#m4,
.page5 #snb li.menus a#m5,
.page6 #snb li.menus a#m6,
.page7 #snb li.menus a#m7 { display:block; padding-left:15px; width:185px; color:#005a9f; font-size:14px; font-weight:bold; background:url('/images/bullet1.gif') no-repeat 0 13px  }


/*---테이블스타일1 ---*/
.table_type1 {border-top:2px solid #116390;border-bottom:2px solid #116390;}
.table_type1 table {border-collapse:collapse;font-size:12px;color:#777; width:100%;table-layout:fixed;}
.table_type1 table thead th {text-align:center;border-top:1px solid #fff;border-right:1px solid #fff;height:32px; 
                             color:#fff;font-weight:bold;background:url(/images/table_bg.gif) repeat-x}
.table_type1 table tbody th {text-align:center;padding:5px 0;border-bottom:1px solid #bed8e6;border-right:1px solid #bed8e6;
                             background-color:#e4f3fb;font-weight:bold;color:#106290}
.table_type1 table tbody th.c2 {padding:5px 5px 5px 10px;border-bottom:1px solid #bed8e6;border-right:1px solid #bed8e6;
                                background-color:#f5fcff;font-weight:normal;color:#106290;text-align:left}
.table_type1 table tbody th.c2_uline {padding:5px 0 5px 10px;border-bottom:3px solid #bed8e6;border-right:1px solid #bed8e6;
                                background-color:#f5fcff;font-weight:normal;color:#106290;text-align:left}
.table_type1 table tbody th.c3 {padding:5px 5px 5px 10px;border-bottom:1px solid #bed8e6;border-right:1px solid #bed8e6;
                                background-color:#cce4f1;font-weight:bold;color:#106290;}								
.table_type1 table tbody td {padding:5px 5px 5px 10px;border-bottom:1px solid #d8d6d3;border-right:1px solid #d8d6d3;background-color:#fff;color:#333}
.table_type1 .none_r {border-right:none;}
.table_type1 .uline {border-bottom:3px solid #bed8e6;}
.table_type1 .left {text-align:left; padding-left:10px}
.table_type1 .cen {text-align:center}
.cen table tbody tr td {text-align:center}

a.total_btn:link, a.total_btn:visited, a.total_btn:active, a.total_btn:hover { border:1px solid #a71e4c;background:#a71e4c;/*background:#f3dae2;*/font-family:'돋움';font-size:11px;color:#fff;padding:3px;cursor:hand }
a.reset_btn:link, a.reset_btn:visited, a.reset_btn:active, a.reset_btn:hover { border:1px solid #34b3da;background:#34b3da; font-family:'돋움';font-size:11px;color:#fff;padding:3px;cursor:hand }
a.total_btn:hover {text-decoration: none;background:#871038}
a.reset_btn:hover {text-decoration: none;background:#1f95b9}

/*---테이블스타일2 ---*/
.table_type2 {}
.table_type2 table {border-collapse:collapse;font-size:12px;width:100%;table-layout:fixed;}
.table_type2 table thead th {padding:1px 0;border-bottom:1px solid #cccccc;text-align:center;font-weight:bold;color:#979797}
.table_type2 table tbody td {padding:2px 0 1px 0;border-bottom:1px solid #d8d6d3;text-align:center;color:#979797}
.table_type2 .none_r {border-right:none;}
.progress {background:#adadad;font-family:'돋움';font-size:11px;color:#fff;font-weight:bold;width:92px;height:18px;display:block;text-align:center;letter-spacing:-1px}