@charset "utf-8";

/* main visual */
.mainVisual .mainSlider_001 {width:100%; height:450px; background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-slide img {width:100%; min-height:100%; height:auto !important; 
								-webkit-animation:none;
	                            -o-animation:none;
	                            animation:none;
	                            -webkit-transform:none;
	                            -o-transform:none;}
.main_wrap {position:relative;}

/* copy */
.copy {position:absolute; left:0; z-index:9; width:100%; word-break:keep-all; opacity:1 !important;}
.copy .text_wrap {display:flex; width:100%; max-width:1300px; height:350px; margin-left:auto; margin-right:auto;}
.copy .inner {display:inline-flex; flex-direction:column; width:600px; padding:0; box-sizing:border-box;}
.copy .tit {font-family:NanumPen; font-weight:400; line-height:110%; color:#111; 
			-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; text-overflow:ellipsis; overflow:hidden;}  
.copy .tit * {font-family:NanumPen;} 
.copy .smallp {font-family:nanumsquareR; font-size:16.5px; line-height:150%; margin-top:20px;}
.copy .smallp strong {font-weight: 400; font-size: 22px; margin-bottom: 15px; display: block;}
.copy .more_btn {color: #fff; font-size: 16px; margin-top: 25px; width: 100%; display: block;}
.copy .more_btn:after {content:"\276D"; font-size:0.95em; margin-left:12px;}

/* img_box */
.copy .img_box {display:inline-flex; flex-flow:row wrap; max-width:650px; height:100%; border-radius:30px; overflow:hidden;}
.copy .img_box img {display:block; max-width:100%; max-height:100% !important;}

/* layout */
.contents > .inner {overflow:initial;}
#template00 > div:first-child {position:relative; padding:50px 0 50px;}
#template00 > div:first-child:before {position:absolute; bottom:100%; content:''; display:block; width:100%; height:104px; background-color:inherit; background-image:url("/sample/template/wide/wide031_m_school/img/pt_dot.png");}
.inner .layout_wrap .div_wrap > div {border-radius:10px; overflow:hidden;}

.copy[style *= "left"] .text_wrap {flex-direction:row !important; justify-content:space-between; align-items:stretch;}
.copy[style *= "right"] .text_wrap {flex-direction:row-reverse !important; justify-content:space-between; align-items:stretch;}
.copy[style *= "center"] .text_wrap {flex-direction:column !important; justify-content:center; align-items:center;} 
.copy[style *= "center"] .text_wrap .inner {position:relative; z-index:2; padding:30px 0 40px; background-color:rgba(255,255,255,0.85); border-radius:20px; box-sizing:border-box;}
.copy[style *= "center"] .text_wrap .img_box {position:absolute; z-index:1; width:100%; max-width:1300px; justify-content:center; align-items:center;}
.copy[style *= "center"] .text_wrap .img_box img {position:absolute; max-height:none !important;}

	@media (max-width:1299px){
		.copy {width:90%; margin-left:5%; margin-right:5%; box-sizing:border-box;}
		.copy .text_wrap,
		.copy[style *= "align"] .text_wrap {flex-direction:column !important; justify-content:center; align-items:center;} 
		.copy .text_wrap .inner,
		.copy[style *= "align"] .text_wrap .inner {position:relative; z-index:2; padding:30px 40px 40px; text-align:center !important; background-color:rgba(255,255,255,0.85); border-radius:20px; box-sizing:border-box;}
		.copy .text_wrap .img_box,
		.copy[style *= "align"] .text_wrap .img_box {position:absolute; z-index:1; width:100%; max-width:1300px; justify-content:center; align-items:center;}
		.copy .text_wrap .img_box img,
		.copy[style *= "align"] .text_wrap .img_box img {position:absolute; max-height:none !important;}
		
		.copy .img_box {max-width:98%; margin-left:auto; margin-right:auto;}
	}
	@media (min-width:1050px){
		.mainVisual .mainSlider_001 .swiper-wrapper {height:100%;}
		.mainVisual .swiper-slide {height:100%;}
		.mainVisual .swiper-slide img {}
		.copy .tit {font-size:80px;} 
	}
	@media (max-width:1049px){
		.mainVisual .swiper-slide {height:100%;}
	}
	@media (min-width:800px) and (max-width:1049px){
		.copy .tit {font-size:60px;}
	}
	@media (max-width:990px){
		.mainVisual .swiper-slide {padding:0;}
		.copy .smallp {font-size:14px;}
		.copy .smallp strong {margin-bottom: 0;}
	}
	@media (max-width:799px){
		.mainVisual .swiper-slide img {min-height:auto;}
		.copy .text_wrap,
		.copy[style *= "align"] .text_wrap {justify-content:flex-end; border-radius:30px; overflow:hidden;} 
		.copy .text_wrap .inner,
		.copy[style *= "align"] .text_wrap .inner {position:relative; z-index:2; width:100%; padding:20px 10px 40px; background-color:rgba(0,0,0,0.75); border-radius:0; box-sizing:border-box;}
		.copy .text_wrap .inner * {color:#fff !important;}
		.copy .text_wrap .img_box,
		.copy[style *= "align"] .text_wrap .img_box {justify-content:flex-start;;}
		.copy .text_wrap .img_box img,
		.copy[style *= "align"] .text_wrap .img_box img {top:0; height:auto !important;}
		
		.copy .tit {font-size:40px;}
		.copy p.smallp {font-size: 15px;}

		#template00 > div:first-child {padding-left:10px; padding-right:10px;}
		#template00 > div {padding-left:10px; padding-right:10px;}
	}
	@media (max-width:599px){
	}
	



.inner_layer {position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; z-index:5; border-radius:30px; box-shadow:5px 10px 15px 0 rgba(0,0,0,0.2); overflow:hidden;}

	@media (min-width:1399px){
		.inner_layer {max-width:1400px;}
	}



/* slide btn */
/*main swiper*/
.mainSlider_001 div.swiper-pagination-center {position:absolute; z-index:1; top:370px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; max-width:1350px;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination {position:relative;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet {display:none; border-radius:0;width: 30px;margin-right: 5px;height: 4px;background: #fff !important;border: 1px solid #333;vertical-align: middle;margin-top: -5px;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet-active {background: #333 !important;border-color: #fff;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}

.mainSlider_001 div.indicator {left:-100px; z-index:10; display:inline-flex !important; padding:15px 20px; background-color:#fff; border-radius:30px; box-sizing:border-box;}
.mainSlider_001 div.indicator button {width:40px; height:40px; margin-left:10px; margin-right:10px; border:0; cursor:pointer; background-color:rgba(0,0,0,0.5); border-radius:50%; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:14px;}
.mainSlider_001 div.indicator button.play {background-image:url('/sample/template/wide/wide031_m_school/img/btn_play.png');}
.mainSlider_001 div.indicator button.stop {background-image:url('/sample/template/wide/wide031_m_school/img/btn_pause.png');}

.mainSlider_001 .btn_arrow {position:initial; width:40px; height:40px; margin-top:0; background-color:rgba(0,0,0,0.5); border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:12px;}
.mainSlider_001 .btn_prev {left:0; background-image:url('/sample/template/wide/wide031_m_school/img/btn_prev.png');}
.mainSlider_001 .btn_next {left:100px; right:auto; background-image:url('/sample/template/wide/wide031_m_school/img/btn_next.png');}

	@media (max-width:1299px){
		.mainSlider_001 div.swiper-pagination-center {max-width:none; width:auto;}
	}


/* special mainslide- in widget setting */
.addpt {background-image:url("/sample/template/wide/wide031_m_school/img/pt_dot.png");}
.inner_layer .overlayout {margin-left:auto; margin-right:auto; box-sizing:border-box;}

.addst.quick005_2 {background:transparent;}
.addst.quick005_2 .qlink_5 .q5link00 .icon {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100px !important; height:100px !important; line-height:normal !important; border-radius:40px; box-shadow:0 3px 15px 0 rgba(30,50,110,0.1);}
.addst.quick005_2 .q5link00 .icon img {max-width:50px;}
.addst.quick005_2 .qlink_5 img {animation:none !important;}

.addst.board122 {background:transparent;}
.addst.board122 ul.board_wrap {background:transparent; border:0;}
.addst.board122 ul.board_wrap > li {width:auto !important;}
.addst.board122 ul.board_wrap > li:not(:first-child) {margin-left:30px;}
.addst.board122 ul.board_wrap > li a.board_name {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; z-index:2; padding:0 10px; height:57px; font-size:20px !important; line-height:normal !important; background:transparent; overflow:initial; border:0;}
.addst.board122 ul.board_wrap > li:not(.active) a.board_name {color:#666 !important;}
.addst.board122 ul.board_wrap > li:not(:first-child) a.board_name:after {position:absolute; top:25px; left:-17px; content:''; display:block; width:5px; height:5px; background:#00000033; border-radius:50%;}
.addst.board122 ul.board_wrap > li.active a.board_name {background:transparent !important; font-weight:600; color: #004fba;}
.addst.board122 ul.board_wrap > li.active a.board_name:before {position:absolute; left:0; bottom:13px; z-index:1; content:''; display:block; width:100%; height:10px; background-color:currentcolor; opacity:.3; border-radius:5px;}
.addst.board122 ul.board_wrap > li.active div ul {padding:0; background:transparent; border-top:0;}
.addst.board122 ul.board_wrap ul li:first-child a p.tit {padding-bottom:0; font-weight:600; color:#333; -webkit-transition:color 0.2s; transition:color 0.2s;}
.addst.board122 ul.board_wrap ul li:first-child a:hover p.tit {color:#111;}
.addst.board122 ul.board_wrap ul li:first-child a .txtbox {position:relative; display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:center; height:90px; padding-bottom:0; background-color:#fff; border:0; border-radius:8px; box-sizing:border-box; overflow:hidden;}
.addst.board122 ul.board_wrap ul li:first-child a .txtbox:after {position:absolute; top:0; left:0; content:''; display:block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.15); border-radius:8px; box-sizing:border-box;}
.addst.board122 ul.board_wrap ul li:first-child a span.date {float:none; position:initial; display:inline-flex; justify-content:center; align-items:center; height:100%; padding:0 20px; margin-right:20px; background-color:#557ebe; font-size:15px; color:#fff; box-sizing:border-box;}
.addst.board122 ul.board_wrap > li.active .more_box {top:10px; right:0; width:30px; height:30px; line-height:normal; background:#fff; border-radius:50%; overflow:hidden;}
.addst.board122 ul.board_wrap > li.active .more_box a {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:100%; text-indent:-9999px; color:#333;}
.addst.board122 ul.board_wrap > li.active .more_box a:before,
.addst.board122 ul.board_wrap > li.active .more_box a:after {content:''; background-color:currentcolor;}
.addst.board122 ul.board_wrap > li.active .more_box a:before {width:14px; height:2px;}
.addst.board122 ul.board_wrap > li.active .more_box a:after {position:absolute; width:2px; height:14px; z-index:1;}
.addst.board122 ul.board_wrap ul li a p.tit {display:flex; align-items:center; height:29px; line-height:normal; font-size:15px; letter-spacing:0;}
.addst.board122 ul.board_wrap ul li a p.tit:before {content:''; display:inline-block; width:7px; height:7px; padding:0; margin-right:5px; line-height:normal; background-color:#888; border-radius:50%;}
.addst.board122 ul.board_wrap ul li a span.date {font-size:14px; color:#777;}

.addst.img_rolling01 .rol119_wrap {background-image:none;}

.addst.calendar009 {padding:20px;}
.addst.calendar009 .ym_box {margin-bottom:15px !important;}
.addst.calendar009 .ym_box .ym_box2 div b {font-size:21px !important;}
.addst.calendar009 .dd_box table {border-radius:8px; overflow:hidden;}
.addst.calendar009 .dd_box table thead.week th {padding:8px 0 !important; font-size:13px !important;}
.addst.calendar009 .dd_box table td span {display:inline-flex !important; flex-flow:row wrap; justify-content:center; align-items:center; width:23px; height:23px; line-height:normal; padding:0 !important; box-sizing:border-box;}

.addst.calendar008 {padding:0;}
.addst.calendar008:before {display:none !important;}
.addst.calendar008 .ym_box {float:none; display:flex; justify-content:center; align-items:center; height:60px !important; padding-top:0 !important; background-color:#636CB3;}
.addst.calendar008 .ym_box .ym_box2 div {}
.addst.calendar008 .ym_box .ym_box2 div a {display:block !important; max-width:none !important; vertical-align:initial !important; padding:0 !important;}
.addst.calendar008 .ym_box .ym_box2 div b {font-size:22px !important; letter-spacing:normal; box-sizing:border-box;}
.addst.calendar008 .ym_box .month_next {background-position: -50px -4px;}
.addst.calendar008 .dd_box table {width:calc(100% - 30px); margin-left:auto; margin-right:auto;}
.addst.calendar008 .dd_box table thead.week th {padding:7px 0px !important; border-bottom:1px solid rgba(0,0,0,0.15);}
.addst.calendar008 .dd_box table tbody tr:first-child td {padding-top:5px;}

.addst.school_meals04 .txtbox {float:none; display:flex; justify-content:space-between; align-items:center; height:60px; padding:20px; margin-bottom:20px; box-sizing:border-box;}
.addst.school_meals04 .txtbox h3 {width:calc(100% - 30px); padding:0; font-size:20px;}
.addst.school_meals04 .txtbox a {width:30px; height:30px; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-indent:-99999px; border-radius:50%;}
.addst.school_meals04 .txtbox a:before,
.addst.school_meals04 .txtbox a:after {content:''; background-color:currentcolor;}
.addst.school_meals04 .txtbox a:before {width:14px; height:2px;}
.addst.school_meals04 .txtbox a:after {position:absolute; width:2px; height:14px; z-index:1;}
.addst.school_meals04 .txtbox span.morelink {position:relative; float:none;}
.addst.school_meals04 .cntwrap {position:initial; width:calc(100% - 40px); height:calc(100% - 100px); margin-left:auto; margin-right:auto; background-color:#fff; border-radius:8px; overflow:hidden;}
.addst.school_meals04 .cntwrap img {bottom:5px !important; right:-45px !important;}
.addst.school_meals04 .datebox {padding:12px 20px; background:transparent; font-size:16px; font-weight:600; color:#333; border-bottom:1px solid #ccc; overflow:hidden;}
.addst.school_meals04:after {display:none;}
.addst.school_meals04 .cntbox {height:135px !important; color:#555; box-sizing:border-box;}
.addst.school_meals04 .cntbox .txt_line {height:114px; max-height:none !important; padding-right:70px; box-sizing:border-box;}
.addst.school_meals04 .cntbox .txt_line:before,
.addst.school_meals04 .cntbox .txt_line:after {display:none;}
.addst.school_meals04 .cntbox .txt_line .mlsv_fdNm {margin-top:5px; -webkit-line-clamp:4; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; text-overflow:ellipsis; overflow:hidden; }

.addst.mvp116 {padding:0;}
.addst.mvp116 ul {padding:20px; overflow:hidden;}
.layout_height_M .addst.mvp116 ul li .imgbox {height:80px;}
.addst.mvp116 .titbox {display:flex; justify-content:space-between; align-items:center; height:60px; padding-left:20px; padding-right:20px; background-color:#f88e46; box-sizing:border-box;}
.addst.mvp116 .titbox .tit {line-height:normal; font-size:20px; color:#fff; margin-bottom:0 !important;}
.addst.mvp116 .titbox .more_btn {position:initial; width:30px; height:30px; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-indent:-99999px; border-radius:50%; background-color:#fff;}
.addst.mvp116 .titbox .more_btn:before,
.addst.mvp116 .titbox .more_btn:after {content:''; background-color:currentcolor;}
.addst.mvp116 .titbox .more_btn:before {width:14px; height:2px;}
.addst.mvp116 .titbox .more_btn:after {position:absolute; width:2px; height:14px; z-index:1;}
.addst.mvp116 ul li .gall_tit {color:#121212;}

.addst.logo_slide005 .btnbox > div {border-radius:50%;}


@media (min-width:1400px){
	.inner_layer .overlayout {padding:30px; box-sizing:border-box;}
}
@media (max-width:1399px){
	.inner_layer .overlayout {padding:30px 0 0;}
}
@media (max-width:799px){
	.addst.board122 ul.board_wrap > li a.board_name {font-size:18px !important;}
	.addst.board122 ul.board_wrap > li.active .more_box {top:6px;}
	.addst.board122 ul.board_wrap ul li:first-child a .txtbox {height:80px; margin-bottom:10px;}
	.addst.board122 ul.board_wrap > li.active div ul {top:57px;}
	.addst.school_meals04 {padding-bottom:20px;}
}
@media (max-width:990px){
	.addst.quick005_2 .qlink_5 .q5link00 .icon {width:80px !important; height:80px !important; border-radius:30px;}
	.addst.quick005_2 .q5link00 .icon img {max-width:35px;}
}
@media (max-width:599px){
	.addst.board122 ul.board_wrap ul li:first-child a span.date {text-indent:initial;}
}