@charset "utf-8";

/* 컨텐츠 */
.index { margin:0 auto;width:1000px;  } /*인덱스컨텐츠*/


#subContentWrap .pageWrap { margin:0 auto;width:1000px;}


/* 페이지 본문 공통 */
#subContentWrap .pageWrap .contents { text-align:justify;overflow:hidden;}
#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;}
#subContentWrap .pageWrap .contents h3 { text-align:center;clear:left; padding:0 0 20px 0;font-size:40px; width:100%; border-bottom:1px solid #dcdcdc;}
#subContentWrap .pageWrap .contents h3 img { float:left; padding:0; margin:0;}
#subContentWrap .pageWrap .contents h3 span { float:left; width:auto; padding:8px 0 0 8px; font-size:14px;}/*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:50px 0 0 0; text-align:justify;height:100%;  }

#subContentWrap .pageWrap .contents .contentPage  h4 {clear:left; font-size:28px;color:#4c81cc; font-weight:bold; margin:0 0 5px 0; }




/*탭*/
/*1.기본_간격없음 : 회색*/
.tabs{ width:580px; 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;}
.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:#333; background:#e4e4e4;}
.tabs li.active{border:1px solid #4c81cc; background:#4c81cc;}
.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:#4c81cc;}




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.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;padding-top:5px;}
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;padding:0 0 0 30px;  background:url(../../image/common/bullet_01.jpg) left top no-repeat;font-weight:bold;}
ul.text li.arrow {text-align:left; margin:0 0 0 20px; padding:0 0 0 20px;  background:url(../../image/common/arrow2.jpg) left top no-repeat;}
ul.text li {text-align:left;clear:left;}



ul.portfolio { width:1000px;clear:left;padding:0 0 0 0;}
ul.portfolio li.box {width:230px;min-height:275px;text-align:left;float:left; font-weight:bold;border:1px solid #dcdcdc;margin:0 9px 20px 9px;background-color:#fff;}
ul.portfolio li.box a {color:#03C;}