@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%;}
.box-wrap{border:1px solid #d0d0d0;padding:15px;background-color:#fafafa;}
.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:10%;position:relative;margin-top:1%;margin-left:3%;}

.lnb > .logo{width:53%;margin-top:2.5%;margin-left:4.5%;}
.lnb > .logo a{display:block;width:100%;margin:0 auto;}

.lnb > .join{float:right;width:20%;margin-top:6%;}
.lnb > .join > .topbtn{font-size:0.78em;font-weight:bold;background-color:#019aea;color:#fff;border-radius:3px;padding:10%;}
/*lnb*/

.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='#eaf4f9',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%;}

/*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:7% 0;display:block;text-align:center;font-size:1em;}/*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%;}*/
/*상품 리스트*/

/* 게시판 */
.lines {border-bottom:1px solid #e1e1e1;margin:2% 0;}
#bbs_t1 {width:100%;margin: auto;}
#bbs_t1 > .title{margin:1% 0 1%;font-size:1.0em;font-weight:bold;color:#373737;}
/*#bbs_t1 > .title > .title_a2{font-size:1em;font-weight:bold;color:#585858;}*/
#bbs_t1 > .bbs_else{font-size:0.7em;}
.dates_a2{font-family:'NanumGothic';font-size:0.1em;}
.names_a2 {font-family:'NanumGothic';font-size:10pt; color:#3366ff;float:left;} 
.com_name {font-family:'NanumGothic';font-size:9pt;} 

#bbs_al .title{border-bottom:#d0d0d0 solid 2px;border-top:#d0d0d0 solid 2px;font-size:1.5em;padding:2% 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 */
}

.news_title {font-family:'NanumGothic';font-size:1.13em;color:#3C3C3C; font-weight:bold;vertical-align:middle;padding-left:5px;padding-top:10px;padding-bottom:10px;}
.new_line01 { border-top:1px solid #CFD3D7; width:100%; }
/* 게시판 */

/*게시판 리스트*/
.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;}
/*검색*/

/*행사일정*/
#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;}*/
/* 지부소개 */

/* 서브페이지 기본 레이아웃 */
.content-title{border-bottom:#999 solid 1px;border-top:#999 solid 1px;background-color::#FFCCCC;margin-bottom:1%;}
.content-title > h1{font-size:20px; padding:7px 10px 7px;}

.content-title-wrap{border-top:#019aea solid 1px;border-bottom:#019aea solid 2px;padding:4% 0 2% 3%;font-size:1.35em;color:#1b1b1b;text-shadow:0 1px 0 #ffffff;background-color:#fbf9fa;margin-bottom:5%;}
.con-wrap{width:96%;margin:0 auto;}
/* 서브페이지 기본 레이아웃 */

/* 참가 신청 */
.reg-wrap {width:96%;margin:0 auto;margin-top:2%;}
.reg-wrap > div{border-bottom:2px solid #ddd;padding-bottom:8%;margin-top:5px;}
.reg-title-wrap{font-size:1.2em;font-weight:bold;margin-bottom:2%;margin-top:8%;}
/* 참가 신청 */

/* 참가 신청, 대회 기록 리스트 */
.listUL{border-top:2px solid #e5007f;border-bottom:1px solid #e5007f;}
.listUL li{padding:4%;border-bottom:1px solid #e5007f;}
/* 참가 신청, 대회 기록 리스트 */

/* 팝업*/
.adm-pop-wrap h1{text-align:center;padding:4% 0;background-color:#666f99;color:#fff;margin-bottom:5%;}
.pop-con{width:98%;margin:0 auto;}
/* 팝업*/

/* 회원가입 */
.div-wrap{margin-top:3%;font-size:1.3em;font-weight:bold;color:#313131;border-bottom:2px solid #1d81cb;padding-bottom:1.5%;}
.join-form input[type=text], .join-form input[type=number], .join-form input[type=email], .join-form input[type=password] {width:94%;border:2px solid #a4a4a4;padding:0 2%;}
.join-form select{border:2px solid #a4a4a4;padding:2%;}

.join-input-wrap{
	margin:3.5% auto;width:90%;border:1px solid #eee;border-radius:8px;padding:8% 3%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,ffffff+2,ffffff+6,fcfcfc+34,f7f7f7+100 */
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #ffffff 2%, #ffffff 6%, #fcfcfc 34%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ffffff 2%,#ffffff 6%,#fcfcfc 34%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#ffffff 2%,#ffffff 6%,#fcfcfc 34%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.join-input-wrap h2{font-size:1.25em;margin-bottom:2%;}

#mem_year{width:27%;}
#mem_month{width:26%;}
#mem_day{width:26%;}
#hp1{width:28%;}
#emailTail{margin-top:2%;width:100%;}
/* 회원가입 */

/*  */
.input-wrap{
	margin:3.5% auto;width:90%;border:1px solid #eee;border-radius:8px;padding:8% 3%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,ffffff+2,ffffff+6,fcfcfc+34,f7f7f7+100 */
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #ffffff 2%, #ffffff 6%, #fcfcfc 34%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ffffff 2%,#ffffff 6%,#fcfcfc 34%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#ffffff 2%,#ffffff 6%,#fcfcfc 34%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.input-wrap h2{font-size:1.25em;margin-bottom:2%;}
.input-wrap input[type=text], .input-wrap input[type=number], .input-wrap input[type=email], .input-wrap input[type=password]{width:94%;border:2px solid #a4a4a4;padding:0 2%;}
.input-wrap select{border:2px solid #a4a4a4;padding:2%;}

/*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;}
.fl{float:left;}
.fr{float:right;}


/*top 버튼*/
#back-top {background-color:#fff;border:1px solid #019aea;padding:2% 2.5%;border-radius:3px;box-shadow:1px 1px 3px #f2f2f2;position:fixed;bottom:15px;right:8%;z-index:3;display:none;}
/*top 버튼*/