/* CSS Document euc-kr */
/********************************************************* 상단 영역 *********************************************************/
* {padding:0; margin:0;}
#wrap {position:relative; min-width:1200px; margin:0 auto; font-family:"NanumGothic", "돋움", sans-serif; width:100%;}

/********************************************************* 상단 영역 *********************************************************/
#header {z-index:100; position:absolute; width:100%; height:100px; overflow:hidden;}
#header .wrap {position:relative; width:1200px; margin:0 auto; height:100px;}
#header .menu_wrap {width:1200px; margin:0 auto; height:65px; top:35px; position:absolute; background:url(/images/include/menu_bar.jpg) no-repeat center top;}
#header h1 {position:absolute; display:block; top:10px; left:20px; float:left;}
#header .info {position:absolute; right:10px; top:10px; height:25px;}
#header .info a {font-family:"Tahoma"; color:#000; font-size:10px; text-decoration:none; padding:0 15px 0 12px;} 
#header .info .info_line {background:url(/images/include/info_line.png) no-repeat right center;}

#header .bg_wrap {position:relative; width:1200px; margin:0 auto;}
#header .bg_wrap .gnb_bg {position:absolute; width:1200px; margin:0 auto; height:307px; top:100px; background:url(/images/include/menu_bg.png) left top;}
#header .bg_wrap .gnb_bg .gnb_img {width:1200px; height:307px; margin:0 auto; background:url(/images/main/menu_bottom.gif) no-repeat left bottom; }
#header .gnb {position:absolute; top:0px; right:0; height:65px; width:875px;}

#header .top_menu_left{ position:absolute; top:50px; left:0px; width:332px; float:left;}
#header .top_menu_left img {padding:65px 0 0 30px;}
#header .top_menu_left .phone_number dl {position:absolute; top:205px; padding-left:75px; font-family:'NanumGothic'; font-size:16px; color:#fff; background:url(/images/include/phone_icon.png) no-repeat 30px 0;}
#header .top_menu_left .phone_number dl dt {font-size:16px; color:#fff; width:50px; float:left; line-height:20px; }
#header .top_menu_left .phone_number dl dd {font-size:16px; color:#fff; margin-left:50px; text-align:left; line-height:20px;}
#header .top_menu_left .phone_number dl dd:first-child {padding-bottom:8px;}

#header .gnb > ul {float:right;}
#header .gnb > ul > li {float:left; background:url(/images/include/menu_slide.png) no-repeat 146px 23px; width:145px; padding-left: 30px;}
#header .gnb > ul > li:last-child {background: none;}
#header .gnb > ul > li h2 {text-align:left; line-height:65px; padding:23px 0;} 

#header .gnb > ul > li.on {}
#header .gnb .sub {/* left위치는 스크립트에서 제어함 */ margin-top:22px; font-size:14px; visibility:visible; position:relative; }
#header .gnb .sub li {font-family:"NanumGothic"; text-align:left; line-height:25px; margin:0;}
#header .gnb .sub li#ch_system {line-height: 15px; margin-top: 5px;}

#header .gnb .sub li a{}
#header .gnb .sub li.on a {color:#ccff00;}
#header .gnb .sub a:link,
#header .gnb .sub a:visited {color:#fff; text-decoration:none;}
#header .gnb .sub a:hover,
#header .gnb .sub a:focus,
#header .gnb .sub a:active {color:#ccff00; text-decoration:none;}


/**** 내용 영역 ****/
/*컨텐츠 레이아웃*/
.contenstswrapper {position:relative; z-index:10; margin:0 auto; width:1200px; padding:30px 0 0 0; clear:both; background:url(/images/include/left_menu_line.gif) repeat-y 230px 0; z-index:10; overflow:hidden;}
.top_img{background:url(/images/include/sub_visual_bg.jpg) no-repeat center top; height:270px; z-index:2;}
.top_img .top_slogan {text-align:center; padding:140px 0 0 354px;}

/*왼쪽서브 메뉴*/
#snb{margin:0; padding:0 0 70px 0; width:290px; float:left; z-index:5;}

