/*풀페이지 관련*/
.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow {overflow-y:initial !important;}
.fp-watermark {display:none;}
.fp-overflow {height:100vh;display:flex;align-items:center;}

/* 페이지 앵커 */
#pageMenu {position: fixed; right:70px; z-index:3; height:100%;}
#pageMenu > ul{ position: absolute; right:-4.5px; top:50%; transform: translate(0,-50%); z-index: 999; }
/*#pageMenu:before {content: ''; display:block; position: absolute;width:1px;height:100%;background:rgba(213,213,213,0.2);}*/
#pageMenu li { margin: 10px 0; }
#pageMenu a {display:flex;align-items:center; width: 100%; position: relative; text-align: right; padding-right: 30px; }
#pageMenu a span {white-space: nowrap;font-size:0px;color:#d5d5d5;line-height: 30px; display: inline-block; }
#pageMenu.on a span {}
#pageMenu a i {display: inline-block; position: absolute; width:10px; height:10px; background: #d5d5d5; border-radius: 50%; top: 50%; right: 0; transform: translateY(-50%); }
/*#pageMenu a i::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 17px; height: 17px; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; opacity: 0; transition: all 0.3s;}*/
#pageMenu li.active a span {font-size:16px;color:#8dc63f;}
#pageMenu li.active a i {background:#8dc63f;}
#pageMenu li.active a i::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border: 1px solid #8dc63f; border-radius: 50%; opacity: 1;}

/*header 헤더*/
#header {position:fixed;transition-duration: 0.5s;top:0px;left:50%;transform:translateX(-50%);box-sizing:border-box;width:100%;z-index:99;border-bottom:1px solid rgba(255,255,255,0.3);}
#header .header-bg {padding:0 2%;}
#header.on {background:#fff;}
#header.on .main_logo {background:url(/theme/miso/img/miso_img/logo.png) no-repeat center; width:110px;height:58px;background-size:110px;display:block;}
#header.on .main_menu > li > a {color:#333;}
#header.on .m_menu_btn ul li {background:#333;}

#header.fixed {position:fixed;top:0;width:100%;z-index:9999;background:rgba(0,0,0,0.5);/*background:#8dc63f;*/border-bottom:0px;}
#header.fixed .menu_bg ul.main_menu > li {height:85px;line-height:85px;}
#header.fixed .main_menu_tel a {height:84px;}
#header.fixed .main_menu .gnb_menu {top:85px;}
#header.fixed .main_menu .gnb_menu_bg {top:135px;}
#header.fixed.on {background:#fff;}

#header .header-top {height:50px;background:#8dc63f;display:flex;justify-content:space-between;padding:0 2%;}
#header .header-top-con {display:flex;align-items:center;height:100%;line-height:50px;}
#header .header-top .left i {color:#fff;font-size:15px;}
#header .header-top .left a {color:#fff;font-size:15px;margin:0 20px 0 5px;}
#header .header-top .right ul {display:flex;}
#header .header-top .right ul li {margin-right:25px;}
#header .header-top .right ul li:last-child {margin-right:0px;}
#header .header-top .right ul li a {font-size:15px;color:#fff;}
#header .header-top .right ul li a:hover {text-decoration:underline;}

