@charset "utf-8";
/****************************************/
/* Name: 금정다행복교육지구
/* PART: CONTENTS STYLE 
/* Version: 1.0 / day: 2021-02-17
/* Author: imtec 
/****************************************/

/* 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/*
================================================================================
메인콘텐츠
================================================================================
*/

.mConBox{margin:0 auto;max-width:1200px}
.mConBox::after{display:block;clear:both;content:''}

.mToptxt {position:absolute; top:20px; left:20px; background:rgba(0,0,0,0.5); color:#fff; font-size:14px; padding:4px 12px;}

.mTopCon{padding:70px 30px 0;height:630px;background:url('/img/happyedu/main/m_visual_bg(2024).jpg') no-repeat center top;background-size:cover}

.mCon1{position:relative;float:left;max-width:800px;width:66.7%;overflow:hidden;border-radius:20px 0 0 0}
.mCon1 .popSlide ul li img{height:100%}
.mCon1 .control{position:absolute;bottom:30px;right:30px;padding:0 20px;line-height:60px;background:#fff;box-shadow:4px 4px 5px rgba(0,0,0,0.1);border-radius:0 20px;z-index:30}
.mCon1 .control .mPage1{display:inline-block;padding:0 15px;font-family: 'NanumSquare';font-size:15px;color:#000;font-style:italic;vertical-align:middle}
.mCon1 .control .mPage1 .swiper-pagination-current{font-size:18px;font-weight:bold;}
.mCon1 .control button{position:relative;width:30px;height:30px;text-indent:-999px;overflow:hidden;vertical-align:middle;background-repeat:no-repeat;background-position:center center}
.mCon1 .control .prevSlide1{background-image:url('/img/happyedu/main/ic_pop_before.png') }
.mCon1 .control .nextSlide1{background-image:url('/img/happyedu/main/ic_pop_next.png') }
.mCon1 .control .stopSlide1{background-image:url('/img/happyedu/main/ic_pop_stop.png') }
.mCon1 .control .startSlide1{background-image:url('/img/happyedu/main/ic_pop_play.png') }

.mCon2{position:relative;float:right;max-width:400px;width:33.3%;height:560px;background:#1c2f40;border-radius:0 20px 0 0}
.mCon2 .sch_moth{position:relative;padding:50px 50px 30px;height:370px}
.mCon2 .sch_moth::after{display:block;clear:both;content:''}
.mCon2 .sch_moth h2{display:inline-block;margin-bottom:20px;font-family: 'NanumSquare',sans-serif;font-size:32px;color:#fff;font-weight:700}
.mCon2 .sch_moth .contral{float:right;}
.mCon2 .sch_moth .contral button{position:relative;width:30px;height:30px;text-indent:-999px;overflow:hidden;vertical-align:middle;background-repeat:no-repeat;background-position:center center}
.mCon2 .sch_moth .contral .btn_sch_prev{background-image:url('/img/happyedu/main/ic_sch_before.png')}
.mCon2 .sch_moth .contral .btn_sch_next{background-image:url('/img/happyedu/main/ic_sch_next.png')}
.mCon2 .sch_moth .schTable{color:#d4d7db;text-align:center;}
.mCon2 .sch_moth .schTable thead th{height:35px;width:14.28%}
.mCon2 .sch_moth .schTable tbody td{padding:4px 0;height:32px}
.mCon2 .sch_moth .schTable tbody td span{display:inline-block;width:32px;line-height:32px}
.mCon2 .sch_moth .schTable tbody td.today span{background:#131d2a;border-radius:50%}
.mCon2 .sch_moth .schTable tbody td a{position:relative;display:inline-block;width:32px;line-height:32px}
.mCon2 .sch_moth .schTable tbody td.on a::before{position:absolute;top:2px;right:2px;width:5px;height:5px;content:'';background:#ff84a1;border-radius:50%}
.mCon2 .sch_view{padding-bottom:45px;border-top:1px solid rgba(255,255,255,0.12)}
.mCon2 .sch_view dt{margin-bottom:5px;padding:20px;font-family: 'NanumSquare',sans-serif;font-size:18px;color:#fff;text-align:center;line-height:1}
.mCon2 .sch_view dd ul{padding:0 50px 10px;height:80px;overflow:auto}
.mCon2 .sch_view dd ul li{position:relative;margin-bottom:5px;color:#fff; padding-left:12px;}
.mCon2 .sch_view dd ul li a{display:block;/*padding-left:12px;*/color:#fff;}
.mCon2 .sch_view dd ul li::before{position:absolute;top:8px;left:0;width:5px;height:5px;content:'';background:#ff84a1;border-radius:50%}
.mCon2 .sch_view dd .btn{position:absolute;left:0;bottom:0;width:100%}
.mCon2 .sch_view dd .btn a{display:block;color:#fff;text-align:center;background:#142338}
.mCon2 .sch_view dd .btn a span{display:inline-block;padding-right:33px;line-height:45px;background:url('/img/happyedu/main/ic_more2.png') no-repeat right center}

.mBotCon{position:relative;padding:50px 30px 100px;overflow:hidden;background:url('/img/happyedu/main/m_con_bg1.png') no-repeat right top, url('/img/happyedu/main/m_con_bg2.png') no-repeat left 80%;background-color:#f8f8f8;}

.mCon3{margin-bottom:155px;}
.mCon3 ul::after{display:block;clear:both;content:''}
.mCon3 ul li{position:relative;float:left;padding:190px 10px 0;width:33.33%;height:235px;background-repeat:no-repeat;background-position:left center;}
.mCon3 ul li a{display:block;margin:0 auto;max-width:300px;}
.mCon3 ul li dl{position:relative;padding:25px 10px 25px 30px;color:#fff;overflow:hidden;border-radius:0 0 0 20px;box-shadow:5px 5px 10px rgba(0,0,0,0.1);transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.mCon3 ul li dl dt{margin-bottom:15px;font-family: 'NanumSquare',sans-serif;font-size:20px;font-weight:bold;line-height:1}
.mCon3 ul li dl .btnMore{position:absolute;top:0;right:0;display:block;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('/img/happyedu/main/ic_more.png') no-repeat center center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.mCon3 ul li.bg1{background-color:#d5e8f3;background-image:url('/img/happyedu/main/m_q_bg1.jpg')} 
.mCon3 ul li.bg2{background-color:#f8dddb;background-image:url('/img/happyedu/main/m_q_bg2.jpg')} 
.mCon3 ul li.bg3{background-color:#faf4e4;background-image:url('/img/happyedu/main/m_q_bg3.jpg')} 
.mCon3 ul li.bg1 dl{background:#4279c1}
.mCon3 ul li.bg2 dl{background:#d36c64}
.mCon3 ul li.bg3 dl{background:#9e9278}
.mCon3 ul li.bg1 dl .btnMore{background-color:#35619a}
.mCon3 ul li.bg2 dl .btnMore{background-color:#c7564d}
.mCon3 ul li.bg3 dl .btnMore{background-color:#8b7c5c}
.mCon3 ul li.bg1 a:hover dl{background:#35619a}
.mCon3 ul li.bg2 a:hover dl{background:#c7564d}
.mCon3 ul li.bg3 a:hover dl{background:#8b7c5c}
.mCon3 ul li a:hover dl .btnMore{transform:rotate(90deg)}

.mCon4{position:relative;float:left;margin-bottom:80px;padding-right:20px;width:58%;overflow:hidden}
.mCon4 h2{margin-bottom:25px;font-family: 'NanumSquare',sans-serif;font-size:32px;color:#000;font-weight:bold;line-height:1}
.mCon4 .con1{margin:0 -20px 30px}
.mCon4 .con1::after{display:block;clear:both;content:''}
.mCon4 .con1 li{float:left;padding:0 20px;width:50%}
.mCon4 .con1 li .box{padding:35px;background:#fff;border:1px solid #fff;border-radius:0 20px;box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.mCon4 .con1 li .box .tit{display:block;margin-bottom:15px;font-size:24px;color:#000;font-family:'NanumSquare',sans-serif;font-weight:bold;line-height:1.2;overflow: hidden; white-space: normal;height:55px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mCon4 .con1 li a .box:hover {border:1px solid #000;}
.mCon4 .con1 li a:hover .box .tit{text-decoration:underline}
.mCon4 .con1 li .box .txt{display:block;margin-bottom:20px;overflow: hidden; white-space: normal;height:42px; line-height:1.4;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mCon4 .con1 li .box .data{display:block;text-align:right;line-height:1}
.mCon4 .con2 li{position:relative;padding:0 120px 0 20px;font-family:'NanumSquare',sans-serif; color:#333;font-size:17px;line-height:50px;border-bottom:1px solid #ececec}
.mCon4 .con2 li a{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:bold;}
.mCon4 .con2 li a:hover{text-decoration:underline}
.mCon4 .con2 li .data{position:absolute;top:0;right:20px}
.mCon4 .btnMore{position:absolute;top:0;right:20px;}
.mCon4 .btnMore a{display:block;padding:0 30px 7px 0;line-height:1;background:url('/img/happyedu/main/ic_more3.png') no-repeat right center;border-bottom:1px solid #000;}

.mCon5{position:relative;float:right;padding-left:70px;max-width:450px;width:40%}
.mCon5::after{position:absolute;top:60px;left:0;width:1000px;height:400px;content:'';background-image: linear-gradient(to right, #00a98b , #00998e);border-radius:0 0 0 20px}
.mCon5 .mPhoto{position:relative;margin-bottom:30px;z-index:2}
.mCon5 .mPhoto ul li .photo{position:relative;margin-bottom:30px;height:240px;overflow:hidden;}
.mCon5 .mPhoto ul li .photo a{display:block}
.mCon5 .mPhoto ul li .photo img{width:100%;transition:all 0.3s ease;-webkit-transition:all 0.3s ease}
.mCon5 .mPhoto ul li .photo a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.mCon5 .mPhoto ul li .infor{color:#fff}
.mCon5 .mPhoto ul li .infor .part{display:block;margin-bottom:20px;font-family: 'NanumSquare',sans-serif;font-size:20px;line-height:1}
.mCon5 .mPhoto ul li .infor .tit{display:block;margin-bottom:20px;font-family: 'NanumSquare',sans-serif;font-size:22px;line-height:1;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mCon5 .mPhoto ul li .infor .data{display:block;padding-left:27px;line-height:20px;background:url('/img/happyedu/main/ic_sch.png') no-repeat left center;letter-spacing:0;}
.mCon5 .control{position:relative;text-align:right;z-index:2}
.mCon5 .control .mPage2{display:inline-block;padding:0 25px;font-family: 'NanumSquare';font-size:17px;color:#fff;font-style:italic;vertical-align:middle}
.mCon5 .control .mPage2 .swiper-pagination-current{font-size:22px;font-weight:bold;}
.mCon5 .control button{position:relative;width:45px;height:18px;text-indent:-999px;overflow:hidden;vertical-align:middle;background-repeat:no-repeat;background-position:center center}
.mCon5 .control .prevSlide2{background-image:url('/img/happyedu/main/ic_gal_before.png') }
.mCon5 .control .nextSlide2{background-image:url('/img/happyedu/main/ic_gal_next.png') }
.mCon5 .btnMore{position:absolute;top:210px;right:0;z-index:30}
.mCon5 .btnMore a{display:block;width:60px;height:60px;text-indent:-999px;overflow:hidden;background:#2a9681 url('/img/happyedu/main/ic_more.png') no-repeat center center;}

.mCon6{clear:both;overflow:hidden}
.mCon6 ul{margin:0 -10px}
.mCon6 ul::after{display:block;clear:both;content:''}
.mCon6 ul li{float:left;padding:0 10px;width:50%}
.mCon6 ul li a{position:relative;display:block;padding:40px 115px 0 190px;height:140px;background-color:#ffd360;background-repeat:no-repeat;background-position:58px center;border:1px solid #ffd360; color:#362700;}
.mCon6 ul li a::after{position:absolute;top:50%;right:60px;width:54px;height:32px;content:'';background:url('/img/happyedu/main/ic_more4.png') no-repeat;background-size:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.mCon6 ul li.ic2 a {color:#281300;}
.mCon6 ul li .tit{display:block;margin-bottom:15px;font-family:'NanumSquare',sans-serif;font-size:22px;font-weight:bold;line-height:1}
.mCon6 ul li .txt {letter-spacing:-1.5px;}
.mCon6 ul li.ic1 a{background-image:url('/img/happyedu/main/ic_q1.png')}
.mCon6 ul li.ic2 a{background-image:url('/img/happyedu/main/ic_q2.png');background-color:#ffaf5f;border:1px solid #ffaf5f;}
.mCon6 ul li.ic1 a:hover,
.mCon6 ul li.ic2 a:hover {border:1px solid rgba(0, 0, 0, 0.3);}

.mBanner{padding:0 20px;background:#fff}
.mBanner .box{position:relative;margin:0 auto;padding:30px 50px 30px 125px;max-width:1200px}
.mBanner .box .mbanSlide li{text-align:center}
.mBanner .box .control .lt{position:absolute;top:50%;left:0;margin-top:-19px}
.mBanner .box .control button{margin-right:-1px;width:38px;height:38px;text-indent:-999px;vertical-align:middle;overflow:hidden;background-repeat:no-repeat;background-position:center center;border:1px solid #cacaca;z-index:10}
.mBanner .box .control .btnMoe{display:inline-block;vertical-align:middle}
.mBanner .box .control .btnMoe a{display:block;width:38px;height:38px;text-indent:-999px;overflow:hidden;background:url('/img/happyedu/main/ic_ban_list.png') no-repeat center center;border:1px solid #cacaca;}
.mBanner .box .control .prevSlide3{background-image:url('/img/happyedu/main/ic_ban_before.png')}
.mBanner .box .control .nextSlide3{position:absolute;top:50%;right:0;margin-top:-19px;background-image:url('/img/happyedu/main/ic_ban_next.png')}
.mBanner .box .control .stopSlide3{background-image:url('/img/happyedu/main/ic_ban_stop.png')}
.mBanner .box .control .startSlide3{background-image:url('/img/happyedu/main/ic_ban_play.png')}


/*
================================================================================
메인콘텐츠 반응형
================================================================================
*/


 /* Tablet Device */
@media all and (max-width:1200px){

	.mToptxt {display:none;}

	.mBotCon{ background-image:none;}

	.mTopCon{padding-top:30px;height:auto;background-size:auto 630px}
	.mCon1{float:none;width:100%;max-width: none;}
	.mCon1 .popSlide ul li img{height:auto;width:100%}
	.mCon2{display:flex;float:none;width:100%;height:auto;max-width:none}
	.mCon2::after{display:block;clear:both;content:''}
	.mCon2 .sch_moth{width:50%;border-right:1px solid rgba(0,0,0,0.26)}
	.mCon2 .sch_view{position:relative;width:50%;border-left:1px solid rgba(255,255,255,0.12)}
	.mCon2 .sch_view dd ul{height:100%}
	
	.mCon3{margin-bottom:50px}
	.mCon3 ul li{float:none;padding:60px 60px 0 0;width:100%}
	.mCon3 ul li a{float:right;max-width:none;width:300px}

	.mCon4{float:none;width:100%;max-width:none}

	.mCon5{margin-bottom:100px;padding-left:40px}
	.mCon5{float:none;width:100%;max-width:none}
	.mCon5 .mPhoto ul li .photo{float:left;width:55%}
	.mCon5 .mPhoto ul li .infor{float:right;width:45%;padding: 85px 0 0 30px;}
	.mCon5 .btnMore{top: auto;bottom:0;left:calc(55% - 40px);right:auto}
	.mCon5 .control{position:absolute;right:0;bottom:0}
	.mCon5::after{top: 40px;width:120%;height:100%}

	.mCon6 ul li{float:none;margin-bottom:20px;width:100%}
	
}

 /* Mobile Device */
@media all and (max-width:750px){


}

 /* Mobile Device */
@media all and (max-width:640px){

	.mBotCon{padding:20px 20px 30px;}

	.mTopCon{padding:20px;height:auto;background-size:cover}
	.mCon1 .control{bottom: 10px;right: 10px;padding: 0 10px;line-height: 40px;}
	.mCon1 .control .mPage1{padding: 0 5px;font-size: 13px;}
	.mCon1 .control .mPage1 .swiper-pagination-current{font-size:16px}
	.mCon1 .control button{width: 25px;height: 25px;background-size:8px}
	.mCon2{display:block}
	.mCon2 .sch_moth{padding: 30px 20px;width:100%;height:auto}
	.mCon2 .sch_moth h2{margin-bottom: 10px;font-size: 24px;}
	.mCon2 .sch_view{width:100%}
	.mCon2 .sch_view dt{padding:15px;font-size:16px}
	.mCon2 .sch_view dd ul{padding: 0 20px 10px;}
	
	.mCon3{margin-bottom:30px}
	.mCon3 ul li{margin-bottom:65px;padding:0;height:170px;background-size:contain}
	.mCon3 ul li dl{position:absolute;left:0;bottom:-45px;padding: 20px 25px;width:100%}
	.mCon3 ul li dl dt{margin-bottom:0;font-size:18px}
	.mCon3 ul li dl dd.txt{display:none}
	
	.mCon4{margin-bottom:40px}
	.mCon4 h2{margin-bottom: 15px;font-size: 26px;}
	.mCon4 .con1{margin: 0 0 10px;}
	.mCon4 .con1 li{float:none;padding:0;width:100%}
	.mCon4 .con1 li:nth-child(2){display:none}
	.mCon4 .con1 li .box{padding:25px}
	.mCon4 .con1 li .box .tit{margin-bottom: 10px;height: 50px;font-size: 22px;}
	.mCon4 .con2 li{padding: 0 90px 0 0;font-size: 15px;line-height: 40px;}
	.mCon4 .con2 li .data{right:0}

	.mCon5{margin-bottom:30px;padding:0 0 20px 20px}
	.mCon5 .mPhoto{margin-bottom:10px}
	.mCon5 .mPhoto ul li .photo{float:none;width:100%}
	.mCon5 .mPhoto ul li .infor{float:none;width:100%;padding: 0;}
	.mCon5 .mPhoto ul li .infor .part{margin-bottom: 10px;font-size: 18px;}
	.mCon5 .mPhoto ul li .infor .tit{margin-bottom: 10px;font-size:20px}
	.mCon5 .control{position:relative;}
	.mCon5 .btnMore{bottom:auto;top:45%;left:auto;right:0}
	.mCon5 .btnMore a{width:50px;height:50px}
	.mCon5::after{height:calc(100% - 40px)}
	
	.mCon6 ul li{margin-bottom:10px}
	.mCon6 ul li a{padding: 5px 60px 0 100px;height:100px;line-height:100px;background-position: 20px center;background-size: 60px;}
	.mCon6 ul li .tit{display:inline-block;font-size:18px;line-height:1.3;vertical-align:middle}
	.mCon6 ul li .tit span{display:block}
	.mCon6 ul li .txt{display:none}
	.mCon6 ul li a::after{right: 20px;}

	.mBanner .box{padding: 30px 40px 30px 120px;}


}


/*
================================================================================
서브콘텐츠
================================================================================
*/


/* 서브 공통 */
.conTopCommonBox{
	width: 100%; height: 300px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 105px;
	text-align: center;
}
.conTopCommonBox::after{
	content: ""; display: inline-block; position: absolute;
	background-repeat: no-repeat;	
	background-position: 0 0;
	bottom: -32px; left: 50%; margin-left: -32px;
	width: 64px; height: 64px;
}
.conTopCommonBox.ic01::after{
	background-image: url(/img/lll/sub/ConBox_ic01.jpg);
}
.conTopCommonBox dt{
	font-size: 30px; color: #111; font-weight: bold;font-family: 'NanumSquare';
	line-height: 1; margin-bottom: 35px; position: relative;
}
.conTopCommonBox dt::after{
	content: ""; display: inline-block; position: absolute;
	background:#111;
	bottom: -20px; left: 50%; margin-left: -15px;
	width: 30px; height: 1px;
}
.conTopCommonBox dd{
	font-size: 16px;
}

.conTopCommonBox.s1_1{
	background-image: url(/img/lll/sub/s1_1_bg.jpg);
}

.contentBoxBoder{
	width: 100%; height: 5px; display: block; clear: both;
	background: url(/img/lll/sub/s6_1_bd.png) left center repeat-x;
}


/* 인사말 */
.s1_1_top {width:100%; height:258px; background:url('/img/happyedu/sub/ic1_1_img01.jpg') 0 0 no-repeat;}
.s1_1_top .top_txt {position:relative; width:320px; height:220px; margin-left:80px; color:#fff; background:#ec726f; border-radius:0 20px; text-align:center; font-family:'NanumSquare'; font-size:26px; line-height:32px; padding:60px 20px; word-break:keep-all; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f49241+0,e05568+100 */
background: #e05568; /* Old browsers */
background: -moz-linear-gradient(top,  #f49241 0%, #e05568 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f49241 0%,#e05568 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #f49241 0%,#e05568 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49241', endColorstr='#e05568',GradientType=1 ); /* IE6-9 */}
.s1_1_top .top_txt span {position:relative; display:inline-block; text-shadow:1px 1px 3px rgb(0 0 0 / 30%);}
.s1_1_top .top_txt span::before {position:absolute; top:-40px; left:calc(50% - 20px); content:''; width:32px; height:25px; background:url('/img/happyedu/sub/s1_1_quote1.png') 0 0 no-repeat;}
.s1_1_top .top_txt span::after {position:absolute; bottom:-40px; left:calc(50% - 20px); content:''; width:32px; height:26px; background:url('/img/happyedu/sub/s1_1_quote2.png') 0 0 no-repeat;}
.s1_1_cont {margin-top:40px; word-break:keep-all; width:100%;}
.s1_1_cont p {margin-bottom:20px;}

.s1_1_cont .name { position:relative; width:100%; padding-top:30px; margin-top:50px; background:url('/img/happyedu/sub/s1_1_line.gif') 0 0 repeat-x; overflow:hidden;}
.s1_1_cont .name ul li {position:relative; float:left; font-family:'NanumSquare'; font-size:17px; line-height:32px; color:#000; vertical-align:middle;}
.s1_1_cont .name ul li:last-child {float:right;}
.s1_1_cont .name ul li:last-child::before {position:absolute; top:12px; left:-80px; width:1px; height:22px; background:#d6d6d6; content:'';}
.s1_1_cont .name ul li img {margin-right:10px;}
.s1_1_cont .name ul li span { font-weight:bold; font-size:22px;}


/* 비전 및 목표 */
.s1_2_vision1 { position:relative; margin-top:60px;}
.s1_2_vision1 ul li {float:left; position:relative; width:49%; background:#fef3f3; padding:60px 50px 24px; min-height:132px; text-align:center; font-family:'NanumSquare'; font-size:18px; font-weight:bold; color:#333;}
.s1_2_vision1 ul li strong {display:inline-block; position:absolute; top:-26px; left:calc(30% - 25px); width:50%; height:60px; color:#fff; background:#ec726f; border-radius:0 20px; text-align:center; font-size:24px; line-height:60px; box-shadow: 10px 10px 10px rgba(0,0,0,0.1);}
.s1_2_vision1 ul li:last-child {float:right; background:#fffaf4;}
.s1_2_vision1 ul li:last-child strong {background:#f59435;}

.v_title {clear:both; position:relative; width:100%; text-align:center; padding:40px 0;}
.v_title::after {position:absolute; top:50px; left:0; width:100%; height:1px; background:#e3e3e3; content:'';}
.v_title .v_line {position:relative; z-index:3; background:#fff; padding:0 20px; width:140px; margin:0 auto; }
.v_title .v_line span {position:relative; z-index:2; display:inline-block; font-size:26px; color:#000;font-family:'NanumSquare';}
.v_title .v_line::after {position:absolute; bottom:-6px; left:10%; width:80%; height:12px; background:#eeeeee; content:'';  z-index:1;}

.s1_2_vision2 {margin-bottom:60px; overflow:hidden;}
.s1_2_vision2 ul li {float:left; width:calc(33.3% - 20px); border-radius:0 20px; margin-right:20px; padding:160px 28px 30px; min-height:394px;}
.s1_2_vision2 ul li.ic1 {background:#f1faf7 url('/img/happyedu/sub/s1_2_ic01.png') center 30px no-repeat;}
.s1_2_vision2 ul li.ic2 {background:#f1fafd url('/img/happyedu/sub/s1_2_ic02.png') center 30px no-repeat;}
.s1_2_vision2 ul li.ic3 {background:#f8f9fd url('/img/happyedu/sub/s1_2_ic03.png') center 30px no-repeat; margin-right:0;}
.s1_2_vision2 ul li dl dt {color:#127451; font-size:20px; font-family:'NanumSquare'; font-weight:bold; text-align:center; margin-bottom:18px;}
.s1_2_vision2 ul li.ic2 dl dt {color:#007795;}
.s1_2_vision2 ul li.ic3 dl dt {color:#232f87;}
.s1_2_vision2 ul li dl dd {padding-left:12px; margin-bottom:6px; position:relative;}
.s1_2_vision2 ul li dl dd::before{position:absolute;top:8px;left:0;width:5px;height:5px;content:'';background:url('/img/happyedu/img_common2.png') no-repeat -155px -311px;}


/* 센터소개 */
.s1_4_info { position:relative; padding:3px; margin-bottom:60px;}
.s1_4_info::before {position:absolute; top:0; left:0; width:calc(100% + 1px); height:45px; content: ''; background:#4264c4;}
.s1_4_info::after {position:absolute; top:45px; left:0; width:calc(100% + 1px); height:120px; content: ''; border:1px dotted #b2b2b2; border-top:0;}
.s1_4_info .box {position:relative;  background:#fff; padding:40px 0 0;}
.s1_4_info .box .info_ic {position:relative; z-index:2; text-align:center; font-family:'NanumSquare'; font-weight:bold; font-size:26px; color:#4264c4; margin-bottom:30px;}
.s1_4_info .box .info_ic::before {position:absolute; content:''; z-index:10; width:50px; height:50px; top:-70px; left:47%; background:url('/img/happyedu/sub/s1_4_ic01.png') 0 0 no-repeat;}
.s1_4_info .box .info_ic span {position:relative; z-index:10; display:inline-block;}
.s1_4_info .box .info_ic::after {position:absolute; bottom:-6px; left:35%; width:30%; height:12px; background:#eceff9; content:''; z-index:1;}
.s1_4_info .box ul {position:relative; overflow:hidden;}
.s1_4_info .box ul li {float:left; width:calc(25.8% - 30px); margin-right:30px;}
.s1_4_info .box ul li:last-child {margin-right:0;}
.s1_4_info .box ul li dl {position:relative; width:100%; overflow:hidden; padding-top:140px; z-index:10;}
.s1_4_info .box ul li dl dt {position:absolute; top:0; left:20px; width:160px; height:160px; z-index:1; display:block; background:#f49435; border-radius:0 20px; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); color:#fff; font-size:18px; font-family:'NanumSquare'; font-weight:bold; padding:110px 30px 30px; text-align:center; line-height:22px;}
.s1_4_info .box ul li.ic2 dl dt {background:#e15667;}
.s1_4_info .box ul li.ic3 dl dt {background:#27a87a;}
.s1_4_info .box ul li.ic4 dl dt {background:#1aaed7;}
.s1_4_info .box ul li dl dt::before {position:absolute; content:'';}
.s1_4_info .box ul li.ic1 dl dt::before {top:30px; left:calc(50% - 35px); width:69px; height:62px; background:url('/img/happyedu/sub/s1_4_ic02_1.png') 0 0 no-repeat;}
.s1_4_info .box ul li.ic2 dl dt::before {top:30px; left:calc(50% - 34px); width:69px; height:63px; background:url('/img/happyedu/sub/s1_4_ic02_2.png') 0 0 no-repeat;}
.s1_4_info .box ul li.ic3 dl dt::before {top:30px; left:calc(50% - 35px); width:67px; height:60px; background:url('/img/happyedu/sub/s1_4_ic03.png') 0 0 no-repeat;}
.s1_4_info .box ul li.ic4 dl dt::before {top:30px; left:calc(50% - 32px); width:64px; height:60px; background:url('/img/happyedu/sub/s1_4_ic04.png') 0 0 no-repeat;}
.s1_4_info .box ul li dl dd {border:1px solid #f49435; padding:40px 20px 20px; background:#fff; text-align:center; line-height:20px; min-height:122px; color:#333;}
.s1_4_info .box ul li.ic2 dl dd {border:1px solid #e15667;}
.s1_4_info .box ul li.ic3 dl dd {border:1px solid #27a87a;}
.s1_4_info .box ul li.ic4 dl dd {border:1px solid #1aaed7;}

.organ {width:100%; position:relative; text-align:center; background:#f7f7f7; padding:50px 20px;}

/* 센터소개 - 오시는길 */
.s1_4_box{width: 100%;border:1px solid #dedede; background: #f6f6f6;border-top: none; position: relative;overflow: hidden; padding:38px;}
.s1_4_box dl{/*width: 50%;*/ width: 100%; height: 100%; float: left;padding-left: 60px; position: relative;}
.s1_4_box dl::after{content: ""; display: inline-block; position: absolute; border-radius: 50%;background-color: #3e4452; background-repeat: no-repeat; background-position: center center; top: -10px; left: 0; width: 45px; height: 45px;}
.s1_4_box dl.ic01::after{background-image: url('/img/happyedu/sub/s1_4_ic05.png');}
/*.s1_4_box dl.ic02::after{background-image: url('/img/happyedu/sub/s1_4_ic06.png');}*/
.s1_4_box dt{font-weight: bold; color: #333; display: inline-block;}
.s1_4_box dd{display: inline-block;}
.s1_4_box .btn_map_box{width: 100px; height: 100%;position: absolute; right: 0; top:0;background: #eb5241;}
.s1_4_box .btn_map{display: inline-block;width: 100px; height: 100px; position: absolute;right: 0; top:50%; padding-top: 63px; color: #fff;text-align: center; font-size: 14px; font-weight: bold; background:#eb5241 url('/img/happyedu/sub/s1_4_ic07.png') center 24px no-repeat;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}


/* 사업안내 */
.bbs_ltype4{border-top:2px solid #383a4a; border-bottom:1px solid #a5a5a5; word-break:keep-all;}
.bbs_ltype4 dl{padding:30px 20px 10px;border-top:1px dotted #ccc;}
.bbs_ltype4 dl:first-child{border-top:0}
.bbs_ltype4 dl dt{margin-bottom:10px;font-size:22px;color:#000;font-weight:bold; font-family:'Malgun Gothic', 'NanumSquare',sans-serif; line-height:1.5;}
.bbs_ltype4 dl dt span{display:inline-block; vertical-align:top;margin-right:10px;padding:6px 12px;font-size:15px;color:#2d4fc6; border:1px solid #2d4fc6;text-align:center;line-height:1.2;background:#fff;border-radius:25px;}
.bbs_ltype4 dl dt span.col1 {color: #df4e3e;  border: 1px solid #df4e3e;}
.bbs_ltype4 dl dd{margin-bottom:20px}
.bbs_ltype4 dl dd.date,
.bbs_ltype4 dl dd.hit {display:inline;}
.bbs_ltype4 dl dd.date span {display:inline-block;margin-right:20px;min-width:110px;min-height:20px; padding-left:28px;background:url('/img/ic_date.png') no-repeat left center;}
.bbs_ltype4 dl dd.hit span {display:inline-block;padding-left:24px;min-height:20px; min-width:40px;background:url('/img/ic_hit.png') no-repeat left center;}

.bbs_ltype4 dl dd .rep_infor{padding:18px 25px 13px 25px;height:100%;overflow:hidden;background:#f1f5fc}
.bbs_ltype4 dl dd .rep_infor li{float:left;margin-bottom:3px;width:50%;background:url('/new_img/board/bbs_dot.png') no-repeat 0 3px;}
.bbs_ltype4 dl dd .rep_infor li .name{display:inline-block;margin-right:10px;padding-left:22px;width:63px;color:#0e51b8;font-weight:bold;background:url('/new_img/board/kan.gif') no-repeat right center}
.bbs_ltype4 dl dd .rep_infor li .noname{display: inline-block;margin-right:14px;padding-left:22px;width: 60px;font-size: 0;}
.bbs_ltype4 dl dd .rep_infor li.w100{width:100%}

/* 사업안내-상단안내글 */
.s1_3_titbox{position:relative; margin:55px 0 0; background:#fcf2f1 url('/img/happyedu/sub/s1_3_titbox1_bg.png') no-repeat right bottom;}
.s1_3_titbox.box2{background:#e9f7f9 url('/img/happyedu/sub/s1_3_titbox2_bg.png') no-repeat right bottom;}
.s1_3_titbox.box3{background:#eef7f1 url('/img/happyedu/sub/s1_3_titbox3_bg.png') no-repeat right bottom;}
.s1_3_titbox .content{display:block; padding:60px; min-height:210px; text-align:center; word-break:keep-all;}
.s1_3_titbox .content span{display:block; position:absolute; top:-30px; left:45px; width:225px; height:183px; text-align:center;}
.s1_3_titbox .content.tit01 span{background:url('/upload_data/board_data/BBS_0000370/177017087381518.png') no-repeat;background-size: cover;}
.s1_3_titbox .content.tit02 span{background:url('/upload_data/board_data/BBS_0000370/177017087383047.png') no-repeat;background-size: cover;}
.s1_3_titbox .content.tit03 span{background:url('/upload_data/board_data/BBS_0000370/177017087383252.png') no-repeat;background-size: cover;}
.s1_3_titbox .content h3{margin-bottom:40px; font-size:30px;letter-spacing:-2.5px;}
.s1_3_titbox .content p{position:relative;text-align:center;line-height: 23px;}
.s1_3_titbox .content p::after{display:block; width:40px; height:1px; background:#999; margin:-65px auto; content:''; zoom:1;}

/* 사업안내-그래프 */
.s1_3_2_graph{position:relative;overflow:hidden;z-index:2;margin: 30px 0;}
.s1_3_2_graph ul .li_top{position:relative;display:block;width: 50%;min-height: 54px;margin: 0 auto;margin-bottom: 30px;padding:15px 10px;font-size:18px;font-weight:bold;color:#fff;text-align:center;background:#7157b2;}
.s1_3_2_graph ul .li_top::after{position:absolute;top:35px;left:50%;margin-left:-345px;width:691px;height:46px;content: '';background: url('/img/happyedu/sub/s1_3_2_gragh_bg.png')no-repeat;z-index: -1;}
.s1_3_2_graph ul .li_top.first{background:#ec726f;margin-bottom: 15px;}
.s1_3_2_graph ul .li_top.first::after{width:1px;height:70px;top:45px;margin-left: 0;left:50%;background:#d2d2d2;}
.s1_3_2_graph ol::after{display:block;clear:both;content:''}
.s1_3_2_graph ol{width:100%;text-align:center}
.s1_3_2_graph ol > li{position:relative;float:left; padding:30px 15px 20px; width:25%;text-align:center; background: url('/img/happyedu/sub/s1_3_2_gragh_bg2.png')center -30px no-repeat;}
.s1_3_2_graph ol > li:last-child span.con{letter-spacing:-2px;}
.s1_3_2_graph ol > li > div span{display:block;}
.s1_3_2_graph ol.step2 > li::after{top:auto;bottom:30px;margin:0}
.s1_3_2_graph ol.step2 > li > div .tit{position:relative; margin-bottom:9px;padding:15px 10px;min-height:50px;color:#fff;background:#3e4452}
.s1_3_2_graph ol.step2 > li > div .tit::after{position:absolute;width:1px;height:50px;top:-50px;left:50%;background:#d2d2d2;}
.s1_3_2_graph ol.step2 > li > div .con{position:relative;padding:0 10px;line-height:70px; min-height:70px;font-weight:bold;background:#fff;border:1px solid #c4c4c4;z-index:2}
.s1_3_2_graph ol.step2 > li > div .con::before{position:absolute;top:-7px;left:50%;margin-left:-7px;width:14px;height:14px;content:'';background:#fff;border:3px solid #c4c4c4;border-radius:50%}


.banner_list{overflow: hidden;}
.banner_list li{float: left; width: 24%; margin-right: 1%; margin-bottom: 10px;text-align: center;}


/*
================================================================================
서브콘텐츠 반응형
================================================================================
*/



 /* Tablet Device */
@media all and (max-width:1200px){

	.s1_1_top {background-position:28% 0;}	
	.s1_1_cont .name ul li:last-child {float:left; margin-top:10px;}
	.s1_1_cont .name ul li:last-child::before {display:none;}

	.s1_2_vision1 ul li strong {font-size:20px;}
	
	.s1_4_info .box .info_ic::after {left:30%; width:40%;}
	.s1_4_info .box ul li dl {padding-top:100px;}
	.s1_4_info .box ul li dl dt {left:calc(20% - 16px); width:84%; height:120px; padding:80px 0 10px; font-size:17px;}
	.s1_4_info .box ul li dl dt::before {top:20px !important; background-size:80% !important;}
	.s1_4_info .box ul li.ic1 dl dt::before {left:calc(50% - 28px);}
	.s1_4_info .box ul li.ic2 dl dt::before {left:calc(50% - 28px);}
	.s1_4_info .box ul li.ic3 dl dt::before {left:calc(50% - 28px);}
	.s1_4_info .box ul li.ic4 dl dt::before {left:calc(50% - 24px);}
	.s1_4_info .box ul li dl dd {padding:30px 10px 10px; min-height:124px;}	
	
	.s1_4_box{padding: 30px 20px;padding-right: 110px;}
	.s1_4_box dl{width: 100%;}
	.s1_4_box dl.ic01{margin-bottom: 30px;}
/* 사업안내-상단안내글 */
.s1_3_titbox{margin:60px 0 0; background-size:220px;}
.s1_3_titbox.box2{background-size:170px;}
.s1_3_titbox.box3{background-size:210px;}
.s1_3_titbox .content{padding:40px 0 0 220px; min-height:170px; text-align:left;}
.s1_3_titbox .content.tit01 span{left:20px; width:190px; height:150px;}
.s1_3_titbox .content.tit02 span{left:20px; width:190px; height:150px;}
.s1_3_titbox .content.tit03 span{left:20px; width:190px; height:150px;}
.s1_3_titbox .content h3{margin-bottom: 35px; font-size: 27px;}
.s1_3_titbox .content p{text-align:left;}
.s1_3_titbox .content p::after{display:none;}


}

 /* Mobile */
@media all and (max-width: 768px){

}

@media all and (max-width:640px){

	.s1_1_top {background:none; height:auto;}
	.s1_1_top .top_txt { margin:0; font-size:20px; line-height:26px; width:100%; height:auto; min-height:140px;}
	.s1_1_cont .name { margin-top:20px;}
	.s1_1_cont .name ul li {font-size:15px;}
	.s1_1_cont .name ul li span {font-size:18px;}
	.s1_1_cont .name ul li img { width:50%;}
	
	.s1_2_vision1 ul li {width:100%; font-size:17px; padding:50px 20px 30px; margin-bottom:40px; min-height:inherit;}
	.s1_2_vision1 ul li strong {height:50px; line-height:50px; left: calc(30% - 12px);}	
	.s1_2_vision2 ul li {width:100%; min-height:inherit; margin-bottom:20px;}

	.s1_4_info .box .info_ic { font-size:22px;}
	.s1_4_info .box .info_ic::before {left:43%;}
	.s1_4_info .box ul li {width:100%; margin-bottom:20px;}
	.s1_4_info .box ul li:last-child {margin-bottom:0;}
	.s1_4_info .box ul li dl {padding-top:40px;}
	.s1_4_info .box ul li dl dt {width:220px; left:calc(50% - 114px); height:60px; padding:20px !important;}
	.s1_4_info .box ul li dl dt::before { display:none;}
	.s1_4_info .box ul li dl dd {min-height:inherit; padding:40px 10px 20px;}

	.organ {padding:20px;}

	.s1_4_box{padding: 25px 15px;}
	.s1_4_box .btn_map_box{display: none;}

/* 사업안내 */
.bbs_ltype4 dl dt a {display:block;}
.s1_3_titbox .content{padding:110px 0 20px 0; min-height: 225px; text-align: center;}
.s1_3_titbox{ background:#fcf2f1;margin: 80px 0 0;}
.s1_3_titbox.box2{background:#e9f7f9;margin: 80px 0 0;}
.s1_3_titbox.box3{background:#eef7f1;margin: 80px 0 0;}
.s1_3_titbox .content.tit01 span{top:-50px; left:50%; margin-left:-80px;}
.s1_3_titbox .content.tit02 span{top:-50px; left:50%; margin-left:-80px;}
.s1_3_titbox .content.tit03 span{top:-50px; left:50%; margin-left:-80px;}
.s1_3_titbox .content h3{margin-bottom:20px;}
.s1_3_titbox .content p{text-align:center;}
.s1_3_titbox .content p::after{}
}

@media all and (max-width: 450px) {
.bbs_ltype4 dl dd .rep_infor li{width:100%; float:none}
}     

/* 외국어 랭귀지 */
.lang_box{float: right;width: 140px;height: 38px;position: relative;right: 0; z-index: 111; /* top: -220px;  */}
.btn_lang{display: inline-block;width: 100%;height: 35px;background: #333c59 url('/new_img/geumjeong/common/lang_ic.png') 16px center no-repeat;font-size: 13px;font-weight: bold;color: #fff;position: relative;box-sizing: border-box;line-height: 34px;text-align: center;padding: 0 16px 0 22px;margin-top: 4px;}
.btn_lang::after{content: "";display: inline-block;position: absolute;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;right: 15px;top: 17px;}
.lang_box ul{position: absolute;top: 38px;left:0;background: rgba(51,60,89,0.93);width: 100%;z-index: 200;display: none;}
.lang_box li{padding-top: 5px;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.3)}
.lang_box li:last-child{border-bottom: 0;margin-bottom: 0;}
.lang_box li.color7 {background: rgb(117 122 136 / 93%);}
.lang_box li a{display: block;text-align: center;color: #fff !important;}
.lang_box li a:link {color: #ffffff !important;}
/* .lang_box li a:focus, .lang_box li a:link, .lang_box li a:visited, .lang_box li a:active {color: #ffffff !important;} */
.lang_box .g_lang_txt{display: inline-block;background: url('/new_img/common/icon-google.png') no-repeat;padding-left: 20px;text-align: left !important;color: #fff;font-family: 'Nanum Gothic';}


#google_translate_element .goog-te-gadget-simple{background: none;width:100%;height:100%;border:none;font-size:15px;position:relative;}
#google_translate_element .goog-te-gadget-simple::after{content:"";display:inline-block;position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;right:24px;bottom:11px;}
#google_translate_element .goog-te-gadget-simple img{display:none;}
#google_translate_element .goog-te-menu-value span:last-child,
#google_translate_element .goog-te-menu-value span:nth-child(3){display:none;}

.lang_box .g_lang .g_lang_txt{display: inline-block;padding-left: 20px;position: relative;}
.lang_box .g_lang .g_lang_txt::before{display: inline-block;content: "";width: 19px;height: 19px;position: absolute;left: 0;top: 4px;background: url('/new_img/common/icon-google.png') no-repeat;}
.lang_box .g_lnag_select{left: 140px;top: 94px;display: none !important;}
.lang_box .g_lnag_select.on{display: inline-block !important;}

@media all and (max-width: 1200px){
.lang_box{float: none;margin: 10px auto 30px;position:relative;right: 0;}
}