﻿@charset "utf-8";

/* 컨텐츠 */
.subvisual_wrap {clear:both;margin:0 auto;  padding:0 0 0 0; width:100%;overflow:hidden;}

.subvisual {margin:0 auto;  padding:0 0 0 0; width:1600px;}



/* 페이지 본문 공통 */
#subContentWrap .pageWrap .contents { text-align:justify;clear:both;}
#subContentWrap .pageWrap .contents .location {width:100%;float:left;text-align:center;  color:#898989; font-weight:normal; font-size:13px;}
#subContentWrap .pageWrap .contents .location span { font-weight:bold;}
#subContentWrap .pageWrap .contents .location img { padding-top:5px;}
 h3 { text-align:center;width:100%;float:left; padding:0 0 0 0;font-size:40px;font-family:nanumGothicextraBold;display:bolck;}
h3 span { text-align:center;width:100%;clear:left;  }/*DB에서 제목받을것*/
#subContentWrap .pageWrap .contents .title_text { float:left;width:358px; overflow:hidden; padding:0 0 20px 0;}
#subContentWrap .pageWrap .contents .contentPage { float:left;width:100%; text-align:left;  margin-bottom:30px;  padding:20px 0 0 0; text-align:justify;height:100%;  }

h4 {clear:left; font-size:25px;color:#4c81cc; font-weight:bold; margin:0 0 5px 0; font-family:nanumGothicextraBold;}


.contentPage a { color:#214985; font-weight:bold; text-decoration:none;}


/*탭*/
/*1.기본_간격없음 : 회색*/
.tab_1{width:100%; background:url(../../image/common/bg_tab.gif) repeat-x left bottom; overflow:hidden; margin-bottom:20px; margin-left:20px;}
.tab_1 li{float:left; _display:inline; margin-right:-1px; border:1px solid #D4D4D4; color:#333;background:#F4F4F4;}
.tab_1 li a{_float:left; display:block; height:20px; padding:8px 15px 9px 15px; color:#666; text-decoration:none;}
.tab_1 li a:hover{color:#333; background:#F4F4F4;}
.tab_1 li.selected{border-bottom:1px solid #709f2b; background:#709f2b;}
.tab_1 li.selected a{color:#fff; font-weight:bold; letter-spacing:-1px;}
.tab_1 li.selected a:hover{color:#fff; font-weight:bold; letter-spacing:-1px; background:#709f2b;}



/*탭*/
/*1.기본_간격없음 : 회색*/
.tab_2{ width:760px;background:url(../../image/common/bg_tab.gif) repeat-x left bottom; overflow:hidden; margin-bottom:20px; clear:left;}
.tab_2 li{float:left; _display:inline; margin-right:-1px; border:1px solid #D4D4D4; color:#333;background:#F4F4F4;}
.tab_2 li a{_float:left; display:block; height:20px; padding:8px 0 9px 0; color:#666; text-decoration:none; text-align:center;}
.tab_2 li a:hover{color:#333; background:#e4e4e4;}
.tab_2 li.selected{border:1px solid #64be28; background:#64be28;}
.tab_2 li.selected a{color:#fff; font-weight:bold; letter-spacing:0px;}
 .tab_2 li.selected a:hover{color:#fff; font-weight:bold; letter-spacing:0px; background:#64be28;}
 
 

/*탭*/
/*1.기본_간격없음 : 회색*/
.tab_3{ width:400px;background:url(../../image/common/bg_tab.gif) repeat-x left bottom; overflow:hidden; margin-bottom:10px; clear:left;margin-left:-1px; margin-top:-1px;}
.tab_3 li{float:left; _display:inline; margin-right:-1px; border:1px solid #D4D4D4; color:#333;background:#F4F4F4; font-size:11px;}
.tab_3 li a{_float:left; display:block; height:20px; padding:8px 0 9px 0; color:#666; text-decoration:none; text-align:center; font-size:11px;width:56px;background-color:#eaf5fb;}
.tab_3 li a:hover{color:#333; background:#e4e4e4; font-size:11px;width:56px;background-color:#eaf5fb;}
.tab_3 li.selected{border:1px solid #dcdcdc; background:#2088fe; font-size:11px; text-align:center; background:#2088fe;}
.tab_3 li.selected a{color:#fff;  letter-spacing:0px; font-size:11px; background:#2088fe;}
 .tab_3 li.selected a:hover{color:#fff; letter-spacing:0px; background:#2088fe; font-size:11px;}


/*탭*/
/*1.기본_간격없음 : 회색*/
.tabs{ width:1000px; overflow:hidden; margin:0 0 20px 0; clear:left;margin:0 auto;}
.tabs li{float:left; _display:inline; margin-right:-1px; border:1px solid #D4D4D4; color:#333;background:#F4F4F4;width:125px;}
.tabs li a{_float:left; display:block;  padding:10px 0 10px 0; color:#666; text-decoration:none; text-align:center;font-size:14px;}
.tabs li a:hover{color:#fff; background:#5baf01;}
.tabs li.active{border:1px solid #D4D4D4; background:#5baf01;}
.tabs li.active a{color:#fff; font-weight:bold; letter-spacing:0px;}
 .tabs li.active a:hover{color:#fff; font-weight:bold; letter-spacing:0px; background:#5baf01;}




p.center { width:100%; text-align:center;}
span.right {float:right;}

form input[type=checkbox] {border:0;}
form img {border:0;}


span.blue {font-weight:bold; color:#03C;}
span.orange {font-weight:bold; color:#F30;}
span.green {font-weight:bold; color:#093;}
span.black {font-weight:bold; color:#000;}

span.naver a {
margin: 0 auto;
text-align: center;
padding: 3px 3px 3px 3px;
border: 1px solid #e57b0c;
border-radius: 4px;
margin: 20px 0 20px 0;
background-color: #fc880f;
font-size: 16px;
font-weight: bold;
color: #fff;
}




span.blue {font-weight:bold; color:#03C;}
span.orange {font-weight:bold; color:#F30;}
span.green {font-weight:bold; color:#093;}
span.black {font-weight:bold; color:#000;}
span.gray {font-weight:bold; color:#707070;}
span.sky {font-weight:bold; color:#4c81cc;}
span.f15 {font-size:15px;}
span.f18 {font-size:18px;}
span.f22 {font-size:22px;}
span.f25 {font-size:25px;}
span.ptitle {width:230px;text-align:left;float:left; font-size:15px;padding-left:15px;color:#000;}
span.url {text-align:left;clear:left;color:#225db2;font-size:12px;font-weight:normal;padding-left:15px;}



ul.text {width:100%; clear:left;padding:0 0 20px 0;}
ul.text li.bigtitle {text-align:center; font-weight:bold;font-size:16px;}
ul.text li.right {text-align:right;float:right; clear:left;width:717px;}
ul.text li.title {text-align:left;clear:left; margin:0 0 0 20px;padding:0 0 0 20px;  background:url(../../image/common/bullet04.JPG) left top no-repeat;font-weight:bold;cololr:#000; padding-bottom:10px;}
ul.text li.arrow {text-align:left;  margin:0 0 0 15px;padding:0 0 0 20px;  background:url(../../image/common/bullet02.JPG) left top no-repeat;text-align:justify;}
ul.text li {text-align:left;clear:left;margin:0 0 0 20px;text-align:justify;}
ul.text li.end {text-align:left;  margin:0 0 15px 15px;padding:0 0 0 20px;}




/* 웹접근성 네비게이션 */
#hidden_movie2 {position:absolute; top:145px; width:980px; display:block; z-index:800; margin:0; }





.menuopen_back {width:100%;z-index:1100;margin:0 auto;height:100%;position:fixed;top:0; left:0;padding:0;float:left;text-align:center;background:url(../../image/common/menuopen_back.png);display:none;}
.menuopen_back .right {float:right; }
.menuopen {width:990px; background:url(../../image/common/menuopen_back1.jpg) left top no-repeat;margin:0 auto;margin-top:140px;height:445px;border:5px solid #4f99da;border-radius: 4px;}
.allmenu {width:940px;text-align:left;float:left;margin-left:24px;}

.allmenu ul {width:740px;float:left;text-align:left;margin-left:100px;}
.allmenu ul li {width:180px;float:left;text-align:left;min-height:180px;}
.allmenu ul li dl {width:170px;float:left;text-align:left;}
.allmenu ul li dl dt {width:170px;float:left;text-align:center;font-weight:bold;font-size:15px;color:#ffffff;background-color:#4f99da;margin-bottom:15px; padding:10px 0 10px 0;border-radius: 4px;}
.allmenu ul li dl dd {width:170px;float:left;text-align:left;margin:0 0 0 20px;padding:0 0 0 20px;  background:url(../../image/common/bullet04.JPG) left top no-repeat;font-weight:bold;}
.allmenu ul li dl dd.sub {width:170px;float:left;text-align:left;margin:0 0 0 20px;padding:0 0 0 20px;  background:none;font-size:12px;color:#666;font-weight:normal;}

