@charset "utf-8";

@font-face {
    font-family: 'EBSHunMinJeongEum';
    font-weight: 300;
    font-style: normal;
    src: url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumLight.eot');
    src: url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumLight.eot?#iefix') format('embedded-opentype'),
         url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumLight.woff2') format('woff2'),
         url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumLight.woff') format('woff'),
         url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'EBSHunMinJeongEum';
    font-weight: 400;
    font-style: normal;
    src: url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumRegular.eot');
    src: url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumRegular.eot?#iefix') format('embedded-opentype'),
         url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumRegular.woff2') format('woff2'),
         url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumRegular.woff') format('woff'),
         url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumRegular.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'EBSHunMinJeongEum';
    font-weight: 600;
    font-style: normal;
    src: url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumSemiBold.eot');
    src: url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumSemiBold.eot?#iefix') format('embedded-opentype'),
         url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumSemiBold.woff2') format('woff2'),
         url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumSemiBold.woff') format('woff'),
         url('/saemaul/fonts/EBSHunMinJeongEum/EBSHunMinJeongEumSemiBold.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'BookkMyungjo';
    font-weight: 400;
    font-style: normal;
    src: url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Regular.eot');
    src: url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Regular.eot?#iefix') format('embedded-opentype'),
         url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Regular.woff2') format('woff2'),
         url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Regular.woff') format('woff'),
         url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Regular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'BookkMyungjo';
    font-weight: 700;
    font-style: normal;
    src: url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Bd.eot');
    src: url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Bd.eot?#iefix') format('embedded-opentype'),
         url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Bd.woff2') format('woff2'),
         url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Bd.woff') format('woff'),
         url('/saemaul/fonts/BookkMyungjo/BookkMyungjo-Bd.ttf') format("truetype");
    font-display: swap;
}


.control button{display:inline-block; text-indent:-9999px;}

/********************
	Tab Style
********************/

.tab-group .tabs li button .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.tab-group .tabs li button.on .selected {display:block;}
.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}

/* **********************************
	main_visual
********************************** */