#snb h2{font-family:'NanumGothicBold'; font-size:24px; color:#57c4d6; line-height:30px; z-index:6;}
#snb .s_title {font-family:'NanumGothic'; font-size:11px; color:#ccc; padding:0 0 20px 0; z-index:7;}

.left_menu {padding:0 0 50px 0;}
.left_menu li{font-size:16px; border-bottom:1px solid #eaeaea; width:230px;}
.left_menu li:first-child{ margin:10px 0 0 0;}

.left_menu li a{display:block; position:relative; padding:10px 10px 10px 25px; font-family:'NanumGothic'; background:url(/images/include/left_menu_bullet.gif) no-repeat 10px 17px; color:#333; z-index:11;}
.left_menu li a:link,
.left_menu li a:visited{text-decoration:none; color:#333; }
.left_menu li a:active,
.left_menu li a:focus,
.left_menu li a:hover{text-decoration:none; color:#fff; background:url(/images/include/left_menu_on.png) no-repeat 0px 0px; width:230px;}
.left_menu li.on a{text-decoration:none; color:#fff; background:url(/images/include/left_menu_on.png) no-repeat 0px 0px; width:230px;}

.left_menu li ul.left_sub_menu li {border-bottom: 0;}
.left_menu li ul.left_sub_menu li a { font-size: 14px; background: none; padding: 5px 0 5px 25px;}
.left_menu li ul.left_sub_menu li:first-child a {margin-top: -10px;}
.left_menu li ul.left_sub_menu li:last-child a {padding-bottom: 15px;}
.left_menu li ul.left_sub_menu li a:link,
.left_menu li ul.left_sub_menu li a:visited{text-decoration:none; color:#333; }
.left_menu li ul.left_sub_menu li a:active,
.left_menu li ul.left_sub_menu li a:focus,
.left_menu li ul.left_sub_menu li a:hover{text-decoration:none; color:#4589ff;}
.left_menu li ul.left_sub_menu li.on a{text-decoration:none; color:#4589ff; }

/*왼쪽 하단 정보*/
.left_bottom_info img {float:left;}
.left_bottom_info ul {float:left; padding-left:15px;}
.left_bottom_info ul li{font-family:'NanumGothic'; font-size:14px; line-height:22px; color:#333;}
.left_bottom_info .txt {font-size:12px; line-height:18px; color:#999; padding-top:15px;}


/*가운데 컨텐츠*/
.container{ width:910px; float:right;}
.container .contents {padding:60px 0 70px 0; font-family:'NanumGothic'; font-size:14px; color:#333; line-height:25px; position:relative;}
.container h2 {font-size: 20px; color: #2eb9d0; font-family: "NanumGothicBold", "돋움", sans-serif; padding-left: 15px; background: url(../images/business/title_bullet.gif) no-repeat left top; text-transform: uppercase;}

.sub_title{min-height:42px; height:auto !important; height:42px; border-bottom:1px solid #ebebeb;}
.sub_title h1{float:left; font-family:'NanumGothicBold'; font-weight:normal; font-size:24px; background:url(/images/include/sub_title_bullet.gif) no-repeat 0px 2px; padding:0 15px 20px 20px; line-height:25px; color:#333; }


/*페이지 타이틀*/
.sub_title .mini_title { float: left; font-size: 12px; vertical-align: bottom; color: #999; padding-top: 8px; }

.sub_title .location{ float:right; font-size:12px; line-height:16px;font-family:'NanumGothic'; padding:8px 0px 0 0;}
.sub_title .location span{ padding:0 0 0 20px;background:url(/images/include/location_arrow.gif) no-repeat 8px 2px; color:#999;}
.sub_title .location span:first-child {background:none;}









/**** 하단 영역 ****/
#footer {clear:both; position:relative; width:100%; overflow:hidden; background:#f8f8f8; font-family:"NanumGothic";}
#footer .copyright  {position:relative; width:1200px; margin:0 auto; padding:50px 0 40px 0; font-size:12px; overflow:hidden;}
#footer .copyright .botom_logo {clear:both; float:left;}
#footer .copyright address {float:left; color:#838383; line-height:20px; padding-left:25px;}