header .logo_box {width:294px;}
header .main_logo {background:url(/theme/miso/img/miso_img/logo_w.png) no-repeat center; width:110px;height:58px;background-size:110px;display:block;}
header .menu_bg {
	max-width:2543px;
	margin:0 auto;
	box-sizing:border-box;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
}
.menu_flex , .menu_flex > div , header .menu_bg .main_menu {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
header .menu_bg .main_menu {z-index:3;}

.main_menu > li {text-align: center;height:100px;line-height:100px;/*margin-right:50px;*/width:150px;position:relative;}
.main_menu > li:last-child {margin-right:0px;}

.main_menu > li > a{font-size:20px;color:#fff;display:inline-block;width:100%;position:relative;}
.main_menu > li > a:after {content:'';height:3px;background:#8dc63f;position:absolute;left:50%;bottom:0px;transform:translateX(-50%);display:block;width:0%;transition:0.5s;}
.main_menu > li:hover > a {color:#8dc63f !important;}
.main_menu > li:hover > a:after {width:100%;}

.main_menu:hover .gnb_menu {opacity:1;height:auto;}

.main_menu .gnb_menu {
	padding-left:0px;z-index:99;position:absolute;top:100px;left:50%;min-width:140px;text-align: left;height:0px;opacity: 0;overflow-y:hidden;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.main_menu .gnb_menu li {
	text-align:center;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	margin-bottom:15px;
}
.main_menu .gnb_menu li:first-child {margin-top:0px;}
.main_menu .gnb_menu li:last-child {margin-bottom:0px;border:none;}
.main_menu .gnb_menu li a {line-height:22px;box-sizing:border-box;font-size:16px;display:block;width:100%;color:#313131;}
.main_menu .gnb_menu li:hover a {color:#8dc63f;}

.main_menu .gnb_menu_bg {
	position:absolute;top:150px;left:0;width:100%;height:0px;background:rgba(255,255,255,1);
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
}
.main_menu:hover .gnb_menu_bg {z-index:2;height:240px;background:#fff;border-bottom:1px solid #eee;}
.main_menu:hover .gnb_menu_bg:after {content:'';width:100%;height:1px;position:absolute;top:0px;left:0px;background:#eee;}
.main_menu:hover .gnb_menu {padding:35px 0;}

/*모바일메뉴*/
.m_menu {
	position: fixed;
	min-width:500px;
	height:100vh;
	top:0px;
	right:0px;
	transform:translateX(100%);
	background:#fff;
	z-index: 9999;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	/*overflow-y:scroll;*/
}

.m_menu_btn ul li {width:23px; height:2px; background:#fff;margin-bottom:5px;}
.m_menu_btn ul li:last-child {margin-bottom:0px;}

.m_main_menu .close {position:absolute;z-index:9999;display:block !important;top:25px;right:30px;color:#fff;font-size:24px;cursor:pointer;}
.m_menu .gnb_total_logo {padding:30px;}
.m_menu .gnb_total_logo img{width:100%;}
.m_menu .menu_title {padding:20px 30px;background:#8dc63f;}
.m_menu .menu_title img {height:40px;}

.m_menu .gnb_total_menu {text-align:left;padding:30px;}
.m_menu .gnb_total_menu > li {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.m_menu .gnb_total_menu > li:last-child {border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.m_menu .gnb_total_menu > li > a {position:relative;display:block;}
.m_menu .gnb_total_menu > li > a:after {transition:0.2s;content:'';position:absolute;top:50%;right:10px;transform:translateY(-75%) rotate(45deg);width:10px;height:10px;border-right:2px solid #000;border-bottom:2px solid #000;}
.m_menu .gnb_total_menu > li.active > a {color:#8dc63f;}
.m_menu .gnb_total_menu > li.active > a:after {transform:translateY(-35%) rotate(-135deg);border-color:#8dc63f;}
.m_menu .gnb_total_menu li a {color:#222;font-size:22px;}
.m_menu .gnb_total_menu li ul {margin-top:10px;}
.m_menu .gnb_total_menu li ul a{display:block;font-size:18px;cursor:pointer;color:#777;}
.m_menu .gnb_total_menu li ul li {margin-bottom:10px;}
.m_menu .gnb_total_menu li ul li ul {border-bottom:1px solid #ccc;}
.m_menu .gnb_total_menu li ul li ul li a {background:#fff;font-size:14px;color:#717171;padding:5px 15px;border-bottom:none;}

.m_menu .menu_sns {display:flex;padding:0 30px 30px;}
.m_menu .menu_sns li {margin-right:10px;}
.m_menu .menu_sns li:last-child {margin-right:0px;}

.m_menu.on {transform:translateX(0%);}
.scrollOff{position:fixed;overflow:hidden;height:100%;}
.m_main_menu_back{background:rgba(0,0,0,0.8);width:100%;height:100vh;position:fixed;top:0;right:0;z-index:9998;display:none;transition: right 0.7s;cursor:pointer;}
.accordian li ul {display:none;}

.menu_flex, .menu_flex > div {display:block;}
.m_main_menu_flex {display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:end;align-items:center;}
.m_main_menu_flex>div:first-child {margin-right:30px;}
.m_main_menu_flex > ul {display: flex;align-items:center;margin-right:30px;}
.m_main_menu_flex > ul li {margin-right:15px;}
.m_main_menu_flex > ul li:last-child {margin-right:0px;}
.login_menu {display:none;}
.m_menu .login_menu {display:block;}
.m_menu .login_menu ul {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.m_menu .login_menu ul li a {color:#fff;font-size:15px;}

/* 메인 배너 시작 */
.main_banner {position:relative;width: 100vw;height:100vh;left: calc(-50vw + 50%);}
.main_banner .swiper-wrapper {position:absolute;left:0px;bottom:0px;}
.main_banner .swiper-slide {overflow:hidden;width:100%;position:relative;height:100vh;opacity: 0 !important;/*position:absolute;top:0;left:0;*/}
.main_banner .swiper-slide img{width:100%;height:100%;object-fit:cover;transition: all 30s linear;}
.main_banner .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.main_banner .swiper-slide.swiper-slide-active img {transform: scale(1.4);}
.main_banner .swiper-slide .txt {
	position:absolute;top:50%;left:50%;width:100%;z-index:2;padding:0 20px;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.main_banner .swiper-slide .txt h2 {text-align:center;font-size:66px;color:#fff;margin-top:20px;line-height:1.3;text-shadow:0 0 5px rgb(0 0 0 / 21%);font-family:'Pretendard-Bold';}
.main_banner .swiper-slide .txt p {text-align:center;font-size:20px;color:#fff;text-shadow:0 0 5px rgb(0 0 0 / 21%);}
.main_banner .swiper-slide.swiper-slide-active .txt p{
	animation:text 1s 0.5s both;
	-webkit-animation:text 1s 0.5s both;
	-ms-animation:text 1s 0.5s both;
	-moz-animation:text 1s 0.5s both;
	-o-animation:text 1s 0.5s both;
}

.main_banner .swiper-slide.swiper-slide-active .txt h2{
	animation:text1 1s 1s both;
	-webkit-animation:text1 1s 1s both;
	-ms-animation:text1 1s 1s both;
	-moz-animation:text1 1s 1s both;
	-o-animation:text1 1s 1s both;
}

.main_banner .swiper-pagination {position:initial;text-align:center;left:auto;z-index:2 !important;color:#fff;font-size:20px;font-family:'Pretendard-Bold';}
.main_banner .swiper-pagination span {margin:0 3px;text-shadow:0 0 5px rgb(0 0 0 / 21%);}*/

.main_banner .swiper-pagination-bullet {background:inherit;width:auto;height:auto;opacity:.5;}
.main_banner .swiper-pagination-bullet:before {content:'0';left:0;top:0;text-shadow:0 0 5px rgb(0 0 0 / 21%);}
.main_banner .swiper-pagination-bullet-active {background:inherit;opacity:1;}
.main_banner .swiper-pagination span {margin-right:26px;}
.main_banner .swiper-pagination span:first-child {margin-left:0px;}
.main_banner .swiper-pagination span:last-child {margin-right:0px;margin-left:26px;}

@keyframes text {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

@keyframes text1 {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

/*main_banner*/
/*.main_banner {position:relative;}
.main_banner .swiper-slide {overflow:hidden;height:100vh;}
.main_banner .swiper-slide img{width:100%;height:100%;object-fit:cover;transition: all 30s linear;}
.main_banner .swiper-slide.swiper-slide-active img {transform: scale(1.4);}

.main_banner .main_slide_btn {position:absolute;bottom:32%;width:100%;}
.main_banner .swiper-pagination {position:initial;text-align:center;left:auto;z-index:2 !important;color:#fff;font-size:20px;font-family:'Pretendard-Bold';}
.main_banner .swiper-pagination span {margin:0 3px;text-shadow:0 0 5px rgb(0 0 0 / 21%);}*/
/*
.main_banner .swiper-button-next {background:url('/theme/miso/img/miso_img/main_slider_next.png') no-repeat center;width:12px;height:19px;background-size:12px;z-index:3;right:20px !important;}
.main_banner .swiper-button-prev {background:url('/theme/miso/img/miso_img/main_slider_prev.png') no-repeat center;width:12px;height:19px;background-size:12px;z-index:3;left:20px !important;}
*/
/*.main_banner .swiper-button-next:after {display:none;}
.main_banner .swiper-button-prev:after {display:none;}

.main_banner .swiper-pagination-bullet {background:inherit;width:auto;height:auto;opacity:.5;}
.main_banner .swiper-pagination-bullet:before {content:'0';left:0;top:0;text-shadow:0 0 5px rgb(0 0 0 / 21%);}
.main_banner .swiper-pagination-bullet-active {background:inherit;opacity:1;}
.main_banner .swiper-pagination span {margin-right:26px;}
.main_banner .swiper-pagination span:first-child {margin-left:0px;}
.main_banner .swiper-pagination span:last-child {margin-right:0px;margin-left:26px;}
.main_banner_con {
	position:absolute;top:50%;left:50%;width:100%;z-index:2;padding:0 20px;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.main_banner_con h2 {text-align:center;font-size:66px;color:#fff;margin-top:20px;line-height:1.3;text-shadow:0 0 5px rgb(0 0 0 / 21%);font-family:'Pretendard-Bold';}
.main_banner_con p {text-align:center;font-size:20px;color:#fff;text-shadow:0 0 5px rgb(0 0 0 / 21%);}

.main_banner .swiper-slide.swiper-slide-active .main_banner_con p{
	animation:text 1s 0.5s both;
	-webkit-animation:text 1s 0.5s both;
	-ms-animation:text 1s 0.5s both;
	-moz-animation:text 1s 0.5s both;
	-o-animation:text 1s 0.5s both;
}

.main_banner .swiper-slide.swiper-slide-active .main_banner_con h2{
	animation:text1 1s 1s both;
	-webkit-animation:text1 1s 1s both;
	-ms-animation:text1 1s 1s both;
	-moz-animation:text1 1s 1s both;
	-o-animation:text1 1s 1s both;
}

@keyframes text {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

@keyframes text1 {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}
*/
.all-box {position:absolute;bottom:10%;width:100%;}
.all-box .progress-box {position: relative;width: 170px;height: 50px;z-index: 11;left:50%;transform:translateX(-50%);}
.all-box .autoplay-progress {position: absolute;bottom: 0px;z-index: 10;width: 300px;height: 3px;background-color: rgba(0, 0, 0, 0.1);left:50%;transform:translateX(-50%);}
.all-box .autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0;z-index: 10;width: 100%;stroke-width: 4px;stroke: #fff;fill: none;stroke-dashoffset: calc(300 * (1 - var(--progress)));stroke-dasharray: 300;}

/*움직이는 마우스 이미지*/
.scroll_icon {
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    bottom: 100px;
	left:70px;
}

.scroll_down {
    position: relative;
    animation-name: scroll_down;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
	display:flex;flex-direction:column;align-items:center;
	color:#fff;
}
.scroll_down i {margin-bottom:10px;font-size:24px;}
.scroll_down p {writing-mode: vertical-rl;font-size:16px;margin-bottom:15px;}

@keyframes scroll_down {
    0% {top: 0px;}
    50% {top: 20px;}
    100% {top: 0px;}
}

/*메인슬라이드 유튜브 배경*/
.jarallax {height:100vh;}
.jarallax:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3)}

/* 메인 본문 */
.main_section {width:100% !important;}
.ft_section {width:100% !important;height:auto !important;}
.ft_section .fp-overflow {height:auto;display:block;}

.section_bg {width:100% !important;background:#f7f7f7;}
.section {width:100%;margin:0 auto;height:100vh;}
.section_con {width:1400px;margin:0 auto;margin-top:100px;}
.section .title p {font-size:18px;color:#ccc;}
.section .title h2 {font-family:'Pretendard-ExtraBold';font-size:50px;color:#000;margin-bottom:10px;}
.section .title h2 span {color:#8dc63f}
.flex_box {display:flex;flex-wrap:wrap;}
.more_btn {display:flex;align-items:center;justify-content:center;color:#fff;width:180px;height:45px;background:#8dc63f;border-radius:100px;transition:0.5s;}
.more_btn p {margin-right:15px;font-size:18px;}
.more_btn i {transition:0.5s;position:relative;right:0px;}
.more_btn:hover {background:#333;}
.more_btn:hover i {right:5px;}

.section01 .title {text-align:center;margin-bottom:50px;}
.section01 .title h2 {font-size:50px;margin-top:15px;margin-bottom:0px;}

.section01 .con {padding:40px;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1);border-radius:10px;width:28%;margin-right:2%;overflow:hidden;background:#fff;}
.section01 .con h3 {font-family:'Pretendard-ExtraBold';font-size:26px;margin-bottom:30px;text-align:center;}
.section01 .con h3 span {color:#8dc63f;}
.section01 .con ul li {border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;}
.section01 .con ul li:last-child {border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.section01 .con ul li a {display:flex;justify-content:space-between;align-items:center;}
.section01 .con ul li a p {font-size:18px;color:#555;transition:0.5s;}
.section01 .con ul li a img {width:20px;}
.section01 .con ul li a i {font-size:18px;color:#555;transition:0.5s;}
.section01 .con ul li a:hover p {color:#8dc63f;}
.section01 .con ul li a:hover i {margin-right:10px;color:#8dc63f;}

.section01 .swiper-pagination-bullet {background:#fff;opacity:1}
.section01 .swiper-pagination-bullet-active {background:#8dc63f;}

.section01 {background:url(/theme/miso/img/miso_img/section01_bg.jpg) no-repeat center;background-size:cover;}
.section01 .con03 .section01_banner {height:100%;}
.section01 .con03 {width:40%;padding:0px;margin-right:0%;background:#ccc;}
.section01 .con03 a {display:block;height:100%;}
.section01 .con03 a img {width:100%;height:100%;object-fit:cover;}

.section02 {width:100%;padding:0px;}
.section02 a {height:240px;display:block;background:#ccc;}
.section02 img {width:100%;}
.section02 .fp-overflow {height:auto;display:block;}

.section03 {background:url(/theme/miso/img/miso_img/section03_bg.jpg) no-repeat center;background-size:cover;}
.section03 .flex_box {justify-content:space-between;align-items:center;margin-bottom:50px;}

.section04 {width:1400px;margin:0 auto;background:url(/theme/miso/img/miso_img/section04_bg.jpg) no-repeat center;background-size:cover;}
.section04 .flex_box {margin-bottom:50px;text-align:center;justify-content:center;}
.section04 .reviews_box {margin-right:0%;}
.section04 .con {background:#fff;position:relative;width:23.5%;margin-right:2%;padding:40px;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1);border-radius:30px;height:330px;transition:0.5s !important;overflow:hidden;}
.section04 .con:last-child {margin-right:0%;}
.section04 .con:hover {border-radius:100%;}

.section05 {background:url(/theme/miso/img/miso_img/section05_bg.jpg) no-repeat center;background-size:cover;}
.section05 .section_con {width:1400px;padding:60px;border-radius:30px;background:#fff;}
.section05 .title h2 {color:#111;}
.section05 .flex_box {/*justify-content:space-between;align-items:end;*/display:block;text-align:center;margin-bottom:50px;}
.section05 .notice {display:flex;justify-content:center;margin-top:50px;}

.reviews_box .con .txt {text-align:center;}
.reviews_box .con .txt h3 {font-family:'Pretendard-ExtraBold';font-size:24px;margin-bottom:15px;}
.reviews_box .con .txt p {font-size:16px;color:#555;}
.reviews_box .con img {position:absolute;bottom:0px;left:50%;transform:translateX(-50%);}

.tabs {list-style-type: none;padding: 0; display: flex;margin-bottom:0px;}
.tab-link {padding: 10px 40px;font-size:18px;cursor: pointer;border-radius:50px;background:#ccc;color:#fff;margin-right:10px;transition:0.5s;}
.tab-link:last-child {margin-right:0px;}
.tab-link:hover {background:#333;}
.tab-link.current {background:#8dc63f;position:relative;color:#fff;}
.tab-content {display: none;}
.tab-content.current {display: block;}

/* 메인슬라이드 유튜브 배경 */
.jarallax {height:100vh;}
.jarallax:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3)}

/* 애니메이션 */
.section_con .con {
    opacity: 0;  /* 초기 상태: 투명 */
    transform: translateY(50px);  /* 아래로 이동 */
    transition: opacity 0.5s ease, transform 0.5s ease;  /* 애니메이션 효과 */
}

.section_con .con.visible {
    opacity: 1;  /* 보이기 상태: 불투명 */
    transform: translateY(0);  /* 원래 위치로 이동 */
}

#top_btn {display:none;}

.footer_menu {border-top:2px solid #333;}
.footer_menu > ul {display:flex;flex-wrap:wrap;width:1400px;margin:0 auto;}
.footer_menu > ul > li {width:14.2857%;border-right:1px solid #eee;padding:50px 40px;}
.footer_menu > ul > li:first-child {border-left:1px solid #eee;}
.footer_menu > ul > li h3 {font-size:18px;margin-bottom:20px;}
.footer_menu > ul > li ul li {margin-bottom:10px;}
.footer_menu > ul > li ul li:last-child {margin-bottom:0px;}
.footer_menu > ul > li ul li a {font-size:16px;color:#777;transition:0.5s;}
.footer_menu > ul > li ul li a:hover {color:#8dc63f;}

#footer {background:#111;color:#fff;padding:70px 0;}
.ft_top {margin:0 auto;margin-bottom:30px;}
.ft_top a {font-size:30px;font-family:'Pretendard-Bold';color:#fff;line-height:1.3;transition:0.5s;}
.ft_top a:hover {color:#8dc63f;}
.ft_top a img {margin-left:15px;}
.ft_con {display:flex;justify-content:space-between;width:1400px;margin:0 auto;}
.ft_con .left ul {display:flex;flex-wrap:wrap;}
.ft_con .left ul li {margin-bottom:10px;font-size:17px;margin-right:20px;}
.ft_con .left ul li:last-child {margin-bottom:0px;margin-right:0;}
.ft_con .left p {color:#fff;margin-top:80px;font-size:17px;}
.ft_con .right {display:flex;flex-direction:column;align-items:end;}
.ft_con .right ul {display:flex;margin-bottom:35px;}
.ft_con .right ul li {margin-right:15px;display:flex;align-items:center;font-size:17px;}
.ft_con .right ul:first-child li {margin-right:35px;}
.ft_con .right ul li a {color:#fff;transition:0.5s;}
.ft_con .right ul li a:hover {color:#8dc63f;}
.ft_con .right ul li:last-child {margin-right:0px;}

.ft_con .right .ft-center a {display:flex;align-items:center;margin-bottom:30px;}
.ft_con .right .ft-center a h4 {font-size:20px;color:#fff;position:relative;padding-right:14px;}
.ft_con .right .ft-center a h4:before {position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px;height:15px;background:rgba(255,255,255,0.7);content:'';}
.ft_con .right .ft-center a img {color:#fff;font-size:24px;margin:0 7px 0 14px;}
.ft_con .right .ft-center a p {color:#fff;font-size:20px;}

footer select {
	width:250px;height:40px;padding:0 20px;color:#fff;border:1px solid #fff;border-radius:50px;
	-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:14px;cursor:pointer;
	background:#111 url(/theme/miso/img/miso_img/select_check_w.png) no-repeat 90% 50%;
}
footer select::-ms-expand {display: none;}

/*서브배너*/
.sub_banner {position:relative;}
.sub_banner_bg{overflow:hidden;height:500px;}
.sub_banner img {transition:1.5s;width:100%;height:100%;object-fit:cover;}
.sub_banner:hover img {scale:1.2;}
.sub_banner .sub_banner_title {position:absolute;left:0%;top:55%;transform:translateY(-50%) !important;width:100%;}
.sub_banner .sub_banner_title h2 {color:#fff;font-size:40px;width:1400px;margin:0 auto;}

.sub_menu_total {width:100%;height:60px;position:absolute;bottom:8em;}
.sub_menu_total .sub_menu_flex {
	width:1400px;margin:0 auto;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.sub_menu_home {width:60px;height:60px;text-align:center;background:#fff;display:flex;justify-content:center;align-items:center;border-right:1px solid #ccc;}
.sub_menu_home i {color:#333;font-size:20px;}

.second_menu {border-right:1px solid #ccc;border-left:1px solid #ccc;}

/* lnb */
#lnb {position: relative;height: 60px;}
#lnb > ul { font-size: 0;display: -webkit-box; display: -ms-flexbox; display: flex;}
#lnb > ul > li {width:270px;position:relative;}
#lnb > ul > li > p {background:#fff;cursor:pointer;display: block; position: relative; box-sizing: border-box;padding-left:2rem; font-size:18px;height:60px; line-height: 60px; color: #333333; transition: all .3s;}
#lnb > ul > li > p:after {display: block; content: ''; position: absolute; top: 27px; right: 20px; width: 14px; height: 8px; background: url(/theme/miso/img/miso_img/sub_menu_btn.png) 0 0 no-repeat; transition: all .3s;}
#lnb > ul > li:hover > p:after,
#lnb > ul > li:focus > p:after {transform: rotate(-180deg);}

#lnb > ul > li:hover > p,
#lnb > ul > li:focus > p,
#lnb > ul > li > p.curr {background:#333;color:#fff;}

#lnb > ul > li:hover > p:after,
#lnb > ul > li:focus > p:after,
#lnb > ul > li > p.curr:after {background-image: url(/theme/miso/img/miso_img/sub_menu_btn_w.png);}

#lnb > ul > li:last-child > p {background:#111;cursor:pointer;display: block; position: relative; box-sizing: border-box; color: #fff; transition: all .3s;}
#lnb > ul > li:last-child > p:after {display: block; content: ''; position: absolute; top: 27px; right: 20px; width: 14px; height: 8px; background: url(/theme/miso/img/miso_img/sub_menu_btn_w.png) 0 0 no-repeat; transition: all .3s;}
#lnb > ul > li:last-child > p.curr:after {background-image: url(/theme/miso/img/miso_img/sub_menu_btn_w.png);}

#lnb > ul > li .depth {position:absolute;width:270px;overflow:hidden;height:0;padding:0 20px;box-sizing:border-box;background:#222;transition: all .3s;z-index:3;}
#lnb > ul > li .depth > li {padding:1rem;}
#lnb > ul > li .depth > li:last-child {margin-bottom:0;}
#lnb > ul > li .depth > li > a {display:block; position:relative; font-size:17px; line-height:20px; color:#fff; transition:all .3s;}
#lnb > ul > li:hover .depth,
#lnb > ul > li:focus .depth {height:auto; padding:20px;}
#lnb > ul > li .depth > li > a:hover,
#lnb > ul > li .depth > li > a:focus {color:#8dc63f;}

.img_cen {width:100%;text-align:center;}

.about_con {display:flex;}
.about_con .ceo {font-size:18px;margin-top:20px;}
.about_con .ceo span {font-family:'Pretendard-Bold';font-size:24px;margin-left:10px;font-weight:bold;}
.about_con .right {margin-left:70px;}
.about_con .right .title {margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #eee;}
.about_con .right .title b {margin-bottom:5px;color:#202B6F;display:block;}
.about_con .right .title h3 {font-family:'Pretendard-ExtraBold';font-size:48px;position:relative;}
.about_con .right .title h3:after {position:absolute;left:0;bottom:-42px;content:'';width:100px;height:3px;background:#000;}
.about_con .right p {font-size:18px;color:#333;line-height:1.7;}
.about_con .right p b {font-family:'Pretendard-Bold';color:#000;}

.sub_con .title {margin-bottom:30px;}
.sub_con .title h3 {font-size:28px;font-family:'Pretendard-ExtraBold';}
.sub_con .title p {font-size:18px;color:#555;margin-top:30px;}
.sub_con .con {margin-bottom:100px;width:100%;}
.sub_con .con .img_box {margin:30px 0;}
.sub_con .con h4 {font-family:'Pretendard-ExtraBold';font-size:22px;margin-bottom:15px;position:relative;padding-left:30px;}
.sub_con .con h4:before {position:absolute;top:13px;left:4px;content:'';display:block;width:8px;height:8px;background:#8dc63f;}
.sub_con .con h4:after {position:absolute;top:9px;left:0px;content:'';display:block;width:16px;height:16px;border:1px solid #8dc63f;}
.sub_con .con p {font-size:18px;color:#555;margin-bottom:30px;}
.sub_con .con p b {color:#111;}
/*.img_box {border-radius:30px;overflow:hidden;}*/

.sub-table {margin-bottom:50px;}
.sub-table table {border-top:2px solid #000;border-bottom:1px solid #000;width:100%;min-width:800px;}
.sub-table table th {background:#f1f1f1;padding:15px 5px; border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:1.1rem;color:#222;text-align:center;}
.sub-table table th:last-child {border-right:0;}
.sub-table table td {padding:30px 5px; border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:1rem;color:#555;text-align:center;}
.sub-table table td:last-child {border-right:0;}
.sub-table table td ul {text-align:left;display:inline-block;}
.sub-table table td ul li {margin-bottom:3px;}
.sub-table table td ul li:last-child {margin-bottom:0px;}

.sub-table table.horizontalTable {table-layout:fixed;}
.sub-table table.verticalTable th {padding:30px;}
.sub-table table.verticalTable td {padding:30px;text-align:left;}

.outline_con {margin-top:70px;}
.outline_con h4 {font-family:'Pretendard-ExtraBold';font-size:28px;margin-bottom:20px;}
.outline_con table {border-top:2px solid #000;width:100%;border-collapse:collapse}
.outline_con table tr th {font-size:16px;padding:15px;border-bottom:1px solid #ccc;background:#5E5E5E;color:#fff;}
.outline_con table tr td {font-size:16px;padding:15px;color:#555;border-bottom:1px solid #ccc;}

.outline_con > ul {display:flex;}
.outline_con > ul li {width:32%;margin-right:2%;}
.outline_con > ul li:last-child {margin-right:0%;}
.outline_con > ul li .img img {width:100%;}
.outline_con > ul li p {text-align:center;margin-top:10px;}

.technology_con {display:flex;}
.technology_con .left {margin-right:2%;}
.technology_con .left img {width:100%;}
.technology_con h5 {font-size:24px;margin-bottom:10px;}
.technology_con ul {margin-bottom:15px;}
.technology_con ul li {font-size:20px;padding-left:17px;position:relative;margin-bottom:10px;color:#555;}
.technology_con ul li:last-child {margin-bottom:0px;}
.technology_con ul li:after {position:absolute;top:11px;left:0px;content:'';width:5px;height:5px;background:#ccc;}
.technology_con .right img {width:100%;}

.img_box img {width:100%;}

.location_tabs {margin-bottom:50px;flex-wrap:wrap;}
.location_tabs .tab-link {background:#fff;color:#555;border:1px solid #eee;margin-bottom:10px;}
.location_tabs .tab-link.current {background:#8dc63f;color:#fff;}
.location_con {margin-top:70px;display:flex;flex-wrap:wrap;}
.location_con .left {width:48%;margin-right:4%;}
.location_con .left h3 {font-family:'Pretendard-ExtraBold';font-size:46px;}
.location_con .left h3 span {color:#8dc63f;}
.location_con .left a {transition:0.5s;margin-top:50px;font-size:18px;color:#333;display:flex;align-items:center;justify-content:space-between;width:300px;border:1px solid #333;border-radius:500px;padding:20px 40px;}
.location_con .left a:hover {background:#333;color:#fff;}
.location_con .right {width:48%;}
.location_con .right li {margin-bottom:30px;}
.location_con .right li:last-child {margin-bottom:0px;}
.location_con .right li div {display:flex;align-items:center;font-size:22px;margin-bottom:10px;}
.location_con .right li div i {width:40px;}
.location_con .right li p {margin-left:40px;color:#555;}

.facilities_con {margin-bottom:70px;display:flex;flex-wrap:wrap;align-items:center;}
.facilities_con .left {width:48%;margin-right:4%;}
.facilities_con .txt h3 {font-family:'Pretendard-ExtraBold';font-size:46px;}
.facilities_con .txt h3 span {color:#8dc63f;}
.facilities_con .txt > p {margin-top:20px;color:#555;}
.facilities_con .txt a {transition:0.5s;margin-top:50px;font-size:18px;color:#333;display:flex;align-items:center;justify-content:space-between;width:300px;border:1px solid #333;border-radius:500px;padding:20px 40px;}
.facilities_con .txt a:hover {background:#333;color:#fff;}
.facilities_con .right {width:48%;}
.facilities_con .img_box {overflow:hidden;}

.process-ul {display:flex;}
.process-ul li {width:15%;margin-right:2%;border:2px solid #111;background:#fff;height:110px;display:flex;align-items:center;justify-content:center;position:relative;}
.process-ul li:after {position:absolute;top:50%;right:-100%;transform:translateY(-50%);width:100%;content:'';display:block;height:1px;background:#ccc;z-index:-1;}
.process-ul li:last-child {margin-right:0%;}
.process-ul li:last-child:after {display:none;}
.process-ul li span {position:absolute;top:5px;left:5px;color:#ccc;font-size:18px;}
.process-ul li:nth-child(2n+2) {background:#eee;}
.process-ul li:nth-child(2n+2) span {color:#fff;}
.process-ul li p {margin-bottom:0px !important;text-align:center;font-weight:bold;color:#000 !important;}

.root_daum_roughmap .wrap_controllers {display:none;}

.recruit_con {margin-top:70px;}
.recruit_con li {width:25%;text-align:center;margin-bottom:50px;padding:0 20px;}
.recruit_con li .icon {margin:0 auto;margin-bottom:20px;width:110px;height:110px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f7f7f7}
.recruit_con li .title2 span {color:#8dc63f;font-size:15px;}
.recruit_con li .title2 h4 {font-size:24px;margin-top:5px;}
.recruit_con li .title2 p {font-size:16px;margin-top:10px;color:#555;}

.job_con {display:flex;border-bottom:1px solid #eee;padding:50px 0 40px;}
.job_con:nth-child(2) {border-top:2px solid #333;}
.job_con .left {font-family:'Pretendard-ExtraBold';font-size:24px;width:150px;}
.job_con .right {width:100%;display:flex;flex-wrap:wrap;}
.job_con .right li {margin-right:10px;margin-bottom:10px;}
.job_con .right li:last-child {margin-right:0px;}
.job_con .right li a {display:block;font-size:17px;color:#333;background:#fff;border:1px solid #ccc;padding:10px 30px;transition:0.5s;border-radius:50px;}
.job_con .right li a:hover {background:#333;color:#fff;border:1px solid #333;}

.devel_table {width:100%;}
.devel_table tr th {background:#555;color:#fff;border:1px solid #d9d9d9;padding:15px;width:14.2857%;}
.devel_table tr th.color_f1 {background:#f1f1f1;color:#333;}
.devel_table tr td {text-align:center;color:#555;border:1px solid #d9d9d9;padding:15px;}

.welfare_con li {width:20%;}

.privacy h3 {font-size:18px;color:#333;margin-bottom:10px;font-weight:bold;}
.privacy p {font-size:16px;color:#555;margin-bottom:30px;}

@media screen and ( max-width:1490px ) {
	header .logo_box {width:auto;}
	.m_main_menu_flex > ul {display:none;}
	.main_menu > li {width:130px;}
	.main_menu > li > a {font-size:18px;}
}

@media screen and ( max-width:1410px ) {
	
	#hd, #wrapper, #ft {min-width:100%;}
	#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100% !important;}
	
	.img_cen img {width:100%;}
	
	.sub_banner .sub_banner_title {top:58%;}
	.sub_banner .sub_banner_title h2 {width:100%;text-align:center;}
	.sub_menu_total {bottom:0px;}
	.sub_menu_total .sub_menu_flex {width:100%;border-bottom:1px solid #ccc;}
	
	.section_con {width:100%;padding:60px 2%;}
	.section04 {width:100%;}
	
	.section05 {background:none;}
	.section05 .section_con {;padding:60px 2%;border-radius:0px;}
	
	.ft_section {display:none !important;}
	.footer_menu > ul {width:100%;}
	.ft_con {width:100%;padding:0 2%;}
}

@media screen and ( max-width:1210px ) {
	/*header*/
	#header .menu_bg {height:70px;position:relative;}
	#header .main_logo {width:90px;background-size:90px;}
	#header.on .main_logo {width:90px;background-size:90px;}
	#header .menu_bg .main_menu {display:none;}

	#header.fixed .menu_bg ul.main_menu > li {height:70px;line-height:70px;}
	#header.fixed .main_menu_tel a {height:70px;}
	#header.fixed .main_menu .gnb_menu {top:75px;}
	#header.fixed .main_menu .gnb_menu_bg {top:125px;}
	
	.m_menu .gnb_total_menu > li {padding-bottom:15px;margin-bottom:15px;}
	.m_menu .gnb_total_menu li a {font-size:20px;}
	.m_menu .gnb_total_menu li ul a {font-size:16px;}
	
	.section_con {margin-top:0px;}
}

@media screen and ( max-width:1010px ) {
	
	.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]), .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage])
	{min-height:auto !important;}
	.fp-overflow {max-height:100% !important;height:auto !important;}
	#pageMenu {display:none;}
	
	.main_banner .swiper-slide .txt p {font-size:4vw;}
	.main_banner .swiper-slide .txt h2 {font-size:7vw;}
	.main_banner .swiper-slide .txt h2 br {display:none;}
	
	.scroll_icon {left:2%;}
	
	.section .title h2 {font-size:28px;}
	.section .title p {font-size:15px;}
	.section01 .title h2 {font-size:26px;word-break:keep-all;}
	
	.section01 .con {width:49%;padding:30px;}
	.section01 .con02 {margin-right:0%;}
	.section01 .con03 {margin-top:2%;padding:0px;width:100%;}
	
	.section03 .flex_box {flex-direction:column;}
	.section03 .title {text-align:center;margin-bottom:20px;}
	.section03 .more_btn p {font-size:16px;}
	.section03 .more_btn i {font-size:16px;}
	
	.section04 .con {width:49%;margin-bottom:2%}
	.section04 .con:hover {border-radius:0px;}
	.section04 .con:nth-child(2n+2) {margin-right:0px;}
	.section04 .flex_box {flex-direction:column;}
	.section04 .title {text-align:center;margin-bottom:20px;}
	.section04 .reviews_box {flex-direction:row;}
	.section04 .reviews_box .con .txt h3 {font-size:20px;}
	.section04 .reviews_box .con .txt p {font-size:15px;}
	
	.section05 .flex_box {flex-direction:column;align-items:center;}
	.section05 .flex_box .title {text-align:center;margin-bottom:20px;}
	
	.tab-link {font-size:15px;padding:10px 20px;}
	
	.footer_menu > ul {padding:30px 20px;}
	.footer_menu > ul > li {padding:0 10px;width:33.3333%;border-right:0px;margin-bottom:30px;}
	.footer_menu > ul > li:first-child {border:0px;}
	.footer_menu > ul > li h3 {font-size:17px;margin-bottom:15px;}
	.footer_menu > ul > li ul li a {font-size:15px;}
	
	#footer {text-align:center;}
	.ft_top {margin-bottom:30px;}
	.ft_con {flex-direction:column;}
	.ft_con .left {margin-bottom:35px;}
	.ft_con .left p {margin-top:5px;font-size:14px;}
	.ft_con .left ul {justify-content:center;}
	.ft_con .left ul li {font-size:15px;}
	.ft_con .right {align-items:center;}
	.ft_con .right ul li {font-size:15px;}
	
	.sub_banner_bg {height:320px;}
	.sub_banner .sub_banner_title h2 {font-size:3em;text-align:center;}
	.sub_menu ul li {height:50px;line-height:50px;}
	.sub_menu ul li a {font-size:1.1em;}
	
	.about_con {flex-direction:column-reverse;}
	.about_con .left {margin-top:50px;text-align:center;}
	.about_con .right {text-align:center;margin-left:0px;}
	.about_con .right .title h3 {font-size:38px;}
	.about_con .right .title h3:after {left:50%;transform:translateX(-50%);}
	
	.sub_con .title p {font-size:16px;}
	
	.technology_con {flex-direction:column;}
	.technology_con .left {margin-right:0%;margin-bottom:2%;}
	
	.tab-content iframe {height:300px !important;}
	.location_con {margin-top:50px;}
	.location_con .left {width:100%;margin-right:0;margin-bottom:40px;text-align:center;}
	.location_con .left h3 {font-size:28px;}
	.location_con .left a {margin:0 auto;margin-top:20px;}
	.location_con .right {width:100%;}
	.location_con .right li div h4 {font-size:18px;}
	.location_con .right li p {font-size:15px;}
	
	.facilities_con .left {width:100%;margin-right:0px;margin-bottom:4%;}
	.facilities_con .right {width:100%;}
	.facilities_con:nth-child(2n+2) .right {order:1;margin-bottom:4%;}
	.facilities_con:nth-child(2n+2) .left {order:2;}
	.facilities_con .txt h3 {font-size:30px;}
	.facilities_con .txt > p {font-size:16px;}
	.facilities_con .txt a {font-size:16px;margin-top:30px;padding:15px 30px;}
	
	.recruit_con li {width:50%;}
	.recruit_con li .title2 h4 {font-size:20px;}
	
	.job_con {flex-direction:column;}
	.job_con .left {width:100%;margin-right:0px;margin-bottom:20px;font-size:20px;}
	.job_con .right li a {font-size:16px;}

}

@media screen and ( max-width:760px ) {
	#header .header-top {height:40px;justify-content:end;}
	#header .header-top .left {display:none;}
	#header .header-top .right ul li {margin-right:15px;}
	#header .header-top .right ul li a {font-size:13px;}
}

@media screen and ( max-width:720px ) {
	
	.scroll_down p {font-size:14px;}
	
	.ft_top a {font-size:22px;}
	.ft_con .left ul li {font-size:14px;}
	.ft_con .right ul li a {font-size:14px;}
	
	.section01 .con {width:100%;margin-right:0%;margin-top:2%;} 
	.section01 .con01 {margin-top:0%;}
	.section01 .con h3 {font-size:22px;}
	.section01 .con ul li a p {font-size:16px;}
	.section01 .con ul li a i {font-size:16px;}
	
	.reviews_box .con .txt p br {display:none;}
	.section04 .con {padding:20px;height:230px;}
	.section04 .reviews_box .con .txt h3 {font-size:18px;}
	.section04 .reviews_box .con .txt p {font-size:14px;}
	.reviews_box .con img {height:40%;}
	
	.sub_menu_home {display:none;}
	#lnb {width:100%;}
	#lnb > ul > li {width:50%;}
	#lnb > ul > li > p {padding-left:1.5rem;font-size:14px;}
	#lnb > ul > li .depth {width:100%;}
	#lnb > ul > li .depth > li {padding:0.5rem 0;}
	#lnb > ul > li .depth > li > a {font-size:14px;}
	
	.sub_banner .sub_banner_title h2 {font-size:2.2em;}
	#container_title span {font-size:28px;}
	
	.about_con .left img {width:100%;}
	
	.outline_con h4 {font-size:22px;}
	.outline_con table tr th {padding:7px;font-size:14px;}
	.outline_con table tr td {padding:7px;font-size:14px;}
	.outline_con > ul li p {font-size:14px;}
	
	.technology_con h5 {font-size:18px;}
	.technology_con ul {margin-bottom:20px;}
	.technology_con ul li {font-size:16px;margin-bottom:5px;}
	.technology_con ul li:after {top:8px;}
	
	.sub_con .title h3 {font-size:22px;}
	.sub_con .con h4 {font-size:20px;}
	.sub_con .con h4:after {top:8px;}
	.sub_con .con h4:before {top:12px;}
	.sub_con .con p {font-size:16px;}
	
	.recruit_con li {width:50%;padding:0 10px;}
	.recruit_con li .title2 h4 {font-size:18px;}
	
	.con_scroll {overflow-x:scroll;}
	.devel_table {min-width:700px;}
	.devel_table tr th {font-size:15px;}
	.devel_table tr td {font-size:15px;}
	
	.about_con .right .title h3 {font-size:24px;}
	.about_con .right p {font-size:16px;}
	
	.process-ul {flex-wrap:wrap;}
	.process-ul li {width:32%;margin-right:2%;margin-bottom:2%;}
	.process-ul li:nth-child(3n+3) {margin-right:0;}
	.process-ul li:nth-child(3n+3):after {display:none;}
}

@media screen and ( max-width:610px ) {
	.m_menu {min-width:100%;}
	
	.section04 .con {width:100%;margin-right:0%;height:180px;}
	
	.facilities_con .txt > p br {display:none;}
}

@media screen and ( max-width:510px ) {
	.footer_menu > ul {padding:30px 15px;}
	.footer_menu > ul > li {padding:0 5px;}
	.footer_menu > ul > li h3 {font-size:16px;}
	.footer_menu > ul > li ul li {margin-bottom:5px;}
	.footer_menu > ul > li ul li a {font-size:13px;}
}



.history-box {text-align:center;}
.history-box img {width:100%;max-width:712px;}

/* 연혁 */
.history-list {padding:80px 0 100px;margin-top:-50px;position:relative;}
.history-list:after {content:'';position:absolute;top:-20px;left:50.07%;transform:translateX(-50%);width:0.5px;height:100%;background:#ccc;z-index:-1;}
.history-list strong {font-size:50px;color:#000;padding:50px 80px;width:50%;text-align:right;}
.history-list b {color:#000;margin-right:10px;}
.history-list p {margin-bottom:20px;}
.history-list div > ul {padding:50px 80px;width:50%; position:relative;}
.history-list div > ul > li {margin:20px 0;font-size:20px;position:relative;color:#555;display:flex;flex-direction:column;align-items:baseline;}
.history-list div > ul > li > ul {display:flex;}
.history-list div > ul > li > ul > li {width:32%;margin-right:2%;}
.history-list div > ul > li > ul > li:last-child {margin-right:0%;}
.history-list ul li h4 {color:#8DC63F;font-size:24px;margin-bottom:10px;}
.history-list ul li a {cursor:zoom-in;margin-bottom:20px;}
.history-list ul li a:last-child  {margin-bottom:0px;}
.history-list ul li img {margin-bottom:20px;width:500px;max-width:100%;}
.history-list > div {display:flex;width:100%;flex-wrap:wrap;position:relative;}
.history-list > div::after {content:"";width:11px;height:11px;background:#8DC63F;border-radius:50%;position:absolute;left:50%;top:80px;margin-left:-5px;z-index:2;}
/*.history-list > div::before {content:"";width:1px;height:230px;background:#ccc;position:absolute;left:50%;top:-150px; z-index:1;}*/
/*.history-list > div:nth-child(2)::before {height:500px;top:-420px;}*/
.history-list > div:nth-child(2n) {flex-direction:row-reverse;}
.history-list > div:nth-child(2n) strong {text-align:left;}
.history-list > div:nth-child(2n) ul li {justify-content:end;align-items:end;}

@media screen and ( max-width:1110px ) {
	.history-list {padding:0 0 70px 0px;}
	.history-list b {margin-right:0px;display:block;}
	.history-list p {margin-bottom:10px;}
	.history-list strong {font-size:30px;margin:13px 0;padding:25px 30px 25px 0px;}
	.history-list div > ul {padding:25px 0px 25px 30px;}
	.history-list div > ul > li {font-size:17px;padding-left:0px;margin:27px 0;}
	.history-list div > ul > li img {max-width:100%;margin-bottom:0px;}
	.history-list div > ul > li > ul {flex-direction:column;}
	.history-list div > ul > li > ul li {width:100%;margin-right:0%;margin-bottom:10px;}
	.history-list div > ul > li > ul > li:last-child {margin-bottom:0%;}
	.history-list > div::after {top:58px;}
	.history-list > div:nth-child(2n) ul {padding:25px 30px 25px 0px;}
	.history-list > div:nth-child(2n) ul li {padding-right:0px;align-items:end;}
	.history-list > div:nth-child(2n) strong {padding:25px 0px 25px 30px;}
	.history-list > div:nth-child(2n) b {text-align:right;}
}