@import "reset.css";
@import "input.css";
@import "font.css";
@import "space.css";
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, span, img {  
	max-width: 800px;
	font-family:'NanumGothic';	 
	margin:0px auto;  
	padding:0px;  
	-webkit-text-size-adjust:none;
}  

/*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;padding:2% 0;}
.contentWrap{width:100%;margin:0 auto;min-height:65%;margin-top:3%;}
/*.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%;}
.footerWrap .capy-wrap{font-size:0.7em;}

.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, .lnb > .join, .lnb > .sns{float:left;}
.lnb > .menu{width:7.3%;position:relative;}
.lnb > .logo{width:92%;}
.lnb > .logo a{display:block;width:65%;margin:0 auto;}
/*lnb*/

/*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:33%;}
.subgnb > ul > li > a{padding:3% 0;display:block;text-align:center;font-size:3.5vw;}
.showclass {display:block !important;}
/*gnb*/

/*상단 오픈 메뉴*/
/*.openMenuWrap{width:75%;z-index:100000;position:absolute;left:1%;border:1px solid #fff;background-color:#e81218;}*/
/*.menuCloseWrap > img{position:absolute;right:0;}*/
/*.openMenuWrap > .openMenu > li{border-bottom:2px solid #fff;overflow:hidden;padding:1%;}*/
/*.openMenuWrap > .openMenu > li > a{width:75%;float:left;display:block;padding:5%;font-size:4vw;font-weight:bold;color:#fff;}*/
/*.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:#fff;}*/
/*상단 오픈 메뉴*/

/*상단 오픈 메뉴*/
.open-title-wrap{position:relative;}
.arr-icon{position:absolute; top:20%;right:2%;width:7%;}
.openMenuWrap{width:75%;z-index:100000;position:absolute;left:1%;border:1px solid #e81218;background-color:#fba600;}
.menuCloseWrap{padding-left:5%;padding-bottom:5%;border-bottom:1px solid #e4bdbd;}
.menuCloseWrap > .open-close-wrap{position:absolute;right:0;}
.openMenuWrap > .openMenu > li{border-bottom:1px solid #fff;}
.openMenuWrap > .openMenu > li > p > a{display:block;padding:5%;font-size:4vw;font-weight:bold;color:#fff;}
.openMenuWrap > .openMenu > li > ul > li > a{display:block;padding:3%;font-size:3.5vw;padding-left:5%;font-weight:bold;color:#353535;background-color:#fff;border-bottom:1px solid #e4bdbd;}
/*상단 오픈 메뉴*/

/*하단 버튼*/
.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%;}

/*검색*/
.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;}
/*검색*/

#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:35px 0 35px 0;}
.con{width:90%;margin:0 auto;}
.tab-wrap li{float:left;width:32.5%;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;}
.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;}
.fr{float:right;}
.fl{float:left;}

/*기본 테이블*/
.basicTB{border-collapse:collapse;}
.basicTB th{background-color:#2dbeb2;border-top:2px solid #333333;color:#fff;padding:10px 0;font-size:13px;font-weight:600;}
.basicTB td{padding:10px 5px;color:#847f74;text-align:center;}
.TDline{border:1px solid #dadada;}
.Lline{border:1px solid #dadada;border-left:0;}
.Rline{border:1px solid #dadada;border-right:0;}
.btmLine td{border-bottom:2px solid #dadada;}
.tdSub{font-size:16;font-weight:500;color:#333 !important;}
.tdSub2{font-size:16;font-weight:500;background-color:#faf8f8;color:#333 !important;}
.tdSub3{font-size:16;font-weight:500;background-color:#ebeaea;color:#333 !important;}
.tdSub1{font-size:10;font-weight:300;text-align:left;color:#333 !important;}
/*기본 테이블*/