﻿@charset "utf-8";


/* 메인 비주얼 */
.main_visual{width:100%; height:auto; border-radius:20px; overflow:hidden; }
.main_visual p img{ max-width:100%; height:370px;}

/*로그인알림창*/
.loginNotice131 { height:100%; background:#f3f8fd; border:1px solid #7d91a3; text-align:center; border-radius:20px; color:#54587e; font-size:16px; }
.loginNotice131 .img { display:block; width:41px; height:37px; margin:20px auto 15px; }
.loginNotice131 p span { color:#0582c0; }

/* 우리반 급훈 */
.class_slogan131 {width:100%; height:100%;  overflow:hidden; background:#e4f3e5; border:1px solid #42a747; border-radius:20px; box-sizing:border-box; }
.class_slogan131 h2 { position:absolute; top:0; left:0; height:45px; line-height:45px; color:#fff; font-size:18px; font-family:'NotoM'; border-radius:20px; padding:0 30px 0 55px; background:#2c9d32 url('/images/co/cv/template/00131/main/bg_ptrn.png'); transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
.class_slogan131 h2:before { content:''; position:absolute; top:7px; left:16px; width:25px; height:30px; background:url('/images/co/cv/template/00131/main/bg_slogan.png') no-repeat; }
.class_slogan131 div { height:45px; padding:0 20px 0 180px; line-height:45px; color:#42a747; font-size:16px; text-align: center; overflow-y:auto; }

/* 알림장 */
.notice131 {width:100%; height:100%; overflow:hidden; }
.notice131 h2{ display:block; width:100%; height:45px; line-height:45px; font-family:'NotoM'; font-size:18px; color:#fff; border-radius:20px; padding-left:20px; background:#6a62ac url('/images/co/cv/template/00131/main/bg_ptrn.png'); box-sizing:border-box; }
.notice131 .list_box{min-height:164px; width:100%; height:auto; font-size:14px; line-height:26px; margin-top:10px; padding:16px 22px; border-radius:20px; background:#fff; border:1px solid #6a62ac; box-sizing:border-box;}
.notice131 .list_box li { position: relative; font-size:14px; padding-left:12px; overflow:hidden;}
.notice131 .list_box li::before { content:''; position: absolute; top:12px; left:0; width:4px; height: 4px; border-radius: 4px; background:#3b0668;}
.notice131 .list_box li a { position:relative; display:block; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice131 .list_box li a:hover { color:#6a62ac; }
.notice131 .list_box li.new a { padding-left:25px;}
.notice131 .list_box li.new a:before { content:'N'; position: absolute; top:3px; left:0; width:20px; height:20px; border-radius:10px; font-family:'NotoM'; font-size:13px; color:#fff; text-align:center; line-height:20px; background:#e30404; }
.notice131 .list_box li a:hover { text-decoration:underline; }
.notice131 .list_box li span.text { display:block; margin-right:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice131 .list_box li span.date { position: absolute; right:0; top:0; }
.notice131 .btn_more{ position:absolute; right:0; top:0px; width:45px; height:45px; border-radius:20px; background:#3b0668; font-size:0; line-height:0; text-indent:-9999em; }
.notice131 .btn_more::before { content:''; display: block; width:45px; height: 45px; background:url('/images/co/cv/template/00131/main/btn_more.png') no-repeat center; }
.notice131 .btn_more:hover:before { transform: rotate(180deg);}
.notice131 .list_box li a, .notice131 .btn_more::before { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 공지사항 */
.notice131_2 {width:100%; height:100%; overflow:hidden; }
.notice131_2 h2{ display:block; width:100%; height:45px; line-height:45px; font-family:'NotoM'; font-size:18px; color:#fff; border-radius:20px; padding-left:20px; background:#0582c0 url('/images/co/cv/template/00131/main/bg_ptrn.png'); box-sizing:border-box; }
.notice131_2 .list_box{ min-height:164px;width:100%; height:auto; font-size:14px; line-height:26px; margin-top:10px; padding:16px 22px; border-radius:20px; background:#fff; border:1px solid #0582c0; box-sizing:border-box;}
.notice131_2 .list_box li { position: relative; font-size:14px; padding-left:12px; overflow:hidden;}
.notice131_2 .list_box li::before { content:''; position: absolute; top:12px; left:0; width:4px; height: 4px; border-radius: 4px; background:#0582c0;}
.notice131_2 .list_box li a { position:relative; display:block; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice131_2 .list_box li a:hover { color:#0582c0; }
.notice131_2 .list_box li.new a { padding-left:25px;}
.notice131_2 .list_box li.new a:before { content:'N'; position: absolute; top:3px; left:0; width:20px; height:20px; border-radius:10px; font-family:'NotoM'; font-size:13px; color:#fff; text-align:center; line-height:20px; background:#e30404; }
.notice131_2 .list_box li a:hover { text-decoration:underline; }
.notice131_2 .list_box li span.text { display:block; margin-right:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice131_2 .list_box li span.date { position: absolute; right:0; top:0; }
.notice131_2 .btn_more{ position:absolute; right:0; top:0px; width:45px; height:45px; border-radius:20px; background:#024668; font-size:0; line-height:0; text-indent:-9999em; }
.notice131_2 .btn_more::before { content:''; display: block; width:45px; height: 45px; background:url('/images/co/cv/template/00131/main/btn_more.png') no-repeat center; }
.notice131_2 .btn_more:hover:before { transform: rotate(180deg);}
.notice131_2 .list_box li a, .notice131_2 .btn_more::before { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 포토갤러리 */
.gallery131 {width:100%; height:100%; overflow:hidden; }
.gallery131 h2{ display:block; width:100%; height:45px; line-height:45px; font-family:'NotoM'; font-size:18px; color:#fff; border-radius:20px; padding-left:20px; background:#c62167 url('/images/co/cv/template/00131/main/bg_ptrn.png'); box-sizing:border-box; }
.gallery131 ul{ min-height:150px; background:#f5edf1; border-radius:20px; margin-top:10px; padding:30px 20px 15px; overflow:hidden; border:1px solid #c62167; }
.gallery131 ul li { width:25%; float:left; text-align: center;}
.gallery131 ul li a{ color:#000; }
.gallery131 ul li a:hover{ text-decoration:underline}
.gallery131 ul li a .img {display:block; width:80%; height:120px; margin:0 auto; border:1px solid #c8c8c8; overflow: hidden;}
.gallery131 ul li a .img img { max-width:auto; max-height:100%; }
.gallery131 ul li a .img:hover img { transform: scale(1.1);}
.gallery131 ul li a .txt { display:block; font-family: 'NotoM'; font-size:14px; color:#222; margin-top:10px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.gallery131 .btn_more{ position:absolute; right:0; top:0px; width:45px; height:45px; border-radius:20px; background:#9b164f; font-size:0; line-height:0; text-indent:-9999em; }
.gallery131 .btn_more::before { content:''; display: block; width:45px; height: 45px; background:url('/images/co/cv/template/00131/main/btn_more.png') no-repeat center; }
.gallery131 .btn_more:hover:before { transform: rotate(180deg);}
.gallery131 ul li a .img img, .gallery131 .btn_more::before { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 카테고리 */
.category131 {width:100%; height:100%; overflow:hidden; background:#0582c0; border-radius:20px;}
.category131 h2 { font-size:0; line-height:0; text-indent:-9999em; } 
.category131 ul{ width:100%; height:230px; overflow-y:auto; }
.category131 li { position: relative; width:100%; border-bottom:1px dashed #449cc7; box-sizing: border-box; overflow: hidden;}
.category131 li:hover { background:#024668; }
.category131 li a { display: table; width:100%; height:56px; color:#fff; font-size:16px; overflow: hidden; }
.category131 li a .img { position:absolute; top:10px; left:10px; display:block; width:40px; height:40px; border-radius:20px; background:#dff3fd; text-align:center;}
.category131 li a .img img { width:29px; height:22px; margin-top:8px; }
.category131 li a:hover img { transform:rotateY(360deg);}
.category131 li a span { display: table-cell; vertical-align: middle; font-family: 'NotoM'; padding:0 10px 0 65px; overflow: hidden;}
.category131 li, .category131 li a, .category131 li a img { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }


@media (max-width: 1080px) {



}

@media (max-width: 980px) {	

}


@media (max-width: 800px) {

	/*메인비주얼*/
	.main_visual p img { height:auto; }

	/* 포토갤러리 */
	.gallery131 ul li { width:33.33%; }
	.gallery131 ul li:nth-child(4) { display:none; }

}


@media (max-width: 560px) {

	/* 급훈 */
	.class_slogan131 h2 { padding:0 30px; }
	.class_slogan131 h2 p { display:none; }
	.class_slogan131 div { padding:0 20px 0 70px; }
	
	/* 포토갤러리 */
	.gallery131 ul li { width:50%; }
	.gallery131 ul li:nth-child(3) { display:none; }
	

}


@media (max-width: 480px) {
	
}

