@charset "UTF-8";
.new{display:none;width:10px;height:10px;background:url('/skin/site/skinNew/images/new-icon.gif') no-repeat 0 0;padding-left:5px;}


/*여백*/
.padding-0{padding:0 !important;}
.margin-0{margin:0 !important;}
@media (max-width: 767px) {
	.padding-m0{padding:0 !important;}
	.margin-m0{margin:0 !important;}
}
.mgl-10{margin-left:10px !important;}
.pdl-20{padding-left:20px !important;}.pdr-10{padding-right:10px !important;}.pdr-20{padding-right:20px !important;}
.mgt-0{margin-top:0px !important;}.mgt-5{margin-top:5px !important;}.mgt-10{margin-top:10px !important;}.mgt-15{margin-top:15px !important;}.mgt-20{margin-top:20px !important;}.mgt-30{margin-top:30px !important;}.mgt-40{margin-top:40px !important;}.mgt-50{margin-top:50px !important;}.mgt-60{margin-top:60px !important;}.mgt-70{margin-top:70px !important;}.mgt-80{margin-top:80px !important;}.mgt-90{margin-top:90px !important;}.mgt-100{margin-top:100px !important;}
.mgb-10{margin-bottom:10px !important;}.mgb-15{margin-bottom:15px !important;}.mgb-20{margin-bottom:20px !important;}.mgb-30{margin-bottom:30px !important;}.mgb-40{margin-bottom:40px !important;}.mgb-50{margin-bottom:50px !important;}.mgb-60{margin-bottom:60px !important;}.mgb-70{margin-bottom:70px !important;}.mgb-80{margin-bottom:80px !important;}.mgb-90{margin-bottom:90px !important;}.mgb-100{margin-bottom:100px !important;}
.pdt-5{padding-top:5px !important;}.pdt-10{padding-top:10px !important;}.pdt-15{padding-top:15px !important;}.pdt-20{padding-top:20px !important;}.pdt-30{padding-top:30px !important;}.pdt-40{padding-top:40px !important;}.pdt-50{padding-top:50px !important;}.pdt-60{padding-top:60px !important;}.pdt-70{padding-top:70px !important;}.pdt-80{padding-top:80px !important;}.pdt-90{padding-top:90px !important;}.pdt-100{padding-top:100px !important;}
.pdb-10{padding-bottom:10px !important;}.pdb-15{padding-bottom:15px !important;}.pdb-20{padding-bottom:20px !important;}.pdb-30{padding-bottom:30px !important;}.pdb-40{padding-bottom:40px !important;}.pdb-50{padding-bottom:50px !important;}.pdb-60{padding-bottom:60px !important;}.pdb-70{padding-bottom:70px !important;}.pdb-80{padding-bottom:80px !important;}.pdb-90{padding-bottom:90px !important;}.pdb-100{padding-bottom:100px !important;}


/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
        서브 레이아웃
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
	#subContent_wrap {position:relative;margin:0 auto;max-width:1200px;}

	#navigation{position:absolute;top:0;left:0;width:250px;}
	#navigation h2{font-size:1.7rem; color:#fff;background:#1659a8 url(/skin/site/skinNew/images/kookmin/menu_bg.png) no-repeat 120px -25px; padding:55px 30px; text-align:center; font-weight:500;border-top-right-radius:20px;border-bottom-left-radius:20px;}
	#navigation .keysubLnb{padding:20px;}
	#navigation .keysubLnb li{line-height:50px;position:relative;}
	#navigation .keysubLnb li a{color:#8f918f;}
	#navigation .keysubLnb li.on a{color:#1659b0;}
	#navigation .keysubLnb li.on:before{position:absolute;top:0;right:0;color:#1659b0;content: "\e649";font-family: 'themify';}


	#contentBox{padding-left:290px;min-height:700px;}
	#contentBox .titleBox {position: relative;width:100%;height:auto;margin-bottom:30px;padding:20px 0 30px;background:#fff url(/skin/site/skinNew/images/kookmin/line.png) no-repeat 0 bottom; }
	#contentBox .titleBox h1 {font-size: 34px;font-weight: 700;color: #000;}
	#contentBox .titleBox .Breadcrumbs{position:absolute;top:20px;right:0;font-size:1rem;font-weight:300;}
	#contentBox .titleBox .Breadcrumbs li{display:inline-block;position:relative;font-size:.9rem;font-weight:300;color:#000;padding-left:20px;}
	#contentBox .titleBox .Breadcrumbs li.home{color:#f58220;}
	#contentBox .titleBox .Breadcrumbs li:before{position:absolute;top:2px;left:3px;color:#afafaf;font-size:.8rem;content: "\e649";font-family: 'themify';}
	#contentBox .titleBox .Breadcrumbs li:first-child:before{display:none;}


	
	@media (max-width: 1199px) {
		#contentWrap{padding-top:70px;}
	}
	@media (max-width: 1080px) {
		#navigation{display:none;}
		#contentBox{padding-left:0;}

	}
	@media (max-width: 767px) { 
		#contentBox .titleBox {padding-bottom:10px;}
		#contentBox .titleBox .Breadcrumbs{margin-top:10px;position:static;}
		#contentBox .titleBox .Breadcrumbs li:first-child {padding-left: 0;}
		#contentBox .titleBox .Breadcrumbs strong{font-size:1.2rem;}
		#contentBox .titleBox .Breadcrumbs .ti-angle-right{padding:0 5px;}

	}


