@charset "utf-8";


.main_content { position:relative; z-index:7; width:956px; margin:0 auto; padding:0 0 70px 0; }
.main_content:after {content:""; display:block; clear:both;}

.main_content h1 { width:956px; height:80px; line-height:80px; padding:35px 0px 0px; margin:10px 0px 0px; background:url(/images/sch/co/cb/template/00085/main/M_visual1.png) no-repeat center; text-align:center;}
.main_content h1 a{ font-size:24px; color:#fff; font-family: 'NotoM'; }
.main_content h1 span{color:#fff799;}


/* 메인 비주얼 */
.main_visual{ width:100%; }
.main_visual p img{ width:100%; }


/* 로그인 */
/* .m_login_box085 {position:relative; width:100%; height:100%; border-radius:10px;  background-color:#53b17a} */
.m_login_box085 {position:relative; width:100%; height:100px; border-radius:10px;  background-color:#53b17a}
.m_login_box085 h2{border-radius:15px 10px 0  0; height:40px; line-height:45px; font-size:18px; color:#fff; padding:0px 15px; background:url(/images/sch/co/cb/template/00085/main/085_icon_lock.png) no-repeat 96% -60%;}
.m_login_box085 .m_login{padding:0px 15px;}
.m_login_box085 .m_login dl{margin-bottom:1px; float:left;}
.m_login_box085 .m_login .input_box input{ width:120px; height:23px; line-height:23px; border:solid 1px #dcdcdc; font-size:11px; color:#969090; padding:0 7px; margin-bottom:6px;}
/* .m_login_box085 .m_login .input_box { color:#fff; } */
.m_login_box085 .m_login .input_box { color:#fff; line-height:20px; padding-left:20px; }
.m_login_box085 .m_login .input_box span { color:#D9E5FF; }
.m_login .btn_login { padding-left:5px;}
.m_login .btn_login input[type=button]{ width:55px; height:57px; font-size:13px; font-family: 'NotoM'; line-height:57px; color:#fff; border:0px; background:url(/images/sch/co/cb/template/00085/main/085_login_btn.gif);}
.m_login_box085 .help { width:95%; border-top: dotted 1px #dcdcdc; position:absolute; overflow:hidden; top:140px; left:7px}
.m_login_box085 .help li{ float:left; font-size:11px; letter-spacing:-1px;  }
.m_login_box085 .help li:first-child { margin-right:10px;}
.m_login_box085 .help li a { display:block; color:#a3a3a3;}
.m_login_box085 .help li:first-child a {color:#a3a3a3;}
.m_login_box085 .help li a:hover { text-decoration:underline}

.m_login_box085 .btn_box { width:100%; border-top: dotted 1px #dcdcdc; overflow:hidden; margin:10px 0 0; padding:15px 0 0;}
.m_login_box085 .btn_box span { display:inline-block; height:23px; line-height:23px; border-radius:5px; font-size:11px; text-align:center; font-size:11px; letter-spacing:-1px;}
.m_login_box085 .btn_box span a{ display:block; color:#fff; }
.m_login_box085 .btn_box .btn_join {background:#007c3d; width:35%; }
.m_login_box085 .btn_box .btn_fw { background:#234933; width:60%; float:right;}


/* 카테고리 */
.category085 { position:relative; width:100%; height:100%; border-radius:10px; background:#fff url(/images/sch/co/cb/template/00085/main/085_category_bg.png) no-repeat 105% 110%;}
.category085 h2{border-radius:10px 10px 0 0; height:38px; line-height:38px; font-size:16px; color:#fff; background:#ea5455; padding:0px 15px; }
.category085 ul{ margin:10px 15px; height:240px; overflow:hidden; overflow-y:auto;}
.category085 li {font-size:13px; height:32px; line-height:32px; border-bottom: 1px dashed #d2d2d2; background: url(/images/sch/co/cb/template/00085/main/085_bul_dot.png) no-repeat left center; padding-left:10px;}
.category085 li a { display:inline-block; color:#666; letter-spacing:-1px;}
.category085 li a:hover { color:#a3a3a3; text-decoration:underline}
.category085 li.noBor { border:none;}

/* 게시판 */
.notice085 {width:100%; height:100%; position:relative; overflow:hidden; border-radius:10px; background:#fff;}
.notice085 h2{border-radius:10px 10px 0 0; height:38px; line-height:38px; font-size:16px; color:#fff; padding:0px 15px; color:#377852; border-bottom:1px solid #d2d2d2; }
.notice085 .list_box{overflow:hidden; font-family:'돋움',Dotum; font-size:12px; padding:6px 0 0; line-height:26px;}
.notice085 .list_box li{ width:88%; margin:0px 5%; background:url(/images/sch/co/cb/template/00085/main/085_bul_dot_list.gif) no-repeat center left; overflow:hidden; font-size:12px; padding-left:2%; line-height:30px; border-bottom:1px dashed #ddd;}
.notice085 .list_box li a{ color:#706a5f; }
.notice085 .list_box li a:hover{ text-decoration:underline;}
.notice085 .list_box li span.text {float:left; width:70%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice085 .list_box li span.date { float:right; font-size:11px; color:#777;}
.notice085 .btn_more{font-size:0; line-height:0; text-indent:-9999em; position:absolute; right:15px; top:12px; width:16px; height:16px; background:url(/images/sch/co/cb/template/00085/main/085_btn_more.png) no-repeat; }

/* 포토갤러리 */
.gallery085{ width:100%; height:100%; overflow:hidden; border-radius:10px; background:#fff;}
.gallery085 h2 {font-size:16px; font-family:"NotoM"; color:#3aa797; line-height:47px; padding-left:20px; }
.gallery085 ul{ height:110px; overflow:hidden; margin:0px 15px; }
.gallery085 ul li{ float:left; width:46%; float:left; margin:0px 2%; margin-bottom:13px;}
.gallery085 ul li a{ color:#555; font-size:11px; font-family:'돋움',Dotum; }
.gallery085 ul li a:hover{ text-decoration:underline}
.gallery085 ul li a .img{ display:block; }
.gallery085 ul li a .img img{ width:100%; height:85px;}
.gallery085 ul li a .txt{ display:block; margin-top:10px; line-height:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.gallery085 .btn_more{font-size:0; line-height:0; text-indent:-9999em; position:absolute; right:20px; top:15px; width:20px; height:20px; background:url(/images/sch/co/cb/template/00085/main/085_btn_more.png) no-repeat; }



@media (max-width: 800px) {
	
	
	.main_content {width:95%; margin:0 auto; padding:20px 0 20px; }


	/* 포토갤러리 20170210*/
	.gallery085 {width:100%; height: auto; position: relative; left: auto; }
	.gallery085 ul{ height:124px; padding:0 0 10px 0;}
	.gallery085 ul li { width:30%;}
	.gallery085 ul li a .img img{height:100px;}
	.gallery085 ul li:first-child{ margin-left: 0; }

	/* 설문조사 */
	.survay085 .btn_box{margin:40px 0 0;}
	.survay085{background-position:100% 95%;}

	/* 급훈 */
	.class_slogun085{width:100%;}
}


@media (max-width: 390px) {
	/* 급훈 */
	.class_slogun085 span{width:35%;}
	.class_slogun085 p{width:65%; margin:0px 0%;}
}