@import "reset.css";
@import "input.css";
@import "font.css";
@import "space.css";

/*Top*/
.tnbW{text-align:right;position:relative;height:15px;width:100%;margin:0 auto;}
.tnbW ul {position:absolute;right:0;top:3px; right:10px;}
.tnbW ul li{float:left;margin-left:8px;}
.tnbW ul li a{display:block;font-size:7.5pt;font-family:NanumGothic,'나눔 고딕' ,'나눔고딕','돋움';color:#000;}

.gnbWrap{width:100%;margin:0 auto;}
.contentWrap{width:100%;margin:0 auto;min-height:65%;margin-top:1%;}
/*.footerWrap{width:100%;background-color:#f2f2f2;border-top:1px solid #b0b0b0;text-align:center;margin-top:5%;padding-top:1.5%;font-size:2vw;color:#8a8a8a;}*/
/*.footerWrap{width:100%;text-align:center;margin-top:10%;}*/
.footerWrap{width:100%;text-align:left;color:#666;font-size:0.8em;background-color:#f2f2f2;}

.footerWrap .Fcom{font-size:1.3em;font-weight:bold;margin-bottom:3%;padding-top:3%;}
.footerWrap .capy-wrap{font-size:0.7em;padding:4% 0;text-align:center;}

.footer-menu-wrap{background-color:#D0D0D0;padding:3% 0;}
.footer-menu-wrap ul{overflow:hidden;width:95%;margin:0 auto;}
.footer-menu-wrap ul li{float:left;width:33%;text-align:center;}
.footer-menu-wrap ul li a{display:block;}

.ReporterBox{border:1px solid #ededed;background-color:#F9F9F9;width:device-width;padding:10px;margin-bottom:5px;line-height:1.5em;text-align:justify;}
.ReporterBox_EN{border:1px solid #ededed;background-color:#F9F9F9;width:device-width;padding:10px;margin-bottom:5px;line-height:1.3em;text-align:left;}


/*lnb*/
.lnb{height:35%;overflow:hidden;}
.lnb > .menu, .lnb > .logo{float:left;}
.lnb > .menu{width:7.3%;position:relative;margin-top:1%;}

.lnb > .logo{padding-left:10%;width:65%;}
.lnb > .logo a{display:block;width:100%;margin:0 auto;}

.lnb > .join{float:right;width:20%;margin-top:3%;}

/*.lnb > .join{float:right;width:39.5%;margin-top:3%;}*/
/*.lnb > .join > .topbtn{padding:2%;font-size:1em;font-weight:bold;text-shadow:0 2px 0 #ef3834;background-color:#f08484;color:#fff;border-radius:3px;}*/
/*.lnb > .join > .Stopbtn{padding:2%;font-size:0.82em;font-weight:bold;text-shadow:0 2px 0 #ef3834;background-color:#f08484;color:#fff;border-radius:3px;}*/
/*lnb*/
.lines { clear:both; border-bottom:1px solid #e7eaee;}
.sub_tab {
	/*	background-color:#e8e8e8;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7fafc+0,e6eff4+50,dae9ef+51,eaf4f9+100 */
	background: #f7fafc; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7fafc 0%, #e6eff4 60%, #dae9ef 41%, #eaf4f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f7fafc 0%,#e6eff4 60%,#dae9ef 41%,#eaf4f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f7fafc 0%,#e6eff4 60%,#dae9ef 41%,#eaf4f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafc', endColorstr='#d8eafd',GradientType=0 ); /* IE6-9 */

	width:100%;
	color:#454545;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	margin-top:4%;
	margin-bottom:1%;
    border-top:2px solid #cae3f0;
    border-bottom:2px solid #cae3f0;
}
.sub_tab > p{padding:2.3% 3%;}

#bbs_t1 {width:93%;margin:2.5% auto 2.5% auto;padding:0 1.5%;}
#bbs_t1 > .title > a{margin-top:2%;font-size:1em;font-weight:bold;color:#2d2d2d;letter-spacing:-0.07em;}
#bbs_t1 .bbs_else {font-size:0.8em;margin-top:1%;}

/*#bbs_t2 { 	*/
/*	clear:both;*/
/*	padding-top:5px;*/
/*	padding-bottom:5px;*/
/*	width:100%;*/
/*}*/


/*gnb*/
.gnbWrap .lnb .logo {text-align: center;}
.gnb{height:50%;}
.gnb > ul {overflow:hidden;}
.gnb > ul > li{float:left;}
.gnb1{width:25.0%;}
.gnb2{width:25.0%;}
.gnb3{width:25.0%;}
.gnb4{width:25.0%;}

.subgnb > ul{overflow:hidden;display:none;}
.subgnb > ul > li{float:left;width:25%;}
.subgnb > ul > li > a{padding:7% 0;display:block;text-align:center;font-size:0.8em;}/*font-size:3.5vw;*/
.showclass {display:block !important;}
/*gnb*/

/*상단 오픈 메뉴*/
.openMenuWrap{width:75%;z-index:100000;position:absolute;left:1%;border:1px solid #929292;background-color:#fff;}
.menuCloseWrap > img{position:absolute;right:0;}
.openMenuWrap > .openMenu > li{border-bottom:2px solid #f4f4f4;overflow:hidden;padding:1%;}
.openMenuWrap > .openMenu > li > a{width:75%;float:left;display:block;padding:5%;font-size:4vw;font-weight:bold;}
.openMenuWrap > .openMenu > li > img{width:15%;float:left;}
.openMenuWrap > .openMenu > li > ul > li > a{display:block;padding:3%;font-size:3.5vw;margin-left:15%;font-weight:bold;color:#9d9797;}
/*상단 오픈 메뉴*/

/*하단 버튼*/
.tmenu{overflow:hidden;}
.tmenu > li{float:left;height:100%;}
.tmenu1{width:33.3%;}
.tmenu2{width:33.3%;}
.tmenu3{width:33.3%;}
/*하단 버튼*/

/*상품 리스트*/
.contentWrap > .productWrap{border:1px solid #ccc;padding:1%;overflow:hidden;margin:3% 0;}
.productWrap > .productImg{width:35%;float:left;}
.productWrap > .productEx{width:63%;float:left;padding-left:2%;}
.productWrap > .productEx > p{line-height:1.3em;}
.productWrap > .productEx > .proBtn{margin-top:10.5%;}
.proBtn > .shopBtn{margin-right:5%;}
/*상품 리스트*/

/*게시판 리스트*/
.contentWrap > .boardWrap{padding:1%;border-bottom:1px solid #cdcdcd;font-size:3vw;}
/*게시판 view*/
.contentWrap > .con{padding:1%;border-bottom:1px solid #cdcdcd;font-size:3vw;}
.contentWrap > .Wdate{font-size:3vw;text-align:center;padding:1%;}
.view-title-wrap {font-family:'NanumGothic';font-size:1.2em;color:#3C3C3C; font-weight:bold;vertical-align:middle;padding-left:1%;padding-top:5%;padding-bottom:1%;}

/*검색*/
.searchW{overflow:hidden;margin:0 auto;margin-top:3%;width:90%;border:1px solid #f6f6f6;background-color:#f6f6f6;padding:3%;border-radius:3px;}
.search{border:1px solid #cecece;background-color:#fff;}
/*.searchW li{float:left;margin:0.3%;width:5.5%;}*/
.searchW li{float:left;margin:0.3%;width:13%;}
.search a {display:block;padding:8%;text-align:center;}
/*검색*/

/*행사일정*/
#diary-wrap{width:90%;margin:0 auto;}
#diary-wrap .date{font-size:0.9em;color:#ae0004;margin-top:1%;margin-bottom:3%;}
#diary-wrap .title{font-size:1.1em;font-weight:bold;margin-top:3%;}
#diary-wrap .place{color:#5b5b5b;font-size:0.9em;font-weight:bold;margin-top:0.8%;}


#more{background-color:#f7f7f7;border:1px solid #b0b0b0;margin-bottom:1%;}

.Visitor{padding:1%;font-size:2vw;background-color:#7f7f7f;color:#fff;margin-bottom:2%;text-align:right;}

/*오시는 길*/
.mapInfoW{text-align:center;}
.mapInfoW table td{text-align:left;}

/*위수탁기관*/
.imgboxw{ width:90%; margin:0 auto; padding:10px 10px; position:relative;}
.imgboxfo{ width:100%; margin:10px 10px; }
#colLine { position:relative;margin:10px 20px; padding:10px 10px; width:100%;float:left;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
#colLine .ddiv{clear:both;}
#colLine .ddiv div {padding:10px 10px;float:left; border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;width:23%;}
#colLine .ddiv .col2 {padding:10px 10px;float:left; border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;width:23%; height:50px;}
.tbsu{ width:90%; margin:0 auto; position:relative;border:1px solid #cccccc;}
.tblsu{ width:25%; float:left; text-align:center; padding-top:15px;padding-bottom:15px;}
.tbrsu{ width:74%; float:right; text-align:center;border-left:1px solid #cccccc; padding-top:15px; padding-bottom:15px;}

/*후원사업*/
.receiptRegTB{border-collapse:collapse;}
.receiptRegTB th, .receiptRegTB td{padding:8px 5px;border:1px solid #eaeaea;}
.receiptRegTB th{width:20%;background-color:#f7f7f7;text-align:left;color:#2a2a2a;}
.receiptRegTB td{}
.receiptRegTB select{height:25px;}
.addr1W{margin-bottom:5px;}

.bgtil{background-color:#f7f7f7;margin:0 auto; width:92%; padding:20px 0px; text-align:center;}

.tbh{ width:100%;text-align:left; padding:20px 0; color:#3c3c3c; font-weight:bold;}
.tbd{text-align:left; background-color:#f7f7f7; padding:20px 10px ;}
/*
#coltb { position:relative;width:100%;float:left;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
#coltb .ddiv{clear:both;}
#coltb .ddiv div { position:relative;padding:10px 10px;float:left; border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;;}
#coltb  .coltd { position:relative;padding:10px 10px;float:left; border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;width:85%; height:100px;}
*/
/*
.btal { position:relative; height:35px; width:100%;float:left;border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
.btbh{ float:left; width:20%; text-align:left;height:35px; ; font-weight:bold; padding:15px 85px; }
.btbd{ float:right; width:50%; text-align:left; height:35px;padding:10px 15px;}
.btal input { position:absolute;}
*/


/*로그인*/
.tblg{ width:100%;border:1px solid #929292; }
.loginbox{width:100%; }
.log_top{ padding:10px 20px;}
.login{ position:relative; float:left; width:70%; }
.login1{ position:relative; float:right;width:30%; height:60px;}
.log_id{ position:relative;}
.log_id1{  float:left; width:30%; font-size:13px; padding:10px 10px;}
.log_pw{ position:relative;}
.log_pw1{  float:left; width:30%; font-size:13px; padding:10px 10px;}
.log_pop{ position:relative; float:left; width:100%;}
.log_pop1{  float:left; width:21%; font-size:13px; padding:10px 10px;}
.log_nb{ height:30px;}


/*아이디 / 비밀번호 찾기 팝업*/
.idpwTB{border-collapse:collapse;}
.idpwTB th, .idpwTB td{padding:8px;border:1px solid #e8e8e8;}
.idpwTB th{text-align:left;width:20%;color:#3c3c3c;background-color:#f7f7f7; }
.idpwTB td{text-align:left;padding:15px 15px;}

.tx_06cw{color:#ffffff;font-size:16px;letter-spacing:-0.5px ;font-weight:bold;}
.tx_08{color:#333333;font-size:11px;letter-spacing:-0.5px ;}
.tx_08b{color:#333333;font-size:11px;letter-spacing:-0.5px ;font-weight:bold;}

/* 지부소개 */
.con-wrap{width:100%;padding:15px 0 35px 0;}
.con{width:95%;margin:0 auto;}
.tab-wrap li{float:left;width:48%;text-align:center;font-size:0.83em;font-weight:bold;margin:2% 0.5%;}
.tab-wrap li a{display:block;padding:8% 0;font-size:1em;text-align:center;border:1px solid #2b669d;border-radius:5px;box-shadow:1px 1px 2px #9e9e9e;}

.tab-wrap3{margin:0 auto;overflow:hidden;}
.tab-wrap3 li{float:left;width:24%;text-align:center;font-size:0.83em;font-weight:bold;margin:1% 0.6%;}
.tab-wrap3 li a{display:block;padding:8% 0;font-size:1em;text-align:center;border:1px solid #2b669d;border-radius:5px;box-shadow:1px 1px 2px #9e9e9e;}
/*.tab-wrap3 li{display:inline-block;font-size:0.83em;font-weight:bold;}*/
/*.tab-wrap3 li a{display:block;font-size:1em;text-align:center;border:1px solid #2b669d;border-radius:5px;box-shadow:1px 1px 2px #9e9e9e;padding:3%;}*/

.tab-wrap4{margin:0 auto;overflow:hidden;}
.tab-wrap4 li{float:left;width:24.1%;text-align:center;font-size:0.83em;font-weight:bold;margin:1% 0.5%;}
.tab-wrap4 li a{display:block;padding:8% 0;font-size:1em;text-align:center;border:1px solid #2b669d;border-radius:5px;box-shadow:1px 1px 2px #9e9e9e;}

.choo{background-color:#2b669d;color:#fff !important;}
/* 지부소개 */

/*etc*/
.div_font{line-height:1.5em;word-break:break-all;text-align:justify;margin:0 auto;}
.div_font p {margin-bottom:3%;}

.of_h{overflow:hidden;}


.content-title{border-bottom:#999 solid 1px;border-top:#999 solid 1px;background-color:#F2f4f7;margin-bottom:1%;}
.content-title > h1{font-size:20px; padding:7px 10px 7px;}

.content-title-wrap{
border-bottom:#d0d0d0 solid 2px;border-top:#d0d0d0 solid 2px;font-size:1.5em;padding:3% 2%;color:#454545;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 70%, #ededed 31%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 70%,#ededed 31%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 70%,#ededed 31%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.new_line01 { border-top:1px solid #CFD3D7; width:100%; }