/* 서브 모바일 레이아웃
--------------------------------------------------*/

	@media only screen and (max-width: 1280px) {}
	@media only screen and (max-width: 1200px) {
		#contentBox{width:100%;}
	
	}
	@media only screen and (max-width: 1024px) {
	body {background:none;}
	#subContent_wrap {position:relative;width:100%;}
	.menuBox{display:none;}
	#contentBox{width:100%;margin:0;padding:0 20px 20px;border-left:none;min-height:700px;box-sizing:border-box;}
	#contentBox .titleBox {height: 103px;}
	#contentBox .titleBox h1 {padding-top:10px;}
	#contentBox .titleBox h1 .location{position:static;padding-top:0;background-position:0 15px;background:url('/skin/site/skinNew/images/subImg/home.gif') no-repeat 0 5px;}
	#contentBox .titleBox .sns {top:10px;right:20px;}
	#kakao-link-btn{display:inline;}

	.summerBox p{padding-top:40px;}

	}
	@media only screen and (max-width: 960px) {
	
	}
	@media only screen and (max-width: 768px) {
		#contentBox .titleBox{height:auto;}
		#contentBox .titleBox h1 {line-height:2rem;}
		#contentBox .titleBox h1 .line{font-size: 1.8rem;}
		#contentBox .titleBox p{font-size: .9rem;}
		#contentBox .titleBox .sns {position:static;top:0;right:0;}

		.summerBox h3{width:60%;}
	}
	@media only screen and (max-width: 640px) {
	
	
	
	}
	@media only screen and (max-width: 480px) {
	
	
	
	}
	@media only screen and (max-width: 375px) {
	#contentBox{background:url('/skin/site/skinNew/images/dctcSub/subBg_repeat.gif') repeat-x 0 -142px;}

	
	}




/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                  서브  컨텐츠 디자인
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
	/*기본 레이아웃*/
	#intro-sub {}
	#intro-sub h2{font-weight:normal;font-size:1.4rem;color: #000;padding-top: 20px;}
	#intro-sub h3{color:#f58220;font-size:1.2rem;}
	#intro-sub h3 span{font-weight: 300;color: #000;}

