@charset "utf-8";

/* 교훈 */
.class_slogun133 {position:relative;width:100%; height:100%;border-radius:50px; background:url(/images/co/cv/template/00133/main/133class_slogun_bg.png) no-repeat;background-size:100% 100%;line-height:90px;box-shadow:rgba(0,0,0,0.3) 5px 5px 5px;}
.class_slogun133 .slogun_img {width:81px; height:79px; }
.class_slogun133 .slogun_img img {position:absolute; top:-12px; left:-46px; width:81px; height:79px;}
.class_slogun133 h2 {position:absolute;top:0;left:30px;line-height:90px; text-align:center; font-size:24px; color:#fff; letter-spacing:-1px;font-family:"NotoM";}
.class_slogun133 h2:before{display:block;position:absolute;top:45px;left:70px;width:40px;height:1px;background-color:#afcced;content:"";}
.class_slogun133 p {overflow-x:hidden;overflow-y:auto;height:90px;padding-left:32%;padding-right:20px;font-family:"NotoM"; font-size:20px; color:#fff;}

/* 로그인 알림창 */
.loginNotice133{display:table;width:100%;height:100%;background:#25b494;border-radius:20px;}
.loginNotice133 .inner{display:table-cell;overflow:hidden;height:100%;text-align:center;vertical-align:middle;}
.loginNotice133 .inner .imgbox{margin-bottom:14px;}
.loginNotice133 .inner .imgbox img{width:50px;height:56px;}
.loginNotice133 .inner .txt{color:#fff;font-size:18px;line-height:25px;}
.loginNotice133 .inner .txt span{color:#fff799;font-family:"NotoM";}

/* 메인 비주얼 */
.main_visual{position:relative;height:100%;background:url(/images/co/cv/template/00133/main/M_visual_bg.png) no-repeat;background-size:cover;}
.main_visual:before{display:block;position:absolute;bottom:0;left:0;width:100%;height:76px;background:url(/images/co/cv/template/00133/main/M_visual_bg_02.png) no-repeat;background-size:100% 100%;content:"";}
.main_visual > p{height:100%;text-align:center;}

/* 게시판01 */
.notice133{position:relative;width:100%;height:100%;padding:20px;border:1px solid #d2d2d2; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px;box-sizing:border-box;}
.notice133 h2{margin-bottom:5px;margin-right:30px;background:url(/images/co/cv/template/00133/main/133notice_btn_more_line_01.png) no-repeat right 24px;font-size:22px; font-family:"NotoM"; line-height:35px;color:#357acf;}
.notice133 h2 span{display:inline-block;padding-right:20px;background-color:#fff;}
.notice133 .list_box{overflow:hidden;}
.notice133 .list_box li{position:relative;padding-left:15px;background:url(/images/co/cv/template/00133/main/133notice_bul_01.png) no-repeat left center;line-height:28px;}
.notice133 .new_ico{width:20px;height:20px;margin-right:6px;}
.notice133 .list_box li a{display:block;overflow:hidden;margin-right:90px;text-overflow:ellipsis; white-space:nowrap;color:#444;font-size:15px;}
.notice133 .list_box li a:hover{text-decoration:underline;}
.notice133 .list_box li a.new{position:relative;padding-left:25px;}
.notice133 .list_box li a.new:before{display:block;position:absolute;top:6px;left:0;width:20px;height:20px;background:url(/images/co/cv/template/00133/main/133notice_new_ico.png) no-repeat;content:"";}
.notice133 .list_box li span.date{position:absolute;top:0;right:0;color:#777;font-size:15px;}
.notice133 .btn_more{position:absolute; top:29px;right:30px; width:31px; height:31px;background-color:#357acf;-webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;border-radius:50%;}
.notice133 .btn_more:after{display:block;position:absolute;top:50%;left:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;background:url(/images/co/cv/template/00133/main/133notice_btn_more.png) no-repeat;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;content:"";}
.notice133 .btn_more:hover:after{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

/* 게시판02 */
.notice133_02 {position:relative;width:100%;height:100%;padding:20px;border:1px solid #d2d2d2; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px;box-sizing:border-box;}
.notice133_02 h2{margin-bottom:5px;margin-right:30px;background:url(/images/co/cv/template/00133/main/133notice_btn_more_line_02.png) no-repeat right 24px;font-size:22px; font-family:"NotoM"; line-height:35px;color:#4eba4e;}
.notice133_02 h2 span{display:inline-block;padding-right:20px;background-color:#fff;}
.notice133_02 .list_box{overflow:hidden;}
.notice133_02 .list_box li{position:relative;padding-left:15px;background:url(/images/co/cv/template/00133/main/133notice_bul_02.png) no-repeat left center;line-height:28px;}
.notice133_02 .new_ico{width:20px;height:20px;margin-right:6px;}
.notice133_02 .list_box li a{display:block;overflow:hidden;margin-right:90px;text-overflow:ellipsis; white-space:nowrap;color:#444;font-size:15px;}
.notice133_02 .list_box li a:hover{text-decoration:underline;}
.notice133_02 .list_box li a.new{position:relative;padding-left:25px;}
.notice133_02 .list_box li a.new:before{display:block;position:absolute;top:6px;left:0;width:20px;height:20px;background:url(/images/co/cv/template/00133/main/133notice_new_ico.png) no-repeat;content:"";}
.notice133_02 .list_box li span.date{position:absolute;top:0;right:0;color:#777;font-size:15px;}
.notice133_02 .btn_more{position:absolute;top:29px;right:30px;width:31px;height:31px;background-color:#4eba4e;-webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;border-radius:50%;}
.notice133_02 .btn_more:after{display:block;position:absolute;top:50%;left:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;background:url(/images/co/cv/template/00133/main/133notice_btn_more.png) no-repeat;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;content:"";}
.notice133_02 .btn_more:hover:after{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

/* 카테고리 */
.category133{height:100%;padding:10px 25px;background:#418be5;border-radius:20px;box-sizing:border-box;}
.category133 ul{overflow-y:auto;height:100%;}
.category133 ul li{overflow:hidden;max-height:63px;box-sizing:border-box;}
.category133 ul li + li{border-top:1px dashed rgba(255,255,255,0.8);}
.category133 ul li a{display:table;position:relative;width:100%;height:63px;box-sizing:border-box;}
.category133 ul li:first-child a{padding-top:0;}
.category133 ul li a .imgbox{display:inline-block;position:absolute;top:6px;left:0;width:50px;height:50px;border-radius:50%;background:#3776c3;line-height:50px;text-align:center;vertical-align:middle;-ms-transition:all 0.3s;transition:all 0.3s;}
.category133 ul li a:hover .imgbox{background:#255ea2;}
.category133 ul li a .imgbox img{width:35px;height:25px;}
.category133 ul li a .txt{display:table-cell;padding-left:67px;color:#fff;font-size:17px;line-height:20px;vertical-align:middle;}
.category133 ul li a:hover .txt{text-decoration:underline;}

/* 포토갤러리 */
.gallery133{position:relative;width:980px;margin:0 auto;}
.gallery133 .tit_wrap{ position:absolute; top:60px; left:0; width:260px; height:260px;padding-top:80px;padding-left:40px;background:url(/images/co/cv/template/00133/main/133gallery_tit.png) no-repeat;-webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;border-radius:50%;box-sizing:border-box;}
.gallery133 .tit_wrap h2{margin-bottom:27px;font-size:20px; font-family:"NotoM"; color:#fff;}
.gallery133 ul{position:relative;height:289px;padding-top:80px;margin-left:150px;box-sizing:border-box;}
.gallery133 ul li{position:relative;float:left;width:31%;height:180px;margin-left:3.5%;margin-top:20px;}
.gallery133 ul li:first-child{margin-left:0;}
.gallery133 ul li a.imgbox{display:block;overflow:hidden;height:100%;-webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px; border-radius:35px;box-shadow:rgba(0,0,0,0.3) 5px 5px 5px;}
.gallery133 ul li a.imgbox img{width:100%;height:100%;}
.gallery133 ul li .btn_more{ display:block; position:absolute; bottom:-9px; right:-6px; width:35px; height:35px; background:#001b3b;-webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;border-radius:50%;}
.gallery133 ul li .btn_more:before{ display:block; position:absolute; top:50%; left:50%; width:17px; height:17px; margin:-8.5px 0 0 -8.5px; background:url(/images/co/cv/template/00133/main/133gallery_btn_more.png) no-repeat;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s;content:"";}
.gallery133 ul li a.imgbox:hover + .btn_more:before{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.gallery133 ul li .btn_more:hover:before{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }

@media(max-width: 1080px){

	#container,
	.main_content,
	.class_slogun133, .notice133, .notice133_02,.category133, .schedule133, .schedule133 .inner{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
		
	.main_content {width:100%;min-height:100%;}
	
	.main_visual,.notice133, .notice133_02, .class_slogun133, .m_login_box133, .category133,
	.schedule133, .gallery133{-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:before{background-position:bottom;background-size:100% auto;}
	.main_visual img{width:100%;}

	/* 교훈 */
	.class_slogun133 h2{line-height:88px;}
	.class_slogun133 p{height:88px;font-size:18px;line-height:88px;}

	/* 카테고리 */
	.category133{height:150px;}
	.category133 ul:after{display:block;clear:both;content:"";}
	.category133 ul li{float:left;width:50%;}
	.category133 ul li:nth-child(2){border-top:0;}
	.category133 ul li a{width:95%;}
	.category133 ul li a .txt{font-size:16px;}

	/* 포토갤러리 */
	.gallery133{width:95%;}
	.gallery133 ul{margin-left:198px;}

	/* 로그인 알림창 */
	.loginNotice133 .inner{padding:15px;}
	.loginNotice133 .inner .txt br{display:none;}
	
}

@media (max-width: 800px) {

	/* 게시판01 */
	.notice133 h2{background-position-y:20px;font-size:18px;}
	.notice133 .list_box li a,
	.notice133 .list_box li span.date{font-size:14px;}
	.notice133 .btn_more{right:25px;}
	
	/* 게시판02 */
	.notice133_02 h2{background-position-y:20px;font-size:18px;}
	.notice133_02 .list_box li a,
	.notice133_02 .list_box li span.date{font-size:14px;}
	.notice133_02 .btn_more:before{width:130px;}
	.notice133_02 .btn_more{right:25px;}

	/* 포토갤러리 */
	.gallery133 ul{overflow:hidden;}
	.gallery133 ul li{width:48%;margin-left:2.5%;}

}

@media (max-width: 560px) {

	/* 교훈 */
	.class_slogun133 h2{left:25px;line-height:75px;font-size:20px;}
	.class_slogun133 h2:before{display:none;}
	.class_slogun133 p{height:75px;padding-left:28%;font-size:14px;line-height:75px;}

	/* 카테고리 */
	.category133{height:276px;}
	.category133 ul li{float:none;width:100%;}
	.category133 ul li:nth-child(2){border-top:1px dashed rgba(255,255,255,0.8);}

	/* 포토갤러리 */
	.gallery133 .tit_wrap{position:relative;top:auto;left:auto;width:auto;height:auto;padding-top:30px;padding-left:33px;background-image:none;}
	.gallery133 .tit_wrap h2{margin-bottom:0;font-size:18px;color:#333;}
	.gallery133 .tit_wrap img{position:absolute;top:30px;left:0;width:24px;height:23px;}
	.gallery133 ul{margin-left:0;padding-top:24px;height:233px;}
	.gallery133 ul li{margin-top:0;margin-bottom:30px;}
	.gallery133 ul li .btn_more{right:0;}

	/* 로그인 알림창 */
	.loginNotice133 .inner .txt{font-size:16px;}
}

@media (max-width: 480px) {

	/* 카테고리 */
}

@media (max-width: 380px) {

	/* 포토갤러리 */
	.gallery133 ul li{float:none;width:98%;margin-left:0;}
}