@charset "utf-8"; 
/* maintemplate 오산교육재단전용 */
/* 26.01.07 */



/* MAIN VISUAL */
.mainVisual {max-width: 1600px;margin: 0 auto;box-sizing: border-box;border-radius: 20px;overflow:hidden;} 
.mainVisual .mainSlider_001 { /* background: white; */z-index: 0; overflow: hidden; position: relative; margin-bottom: -4px; } 
.mainVisual .mainSlider_001 .slide_wrap { height: 90vh; position: relative; overflow: hidden; width: 100%; display: block; position: relative; transition: height 1s; padding: 0 53px; box-sizing: border-box; } 
.mainVisual .mainSlider_001 .slide_wrap > img { border-radius: 30px; position: absolute; width:100%; margin: auto; object-fit: cover; height: 100%; top: 0; left: 0; } 


/* popimg */
.mainVisual .popImgbox { transform: none; animation: none; max-width: 100%; display: inline-block; animation: tempMVmotion 4s ease-in-out 0s infinite normal forwards; -webkit-animation: tempMVmotion 4s ease-in-out 0s infinite normal forwards; -moz-animation: tempMVmotion 4s ease-in-out 0s infinite normal forwards; -ms-animation: tempMVmotion 4s ease-in-out 0s infinite normal forwards; -o-animation: tempMVmotion 4s ease-in-out 0s infinite normal forwards; animation: tempMVmotion 4s ease-in-out 0s infinite normal forwards; } 
.mainVisual .popImgbox .imgbox { width: 100%; max-width: 1300px; margin: 0 auto; transition: width 1s, max-width 1s; } 
.mainVisual .popImgbox .imgbox img { max-width: 100%; transition: max-width 1s; } 
.mainVisual .mainSlider_001 .slick-slide:not(.slick-active) .popImgbox { display: none; } 

/*
@-webkit-keyframes tempMVmotion { 
 from { margin-top:30px; } 
 55% { margin-top:0; } 
 to { margin-top:30px; } 
 }
@-webkit-keyframes tempMVmotion2 { 
 from { margin-top:45px; } 
 55% { margin-top:20px; } 
 to { margin-top:45px; } 
 }
*/

