@charset "utf-8";

#container {position:relative; padding-top:76px}
#container:after {content:""; display:block; clear:both;}


/* 메인 비주얼 */
.main_visual{width:100%}
.main_visual img{width:100%; height:100%; border-radius:10px}

/* 우리반 급훈 */
.class_slogun083{position:relative; padding: 10px; height:100%; overflow:hidden; border-radius:10px; background:#ffd465; text-align:center}
.class_slogun083 h2{padding:10px; height:30px; line-height:30px; font-size:16px; color:#333;  font-family:"NotoB"; border-bottom:1px dashed #fff;}
.class_slogun083 h2 span{padding-left:10px; color:#d4721a;}
.class_slogun083 p {width:314px; height:30px; margin:15px auto; font-family:"NotoB"; font-size:15px; color:#323f6b; overflow:auto;}
.class_slogun083 img{margin-top:-10px; width:24px; height:30px;}

/* 게시판 */
.notice083_1 {position:relative;  overflow:hidden;}
.notice083_1 h2{font-size:16px; font-family:"NotoB"; line-height:27px;}
.notice083_1 h2 span {margin-left:10px; color:#588fe3;}
.notice083_1 h2 img{width:19px; height:30px;}
.notice083_1 .list_box{overflow:hidden; font-family:'돋움',Dotum; font-size:12px; padding:6px 0 0; line-height:26px; *line-height:24px}
.notice083_1 .list_box li{background:url(/images/sch/co/cv/template/00083/main/083_bu_dot_yellow.png) no-repeat 0 9px; overflow:hidden; font-size:12px; padding-left:12px;}
.notice083_1 .list_box li a{ color:#555}
.notice083_1 .list_box li a:hover{ text-decoration:underline;}
.notice083_1 .list_box li span.text {float:left; width:70%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice083_1 .list_box li span.date { float:right; color:#797979;}
.notice083_1 .btn_more{font-size:0; line-height:0; text-indent:-9999em; position:absolute; right:0; top:2px; width:23px; height:23px; background:url(/images/sch/co/cv/template/00083/main/083_btn_more.png) no-repeat;}
.notice083_1.m_noti02{ margin:22px 0 0}

/* 게시판 */
.notice083_2 {position:relative; overflow:hidden;}
.notice083_2 h2{font-size:16px; font-family:"NotoB"; line-height:27px;}
.notice083_2 h2 span {margin-left:10px; color:#588fe3;}
.notice083_2 h2 img{width:19px; height:30px;}
.notice083_2 .list_box{overflow:hidden; font-family:'돋움',Dotum; font-size:12px; padding:6px 0 0; line-height:26px; *line-height:24px}
.notice083_2 .list_box li{background:url(/images/sch/co/cv/template/00083/main/083_bu_dot_yellow.png) no-repeat 0 9px; overflow:hidden; font-size:12px; padding-left:12px;}
.notice083_2 .list_box li a{ color:#555}
.notice083_2 .list_box li a:hover{ text-decoration:underline;}
.notice083_2 .list_box li span.text {float:left; width:70%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice083_2 .list_box li span.date { float:right; color:#797979;}
.notice083_2 .btn_more{font-size:0; line-height:0; text-indent:-9999em; position:absolute; right:0; top:2px; width:23px; height:23px; background:url(/images/sch/co/cv/template/00083/main/083_btn_more.png) no-repeat;}
.notice083_2.m_noti02{ margin:22px 0 0}

/* 행사앨범 */
.gallery083{position:relative; overflow:hidden;}
.gallery083 h2 {font-size:16px; font-family:"NotoB"; line-height:28px; margin:0 0 17px}
.gallery083 h2 span{margin-left:10px; color:#588fe3;}
.gallery083 h2 img{width:30px; height:30px;}
.gallery083 ul{height:130px; overflow:hidden;}
.gallery083 ul li{ float:left; margin-left:17px; width:159px;}
.gallery083 ul li:first-child{ margin-left:0}
.gallery083 ul .List3 { margin-left:0 !important; margin-top:20px !important;}/* 170210 */
.gallery083 ul .List4 { margin-top:20px !important;}/* 170210 */
.gallery083 ul li a{ color:#555; font-size:11px; font-family:'돋움',Dotum;}
.gallery083 ul li a:hover{ text-decoration:underline}
.gallery083 ul li a .img{ display:block; border:1px solid #bbb}
.gallery083 ul li a .img img{ width:100%; height:87px;}
.gallery083 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;}
.gallery083 .btn_more{font-size:0; line-height:0; text-indent:-9999em; position:absolute; right:0; top:2px; width:23px; height:23px; background:url(/images/sch/co/cv/template/00083/main/083_btn_more.png) no-repeat;}

/* 설문조사 */
.survay083 { position:relative; height:100%; overflow:hidden; border-radius:10px; background-color:#36ac96;padding:12px 20px 0}
.survay083 h2 {font-size:16px; font-family:"NotoB"; line-height:27px; margin:0 0 16px}
.survay083 h2 span{margin-left:10px; color:#ffe214;}
.survay083 h2 img{width:30px; height:30px;}
.survay083 .cnt{ overflow:hidden; width:100%; height:40px}
.survay083 .survay_text {padding-right:10px; float:left; width:110px; font-size:12px; line-height:21px; color:#fff; border-right:1px dotted #fff;}
.survay083 ul{float:right; width:150px; overflow:hidden; padding:0 0 0 20px; line-height:21px}
.survay083 ul li { float:left; width:50%; font-size:12px; color:#333;}
.survay083 ul li label { margin-left:3px}
.survay083 .btn_box { position:absolute; right:20px; top:15px}
.survay083 .btn_box span { display:inline-block; width:77px; height:22px; line-height:24px; *line-height:22px; border-radius:5px; font-size:11px; text-align:center}
.survay083 .btn_box span a{ display:block}
.survay083 .btn_box .vote {background:#1e665b; margin-right:5px;}
.survay083 .btn_box .vote a {color:#fff}
.survay083 .btn_box .result { background:#c9c9c9;}
.survay083 .btn_box .result a {color:#666}


/* 로그인 */
.m_login_box083 {position:relative; height:100%; overflow:hidden; border:1px solid #d7d7d7; border-radius:10px; background:#faf4e3;}
.m_login_box083 h2 {height:25px; font-size:14px; line-height:25px; padding: 18px 0 0 75px; font-family:"NotoR"; color:#99a7d3;}
.m_login_box083 h2 span{display:block; font-size:25px; color:#636e8e; font-family:"NotoB";}
.m_login_box083 h2 img{position:absolute; top:20px; left:20px; width:38px; height:51px;}
.m_login_box083 .m_login { width:100%; }
.m_login_box083 .m_login dl{ margin-bottom:1px}
.m_login_box083 .m_login .input_box { position:absolute; top:82px; left:19px}
.m_login_box083 .m_login .input_box input{ width:107px; height:22px; line-height:24px; border:solid 1px #c8d1db; border-radius:2px; font-size:12px; color:#777; padding:0 4px;}
.m_login_box083 .m_login .input_box p {height:40px; margin-bottom:5px; padding:0 0 15px 55px; font-size:12px; color:#555; line-height:20px;}
.m_login_box083 .m_login .input_box p span {font-weight:bold; color:#b1620e;}
.m_login_box083 .m_login .input_box p img{position:absolute; top:0; left:0; width:42px; height:42px;}
.m_login button.btn_login{ display:block; position:absolute; top:85px; right:20px; width:54px; height:49px; margin:0; background:url(/images/sch/co/cv/template/00083/main/083_btn_login.png)no-repeat; font-size:0;}/*로그인*/
.m_login .btn_login span {margin:95px 10px 0 20px; width:85px; height:35px; line-height:35px; color:#fff; display:block; text-align:center; font-size:12px; font-weight:bold; border-radius:3px; background:#394b61; float:left;}/*로그아웃*/
.m_login_box083 .help {width:178px; height:33px; line-height:33px; margin:95px 0 0 20px; overflow:hidden;}
.m_login_box083 .help li{float:left; font-size:11px; letter-spacing:-1px; background:url(/images/sch/co/cv/template/00083/main/083_login_line.gif) no-repeat 0 center; }
.m_login_box083 .help li:first-child {background-image:none;}
.m_login_box083 .help li.btn_modi {position:absolute; bottom:15px; right:20px; width:85px; border:1px solid #ddd; border-radius:3px; background:#fff; text-align:center;}
.m_login_box083 .help li a { display:block; color:#777; padding:2px 9px}
.m_login_box083 .help li a:hover { text-decoration:underline}

/* 로그인 */
/*.m_login_box082 {  height:260px; overflow:hidden; border-radius:10px;}
.m_login_box082 p.tit {position:absolute; top:20px; left:20px; font-family:'Arial'; font-size:12px; color:#fff;}
.m_login_box082 h2 {height:60px; font-size:20px; line-height:60px; padding:20px 20px 0; font-family:"NotoR"; color:#fff; background:#4567ae url(../../../images/template/082/main/082_icon_login.png) no-repeat right bottom;}
.m_login_box082 .m_login {height:140px; padding:20px 19px 19px; font-family:'돋움',Dotum; border-radius:0 0 10px 10px; border:1px solid #c8d1db; border-top:none; background:#fff; overflow:hidden;}
.m_login_box082 .m_login .input_box dl {height:35px; overflow:hidden;}
.m_login_box082 .m_login .input_box input {width:170px; padding:0 4px; height:28px; line-height:28px; border:solid 1px #cde5f7; font-size:12px; color:#6a96c2; }
.m_login_box082 .m_login .input_box p {height:45px; margin-bottom:5px; padding:5px 0 15px 60px; font-size:12px; color:#555; line-height:20px; background: url(../../../images/template/082/main/082_icon_login2.png) no-repeat left top;}
.m_login_box082 .m_login .input_box p span {font-weight:bold; color:#b1620e;}
.m_login .btn_login {width:180px; height:35px; line-height:35px; color:#fff; display:block; text-align:center; font-size:12px; font-weight:bold; border-radius:3px; background:#394b61;}
.m_login_box082 .help {width:178px; height:33px; line-height:35px; margin-top:5px; border-radius:3px; border:solid 1px #cde5f7; background:#fff; overflow:hidden;}
.m_login_box082 .help li{ float:left; font-size:12px; letter-spacing:-1px; padding:0 6px;  background:url(../../../images/template/082/main/082_login_line.gif) no-repeat 0 center; }
.m_login_box082 .help li.btn_modi {float:none; text-align:center;}
.m_login_box082 .help li:first-child {background-image:none;}
.m_login_box082 .help li a { display:block; color:#666; }
.m_login_box082 .help li a:hover { text-decoration:underline}*/

/* 카테고리 */
.category083 { position:relative; height:100%; border:1px solid #d7d7d7; border-radius:10px; background:#faf4e3;}
.category083 h2{font-size:18px; font-family:"NotoB"; color:#5d71ae; padding:24px 19px 9px;}
.category083 .img{position:absolute; right:20px; bottom:20px;}
.category083 .img img{width:62px; height:72px;}
.category083 ul{line-height:24px; padding-left:20px; height:200px; overflow:hidden; overflow-y:auto; }
.category083 li {font-size:12px; line-height:22px; }
.category083 li a { display:inline-block; color:#7d7f80; padding-left:8px; background:url(/images/sch/co/cv/template/00083/main/083_bu_dot.gif) no-repeat 0 9px}
.category083 li a:hover { color:#36C; text-decoration:underline}

/* 우리반시간표 */
.schedule083{ position:relative; height:100%; border:1px solid #d7d7d7; border-radius:10px; overflow:hidden; text-align:center}
.schedule083 h2 { display:inline-block; font-size:16px; font-family:"NotoB"; line-height:37px; padding-top:9px; margin:0 0 11px -8px}
.schedule083 h2 span{margin-left:10px; color:#588fe3}
.schedule083 h2 img{width:31px; height:29px;}
.schedule083 .inner{width:100%; height:175px; border-top:1px solid #d4d4d4; white-space:nowrap; overflow:auto;}
.schedule083 table{ width:100%; font-size:12px; }
.schedule083 table th, .schedule083 table td{ border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:5px; line-height:18px}
.schedule083 table th:first-child, .schedule083 table td:first-child{ border-left:0}
.schedule083 table th{ background-color:#faf4e3; text-align:center; color:#555}
.schedule083 table td{ color:#666}




@media (max-width: 800px) {
	
	#container,
	.main_content,
	.class_slogun083, .category083, .schedule083, .schedule083 .inner,
	.survay083, .survay083 ul {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
		
	#container{ padding-top:70px}
	.main_content {width:95%; margin:0 auto; padding:20px 0 20px; }
		
	.main_visual, .class_slogun083, .m_login_box083, .category083,
	.schedule083, .notice083_1, .gallery083, .survay083   {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
		
	/*메인비주얼*/	
	.main_visual img{height:500px;}	

	/* 우리반 급훈 */
	.class_slogun083 { margin:0; height:114px}
	.class_slogun083 p { width:90%}
	
	/* 우리반시간표 */
	.schedule083{ height:auto}
	.schedule083 .inner{ width:100%; height:auto}
	.schedule083 table tr:last-child td{ border-bottom:0}
	
	/* 게시판 */
	.notice083_1, .notice083_1.m_noti02 { margin:15px 0 0}
	
	/* 행사앨범 */
	.gallery083 ul li{margin-left:2%; width:49%;}
	
	/* 설문조사 */
	.survay083 .survay083_text {width:40%}
	.survay083 ul{width:55%}
	

}