@charset "utf-8";
@import url('global.css');
@import url('layout.css');
@import url('common.css');

@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');


#container{*display:inline-block; width:1100px; overflow:hidden; margin:50px auto 0; }
#container:after{display:block;clear:both;content:''}

/* 상단이미지 */
.subtop_01{ position:relative; width:100%; height:300px; overflow:hidden; background:url(../images/subtop_01.jpg) center no-repeat; background-size:; z-index:7; }

.subtoptext {position:absolute; left:50%; top:50%; transform:translate(-50%) translateY(-50%); font-size:; font-weight:600; color:#fff; line-height:; letter-spacing:2px; text-align:center; z-index:7;}
.subtoptext strong { font-size:1.0em; line-height:1.5em; letter-spacing:2.0px;}
.subtoptext .txt { margin-top:; font-size:2.0em; font-weight:600; line-height:1.6em; letter-spacing:-1.0px;}




/* 서브메뉴 */
.snb{ float:left; width:200px; margin-right:40px; margin-top:0px; min-height: 100%; }
.snb #title { width:200px; height:90px; background:url(../images/snb_bg.png); font-weight:600; color:#fff; font-size:24px; text-align:center; line-height:90px;}
.snb  #sm { margin-top:0px;  overflow:hidden;}
.snb  #sm a{ line-height:35px; color: #494949; font-size: 13px; font-weight:600;  display:block;padding-left:20px; height:40px;  background-color:#fff; border:1px #ccd1da solid;}
.snb  #sm li{ float:left; margin-top:5px;width:200px; }
.snb  #sm li.on a{ color:#fff; background:url(../images/bg_nav_on.png) right; font-weight:bold; height:40px; border:none;}
.snb  #sm li.newwin a{ background:url(../images/dot_newwin.png) no-repeat 170px 10px; }

/* 상단타이틀영역 */
.titleArea { width:860px; height:89px; border-bottom:1px #ccd1da solid; overflow:hidden;}
.titleArea > #subtitle { margin-top:15px; font-size:25px; font-weight:600; color:#393939; line-height:36px; letter-spacing:-0.5px; text-align:; }
.titleArea > #subtitle2 {  font-size:13px; font-weight:400; color:#878787;  line-height:25px; letter-spacing:-0.5px; text-align:; }
.titleArea > #map { position: absolute; right:0px; top:48px; color: #979797; font-size: 12px; background:url(../images/dot_home.png) no-repeat 0 7px; padding-left:20px; line-height:25px; }

/* 컨텐츠영역 */
#content{ position:relative; float:left; width:860px;overflow:hidden; }
#content .wrapper{  margin-top:40px; overflow:hidden; }
#content .wrapper2{ margin-top:40px; padding-bottom:30px; border-bottom:1px #CCC dashed;overflow:hidden; }
#content h1 { color: #454545; font-size: 16px; line-height:29px;font-family: '맑은 고딕';  padding-bottom:0px; }
#content h2 { color: #454545; font-size: 16px; line-height:29px; background:url(../images/dot_title.png) no-repeat 0px 8px; font-family: '맑은 고딕'; padding-left:20px; padding-bottom:0px; }
#content h3 { color: #0067c6; font-size: 15px; line-height:29px; font-family: '맑은 고딕'; padding-left:20px; padding-bottom:0px; margin-top: 15px; }
#content .tbBottom { margin-top:5px; font-family: '맑은 고딕'; color: #333333; font-size: 12px; }
#content .text1 { margin-top:10px; font-family: '맑은 고딕'; color: #333333; font-size: 14px; line-height: 22px; }
#content .text1 strong { color:#2f5599}
#content .text2 { margin-left:20px; list-style:circle; font-family: '맑은 고딕'; color: #535353; font-size: 14px; margin-top:5px; line-height:23px; }
#content .img{ margin-top:7px; text-align:center; }

/* 소타이틀 */
.stit { background:url(../images/bg_stit.gif) no-repeat 0 3px; padding-left:14px; font-size:24px; font-weight:600; margin-bottom:20px;}
.stit2 {font-size:35px; color:#366bb3; font-weight:600; margin-bottom:20px;}


/* 테이블 */
.tb1 { color: #393939; font-size:14px; width:100%; border-top:2px #366bb3 solid; padding:0; border-spacing:0;border-collapse:collapse;   }
.tb1 caption {color: #393939; font-size: 16px ; margin-bottom:5px; line-height:29px; font-weight:600; background:url(../images/dot_title.png) no-repeat 0px 9px; padding-left:22px; text-align:left; }
.tb1 th{background:#f9f9f9; border:1px #d0d0d0 solid; padding:8px; text-align:center; }
.tb1 td{border:1px #d0d0d0 solid; padding:8px 15px; line-height:; }
.tb1 td.center{ text-align:center; }
.tb1 td.bg1{ background:#5cbad4; font-weight:600; color:#fff; text-align:center;}
.tb1 td.bg2{ background:#f9f9f9; font-weight:600; color:; text-align:center;}
.tb1 td a { color:#265eab}
.tb1 td li{ margin:5px 0;}
.tb1 thead {background:#f9f9f9; color:#006666; font-size:15px; font-weight:;}



/* 테이블연혁*/
.tbHistory { color: #393939; font-size:12px; width:100%; border-top:2px #366bb3 solid; padding:0; border-spacing:0;border-collapse:collapse; margin:10px 0;  }
.tbHistory th{background:#f9f9f9; border:1px #d0d0d0 solid; padding:8px; text-align:center; }
.tbHistory td{border:1px #d0d0d0 solid; padding:4px 15px; line-height:; }
.tbHistory td.center{ text-align:center; }
.tbHistory td.bg1{ background:#5cbad4; font-weight:600; color:#fff; text-align:center;}
.tbHistory td.bg2{ background:#f9f9f9; font-weight:600; color:; text-align:center;}
.tbHistory td a { color:#265eab}
.tbHistory td li{ margin:5px 0;}
.tbHistory thead {background:#f9f9f9; color:#006666; font-size:15px; font-weight:;}


/* 탭메뉴 */
#cnb{position:relative; display:inline-block; width:870px;  overflow:hidden;} /* display:inline-block; 중앙정렬 */
#cnb  li{float:left; margin:1px;width:105px;}
#cnb  li:first-child { overflow:hidden;}
#cnb  li a{line-height:40px;display:inline-block;width:100%; background:#f0f0f0;  font-family: '맑은 고딕'; font-size:12px; letter-spacing: -1px; font-weight:; text-align:center;}
#cnb  li:first-child a{background:#8c8c8c; color:#FFFFFF; }
#cnb  li a:hover{background:#c09051; color:#fff;}
/*#cnb  li:first-child a:hover{background:url(../images/bg_01.png) no-repeat 15px 8px, #c09051; padding-left:15px;  }
*/#cnb  li.on a{ background:#c09051; color:#fff;}
/*#cnb  li:first-child.on a{background:url(../images/bg_01.png) no-repeat 15px 8px, #c09051; padding-left:15px;  }
*/



/* 탭메뉴2 */
#sm2{position:relative; display:block; width:808px; margin:40px auto 0;  overflow:hidden;} /* display:inline-block; 중앙정렬 */
#sm2  li{float:left; margin:1px;width:200px;}
#sm2  li:first-child { overflow:hidden;}
#sm2  li a{line-height:50px;display:inline-block;width:100%; background:#f0f0f0;  font-family: '맑은 고딕'; font-size:15px; font-weight: bold;; text-align:center;}
#sm2  li a:hover{background:#314979; color:#fff;}

#sm2  li.on a{ background:#314979; color:#fff;}



/* 연혁 */
.history { }
.history .yearWrap { border-bottom:1px #ccd1da  solid; margin-bottom:30px; padding-bottom:20px; overflow:hidden;}
.history .yearWrap .year { float:left;font-family: 'Nanum Myeongjo', serif; font-size:41px; width:120px; color:#adadad; }
.history .yearWrap .content { float:right; font-family: '맑은 고딕'; font-size:13px;width:740px; overflow:hidden; border-bottom:1px #CCC dashed; margin-bottom:10px; padding-bottom:10px;}
.history .yearWrap .content .date { float:left; font-family: '맑은 고딕'; font-size:13px; width:90px; color:#536fa9; line-height:22px;}
.history .yearWrap .content .text { float:left; font-family: '맑은 고딕'; font-size:13px;width:650px; line-height:22px;}
.history .yearWrap .content .text strong { color:#c93a08;}


/* 프로파일 */
.profileList { }

.profileList .profile {  margin-top:25px; padding-bottom:25px; border-bottom:1px #cdcdcd dashed; overflow:hidden} 
.profileList .profile .pic { float:left; width:150px; height:180px; overflow:hidden; background:#F9F9F9;}
.profileList .profile .pic img {  width:150px; height:180px; }
.profileList .profile .content{ float:left; margin-left:40px; width:670px;margin-top:5px; }
.profileList .profile .name { float:left; font-family: '맑은 고딕'; font-size:25px; color:#1f1f1f; font-weight: bold; }
.profileList .profile .position { float:left; font-family: '맑은 고딕'; font-size:14px; color:#333; font-weight: normal; margin-left:17px; margin-top:11px; }
.profileList .profile .text { float:left; clear:left; font-family: '맑은 고딕'; font-size:14px; color:#333; font-weight: normal; line-height:26px; min-height:128px; margin-top:15px;  }


/* 상품리스트 */
.goodsList table { color: #393939; font-size:13px; width:100%; border-top:2px #366bb3 solid; padding:0; border-spacing:0;border-collapse:collapse;   }

.goodsList table  th{background:#f9f9f9; border:1px #d0d0d0 solid; padding:5px; text-align:center; font-weight:normal; }
.goodsList table  td{border:1px #d0d0d0 solid; padding:8px; line-height:; }
.goodsList table  td .btn {background-color:#333333; color:#FFFFFF; padding:3px; font-size:0.9em;}
.goodsList table  thead {background:#f9f9f9; color:#006666; font-size:15px; font-weight:;}

/* 관광명소 */
.tourPic {float:left;}
.tourTitle {float:left; width:250px; height:250px; }
.tourTitle .title strong{ font-size:20px; color:#fff; font-weight: bold;  }
.tourTitle .title  { margin-top:15px; font-size:14px; color:#fff; font-weight: ; text-align:center; }

ul.col2Pic { border:1px #e6e6e6 solid; overflow:hidden; margin-top:10px; padding:10px;}
ul.col2Pic li {float:left; margin:13px;}

/* 3열 탭메뉴 */
.tabmenu3 { overflow:hidden; background:#f0f0f0; padding:15px;}
.tabmenu3 li a{ float:left; background:#fff; margin:5px; width:266px; line-height:44px; text-align:center; color:#222;}
.tabmenu3 li.on a{ background:#c09051; color:#fff; font-weight:bold;}



/* 찬조기부 */

.donationYear{ background:#f0f0f0; line-height:47px;overflow:hidden;}
.donationYear .text{font-family: '맑은 고딕'; font-size:14px; color:#1f1f1f;float:left; margin-left:15px; }
.donationYear .year{float:right}
.donationYear .year select{font-family: '돋움'; font-size:12px; color:#1f1f1f;line-height:50px; margin-right:15px;  padding:5px;}

.donationList1 { overflow:hidden;  margin-top:10px; }

.donationList1 .profile {  margin-top:25px; padding-bottom:25px; border-bottom:1px #cdcdcd dashed;float:left; width:50%; line-height:25px;} 
.donationList1 .profile .pic  { float:left;width:128px; height:155px;background:#F9F9F9; }
.donationList1 .profile .pic img { width:128px; height:155px;}
.donationList1 .profile .content{ float:left; margin-left:37px; width:259px;margin-top:12px; overflow:hidden; }
.donationList1 .profile .name { float:left; font-family: '맑은 고딕'; font-size:20px; color:#1f1f1f; font-weight: bold; }
.donationList1 .profile .position { float:left; font-family: '맑은 고딕'; font-size:14px; color:#333; font-weight: normal; margin-left:7px; margin-top:3px; }
.donationList1 .profile .sum { float:left; clear:left; font-family: '맑은 고딕'; font-size:34px; color:#333; font-weight: normal; margin-top:13px; color:#c28524;  }
.donationList1 .profile .text { float:left; clear:left; font-family: '맑은 고딕'; font-size:13px; color:#333; font-weight: normal; margin-top:13px;  }
.donationList1 .profile .date { float:left; clear:left; font-family: '맑은 고딕'; font-size:13px; color:#787878; font-weight: normal;  margin-top:0;  }

.donationList2  {margin-top:30px;line-height:25px; }
.donationList2 table { color: #393939; font-size:13px; width:100%; border-top:2px #366bb3 solid; padding:0; border-spacing:0;border-collapse:collapse;   }
.donationList2 table th{background:#f9f9f9; border:1px #d0d0d0 solid; padding:4px; text-align:center; }
.donationList2 table td{border:1px #d0d0d0 solid; padding:6px 15px; line-height:; text-align:center; }


/* 고창군민 인명부 */
.memberHeader { overflow:hidden; border-top:1px #ccd1da solid; border-bottom:1px #ccd1da solid; }
.memberHeader .bbsSort {margin-top:16px;}
.memberHeader .bbsView { float:left; margin-top:16px; line-height:25px; margin-left:10px;}
.memberHeader .bbsView a{ border-left:1px #ccd1da solid; padding-left:10px; margin-left:10px; }
.memberHeader .bbsSearch{  margin-top:16px; line-height:25px;}
.memberList { margin-top:10px; }

.memberList .profile {  border:1px #ccd1da solid; background:#fefefe;float:left; width:240px;margin:11px; padding:11px; box-shadow:4px 4px 0px rgba(0, 0, 0, 0.1); line-height:22px;overflow:hidden; 
} 
.memberList .profile .pic { float:left;width:85px; height:100px; background:#F9F9F9; }
.memberList .profile .pic img { width:85px; height:100px;}
.memberList .profile .sn { float:left; font-family: '맑은 고딕'; font-size:13px; color:#865228; font-weight:normal ; margin-top:3px; width:130px; margin-left:12px; }

.memberList .profile .name { float:left; font-family: '맑은 고딕'; font-size:13px; color:#865228; font-weight: bold;  width:130px; margin-left:12px; }
.memberList .profile .position {  float:left;font-family: '맑은 고딕'; font-size:13px; color:#333;width:130px; margin-left:12px; }
.memberList .profile .sn2## { float:left; font-family: '맑은 고딕'; font-size:13px; color:#865228; font-weight: bold; margin-top:10px; width:130px; margin-left:12px; }

.memberList .profile .num {float:left;  font-family: '맑은 고딕'; font-size:13px; color:#787878;width:130px; margin-left:12px;}


/* 지역별 게시판 */
.localHeader { margin-top:30px;}
.localHeader .contents{ background:rgba(0,0,0,0.7); padding:28px 40px; float:left; margin-top:55px;}
.localHeader .contents .text{font-family: '맑은 고딕'; font-size:14px; color:#fff; font-weight: bold; }
.localHeader .contents .title{font-family: '맑은 고딕'; font-size:35px; color:#fff; font-weight: bold; margin-top:10px;  }

.local_bbs { }
.local_bbs .bbs {width:414px; height:242px; background:#fff; border-top:2px #002e8b solid; border-left:1px #ccd1da solid ;border-right:1px #ccd1da solid;border-bottom:1px #ccd1da solid; overflow:hidden; float:left}
.local_bbs .bbs .tit { height:40px; padding:0 15px; font-size:16px; font-weight:600; line-height:40px; border-bottom:1px #c9ced5 solid; margin-bottom:0px;}
.local_bbs .bbs .txt { margin-left:10px; font-size:13px; color:#6c6c6c; font-weight:400; line-height:40px; text-align:center;}
.local_bbs .bbs .more { float:right; font-size:18px; color:#; font-weight:600; line-height:40px; text-align:center;}
.local_bbs .bbs .more:hover { display:block; color:#81abff;}
.local_bbs .bbs .list { padding:15px 20px; height:; overflow: hidden; display:block;}



/*기본게시판*/
.latestBBS {margin-left:px; width:; }
.latestBBS li {height:25px; overflow:hidden; background: url(../images/dot_title2.png) no-repeat 0 10px ;}
.latestBBS li .title { font-size:13px; width:280px; display:block; float:left; font-weight:400; color:#4f4f4f; line-height:22px; padding-left:9px; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; line-height:22px;font-weight:400; color:#5e5e5e;}



/* 회칙 */

.introduct06 .title01 {font-family: '맑은 고딕'; font-size:18px; color:#1f1f1f; margin-top:30px; font-weight:bold;}
.introduct06 p  {margin-top:15px; line-height:1.7em}
.introduct06 .lv2  {margin-left:20px; color:#666}