@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: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;}*/

.contentWrap1{width:95%;margin:0 auto;min-height:10%;padding: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%;}

/*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:75%;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%;}
.gnb2{width:25%;}
.gnb3{width:25%;}
.gnb4{width:25%;}

.subgnb > ul{overflow:hidden;display:none;}
.subgnb > ul > li{float:left;width:33%;}
.subgnb > ul > li > a{padding:6% 0;display:block;text-align:center;font-size:4vw;}
.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:2% 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%;}

.admin_box {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #cccccc 1px solid; COLOR: #314d5a; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "돋움"; BACKGROUND-COLOR: #ffffff
}
.admin_box2 {
	BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #333333 1px solid; CURSOR: hand; COLOR: #314d5a; BORDER-BOTTOM: #333333 1px solid; FONT-FAMILY: "돋움"; BACKGROUND-COLOR: #f7f7f7
}


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

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


#fregister section {
	background: rgb(255, 255, 255); padding: 15px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
#fregister h2 {
	margin: 0px 0px 15px; text-align: center;
}
#fregister textarea {
	background: rgb(247, 247, 247); padding: 5px; border: 1px solid rgb(207, 222, 216); border-image: none; width: 99%; height: 150px; margin-bottom: 10px; display: block;
}
.fregister_agree {
	padding: 10px 0px 0px; text-align: right;
}
.fregister_agree label {
	margin-right: 5px; display: inline-block;
}
#fregister p {
	text-align: center; color: rgb(232, 24, 12);
}
#fregister .btn_confirm {
	padding: 15px 0px;
}
.btn_confirm .btn_submit {
	background: rgb(44, 104, 176);
}
#fregisterform #reg_mb_email {
	width: 100%;
}
#fregisterform .frm_address {
	width: 100%;
}
#fregisterform textarea {
	width: 100%; height: 50px;
}
#fregisterform #msg_certify {
	background: rgb(234, 244, 255); margin: 5px 0px 0px; padding: 5px; border: 1px solid rgb(219, 236, 255); border-image: none; text-align: center;
}
#fregisterform .frm_address {
	margin: 5px 0px 0px;
}
#fregisterform #mb_addr3 {
	margin: 5px 0px 0px; display: block;
}
#fregisterform #mb_addr_jibeon {
	margin: 5px 0px 0px; display: block;
}