.main_top {position:relative; /*margin-top:6.2em;*/ background:#fff; }
.main_top .inner {position:relative; width:100%;  max-width:100%; height:100%;}
.main_top .visual {position:relative; display:inline-block; width:100%; margin-bottom:4.2em; }

.main_top .visual .control {position:absolute; left:0; bottom: -4.2em; width:42%; height:5.5em; padding:2em 0; text-align: center; background:#1C8765; z-index:9;}
.main_top .visual .control .pager {display:inline-block;width:auto;margin-right:1em;font-weight:500;color:#fff;}
.main_top .visual .control .pager > button {display:inline-block; color:rgba(255,255,255,.5); padding-right:2em; vertical-align:middle; width:auto; height:auto; font-family:'montserrat'; background:transparent; text-indent:0; font-size:1em; border-radius:0; opacity:1;}
.main_top .visual .control .pager > button.swiper-pagination-bullet-active{color:rgba(255,255,255,1); font-weight:700;}
.main_top .visual .control .pager > button:before {content:"0";}
.main_top .visual .control .pager > button:nth-child(9) ~ button:before {content:"";}

.main_top .visual .control .stop {display:inline-block; width:1.111em; height:1.111em; background:url(/saemaul/img/main/visual_stop.svg) no-repeat center center / cover;}
.main_top .visual .control .play {display:inline-block; width:1.111em; height:1.111em; background:url(/saemaul/img/main/visual_play.svg) no-repeat center center / cover; display:none;}
.main_top .visual .control .navi{position:absolute; top:0; right:-5.5em}
.main_top .visual .control .navi button{display:block; float:left; width:5.5em; height:5.5em; }
.main_top .visual .control .prev {background:url(/saemaul/img/main/visual_prev.svg) no-repeat center center / cover;}
.main_top .visual .control .next {background:url(/saemaul/img/main/visual_next.svg) no-repeat center center / cover;}

.main_top .visual .txt-box {position: relative; float:left; left:0; top:0; width:42%; height:100%; padding:0; min-height:39em; background: url(/saemaul/img/main/bg_main.png) no-repeat center center; z-index:1;}
.main_top .visual .txt-box .txt-con {position:absolute; padding:5.7em 0 0; width:23em; right:4.4em;  }
.main_top .visual .txt-box .txt-con .slogan {padding:0;}
.main_top .visual .txt-box .txt-con .slogan:before{content:""; display:block; width:30px; height:30px; margin-bottom:30px; background: url(/saemaul/img/main/bg_slogun.png) no-repeat center center; }
.main_top .visual .txt-box .txt-con .slogan span {display:inline-block; color:#fff; font-size:3em; font-weight:600;  font-family: 'EBSHunminjeongeum'; }
.main_top .visual .txt-box .txt-con .slogan span.first{display:block;}
.main_top .visual .txt-box .txt-con p {display:block; padding:4.8em 0 0; font-family: 'BookkMyungjo'; font-size:1em; color:#fff; font-weight:400; line-height:1.6; word-break:keep-all; opacity:0.8;}

.main_top .visual .visual-box{position:relative; float:right; width:58%; height:100%; /*max-height:38.7em; margin-right:-8em; */  }
.main_top .visual .visual-box .slider,
.main_top .visual .visual-box .slider .swiper-container,
.main_top .visual .visual-box .slider .swiper-wrapper,
.main_top .visual .visual-box .slider .swiper-slide,
.main_top .visual .visual-box img {max-height:43.3333em; height:100%;}
.main_top .visual .visual-box .slider {position: relative;}
.main_top .visual .visual-box .slider .swiper-slide {/*max-height:43.333334em;*/ position:relative; display:block; overflow:hidden;}
.main_top .visual .visual-box .slider .swiper-slide img {max-width:initial;}

.main_top .service-wrap {position:absolute; width:35em; left:50%; bottom:0; z-index: 1;}
.main_top .service-wrap .service li{display:block; float:left; width:25%; text-align:center; transition:.3s all; v-transition:.3s all;}
.main_top .service-wrap .service li:hover {position:relative; transform:translateY(-1em); -webkit-transform:translateY(-1em); font-weight:600;}
.main_top .service-wrap .service li div{width:6em; height:6em; border-radius:1em; margin:0 auto 1.6em; padding:0; }
.main_top .service-wrap .service li div img{max-width:100%; border-radius:1em; box-shadow: 0px 0px 40px 2px rgba(0,0,0,.05);}
.main_top .service-wrap .service li span{font-size:1em;}

@media all and (max-width:1024px) {
	.main_top {margin-top:0;  }
	.main_top .visual {position:relative; display:inline-block; width:100%; margin-bottom:10em; }
	.main_top .visual .control {bottom:0; width:calc(100% - 3em); height:3em; padding:.842em 0; }
	.main_top .visual .control .navi{position:absolute; top:0; right:-3em}
	.main_top .visual .control .navi button{display:block; float:left; width:3em; height:3em; }
	.main_top .visual .txt-box {position: relative; right: auto; top:auto; width:100%; height:auto; padding:0; min-height:1em; background-size: cover; }
	.main_top .visual .txt-box .txt-con {position:relative; padding:2em 3em; width:100%; right:auto;  }
	.main_top .visual .txt-box .txt-con p {padding:2em 0;} 
	.main_top .visual .visual-box{position:relative;  width:100%; height:100%; }
	.main_top .visual .visual-box .slider .swiper-slide img {max-width:100%;}
	.main_top .service-wrap {width:100%; left:0;}
}

@media all and (max-width:640px) {
	.main_top .visual .control .pager {margin-right:0;}
	.main_top .visual .control .pager > button {padding-right:1em; font-size:.9em;}
	.main_top .visual .txt-box .txt-con { padding:2em 2em; }
	.main_top .visual .txt-box .txt-con .slogan span {font-size:2em;}
	.main_top .visual .txt-box .txt-con .slogan:before{ margin-bottom:10px;}
	.main_top .visual .txt-box .txt-con p {padding:1em 0; font-size:.9em} 
	.main_top .service-wrap {padding: 0 1em;}
	.main_top .service-wrap .service li div{width:100%; height:auto; margin:0 auto 1em; padding:0 .2em; }
	.main_top .service-wrap .service li span{font-size:.9em; letter-spacing:-.05em; }
}

@media all and (max-width:380px) {
	.main_top .visual {margin-bottom:8em; }
}

/* **********************************
	section01
********************************** */
.section01{position:relative; padding:0;}
.section01 .inner {position:relative; max-width:1400px; height:auto; padding:3.4em 0 4.6em;}
.section01:after{content:""; display: block; position:absolute; top:-4.5em; right:0; width:28.5em; height:15em; background:url(../img/main/bg_contents.png) no-repeat 0 0; z-index:0; }

@media all and (max-width:1024px) {
	.section01 .inner {padding:3.4em 1em;}
	.section01:after{top:-11em; }
}

@media all and (max-width:640px) {
	.section01 .inner {padding:2em 1em;}
	.section01:after{display: none;  }
}
.mainPopup {position:relative; float:left; width:27.4em; }
.mainPopup .tit{font-family:'EBSHunminjeongeum'; color:#222; font-size:1.8em; font-weight:600; line-height:2em; margin-bottom:.666em;}
.mainPopup .slider {display:block; position:relative; overflow:hidden; min-height:16em;}
.mainPopup .swiper-slide > a {display:block; position:relative; overflow:hidden; max-height:16em;}
.mainPopup .swiper-slide > a:after {content:""; display:block; position:relative; padding-top:87.43169398907104%;}
.mainPopup .swiper-slide > a img {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.mainPopup .swiper-slide > a .txtbox{display:block; position:absolute; bottom:0; left:0; right:0; width:100%; background:rgba(0,0,0,.6); font-size:.9em; color:#fff; padding:1em; z-index:1;   }
.mainPopup .control {display:block; position:absolute; top:1em; right:0;}
.mainPopup .control > * {display:block; float:left; width:auto;}
.mainPopup .control button,
.mainPopup .control a {width:1.5em; height:1.5em; overflow:hidden; text-indent:-999px; background:url(../img/main/spr_slider.svg) no-repeat 0 0; background-size:auto 1.5em;}
.mainPopup .control button.prev {background-position:0em 50%;}
.mainPopup .control button.next {background-position:-1.5em 50%; }
.mainPopup .control a.more {width:1.5em; height:1.5em; overflow:hidden; margin-left:.5em; text-indent:-999px; background:url(../img/main/btn_more.png) no-repeat 0 0; background-size:auto 1.5em;}
.mainPopup .control i {width:1px; height:1.2em; background: #ddd; margin: 0 .75em; margin-top:.15em;}

@media all and (max-width:1024px) {
	.mainPopup {position:Relative; width:100%; margin-bottom:2.5em;}
	.mainPopup .slider {min-height:0; border-radius:0;}
	.mainPopup .swiper-slide {width:50%; max-width:100%;}
}

@media all and (max-width:640px) {
	.mainPopup .swiper-slide {width:100%; max-width:100%;}
}

.mainBoard {position:relative; float:left; margin-left:3.5em; width:39em; z-index:1;}
.mainBoard .tabs {overflow:hidden; margin-bottom:1.2em;}
.mainBoard .tabs li {float:left; height:3.5em;}
.mainBoard .tabs li button {display:block; padding:0; line-height:3.5em;  }
.mainBoard .tabs li button span {font-size:1.8em; font-weight:600; color:#999; font-family:'EBSHunminjeongeum'; }
.mainBoard .tabs li button.on span {color:#222;}
.mainBoard .tabs li + li button{position:relative; margin-left:1em; padding-left:1.5em;  }
.mainBoard .tabs li + li button:before {content:""; display:block; position:absolute; top:50%; left:0; width:.5em; height: .5em; background:#ddd; border-radius:50%; transform:translatey(-50%);}
.mainBoard .more {display:block; position:absolute; top:1em; right:0; width:1.5em; height:1.5em; background:url(../img/main/btn_more.png) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}

.mainBoard .list {display:block; position:relative; border-top:4px solid #333; border-bottom:4px solid #333; padding:.7em 1.6em; min-height:16.3em;}
.mainBoard .list li {border-top:1px dashed #ccc;}
.mainBoard .list li:first-child {border-top:0;}
.mainBoard .list .item {display:block; position:relative; z-index:0;}
.mainBoard .list .item .board-link {display:block; position:relative; font-size:.9em; padding:1.277em 0; overflow: hidden;}
.mainBoard .list .item .board-link .title{display:-webkit-box;  font-weight:500; color: #222; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height:1.4; }
.mainBoard .list .item .board-link .title .label{display:inline-block; background:#6B4C36; color:#fff; font-size:.8888em; padding:.17em 1.185em;  border-radius:5px; margin-right:1.111em;}
.mainBoard .list .item .board-link .date{display:inline-block; position:absolute; top:1.333em;; right:0; font-family:'montserrat'; margin:0; color:#555; text-align:right; line-height:1.4; font-weight:400;  }


@media all and (max-width:1024px) {
	.mainBoard {margin-left:0; width:100%;}
}
@media all and (max-width:640px) {
	.mainBoard {font-size:.9em;}
	.mainBoard .list {padding:.5em .5em;}
	.mainBoard .list .item .board-link .title{padding-right:5em;}
}
@media all and (max-width:420px) {
	.mainBoard .tabs {text-align:center;}
	.mainBoard .tabs li {display:inline-block; float:none; text-align:center;}
	.mainBoard .more {position:relative; top:auto; width:auto; height:auto; background-position:top 50% left 5em; background-size:1.5em; text-indent:0; text-align:center; margin-top:1em;}
	.mainBoard .more:before {border-radius:.25em;}
	.mainBoard .more span {display:block; font-size:1em; padding:1em;}
}
@media all and (max-width:370px) {
	.mainBoard .tabs {font-size:.9em;}
	.mainBoard .list .item {padding-left:0;}
	.mainBoard .list .item .board-link .title{padding-right:0;}
	.mainBoard .list .item .board-link .date{display:none }
	.mainBoard .more {background-position:top 50% left 3em; }
}

/* **********************************
	section02
********************************** */
.section02{padding:2.6em 0; background:url(../img/main/bg-bottom.png) no-repeat center center; }
.section02 .inner {position:relative; max-width:1400px; height:auto; padding:0em;}

.location {position: relative; float:left; width:50%; }
.location.sec02 {padding-left:38px; }
.location .info{position: relative; padding:0 0 0 105px; color:#333; letter-spacing:0;  }
.location .info:before{content:""; display:block; position:absolute; top:.5em; left:0; width:74px; height:74px;  padding:0; background:url(../img/main/ico_calendar.svg) no-repeat; }
.location .info .tit{display:block; font-size:1.2em; font-family:'EBSHunminjeongeum'; font-weight:600; margin-bottom:.5em; }
.location .info .txt{font-size:.9em; font-family:'montserrat'; padding:.3em 0;}
.location .info .txt span{display:inline-block; width:3em; font-weight:600;}
.location .info .txt strong{font-weight:600; }
.location .info .tip{display:block; padding-top:.3em; font-size:.8em; color:#666; }
.location .btns{display:inline-block; position:absolute; top:0; right:36px;}
.location .btns.no-rht{right:0;}
.location .btns a{float:left; border:1px solid #333; border-radius:5px; font-size:.9em; line-height:1.4; text-align: center; background:#fff; color:#333; font-weight:400;  }
.location .btns a.bk{background:#333; color:#fff; margin-right:1em; font-weight:600;}
.location .btns a span{display:table-cell;  vertical-align: middle; width:5em; height:5em; }

@media all and (max-width:1024px) {
	.section02{padding:2.6em 0; background-size: cover;  }
	.location {width:100%; margin:1em 0; }
	.location.sec02 {padding-left:0;}
	.location .btns.no-rht{right:36px;}
}
@media all and (max-width:640px) {
	.section02{padding:1em 0;  }
	.location .btns{position: relative; margin:1em 0 0 5.5em; top:0; left:0; right:0;}
	.location .btns a span{width:8em; height:4em; }
}
@media all and (max-width:420px) {
	.location .info{position: relative; padding:105px 0 0 0; color:#333; letter-spacing:0; text-align:center;   }
	.location .info:before{ top:0; left:50%; transform:translateX(-50%);}
	.location .btns{position: relative; margin:1em 0; top:0; left:50%; transform:translateX(-50%);}
	.location .btns a span{width:8em; height:4em; }

}