@media only screen and (max-width: 768px) {
	#intro-sub h2{font-weight:bold;font-size:1.1rem;}
	#intro-sub h2 span{font-weight:normal;font-size:1rem;padding-left:10px;}


}

	.text-center{text-align:center;}
	.text-right{text-align:right;}
	.blueBox{padding: 20px 30px;margin: 20px 0; background-color: #e9f3fb;}
	.whiteBox p{text-align:justify;padding:15px 0 30px;font-size: 1.1rem;}
	.whiteBox .write02 p, 
	.whiteBox .tbl01 p{text-align:left;padding:0 0 10px;font-size: 1rem;}
	.whiteBox img{max-width:100%;}
	 .blueBox{padding:20px 30px;border-top-right-radius:25px;border-bottom-left-radius:25px;background-color:#e9f3fb;}

	 .mgt_20{margin-top:20px;}
	 .mgt_30{margin-top:30px;}
	 .mgt_40{margin-top:40px;}
	 .mgt_50{margin-top:50px;}
	 .mgt_60{margin-top:60px;}
	 .mgb_20{margin-bottom:20px;}
	 .mgb_30{margin-bottom:30px;}
	 .mgb_40{margin-bottom:40px;}
	 .mgb_50{margin-bottom:50px;}
	 .mgb_60{margin-bottom:60px;}


	/* 인사말 */
	#intro-sub .welcomeBox h3{margin-top:50px;color:#000;font-weight:500;font-size:1.6rem;line-height:1.2;}
	#intro-sub .welcomeBox h4{margin-top:10px;color:#f58220;font-weight:300;font-size:2rem;line-height:1.2;margin-bottom:30px;}
	#intro-sub .welcomeBox p{font-size:1rem;padding:0 0 30px;text-align:justify;letter-spacing: 1px;}
	#intro-sub .welcomeBox p img{float:left;padding:5px 15px 15px 0;}
	#intro-sub .welcomeBox .signature{text-align:right;margin-top:50px;padding-bottom: 50px;}
	#intro-sub .welcomeBox .signature strong{font-size:1.3rem;font-weight:400;padding-left:5px;}
	#intro-sub .welcomeBox .img_box{border-top-right-radius:25px;border-bottom-left-radius:25px;overflow:hidden;height:300px;}

.dot-line{margin-top:0;}
.dot-line li{position:relative;padding-left:70px;font-size:1rem;line-height:1.5;margin-bottom:10px;}
.dot-line li span{position: absolute;left:13px;top: 0;width:60px;color:#0e3f97;}
.dot-line li div{}
.dot-line li:before{position: absolute;left: 0;top: 12px;content: '';width: 2px;height: 2px;display: block;background-color: #000;}
	  
	 /*연혁*/
	.historyBox {margin: 0 auto; background: #fff;z-index: 2; position: relative; }
	.historyBox .history { padding-top: 2.4rem; }
	.historyBox .history .year { width: 5rem;height: 5rem;color: #fff;font-family: "Montserrat";font-size: 1.5rem;text-align: center;background-color: #6eb92b;font-weight: 600;padding-top: 25px;margin: 0 auto 0.5rem;border-top-right-radius: 15px;border-bottom-left-radius: 15px;}
	.historyBox .history .year span { display: block; font-family: "Noto Sans KR"; font-size: .9rem; font-weight: 300; }
	.historyBox .history .list { position: relative; }
	.historyBox .history .list::before { content: ''; width: .25rem; height: 100%; border-radius: 10px; background: #e3e3e3; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.historyBox .history .list > li { padding: .7rem 0 1.5rem; }
	.historyBox .history .list > li .inner { position: relative; }
	.historyBox .history .list > li .dot-area { display: block; position: absolute; top: 0; padding: .25rem 0; background: #fff; width: 1rem; }
	.historyBox .history .list > li .dot-area .dot { display: block; border-radius: 50%; width: 0.6rem; height: 0.6rem; text-align: center; background-color: #838d97; margin: 0 auto; }
	.historyBox .history .list > li .date { font-family: "Montserrat"; font-size: 1rem; color: #0c385a; margin-bottom: 0.7rem; font-weight: 600; }
	.historyBox .history .list > li .title { font-size: 1rem; color: #000; margin-bottom: 5px; }
	.historyBox .history .list > li p { font-size: .9rem; color: #898989; margin-bottom:0;padding:0; }
	.historyBox .history .list > li.right { padding-left: 50%; text-align: left; }
	.historyBox .history .list > li.right  p { text-align: left;}

	.historyBox .history .list > li.right .inner { padding-left: 1.4rem; }
	.historyBox .history .list > li.right .inner .dot-area { left: -.5rem; }
	.historyBox .history .list > li.left { padding-right: 50%; text-align: right; }
	.historyBox .history .list > li.left  p { text-align: right;}

	.historyBox .history .list > li.left .inner { padding-right: 1.4rem; }
	.historyBox .history .list > li.left .inner .dot-area { right: -.5rem; }
	.historyBox .history.custom1 .year { padding-top: 1.5rem; }

	@media (max-width: 767px) {
	.historyBox .historyBox { width: 100%; }
	.historyBox .history .year { margin-left: 0; }
	.historyBox .history .list::before { left: 2.5rem; }
	.historyBox .history .list > li.right { padding-left: 2.5rem; }
	.historyBox .history .list > li.left .inner .dot-area { right: auto; left: -.5rem; }
	.historyBox .history .list > li.left { padding-right: 0; padding-left: 2.5rem; text-align: left; }
	.historyBox .history .list > li.left .inner { padding-right: 0; padding-left: 1.4rem; }
	}

	 /*로고*/
	 .logoUI{font-size:20px;padding:20px 30px;margin-bottom:30px;border-top-right-radius:25px;border-bottom-left-radius:25px;background-color:#e9f3fb;}
	

	 /*주사업*/
	.culDcon{margin-bottom:20px;padding:0 20px;}
	.culDcon .bDiv{border:1px solid #ddd;width:100%; height:auto;min-height:140px; text-align:center;padding:20px 15px;background-color:#fff;}
	.culDcon .bDiv .Gtit{font-size: 1.2rem;color: #4e7296;font-weight: 400;padding: 10px 0 4px;display: block;line-height: 1.8rem;}
	.culDcon .bDiv .Stit{padding-bottom:10px; margin-bottom:10px; display:block}
	.culDcon .bDiv .txtcon{font-size: .9rem;line-height: 1.3rem;}


	/*오시는길안내*/
	.subwayBox .wayToW span.busB{width:30px;height:23px;border-radius:5px;background-color:#0c79bc;color:#9ec9e4;display:inline-block;text-align:center;font-size:14px;letter-spacing:0;margin-bottom:5px;}
	.subwayBox .wayToW span.busR{width:30px;height:23px;border-radius:5px;background-color:#f04327;color:#f9b4a9;display:inline-block;text-align:center;font-size:14px;letter-spacing:0;}
	.subwayBox .wayToW span.busG{width:30px;height:23px;border-radius:5px;background-color:#55ab24;color:#bbdda7;display:inline-block;text-align:center;font-size:14px;letter-spacing:0;margin-bottom:5px;}
	.subwayBox .wayToW span.busY{width:30px;height:23px;border-radius:5px;background-color:#ffc002;color:#ffe69a;display:inline-block;text-align:center;font-size:14px;letter-spacing:0;}
	.subwayBox .wayToW .subTitW{margin-bottom:20px;min-height:60px;}
	.subwayBox .wayToW .subList{font-size: 15px;line-height:24px;}
	.subwayBox .wayToW .subList ul li span {display:inline-block;width:100px;color: #4e7296;font-weight: bold;line-height:24px;}
	.subwayBox .wayToW .subTit {float:left;color: #4e7296;font-size: 15px;font-weight: bold;padding-right:20px;line-height:24px;}
	.subwayBox .wayToW .subcon{float:left;line-height:22px;}

	.contactBox dt{position:relative;font-weight:600;padding-left:50px;}
	.contactBox dd{padding-left:50px;margin-bottom:40px;}
	.contactBox dt.t1:before{position:absolute;top:0;left:15px;font-size:1.2rem;display:block;color:#f58220;content: "\e693";font-family: 'themify';}
	.contactBox dt.t2:before{position:absolute;top:0;left:15px;font-size:1.2rem;display:block;color:#f58220;content: "\e691";font-family: 'themify';} 
	.contactBox dt.t3:before{position:absolute;top:0;left:15px;font-size:1.2rem;display:block;color:#f58220;content: "\e6b5";font-family: 'themify';}


	.busBox_01{display: inline-block;color: #fff; background-color: #5fb73c; width: 40px; height: 18px; text-align: center; font-size: 11px; line-height: 18px;}
	.busBox_02{display: inline-block;color: #fff; background-color: #7182f5; width: 40px; height: 18px; text-align: center; font-size: 11px; line-height: 18px;}
	.distance{color:#1f7aba;display:block;}


	/* 대표강사 프로필 */
	.profileBox{position:relative;padding-left:190px;margin-bottom:80px;min-height:250px;}
	.profileBox .imgBox{position:absolute;top:0;left:0;width:150px;text-align:center;}
	.profileBox .imgBox img{border-top-right-radius: 20px;border-bottom-left-radius: 20px;border:1px solid #ddd;}
	.profileBox h4{margin-top: 20px;color: #1659a8;font-size: 1.1rem;}
	.profileBox ul {margin-top:5px;}


	@media only screen and (max-width: 768px) {
		.profileBox{padding-left:0;}
		.profileBox .imgBox{position:static;text-align:center;margin-bottom:10px;width: 100%;}


	}

	/*후원계좌*/
	.bank_Box01 li {position:relative;border:1px solid #e2e2e2;padding:12px;padding-right:0;width:100%;height:auto;margin:0 10px 10px 0;}
	.bank_Box01 li:hover{border:1px solid #3c79cc;cursor:pointer;}
	.bank_Box01 li img{position:absolute;top:15px;left:7px;border-right:1px solid #e2e2e2;padding:0 5px 3px 0;}
	.bank_Box01 li p{padding:0 0 0 80px;}
	.bank_Box01 li p a.grayText{color:#acacac;font-size:12px;font-weight:normal;}
	.bank_Box01 li:hover p a.grayText{color:#3c79cc;}


/* 서브 모바일 레이아웃
--------------------------------------------------*/

	@media only screen and (max-width: 1024px) {
	
		.purpose{margin:20px 10px;}


	}
	@media only screen and (max-width: 991px) {
		.brPC{display:none;}
		.whiteBox{padding:0;}
		#intro-sub .welcomeBox .img_box { height: 200px;}
	}
	@media only screen and (max-width: 768px) {



	}
	@media only screen and (max-width: 640px) {


	}
	@media only screen and (max-width: 480px) {
		


	}
	@media only screen and (max-width: 375px) {


	}

	@media only screen and (max-width: 320px) {
	
	}

/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                  MEMBER
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

#subContent_wrap .searchID{position:absolute;top:-40px;right:0;}


#subContent_wrap .loginBox {margin:30px auto 0;padding:30px 0 0 0; max-width:537px; overflow:hidden; border-top:1px solid #444; background:#fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
#subContent_wrap .loginBox h2{text-align:center;margin-bottom:10px;font-size:2rem;line-height:2rem;color:#777;}
#subContent_wrap .loginBox .loginCont1 { position:relative;width:70%;margin:30px auto 50px; }
#subContent_wrap .loginBox .loginCont1 > ul { margin-bottom:23px;}
#subContent_wrap .loginBox .loginCont1 > ul li.login_m1 { margin-bottom:10px; height:35px;}
#subContent_wrap .loginBox .loginCont1 > ul li strong { display:inline-block; padding-top:5px; color:#111; width:76px;}
#subContent_wrap .loginBox .loginCont1 .txt_box2 {height:30px}
#subContent_wrap .loginBox .loginCont1 .id_01 {width:170px;border:1px solid #949494;}
#subContent_wrap .loginBox .loginCont1 > .loginBtn { position:absolute; top:0; right:0; padding:30px 20px;}
#subContent_wrap .loginBox .loginCont1 > ul li.login_m2 .saveId { margin:6px 0 0 76px;}

#subContent_wrap .loginBox .loginCont2 {padding:3%;width:100%;border-top: 1px solid #ddd;background-color:#e9ecf2}
#subContent_wrap .loginBox .loginCont2 ul li { margin-bottom:6px; padding-left:8px; line-height:24px; color:#333;font-size:0.9em}


#subContent_wrap .loginBox  .greenLgBtn { display: inline-block; padding: 13px 12px; border: 1px solid #0c75dd; background: #0c75dd; font-size: 18px; line-height: 1; color: #fff; }
#subContent_wrap .loginBox  a.greenLgBtn{color: #fff;}

#subContent_wrap .loginBox .whiteLgBtn { display: inline-block; padding:7px; border: 1px solid #ddd; background: #fff; font-size: 12px; line-height: 1; color: #444; }
#subContent_wrap .loginBox a.whiteLgBtn {color: #444;}





	/* 우편번호검색 */
	.subTitle{border:1px solid #ddd;margin:20px;padding:15px;}
	.subTitle .close{width:100%;text-align:center;margin:30px 0 0 0;}


/* 로그인 모바일 레이아웃
--------------------------------------------------*/
	@media only screen and (max-width: 640px) {
	
	/* 로그인 */
	#subContent_wrap .loginBox { width:100%; overflow:hidden; border:none;padding:0; }
	#subContent_wrap .loginBox .loginCont1 {clear:both; padding:0 0 40px 0; width:100%; border-right:none;}
	#subContent_wrap .loginBox .loginCont1 > ul li strong {width:28%;}
	#subContent_wrap .loginBox .loginCont1 > .loginBtn { position:static; top:0; left:0; padding:20px 0;width:100%;text-align:center;}
	#subContent_wrap .loginBox .loginCont1 > ul li.login_m2 .saveId { margin:6px 0 0 28%;}
	#subContent_wrap .loginBox .loginCont1 > ul li.login_m1 {margin-bottom:20px;}
	#subContent_wrap .loginBox .loginCont1 > ul li.login_m2 {}
	#subContent_wrap .loginBox .loginCont1 > ul li.login_m1 input[type='text'],
	#subContent_wrap .loginBox .loginCont1 > ul li.login_m2 input[type='password']{width:69%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:10px;height: 30px;}

	#subContent_wrap .loginBox .loginCont2 { clear:both; padding:30px 0 0;width:100%; border-top:1px solid #ddd;}
	#subContent_wrap .loginBox .loginCont1 .loginCap{margin-top:20px;}
	#subContent_wrap .loginBox .loginCont1 .loginCap .poInput{position:static;left:0;bottom:0;}


	}



@media print{
#header_wrap,
#subVisual,
.menuBox,
#contentBox .titleBox .sns,
#contentBox .titleBox .location,
.footer_wrap{display:none;}

#contentBox{margin-left:0;padding:0 50px;}


}





/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
        탭, 테이블, 게시판 기본양식
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/



/* tab style
-----------------------------------------------*/

	#nbm .bs1,#nbm .bs2,#nbm .bs3,#nbm .bs4,#nbm .bs5,#nbm .bs6{width:100%;height:auto;margin-top:40px;}
	#nbm .tb{width:100%;height:44px;margin-bottom:10px;border-top: 1px solid #545861;background: #fbfbfb;border-bottom: 1px solid #e9e9e9;}
	#nbm .tb span.off,#nbm .tb span.on{font-size:1em;width:70px;text-align:center;margin-top:8px;text-align:center;text-decoration:none;display:block;float:left;cursor:pointer;z-index:100;font-weight: bold;}
	#nbm .tb span.off{color:#545861;font-weight:normal;}
	#nbm .tb span.on{color:#545861;font-weight:bold;}
	#nbm .tb span:hover{font-weight:bold;}
	#nbm .stc{width:100%;line-height:23px;margin-top:40px;}


/* table table style
-----------------------------------------------*/

	/* Tab Type */
	#subContent_wrap .tab01 { position:relative; width:680px; height:40px; overflow:hidden; margin:0 0 20px; background:#f9f9f9; }
	#subContent_wrap .tab01 li { float:left;  font-weight:bold; }
	#subContent_wrap .tab01 li a { display:inline-block; padding:7px 20px; color:#737373; }
	#subContent_wrap .tab01 li a:hover { color:#2f4e6d; }
	#subContent_wrap .tab01 li.on { background:#2f4e6d; }
	#subContent_wrap .tab01 li.on a { color:#fff; }

	/* 일반표 */
	#subContent_wrap .tbl02{margin-bottom:30px;}
	#subContent_wrap .tbl02 table {background-color:#fff;width:100%; border-top:2px solid #1e6496; border-bottom:1px solid #545861; color:#545861;font-size:0.9em;  }

	#subContent_wrap .tbl02 thead tr th{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:5px 10px;font-weight:bold;background-color:#e9f3fb;color:#1e6496;}
	#subContent_wrap .tbl02 thead tr th.last{border-right:none;}

	#subContent_wrap .tbl02 tbody th {background:#fafafa;border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#3e3e3e;text-align:center;padding:10px;font-weight:500;line-height:1.3em;}
	#subContent_wrap .tbl02 tbody tr td{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:10px;line-height:1.3;}
	#subContent_wrap .tbl02 tbody tr td.last{border-right:none;}
	#subContent_wrap .tbl02 tbody tr td.ct{text-align:center;}

	#subContent_wrap .tbl02 tbody tr.line th,
	#subContent_wrap .tbl02 tbody tr.line td{border-top:2px solid #bfbfbf;}



	#subContent_wrap .tbl03{margin-bottom:30px;}
	#subContent_wrap .tbl03{margin-bottom:30px;}
	#subContent_wrap .tbl03 h5{margin-bottom:15px;font-size:1em;font-weight:bold;text-align:center;}
	#subContent_wrap .tbl03 table { width:100%; border-top:1px solid #545861;border-left:1px solid #ddd;color:#545861;font-size:.9em;  }
	#subContent_wrap .tbl03 table.last {border-bottom:1px solid #ddd;}

	#subContent_wrap .tbl03 thead tr th{border-right:1px solid #ddd; padding:5px 0;border-top:2px solid #394264;font-weight:bold;background-color:#fafafa;color:#f45151;}
	#subContent_wrap .tbl03 thead tr th .grayText{font-weight:normal;letter-spacing::0;}

	#subContent_wrap .tbl03 tbody th {background:#fff;border-top:1px solid #ddd;border-right:1px solid #ddd;text-align:left;font-weight:bold;font-size:0.9em;text-align:center;}
	#subContent_wrap .tbl03 tbody tr td{border-top:1px solid #ddd;border-right:1px solid #ddd; padding:5px;line-height:1.2em;}
	#subContent_wrap .tbl03 tbody tr td.content{line-height:1.3em;height:50px;font-size:.9em;}
	
	#subContent_wrap .tbl03 tbody tr.line th,
	#subContent_wrap .tbl03 tbody tr.line td{border-top:2px solid #bfbfbf;}


/* 게시판 table style
-----------------------------------------------*/

	/* 게시판 본문 */
	#subContent_wrap .tbl01 {margin:10px 0 0; letter-spacing:0 !important;background-color:#fff;}
	#subContent_wrap .tbl01 table { width:100%; color:#545861; }
	#subContent_wrap .tbl01 thead th {padding: 20px 9px;background: #ffffff;font-weight: 500;text-align: center;font-size: 1.5rem;border-top: 1px solid #545861;border-bottom: 1px solid #ddd;color: #0f7ad6;}
	#subContent_wrap .tbl01 tbody th { padding:5px;  text-align:left;font-size:0.9em;}
	#subContent_wrap .tbl01 td { padding:9px;text-align:left;}
	#subContent_wrap .Binfo {margin-bottom:30px;width:100%;color:#a5a5a5;}
	#subContent_wrap .Binfo .writer{float:left;width:30%;font-size:0.8em;}
	#subContent_wrap .Binfo .writeDate{float:right;width:70%;font-size:0.8em;text-align:right;}
	#subContent_wrap .tbl01 tbody tr.file { border-bottom:1px solid #ddd; }
	#subContent_wrap .tbl01 tbody tr.pw { border-bottom:1px solid #ddd;  }
	#subContent_wrap .tbl01 tbody tr.pw label{font-weight:bold;}
	#subContent_wrap .tbl01 tbody tr.pA .prev{display:none;}
	#subContent_wrap .tbl01 tbody tr.pA .next{width:}
@media only screen and (max-width: 768px) {
#subContent_wrap .tbl01 tbody tr.pw label{display:block;}
	}

	#subContent_wrap .tbl01 tbody td.textarea {padding-bottom:50px;border-bottom:1px solid #ddd;}
	#subContent_wrap .tbl01 tbody td.textarea img{max-width:100%;height:auto;}
	#subContent_wrap .tbl01 td.right {text-align:right;}
	#subContent_wrap .tbl01 tr.strong th { background:#f6e7e7;font-weight:bold;color:#bb201c;}
	#subContent_wrap .tbl01 tr.strong td { background:#f6e7e7;font-weight:bold;color:#bb201c;}
	#subContent_wrap .tbl01 tr.black td {font-weight:bold;color:#000;font-size:1em;}

	/* 게시판 글쓰기 */
	#subContent_wrap .write02{margin-bottom:30px; width:100%;}
	#subContent_wrap .write02 table { width:100%; border-top:1px solid #545861; border-bottom:1px solid #545861; color:#545861;font-size:1em;  }

	#subContent_wrap .write02 tbody th {background:#fafafa;width:20%;min-width:80px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:left;padding-left:10px;font-weight:bold;font-size:0.9em;}
	#subContent_wrap .write02 tbody tr td{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:9px 10px;font-size:.9em;}
	#subContent_wrap .write02 tbody tr td.last{border-right:none;}
	#subContent_wrap .write02 tbody tr td:last-child{border-right:none;}


	#subContent_wrap .write02 table tr td textarea {width: 98%; margin:0;height:700px;
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border-top: 1px solid #c0c0c0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #333;
	font-size: 13px;
	line-height: 25px;
	padding: 1px 8px;
	background:#fff;
	}

	/* 후원 글쓰기 */
	.write01Rule{border:1px solid #ddd;margin-bottom:10px;padding:20px;font-size:15px;background: #f8fbff;}
	.write01{margin-bottom:30px; width:100%;border:1px solid #e2e1dc;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.write01 table { width:100%;  color:#545861;font-size:1em;  }

	.write01 tbody th {width:20%;min-width:80px;border-bottom:1px solid #ddd;text-align:left;padding-left:10px;font-weight:bold;font-size:0.9em;}
	.write01 tbody tr td{border-bottom:1px solid #ddd;padding:9px 10px;font-size:.9em;}
	.write01 tbody tr:last-child th,.write01 tbody tr:last-child td{border-bottom:none;}

	@media only screen and (max-width: 480px) {
	.write01 tbody th {font-size:.8em;}

	}
	.write01 table tr td textarea {width: 98%; margin:0;height:700px;
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border-top: 1px solid #c0c0c0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #333;
	font-size: 13px;
	line-height: 25px;
	padding: 1px 8px;
	background:#fff;
	}



	/* 게시판 검색 */
	#subContent_wrap .form_search {width:100%;padding:13px 5%;background-color: #e9f3fb;border-radius: 10px;}
	#subContent_wrap .form_search input[type=text]{width:200px;}
	#subContent_wrap .form_search .txt_box2 {height:30px;}

	/* 일반게시판 리스트 */
	#subContent_wrap ul.boardList {border-top: 1px solid #ddd;margin-top:20px;}
	#subContent_wrap ul.boardList li {position:relative;border-bottom: 1px solid #ddd;padding:10px;}      
	#subContent_wrap ul.boardList li h5{width:520px;white-space:nowrap;text-overflow:ellipsis;     /* IE, Safari */-o-text-overflow:ellipsis;      /* Opera under 10.7 */overflow:hidden;}      
	#subContent_wrap ul.boardList li h5 .number{display:inline-block;font-size:1em;width:30px;font-weight:bold;}      
	#subContent_wrap ul.boardList li h5 a{font-size:1em;font-weight:normal;}      
	#subContent_wrap ul.boardList li .name {position:absolute;top:10px;right:130px;color:#989898;font-size:.9em;}
	#subContent_wrap ul.boardList li .regdate_cal{position:absolute;top:10px;right:45px;color:#989898;font-size:.9em;}
	#subContent_wrap ul.boardList li .view{position:absolute;top:10px;right:0;color:#989898;font-size:.9em;text-align:center;width:30px;}



	/* 포토게시판 리스트 */
	#subContent_wrap ul.ImgboardList {}
	#subContent_wrap ul.ImgboardList li {position: relative;float: left;width: calc(25% - 25px);height: 260px;margin: 20px 20px 0 0;border: 1px solid #ddd;}      
	#subContent_wrap ul.ImgboardList li .photo{width:100%;height:140px;text-align:center;overflow:hidden;}
	#subContent_wrap ul.ImgboardList li .photo img{width:auto;height:100%;margin:0;padding:0;}
	#subContent_wrap ul.ImgboardList li .text {padding:10px;}
	#subContent_wrap ul.ImgboardList li .text h5{font-size:1em;font-weight:bold;height:50px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */	-webkit-box-orient: vertical; word-wrap:break-word;}      
	#subContent_wrap ul.ImgboardList li .text .name {position:absolute;bottom:0;left:0;width:50%;text-align:center;font-size:0.9em;padding:5px 0;border-top:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}      
	#subContent_wrap ul.ImgboardList li .text .regdate_cal{position:absolute;bottom:0;right:0;width:50%;text-align:center;font-size:0.9em;padding:5px 0;border-top:1px solid #ddd;}

	/* 확인창, 회원가입, 아디찾기, 게시글비번입력*/
	.noticeBox{width:100%;text-align:center;padding: 10% 10%;}

	.noticeBox .input{font-weight:bold;}
	.noticeBox .input input{margin-left:10px;}
	.noticeBox p{color:#989898;margin-top:10px;font-size:2rem;text-align:center;}
	/*게시판 page */
	 .boardBtm{margin-top:30px;text-align:right;}
	 .boardBtm .page{margin:0 auto;width:100%;text-align:center;}
	 .boardBtm .page a{display:inline-block;line-height:20px;vertical-align:top;}
	.boardBtm .page .table_title1 {display: inline-block;height: 23px;vertical-align: top;padding: 0 5px 5px;color: #000;border: 1px solid #ddd;line-height: 1.2;} 
	 .boardBtm .page a.maindate {display:inline-block;margin-top:-3px;height:20px;padding:1px 5px;margin-top:1px;background-color:#efefef;color:#888;}


/*댓글*/
.commentList {background-color: #f7f7f7;font-size:.9em;}
.commentList .repletitle {}
.commentList li {padding:10px 0 0;margin:0 20px;border-bottom:1px dashed #ddd;}
.commentList li .name{display:block; font-weight:bold;}
.commentList li .comment{width:100%;padding-bottom:10px;line-height:18px;}
.commentList li .comment span.date{color: #588cda;font-size:.9em;}

.repleBox {background-color: #f7f7f7;padding:20px;}
.repleBox .iB{display:inline-block;width:31%;}
.repleBox textarea {margin-top:5px;padding:5px;width:90%;height:50px;}
.repleBox .buttonStyle {width:7%;height:60px;}



	@media only screen and (max-width: 960px) {
	
	.repleBox textarea {width:80%;height:50px;}
	.repleBox .buttonStyle {width:10%;height:60px;}
	}
	
	@media only screen and (max-width: 640px) {
	.repleBox {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.repleBox textarea {width:100%;height:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;}
	.repleBox .buttonStyle {width:100%;height:30px;margin-top:10px;}

	}
	

/* input
-----------------------------------------------*/


	.txt_box2{
	-webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.1);
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border-top: 1px solid #c0c0c0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #333;
	font-size: 13px;
	height: 22px;
	line-height: 25px;
	padding: 1px 8px;
	background:#fff;
	margin:3px;
	}
	.txt_box2.Btitle{width:500px;}

	@media only screen and (max-width: 960px) {}
	
	@media only screen and (max-width: 768px) {
	}
	@media only screen and (max-width: 640px) {
	.txt_box2{width:90%;}
	.txt_box2.Btitle{width:90%;}
	.txt_box2.title{width:90%;}
	}
	@media screen and (min-width:320px) and (max-width:480px) {

.txt_box2{width:70%;}
.txt_box2.smallI{max-width:100px;}
	}
	/* 게시판버튼 */
	.buttonStyle {
	  background: #efefef;
	  background-image: -webkit-linear-gradient(top, #fff, #efefef);
	  background-image: -moz-linear-gradient(top, #fff, #efefef);
	  background-image: -ms-linear-gradient(top, #fff, #efefef);
	  background-image: -o-linear-gradient(top, #fff, #efefef);
	  background-image: linear-gradient(to bottom, #fff, #efefef);
	  border:1px solid #ddd;
	  color: #000;
	  font-size: 12px;
	  padding: 1px 15px;
	  text-decoration: none;
	}
	.buttonStyle:hover {
	  background: #e8e8e8;
	  background-image: -webkit-linear-gradient(top, #efefef, #e8e8e8);
	  background-image: -moz-linear-gradient(top, #efefef, #e8e8e8);
	  background-image: -ms-linear-gradient(top, #efefef, #e8e8e8);
	  background-image: -o-linear-gradient(top, #efefef, #e8e8e8);
	  background-image: linear-gradient(to bottom, #efefef, #e8e8e8);
	  text-decoration: none;
	}
	/* 로그인, 아이디찾기 버튼 */
	.buttonStyle_02 {
	  background: #efefef;
	  background-image: -webkit-linear-gradient(top, #fff, #efefef);
	  background-image: -moz-linear-gradient(top, #fff, #efefef);
	  background-image: -ms-linear-gradient(top, #fff, #efefef);
	  background-image: -o-linear-gradient(top, #fff, #efefef);
	  background-image: linear-gradient(to bottom, #fff, #efefef);
	  border:1px solid #ddd;
	  color: #000;
	  font-size: 12px;
	  width:110px;
	  max-width:400px;
	  padding: 1px 10px;
	  text-decoration: none;
	}

	/* 글쓰기 버튼 */
	.buttonWrite {
	  background: #3498db;
	  background-image: -webkit-linear-gradient(top, #fff, #efefef);
	  background-image: -moz-linear-gradient(top, #fff, #efefef);
	  background-image: -ms-linear-gradient(top, #fff, #efefef);
	  background-image: -o-linear-gradient(top, #fff, #efefef);
	  background-image: linear-gradient(to bottom, #fff, #efefef);
	  border:1px solid #ddd;
	  color: #e60c29;
	  font-weight:bold;
	  font-size: 12px;
	  padding: 1px 15px;
	  text-decoration: none;
	}

/* 게시판 모바일
--------------------------------------------------*/

	@media screen and (min-width:320px) and (max-width:960px) {
		


	/* 일반게시판 리스트 */
	#subContent_wrap ul.boardList li {padding:20px 10px;background:#fff url(../images/content/grayBg.gif) no-repeat right top;}      
	#subContent_wrap ul.boardList li h5{width:80%;}      
	#subContent_wrap ul.boardList li h5 .number{display:inline-block;font-size:1em;width:30px;font-weight:bold;}      
	#subContent_wrap ul.boardList li h5 a{font-size:1em;font-weight:normal;}      
	#subContent_wrap ul.boardList li .name {position:absolute;top:8px;right:10px;display:none;}
	#subContent_wrap ul.boardList li .regdate_cal{position:absolute;top:8px;right:10px;}
	#subContent_wrap ul.boardList li .view{position:absolute;top:30px;right:10px;}
	
	/* 포토게시판 리스트 */
	#subContent_wrap ul.ImgboardList li{width:28%;height:250px;}
	#subContent_wrap ul.ImgboardList li .photo{height:130px;}


	}
	@media only screen and (max-width: 640px) {
	/* 포토게시판 리스트 */
	#subContent_wrap ul.ImgboardList li{width:45%;height:260px;}
	#subContent_wrap ul.ImgboardList li .photo{height:140px;}

	}

	@media only screen and (max-width: 480px) {

	/* 포토게시판 리스트 */
	#subContent_wrap ul.ImgboardList li{width:100%;margin:20px 0;height:auto;padding-bottom:40px;}
	#subContent_wrap ul.ImgboardList li .photo{height:auto;}

	
	#subContent_wrap .form_search input[type=text]{width:130px;}

	#subContent_wrap ul.boardList li {padding:10px;background:none;} 
	#subContent_wrap ul.boardList li h5{width:90%;} 
	#subContent_wrap ul.boardList li h5 .number{width:20px;}      
	#subContent_wrap ul.boardList li .name ,
	#subContent_wrap ul.boardList li .regdate_cal,
	#subContent_wrap ul.boardList li .view{display:none;}

	
	}
	@media only screen and (max-width: 375px) {
		#nbm .tb{height:80px;}

	#subContent_wrap .form_search b{display:none;}
	#subContent_wrap .form_search select{width:90%;}
	

	}
/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                 약관
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

#rule h3{font-size:1.1em;margin-top:15px;color:#48adb5;margin-bottom:5px;}
#rule h4{font-size:1em;font-weight:bold;margin-bottom:7px;}
#rule p{margin-bottom:15px;}
#rule p.nextol{margin-bottom:15px;}
#rule p.grayTextH{margin-bottom:0;line-height:18px;}
#rule .ulBox {padding-left:20px;margin-bottom:30px;}
#rule .ulBox.mnone {margin-bottom:5px;}
#rule .ulBox ol li{list-style-type:decimal;}
#rule .ulBox ol li ol li{list-style-type:none;margin-left:0;font-size:0.9em;}
#rule .ulBox ol li p{}

#rule .grayBox {background-color:#efefef;border:1px solid #ddd;padding:20px 15px;margin:40px 0;}
#rule .grayBox ul{display:inline-block;width:46%;height:auto;padding-left:3%;}

@media screen and (min-width:320px) and (max-width:960px) {


#rule .grayBox {padding:20px;}
#rule .grayBox ul{display:block;;width:95%;padding-left:0;}

}