@charset "utf-8";

/* 공통 */
html,body { height:100%; }
#sub_wrap { position:relative; min-width:1270px; min-height:100%; height:auto; }

/* 컨텐츠 전체 */
#contents_wrap { width:1270px; margin:0 auto; }

/* 상단이미지 */
#sub_img { height:200px; background:#f3ecdc url('../images/common/sub_top_img.jpg') no-repeat center top; }

/* 오른쪽 컨텐츠 영역 */
#contents_wrap .contents_body { width:1270px; position:relative; }

/* 컨텐츠 타이틀 */
#contents_wrap .contents_body .con_title { overflow:hidden; padding:20px 0; border-bottom:1px solid #dadada; }
#contents_wrap .contents_body .con_title h3 { float:left; font-family:'Nanum Square-b'; font-weight:bold; font-size:36px; color:#000; }
#contents_wrap .contents_body .con_title .location { float:right; line-height:1.4 }
#contents_wrap .contents_body .con_title .location ul li { display:inline-block; padding-top:8px; color:#8b8b8b; font-size:13px; text-align:right; }
#contents_wrap .contents_body .con_title .location ul li.home { padding-left:18px; background:url('../images/common/bullet_home.gif') no-repeat 0 13px; }
#contents_wrap .contents_body .con_title .location ul li span { color:#ff4200; font-size:13px; }

/* 실제 컨텐츠 영역 */
#contents_wrap .contents_body .con_area { min-height:548px; padding:40px 0 50px 0; line-height:1.6; }

/* 서브 메인 타이틀 */
.sub_main_title { margin-top:30px; text-align:center; background:url('../images/common/dot_line2.gif') repeat-x left center }
.sub_main_title p {position:relative;background:#fff;display:inline-block;font-size:30px;font-family:'Nanum Square-e'; font-weight:bold;color:#000;letter-spacing:-1px; 
padding:42px 100px; text-align:center}
.sub_main_title p:before {background:url('../images/common/title_f.gif') no-repeat; width:46px; height:96px; content: " "; position:absolute; left:10px; top:0; }
.sub_main_title p:after {background:url('../images/common/title_e.gif') no-repeat; width:46px; height:96px; content: " "; position:absolute; right:10px; top:6px; }

/* 탭버튼1 */
.tab_box1 {margin:30px 0 50px;height:57px;background:url('../images/common/tab_box_bg1.gif') repeat-x left bottom}
.tab_box1 li {float:left; width:10%;}
.tab_box1 li a {float:left; display:block; width:100%; height:55px; line-height:55px; border:1px solid #d8d8d8; border-left:none; border-bottom:none; background:#fafafa;
font-size:15px; font-weight:bold; text-align:center; color:#727272; overflow:hidden}
.tab_box1 li:first-child a { border-left:1px solid #d8d8d8;}
.tab_box1 li a.on {border:1px solid #2a94bd; background:#2a94bd; color:#fff}
.tab_last {clear:both;}
.tab_box1 .w1 li {width:16.66%;}
.tab_box1 .w2 li {width:20%;}
.tab_box1 .w3 li {width:50%;}