/* MAIN SLIDE COPY */
.mainVisual .copy { position: absolute; z-index: 9; left:0; width: 100%; word-break: keep-all; } 
.mainVisual .copy .inner { width: 100%; max-width: 1600px; padding: 0; margin: 0 auto; box-sizing: border-box; margin-top: 50px; animation: tempMVmotion2 4s ease-in-out 0s infinite normal forwards; -webkit-animation: tempMVmotion2 4s ease-in-out 0s infinite normal forwards; -moz-animation: tempMVmotion2 4s ease-in-out 0s infinite normal forwards; -ms-animation: tempMVmotion2 4s ease-in-out 0s infinite normal forwards; -o-animation: tempMVmotion2 4s ease-in-out 0s infinite normal forwards; animation: tempMVmotion2 4s ease-in-out 0s infinite normal forwards; } 
.mainVisual .copy .tit { font-family: 'esamanru'; font-weight: 300; line-height: 120%; color: #112572; display: inline-block; position: relative; overflow: hidden; max-width: 100%; text-overflow: ellipsis; transition: font-size 1s; } 
.mainVisual .copy .tit * { font-family: 'esamanru'; } 
.mainVisual .copy .tit strong { font-weight: 600; line-height: 150%; } 
.mainVisual .copy .tit b { position: relative; } 
.mainVisual .copy p.smallp { font-family: 'esamanru'; line-height: 1.8; font-weight: 300; color: #112572; } 
.mainVisual .copy p.smallp * { font-family: 'esamanru'; } 

.mainVisual .copy .inner>
div:nth-of-type(2) { position: relative; display: inline-block; max-width: 100%; } 
.mainVisual .copy .inner>
div:nth-of-type(2) .targetBG { background: rgba(0, 0, 0, 0.1); width: 100%; height: 30px; position: absolute; left: -5px; bottom: 5px; padding: 0 5px; z-index: -1; } 


@media (max-width:1600px){
 .mainVisual .copy .inner { padding: 0 25px; } 
 }


@media (min-width:1300px){
 .mainVisual .mainSlider_001 .slide_wrap {height: 500px;} 
.mainVisual .popImgbox .imgbox { display: block; } 
 .mainVisual .copy {padding:0 30px;}
 }

 @media (max-width:1300px){
 .mainVisual .mainSlider_001 .slide_wrap { height: 50vh; } 
 }
@media (min-width:991px) and (max-width:1299px){
 .mainVisual .popImgbox .imgbox { max-width: 70%; } 
 }

@media (min-width:800px) and (max-width:990px){
 .mainVisual .popImgbox .imgbox { max-width: 50%; display: inline-block; } 
.mainVisual .copy .smallp { font-size: 17px; } 
 }

@media (max-width: 899px){
 .layout_01 .etc002 .txttit,.layout_01 .widequick148 .txtbox .txttit { font-size: 32px !important; } 
.layout_01 .etc002 .txtco { font-size: 14px !important } 
.mainVisual .mainSlider_001 .slide_wrap { height: 40vh; } 
 .mainVisual .copy .tit {font-size: 35px;}
 }

@media (max-width:799px){
 .mainVisual .mainSlider_001 .slide_wrap {min-height: 300px;} 
.mainVisual .copy .inner { margin: 0; } 
 }

@media (min-width:600px) and (max-width:799px){
 .mainVisual .popImgbox .imgbox { width: 60%; } 
.mainVisual .copy { top: 20% !important; } 
.mainVisual .copy .inner>div:nth-of-type(2) .targetBG { height: 15px; } 
 }

 @media (min-width:600px){
 .mainVisual .copy p.smallp { padding-top: 30px; } 
 }

@media (max-width:599px){
 .mainVisual .popImgbox .imgbox { width: 60%; } 
.mainVisual .copy .smallp { font-size: 15px; padding-top: 20px; } 
.mainVisual .copy .inner>div:nth-of-type(2) .targetBG { height: 15px; } 
.etc002 .txtco { font-size: 14px !important } 
 .mainVisual .copy .tit {font-size: 28px;}
 }



/*SLIDE BTN SETTING*/
/* MAIN SLIDE bullet btn */
.mainVisual .swiper-pagination { display: none !important; } 

/*기존슬라이드 불렛버튼*/
.mainVisual .slick-dots { position: absolute; z-index: 10; width: 100%; bottom: 40px; text-align: center; } 
.mainVisual .slick-dots li { margin-left: 8px; width: 16px; height: 16px; opacity: 1; display: inline-block; } 
.mainVisual .slick-dots li:first-of-type { margin-left: 0; } 
.mainVisual .slick-dots li button { text-indent: -999px; overflow: hidden; width: 100%; height: 100%; float: left; background: rgba(255, 255, 255, 0.1); border: 1px solid #333; border-radius: 100%; } 
.mainVisual .slick-dots li.slick-active { width:30px; } 
.mainVisual .slick-dots li.slick-active button { background: #333 !important; border-color: #333; border-radius: 40px; } 

/* MAIN SLIDE PLAY & STOP BTN */
.mainVisual .swiper-pagination-center { /* position: relative; */position: absolute; bottom: 100px; left: 53px; /* transform: translateX(-50%); */width: 100%; max-width: 1300px; text-align: left; } 
.mainVisual div.indicator { z-index: 10; display: inline-block; text-align: right; } 
.mainVisual div.indicator button { width: 12px; height: 12px; border: 0; cursor: pointer; opacity: 1; display:none!important; } 
.mainVisual div.indicator button:focus { opacity: 1; outline: auto; } 
.mainVisual div.indicator button.play { background: url("/sample/img/slide/play.png")no-repeat; text-indent: -9999px; } 
.mainVisual div.indicator button.stop { background: url("/sample/img/slide/stop.png")no-repeat; text-indent: -9999px; } 

/* MAIN SLIDE PREV & NEXT BTN */
.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev { display: none !important; } 

/*기존 버튼*/
.mainVisual .slick-arrow { display: none !important; } 











/* template special SETTING */
.div_wrap.mx-custom { max-width: 1600px; } 
 .hgt400 .layout_height_A { height: 400px; } 
 .hgt400 .layout_height_A .board144 { height: 100%; } 


@media (max-width:799px){
 .layout_block2.mx-custom .layout_02_36:first-child { margin-bottom: 50px !important; } 
 }

@media (max-width:599px){
 .layout_block2.mx-custom .layout_02_36:first-child { margin-bottom: 30px !important; } 
 }

/* .gallery129_slide */
.gallery129_slide.custom { background-color: rgb(255, 255, 255); border: 2px solid rgb(234 240 254); height: 100%; border-radius: 30px; } 
.gallery129_slide.custom .title { color: #333; font-family:'esamanru'; line-height: 80px; font-size: 30px; font-weight:500; padding: 0 15px 0 25px; } 
.gallery129_slide.custom .innerbox .tit { color: #555; font-family:'esamanru'; font-weight: 300; } 
.gallery129_slide.custom>a.morebtn { font-size: 45px; line-height: 74px; font-weight: 900; color: #005bac; margin-right: 25px; padding: 0; } 
.gallery129_slide.custom>a.morebtn:focus { border:none; } 
.gallery129_slide.custom .innerbox { padding: 0 25px 25px; } 
.gallery129_slide.custom .innerbox .text_box .date { color: #b7b7b7; font-family:'esamanru'; font-weight: 400; } 
.gallery129_slide.custom .slick-arrow { color: #333; } 
.gallery129_slide.custom .slick-next { right: 25px; } 
.gallery129_slide.custom .slick-prev { right: 58px; } 
.gallery129_slide.custom .innerbox .imgbox { height: 216px; margin: 14px 0 20px; position: relative; width: 100%; } 
.gallery129_slide.custom .innerbox .imgbox img { object-fit: cover; height: 100%; } 


@media (max-width:899px){
 .gallery129_slide.custom .title { font-size: 25px; } 
.gallery129_slide.custom>a.morebtn { font-size: 40px; margin-right: 25px; } 
 }


/* .board144 */
.board144.custom .mainT { font-weight:500; font-family:'esamanru'; color: #333; line-height: 80px; margin: 0px 33px 0 18px; } 
.board144.custom ul.board_wrap ul li { width:100%; } 
.board144.custom ul.board_wrap>li .more_box { padding-right:0!important; } 
.board144.custom ul.board_wrap>li .more_box a { color: #005bac; font-size: 45px; transition: all .4s; padding: 0 18px 0 10px; } 
.board144.custom ul.board_wrap>li .more_box a:hover { font-weight: 900; } 
.board144.custom ul.board_wrap>li a.board_name { max-width: unset; font-size:20px; font-family:'esamanru'; line-height: 80px; color: #555; } 
.board144.custom ul.board_wrap>li.active a.board_name { color: #e60044; } 
.board144.custom ul.board_wrap>li a.board_name:hover { color: #e60044; } 
.board144.custom ul.board_wrap>li.active .tabTit::after,.board144.custom ul.board_wrap>li:hover .tabTit::after { background: #e60044; } 
.board144.custom ul.board_wrap li div ul { top:80px; height:auto; border-top: 2px solid rgb(234 240 254); } 
.board144.custom ul.board_wrap ul li a { padding: 9.5px 0; display: flex; justify-content: space-between; } 
.board144.custom ul.board_wrap ul li a span.date { font-family: 'esamanru'; flex-shrink: 0; font-weight: 300; font-size: 18px; text-indent: 0; color: #b7b7b7; order: 2; margin: 0; padding-right: 18px; } 
.board144.custom ul.board_wrap ul li a p.tit { font-family: 'esamanru'; order: 1; padding: 0; margin: 0 18px; font-weight: 300; } 
.board144.custom ul.board_wrap ul li a p.tit:hover { font-weight: 400; } 
.board144.custom .line { border-bottom:0; } 
.board144.custom ul.board_wrap>li.active .tabTit::after { left: 7px; } 


@media (max-width:899px){
 .board144.custom .mainT { font-size: 25px; max-width: 40%; } 
.board144.custom ul.board_wrap>li .more_box a { font-size: 40px!important; } 
.board144.custom ul.board_wrap>li a.board_name { font-size:18px!important; } 
.board144.custom ul.board_wrap ul li a span.date { font-size:17px!important; padding-right: 25px; } 
.board144.custom ul.board_wrap ul li a p.tit { font-size:17px!important; margin-left: 25px; } 
 }

@media (max-width:799px){
 .board144.custom ul.board_wrap>li .more_box a { padding-right: 25px !important; } 
 .board144.custom ul.board_wrap li div ul { top:70px!important; } 
 .board144.custom .mainT { line-height: 1 !important; padding: 0 10px 0 25px; margin: 0; } 
 .board144.custom ul.board_wrap>li a.board_name { line-height: 70px!important; } 
 .board144.custom ul.board_wrap ul li a { padding: 9px 0!important; } 
 .board144.custom ul.board_wrap>li.active .more_box { line-height: 59px !important; } 
 .board144.custom ul.board_wrap ul li:nth-child(n+5) { display:block; } 
 .board144.custom ul.board_wrap { width: auto; padding-left:6px; } 
 .board144.custom ul.board_wrap:has(>.li.active:first-of-type) { padding-left:18px; } 
 }


/* .widequick146 */
.widequick146.custom .wq146bg { padding: 40px 0; } 
.widequick146.custom .wq146bg .innerbox { max-width: 100%; } 
.widequick146.custom .txtbox { width: 30%; } 
.widequick146.custom .txtbox .co { font-family: 'esamanru'; font-weight: 500; padding-left:25px; } 
.widequick146.custom .rbox { width: 70%; } 
.widequick146.custom .rbox .ctbox_wrap { display: flex; padding: 0; align-items: center; gap:25px; } 
.widequick146.custom .imgbox { position: relative; height: 190px; width: 40%; text-align: center; box-sizing: border-box; overflow: hidden; border-radius: 20px; } 
.widequick146.custom .imgbox img { position: absolute; width: 100%; object-fit: cover; height: 100%; top: 0; left: 0; } 
.widequick146.custom .rbox .ctbox_wrap .ctit { font-family: 'esamanru'; padding-right:25px; color: #333; box-sizing: border-box; overflow: hidden; } 
.widequick146.custom .rbox .ctbox_wrap .ctit * { font-family: 'esamanru'; } 
.widequick146.custom .rbox .pbtn { color: #005bac; position: absolute; right: 18px; top: 18px; margin-bottom: 0; } 
.widequick146.custom .rbox .wq146link00 { border-radius: 30px; padding:25px; } 
.widequick146.custom .rbox .ctbox_wrap .txtWrap { flex: 1; } 
.widequick146.custom .rbox .ctbox .bContent { font-family: 'esamanru'; word-break: keep-all; font-weight: 300; line-height: 140%; color: #555; } 
.widequick146.custom .rbox .ctbox { display:block; } 
.widequick146.custom .btnbox { width: auto; height: 65px; margin-left: 25px; border-radius: 10px; overflow: hidden; } 
.widequick146.custom .btnbox div { background: #005bac; border-color: #005bac; border-radius: 10px; overflow: hidden; } 
.widequick146.custom .btnbox div a { padding: 0 20px; min-width: 200px; line-height: 65px; font-family: 'esamanru'; font-weight: 300; box-sizing: border-box; height: 100%; } 
.widequick146.custom .btnbox div a:hover { font-weight: 400; } 

@media (max-width:899px){
 .widequick146.custom .txtbox .co { margin-top: 0; font-size: 25px !important; } 
 .widequick146.custom .txtbox { width: 100%; } 
 .widequick146.custom .rbox { width:100%; margin-top: 30px; } 
 .widequick146.custom .rbox .pbtn { font-size: 40px; } 
 .widequick146.custom .rbox .ctbox_wrap { gap:20px; } 
 .widequick146.custom .btnbox { margin-top: 30px !important; height: 60px; } 
 .widequick146.custom .btnbox div a { line-height: 60px; font-size: 16px; } 
 .widequick146.custom .rbox .ctbox_wrap .ctit { padding-right: 40px; } 
 }
 
@media (max-width:799px){
 .widequick146.custom .wq146bg { padding: 25px 0; } 
 .widequick146.custom .txtbox .co.fs40 { margin-top:0; } 
 .widequick146.custom .rbox .pbtn { right: 25px; top:25px; } 
 }

@media (max-width:599px){
 .widequick146.custom .rbox .wq146link00 { width: 100%; margin-right: 0 !important; } 
 .widequick146.custom .rbox .wq146link00 + .wq146link00 { margin-top:20px; } 
 .widequick146.custom .imgbox { height: 160px; } 
 }

@media (max-width: 380px){
 .widequick146.custom .rbox .wq146link00:nth-last-child(2) { margin-bottom: 0; } 
 .widequick146.custom .rbox .ctbox_wrap .ctit { margin-bottom:0; font-size: 19px; } 
 }

/* .bnrSlide006 */
.bnrSlide006.custom .wzwg-banner-slide-info { border: 2px solid rgb(234 240 254); box-sizing: border-box; } 
.bnrSlide006.custom .slick-slide a:hover { text-decoration: none; } 
.border-radius .bnrSlide006.custom { border-radius: 15px; } 


/* bnrSlide005 */
.bnrSlide005.custom .slick-arrow { border:none; border-radius: 20px; width: 40px; height: 40px; background: #eaf0fe; } 
.bnrSlide005.custom .slick-arrow::before { content: ""; width: 7px; height: 7px; display: inline-block; border-style: solid; border-width: 3px 3px 0px 0px; border-color: #005bac; position: absolute; top: 15px; left: 13px; transform: rotate(45deg); } 
.bnrSlide005.custom .slick-prev::before { border-width: 0px 0px 3px 3px; left: 17px; } 
.bnrSlide005.custom .imgbox { border-radius: 10px; border: 2px solid rgb(234 240 254); } 
.bnrSlide005.custom .slick-arrow:not(.slick-disabled):hover { background-color: #0000001c; }