@charset "utf-8";

/* 모바일용 CSS */
body {overflow-x:hidden;}
.main_wrap p {transition-duration:0.5s;}
.hidden {display:none !important;}
.upper {text-transform:uppercase !important;}

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#pop_sitemap {display:none}

#header {width:100%; height:70px; margin:0 auto; position:fixed; z-index:11; top:0; left:0; background:#fff;}
#header {width:100%; height:70px; margin:0 auto; z-index:11; top:0; left:0; }

.header_in_wrap {width:100%; height:70px; margin:0 auto; transition-duration:0.5s; position:relative;}
.header_in_wrap h1.logo {position:absolute; width:152px; height:27px; left:20px; top:50%; margin-top:-14px; line-height:0; z-index:10; }
.header_in_wrap h1.logo a {display:block; overflow:hidden; width:100%; height:27px; line-height:0;}
.header_in_wrap h1.logo a img {width:100%;}

/* 사이트맵 버튼*/
.t_btn_sitemap, .t_btn_srch {display:none;}

/* 전화 버튼*/
.t_btn_call {position: absolute; width:40px; height:40px; border-radius:50%; right:20px; top:15px; background:#6bb520 url('../images/t_btn_call.png') no-repeat center center; background-size:cover;}
.t_btn_call a {display:block; width:40px; height:40px;}
.t_btn_call a p {display:none;}


/* 메뉴 버튼*/
.t_btn_menu {position: absolute; width:24px; height:18px; right:80px; top:26px;}

.menu-button {
	width:24px; height:18px; 
	box-sizing:border-box;
	cursor: pointer;
	display:block;
}

.menu-button .bar:nth-of-type(1) {
	margin-top: 0px;
}

.menu-button .bar:nth-of-type(3) {
	margin-bottom: 0px;
}

.bar {
	position: relative;
	display: block;
	width: 20px;
	height: 2px;
	margin: 6px 0;
	background-color: #000;

}

.menu-button .bar:nth-of-type(2) {
	margin: 6px 0 6px 4px;
}
/*
.menu-button:hover .bar:nth-of-type(1) {
	-webkit-transform: translateY(1.5px) rotate(-4.5deg);
	-ms-transform: translateY(1.5px) rotate(-4.5deg);
	transform: translateY(1.5px) rotate(-4.5deg);
}

.menu-button:hover .bar:nth-of-type(2) {
	opacity: .9;
}

.menu-button:hover .bar:nth-of-type(3) {
	-webkit-transform: translateY(-1.5px) rotate(4.5deg);
	-ms-transform: translateY(-1.5px) rotate(4.5deg);
	transform: translateY(-1.5px) rotate(4.5deg);
}
*/
.cross .bar:nth-of-type(1) {
	width: 32px;
	-webkit-transform: translateY(8px) rotate(-45deg);
	-ms-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}

.cross .bar:nth-of-type(2) {
	opacity: 0;
	margin: 6px 0 6px 0;
}

.cross .bar:nth-of-type(3) {
	width: 32px;
	-webkit-transform: translateY(-8px) rotate(45deg);
	-ms-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
/*
.cross:hover .bar:nth-of-type(1) {
	-webkit-transform: translateY(13.5px) rotate(-40.5deg);
	-ms-transform: translateY(13.5px) rotate(-40.5deg);
	transform: translateY(13.5px) rotate(-40.5deg);
}

.cross:hover .bar:nth-of-type(2) {
	opacity: .1;
}

.cross:hover .bar:nth-of-type(3) {
	-webkit-transform: translateY(-13.5px) rotate(40.5deg);
	-ms-transform: translateY(-13.5px) rotate(40.5deg);
	transform: translateY(-13.5px) rotate(40.5deg);
}
*/

/* 슬라이딩 메뉴 */
.side-menu {box-sizing:border-box; background:#6bb520; }



/* 전체메뉴  */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none;}
.menu_wrap > div {height:100%; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.gnb_bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.98; z-index:490; display:none;}

.menu_wrap .menu_area {width:100%; position:absolute; top:0; z-index:999999999999; background:rgba(240, 156, 180, 0.8); height:100%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_area .top_area {width:100%; position:relative; overflow:hidden;}
.menu_area .top_area .close_btn {display:block; text-align:right; overflow:hidden;  padding:25px;}

.row_01 {width:80%; margin: 0 auto; margin-bottom:80px; }
.row_01 > li {width:100%;}
.isDepth2	 { margin-top:30px; }
.row_01 > li > a {display:block; line-height:40px; height:40px; color:#fff;  font-size:20px;font-family: 'S-CoreDream-4Regular'; }
.row_02 {width:100%; }
.row_02 > li {width:100%;overflow:hidden; }
.row_02 > li > a {
	display:block; color:#fff; font-weight:normal;  font-size:16px; height:26px; line-height:26px;
}


/* 퀵 */
#quick {display:none;}


/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */

.container {width:100%; margin:0 auto; overflow:hidden; }
.page-tit {font-family: 'S-CoreDream-5Medium'; font-size:24px; text-align:center; letter-spacing:-1px; }
.page-stit {font-weight:300; font-family: 'Noto Sans KR'; color:#111; text-transform:uppercase; text-align:center; font-size:14px; width:80%; margin:0 auto; word-break:keep-all; margin-top:10px; }

/*
.page-btn {display:block; font-weight:500; font-family:'Lato'; text-align:center; color:#fff; margin-top:30px; }
.page-btn::after {content:url('../images/page-btn-bg.png'); text-align:center; display:block;}
.page-btn2 {display:block; font-weight:600; font-family:'Lato'; text-align:center; margin-top:30px; width:140px; height:50px; line-height:46px; border:2px solid #292e32; box-sizing:border-box; transition-duration:0.5s;}
.page-btn2:hover {background:#292e32; color:#fff;}
*/

/* ---- section #1 ---- */
.page1 {position:relative; height:400px;  overflow:hidden; margin-top:70px;}
.page1 .container {}

/* 메인 롤링 */
#m_slider_wrap { width:100%; overflow:hidden; height:400px; z-index:2 }
#m_slider_wrap .m-slider-container {  width:100%;}
#m_slider_wrap .swiper-wrapper { width:100%; }
#m_slider_wrap .swiper-slide {width:100%;  height:400px; overflow:hidden; position:relative;   }

#m_slider_wrap .swiper-slide .m_slider_tit_wrap {position:relative; top:60px; z-index:2; width:90%; margin:0 auto; text-align:left; height:350px}
.m_slider_btit {font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size:35px; color:#3e3e3e; line-height:43px; letter-spacing:-1px; }
.m_slider_etit {display:none}
.m_slider_tit {font-family: 'NEXON Lv1 Gothic OTF Bold'; color:#fff; font-size:22px; line-height:30px; margin-top:10px; letter-spacing:-1px; width:190px; word-break:keep-all; text-shadow: 0px 0px 8px rgba(0,0,0,0.8);}
.m_slider_tit span {font-family: 'NEXON Lv1 Gothic OTF Bold'; color:#f58313;}
.m_slider_stit {display:none}

#m_slider_wrap .swiper-slide.m-slider-02 .m_slider_btit {color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.8);}
#m_slider_wrap .swiper-slide.m-slider-03 .m_slider_btit {color:#fff;}


.m_slider_btit {font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size:35px; color:#3e3e3e; line-height:43px; letter-spacing:-1px; }

#m_slider_wrap .swiper-slide .m_slider_thm {position:absolute; left:0; top:0; z-index:1; display:flex; justify-content:center; align-items:center; width:100%; height:400px;}
#m_slider_wrap .swiper-slide .m_slider_thm img {height:100%; margin-right:-80px; }

.m_slider_control {position:absolute; bottom:20px; width:90%; left:5%; z-index:5; text-align:center;  }
.m_slider_control .slider_control {width:100%; height:46px; position:relative; }
.m_slider_control .slider_control .slider_control_in {height:46px; line-height:46px; text-align:right; }

.m_slider_control .slider_control .slider_control_in .m-slider-pagination {display:inline-block; vertical-align:middle; height:46px; position:relative; left:auto; right:auto; margin:0; background-image:none; z-index:10}
.m_slider_control .slider_control .slider_control_in .m-slider-pagination {height:46px;}
.m_slider_control .slider_control .slider_control_in .m-slider-pagination .swiper-pagination-bullet {width:15px; height:43px; background:none; border:none; margin:0 15px; opacity:0.7}
.m_slider_control .slider_control .slider_control_in .m-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1} 
.m_slider_control .slider_control .slider_control_in .m-slider-pagination .swiper-pagination-bullet p {width:15px; border-bottom:3px solid #fff; text-align:center;}
.m_slider_control .slider_control .slider_control_in .m-slider-pagination .swiper-pagination-bullet p span {width:15px; font-family:'Montserrat'; font-weight:600; color:#fff;}
.m_slider_control .slider_control .slider_control_in div.m-slider-autoplay {background:url('../images/m_slider_stop.png') no-repeat center center; display:inline-block;  vertical-align:middle;  width:6px;  height:10px; margin:0 12px; margin-top:7px}
.m_slider_control .slider_control .slider_control_in div.m-slider-autoplay.pause {background:url('../images/m_slider_start.png') no-repeat center center;  }



/* ---- section #2 ---- */
.page2 {position:relative;}
.page2 .container {padding:60px 0;}

.page2_tit {width:100%; position:relative; height:100px;}
.page2_tit::before {content:''; width:4%; height:100px; background:#f8a71a; left:0; top:0; display:block; position:absolute; }
.page2_tit p {width:85%; margin:0 auto; overflow:hidden; text-align:left;}
.page2_tit p.tit {font-family:'Montserrat'; font-weight:700; font-size:28px; height:40px; line-height:40px}
.page2_tit p.stit {font-family: 'S-CoreDream-4Regular'; font-size:16px; line-height:24px; word-break:keep-all; margin-top:5px}

.m-business-wrap {width:90%; max-width:360px; margin:0 auto; overflow:hidden; margin-top:30px;  display:flex;  justify-content:space-between; align-items:flex-start;  flex-wrap:wrap;}
.m-business-wrap .m-business {width:48%; }
.m-business-wrap .m-business .business-thm {overflow:hidden;}
.m-business-wrap .m-business .business-thm img {width:100%}
.business-con {text-align:center;}
.business-con a {padding:50px 0; box-sizing:border-box; display:block; position:relative;}
.business-con a p.business_tit {font-family: 'S-CoreDream-4Regular'; font-size:22px; color:#000;}
.business-con a p.business_tit::before {content:''; display:block; width:1px; height:60px; background:rgba(0, 0, 0, 0.3); position:absolute; left:50%; top:-30px; z-index:3}
.business-con a p.business_con  {display:none; font-weight:300; font-family: 'Noto Sans KR'; color:#111; text-transform:uppercase; text-align:center; font-size:14px; width:100%; margin:0 auto; word-break:keep-all; margin-top:10px; }


.page2 .business-prev {background:url('../images/business-prev.png') no-repeat center center; background-size:cover; display:block; position:absolute; left:20px; top:50%; width:40px; height:40px; z-index:4}
.page2 .business-next {background:url('../images/business-next.png') no-repeat center center; background-size:cover; display:block; position:absolute; right:20px;  top:50%; width:40px; height:40px; z-index:4}

.mc_02_btn {display:block; width:180px; height:45px; line-height:45px; border:1px solid #bfbfbf; border-radius:23px; margin:0 auto; display:flex;  justify-content:center; align-items:center; }
.mc_02_btn span {font-family:'Montserrat'; font-weight:500; margin-right:5px}
.page2_tit .mc_02_btn {display:none;}


/* ---- section #3 ---- */
.page3 {position:relative;}
.page3 .container {padding:0 0 60px 0}
.page3-tit {}

.m_onm_wrap {width:92%; margin:0 auto; overflow:hidden; margin-top:20px; max-width:450px;}
.m_onm_wrap .m_onm {width:100%; height:200px; overflow:hidden; background:#000; position:relative; margin-top:10px; display:block;}
.m_onm_wrap .m_onm .m_onm_tit {position:absolute; width:100%; height:200px; left:0; top:0; z-index:2; display:flex; justify-content:center; align-items:center; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
.m_onm_wrap .m_onm .m_onm_tit .m_onm_num {font-family:'Montserrat'; font-weight:500; font-size:18px; color:#fff;}
.m_onm_wrap .m_onm .m_onm_tit .m_onm_etit {font-family:'Montserrat'; font-weight:500; font-size:14px; color:#fff; margin:10px 0 25px 0 }
.m_onm_wrap .m_onm .m_onm_tit .m_onm_ttit {font-family: 'S-CoreDream-4Regular'; font-size:22px; color:#fff;}
.m_onm_wrap .m_onm .m_onm_tit .m_onm_con {display:none;}
.m_onm_wrap .m_onm .m_onm_tit .m_onm_btn {display:none;}
.m_onm_wrap .m_onm .m_onm_thm {position:relative; width:100%; height:200px; z-index:1; display:flex; justify-content:center; align-items:center; }
.m_onm_wrap .m_onm .m_onm_thm img {opacity:0.5}


/* ---- section #4 ---- */
.page4 {width:100%;  overflow:hidden;}
.page4 .container {padding:0 0 0 0; position:relative; }


.page4_in {width:100%; margin:0 auto; }
/* 서비스 롤링 */
.service_list_wrap {position:relative} 
.service_list_tit {left:4%; width:92%; position:absolute; z-index:2; color:#fff; height:60px; line-height:60px; font-family:'Montserrat'; font-size:16px; font-weight:500}
.m-service-container {width:92%; margin:0 auto; overflow:hidden; margin-top:20px; max-width:450px; position:relative;  box-shadow: 10px 10px 30px -8px rgba(0,0,0,0.1);}
.m-service-container .swiper-wrapper {width:100%; margin:0 auto;  }
.m-service-container .swiper-slide {width:100%; overflow:hidden; position:relative;  overflow:hidden; }
.m-service-container .swiper-slide .thm {line-height:0; z-index:1; position:relative; height:270px; display:flex; justify-content:center; align-items:center; }
.m-service-container .swiper-slide .thm img {width:100%; }
.m-service-container .swiper-slide .con {box-sizing:border-box; width:100%;  background:#fff; padding:20px; position:relative; z-index:2;  text-align:left;}
.m-service-container .swiper-slide .con .tit {color:#000; font-family: 'S-CoreDream-5Medium'; font-size:18px;}
.m-service-container .swiper-slide .con .hashtag {margin:10px 0}
.m-service-container .swiper-slide .con .hashtag span {display:inline-block; border:1px solid #6bb520; height:25px; line-height:25px; text-align:center; font-size:15px; color:#6bb520; padding:0 15px; margin-right:8px; border-radius:13px}
.m-service-container .swiper-slide .con .hashtag span::before{content:'#';}
.m-service-container .swiper-slide .con .detail {font-weight:300; font-family: 'Noto Sans KR'; color:#111; text-transform:uppercase; font-size:14px; word-break:keep-all; margin-top:10px; }

.service_con {color:#737373; font-size:15px; font-weight:300; margin:15px auto 0 auto; max-width:250px; word-break:keep-all }

.service_control_in  {position:absolute; bottom:130px; width:auto; left:50%; margin-left:80px; z-index:5; text-align:right;  }
.service_control_in div {margin-left:25px}
.service_control_in .service-prev {background:url('../images/service-prev.png') no-repeat center center; background-size:cover;  display:inline-block;  vertical-align:middle;position:relative; left:auto; top:auto; width:8px; height:14px; z-index:4; margin:0; margin-left:25px}
.service_control_in .service-next {background:url('../images/service-next.png') no-repeat center center; background-size:cover;  display:inline-block;  vertical-align:middle;position:relative; right:auto;  top:auto; width:8px; height:14px; z-index:4; margin:0; margin-left:25px}
.service_control_in .service-autoplay {background:url('../images/service-stop.png') no-repeat center center; display:inline-block;  vertical-align:middle; width:8px;  height:14px;}
.service_control_in .service-autoplay.pause {background:url('../images/service-start.png') no-repeat center center;  }


.m_recent_wrap {width:92%; margin:50px auto;}
.m_recent_tit {width:100%; height:30px;display:flex; justify-content:space-between; align-items:center;  }
.m_recent_tit span  {font-family: 'Montserrat'; font-size:20px; font-weight:600; }
.m_recent_tit a {}
.m_recent_tit a img {vertical-align:middle;}
.recent_list {width:96%; margin:0 auto; overflow:hidden; margin-top:15px; }
.recent_list li {width:100%; box-sizing:border-box; height:35px; }
.recent_list li a {width:100%; height:35px; line-height:35px; overflow:hidden; font-size:15px; display:block; display:flex; justify-content:space-between; align-items:center;   }
.recent_list li a span {width:25%; display:inline-block; font-family:'Noto Sans KR'; color:#444444; text-align:right; font-size:13px; font-weight:300; height:35px; line-height:35px; font-weight:300; overflow:hidden; white-space: nowrap; word-wrap: break-word; text-overflow: ellipsis;}
.recent_list li a span:first-child { color:#000; font-size:15px; width:75%; text-align:left; }

.m_btn_wrap {width:100%; background:#efefef; padding:50px 0;}
.m_btn_wrap ul {width:80%; max-width:280px; margin:0 auto; height:360px; display:flex; justify-content:space-between; align-items:center; align-content:space-between; flex-wrap:wrap; }
.m_btn_wrap ul li {width:50%; max-width:120px; text-align:center;}
.m_btn_wrap ul li p {height:50px; line-height:50px; font-family: 'S-CoreDream-5Medium'; font-size:18px;}


/* ---- section #5 ---- */
.page5 {background:url('../images/page5_bg.jpg') no-repeat center top; background-size:cover;  }
.page5 .container {padding:60px 0; width:92%; margin:0 auto; }
.page5-tit {color:#fff; font-family: 'NEXON Lv1 Gothic OTF'; font-size:32px; }
.page5-stit {color:#fff; margin-top:10px}

.merit_list {display:none;}
.mc_05_btn {display:block; width:240px; height:70px; line-height:70px; font-family: 'S-CoreDream-5Medium'; text-align:center; background:#6bb520; color:#fff; font-size:19px;  border-radius:35px; margin:0 auto; margin-top:50px; letter-spacing:-0.5px}



/* ---- section #7 ---- */
.page7 {}
.page7 .container {padding:55px 0 110px 0;width:92%; margin:0 auto; }

.mc_07_banner_wrap {width:92%; margin:0 auto; position:relative; overflow:visible; margin-top:30px; max-width:320px;}
.mc_07_banner { overflow:hidden; }
.mc_07_banner .swiper-slide { text-align:center;}
.mc_07_banner .swiper-slide a {line-height:0}
.mc_07_banner .swiper-slide a img {max-width: 100%}

.mc_07_banner_wrap .banner-prev {background:url('../images/banner-prev.jpg') no-repeat center center; background-size:cover; display:block; position:absolute; left:50%; margin-left:-39px; top:auto; bottom:-70px;  margin-top:0; width:39px; height:40px; z-index:4}
.mc_07_banner_wrap .banner-next {background:url('../images/banner-next.jpg') no-repeat center center; background-size:cover; display:block; position:absolute; right:auto; left:50%; top:auto; bottom:-70px;  margin-top:0; width:40px; height:40px; z-index:4}



/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */
#footer {width:100%; display:block; overflow:hidden;position:relative; padding:0; background:#e4e0d7;}
#footer .footer_in_wrap {background:#636363; padding:20px 0}
#footer .footer_in_wrap:first-child {background:none; padding:40px 0 0 0}
#footer .footer_in_wrap .footer_in {width:90%; max-width:1500px;  margin:0 auto; }
#footer .footer_in_wrap .footer_in.in_1 > div  {margin-bottom:40px;}
.copy_logo {font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size:26px; color:#000; word-break:keep-all;} 
.copy_con {font-size:14px; color:#a6a6a6; line-height:22px; font-weight:300; margin-top:20px}


/*카피*/
.copy_right {width:100%; margin:15px auto;  display:block; overflow:hidden;  padding:0 0 0; }
.copy_right address {width: 100%; margin:0 auto; display:block; overflow:hidden; font-family:'Noto Sans KR'; font-size: 14px; color: #7d7b76; line-height:24px; word-break:keep-all; }
.copy_right address p { color: #7d7b76; font-family:'Noto Sans KR';}
.copy_right address p.cr {color:#7d7b76; margin-top:15px}
.copy_right address span {display:inline-block; color: #7d7b76; font-family:'Noto Sans KR'; padding-right:24px;}
.copy_right address span i {font-style:normal;}

.copy_menu {width:100%; display:block; overflow:hidden; position:relative;  text-align:left;}
.copy_menu li{display:inline-block; height:34px; padding:0 5px; }
.copy_menu li a {display:block; width:100%; font-family:'Noto Sans KR'; font-size: 14px;  height:34px; line-height:32px; color:#7d7b76; font-weight:normal; }
.copy_menu li:nth-child(1), .copy_menu li:nth-child(2) {display:none;} 

/* sns */
.f_sns_wrap {width:100%; overflow:hidden; height:40px; line-height:40px; text-align:center; margin:30px 0;}
.f_sns_wrap li {display:inline-block; width:40px; height:40px; margin:0 4px}
.f_sns_wrap li a {display:block; width:100%; height:40px; line-height:0}
.f_sns_wrap li a p { line-height:0}

.copy_num {width:100%; overflow:hidden; margin-top:20px; display:flex; justify-content:space-between; align-items:flex-start;}
.copy_num div {width:calc(100% - 100px);}
.copy_num div:first-child {width:80px; font-family: 'Montserrat'; line-height:30px}
.copy_num div p.num { font-family: 'NEXON Lv1 Gothic OTF Bold'; font-size:26px; line-height:30px}
.copy_num div p.time {font-size:14px; font-weight:400; display:block; color:#7d7b76; margin-top:10px}


p.copyright { font-size: 14px;  color: #fff; font-family:'Noto Sans KR';  text-align:Center;}




/* 태블릿용 CSS */	
@media all and (min-width:768px){

#m_slider_wrap .swiper-slide .m_slider_thm img {height:auto; width:1400px; margin-right:0; }


/* 메뉴 버튼*/
.t_btn_menu {display:none;}


/* 메뉴 버튼*/
.t_btn_sitemap {display:block; position:absolute; width:24px; height:18px; right:77px; top:25px; }
.t_btn_sitemap a.btn_sitemap {display:block; width:24px; height:18px; 	box-sizing:border-box; 	cursor: pointer;}
.t_btn_sitemap a.btn_sitemap .bar:nth-of-type(1) { margin-top:0; }
.t_btn_sitemap a.btn_sitemap .bar:nth-of-type(2) { margin: 6px 0 6px 4px;}
.t_btn_sitemap a.btn_sitemap .bar:nth-of-type(3) { margin-top:0; }


/* 슬라이딩 메뉴 */
.side-menu {display:none !important;}


/* 전체메뉴  */
.menu_wrap {max-width:560px; overflow:visible;  position:absolute; display:block; background:none; left:50%; margin-left:-240px; right:auto; height:0; z-index:98}
.menu_wrap > div {width:100%; margin:0 auto; overflow:hidden; border:none;}
.gnb_bg {display:none !important;}
.menu_wrap .menu_area {width: 100%; position:static; float:left; height:70px; overflow:visible; background:none;}
.menu_wrap .menu_area > .height_finder {display:none;}
.menu_wrap .menu_area:hover > .height_finder {height:270px; background:rgba(240, 156, 180, 1);}
.menu_area	{ right:0 !important; opacity:1 !important; }
.menu_area .top_area {display:none;}
.menu_area .top_area .close_btn {display:none;}
.menu_wrap .menu_area .row_01 {position:absolute; z-index:9998; overflow:visible; display:block; width:100%; margin-bottom:0 }
.menu_wrap .menu_area .row_01 > li  {float:left; width:16.5%; text-align:center; position:relative; z-index:9997}
.isDepth2 { margin-top:0; }
.menu_wrap .menu_area .row_01 > li > a {display:block; width:100%; height:70px; line-height:70px; color:#000; background:none; padding:0; font-size:16px; font-family: 'S-CoreDream-4Regular';}
body.fp-viewing-sixthPage .menu_wrap .menu_area .row_01 > li > a {color:#000}
body.fp-viewing-footerPage .menu_wrap .menu_area .row_01 > li > a {color:#000}
.menu_wrap .menu_area .row_01 > li:hover > a {color:#6bb520;}
.menu_wrap .menu_area .row_02  {height:0; overflow:hidden; position:absolute; z-index:9999; width:225px;  padding:0; margin:0;  left:50%; margin-left:-112px;}
.menu_wrap .menu_area .row_02 > li {width:100%; padding:0px; clear:both; position:relative; margin:0 auto; height:auto; margin-top:1px; background:#444;}
.menu_wrap .menu_area .row_02 > li:first-child {border-top:none;margin-top:0; }
.menu_wrap .menu_area .row_02 > li > a {
	background:none;/*background:url('../images/tm_a_bg.gif') no-repeat 5px center;*/ font-weight:normal;
	padding:0px; display:block; height:auto; line-height:20px; font-size:16px; color:#ffffff !important; height:40px; line-height:40px; background:none !important; }
.menu_wrap .isDepth2:hover ul,.menu_wrap .isDepth2:focus ul { height:auto !important; } 
.menu_wrap .isDepth2:hover ul li a:hover {background:#6bb520 !important;}
.menu_wrap #gnb .isDepth2 ul li a.on {background:#6bb520 !important;}


}




/* 낮은해상도 PC용 CSS */
@media all and (min-width:1250px){

[canvas="container"] {overflow-x: hidden; transform: translate(0) !important;}
body.main [canvas="container"] {overflow:hidden;}

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {width:100%; height:100px; }

.header_in_wrap {width:96%; margin:0 auto; height:100px; }
.header_in_wrap h1.logo {position:absolute; left:0; }   

/* 메뉴 버튼*/
.t_btn_menu {display:none;}


/* 메뉴 버튼*/
.t_btn_sitemap {display:block; position:absolute; width:24px; height:18px; right:140px; top:41px; }
.t_btn_sitemap a.btn_sitemap {display:block; width:24px; height:18px; 	box-sizing:border-box; 	cursor: pointer;}
.t_btn_sitemap a.btn_sitemap .bar:nth-of-type(1) { margin-top:0; }
.t_btn_sitemap a.btn_sitemap .bar:nth-of-type(2) { margin: 6px 0 6px 4px;}
.t_btn_sitemap a.btn_sitemap .bar:nth-of-type(3) { margin-top:0; }


/*검색*/
.t_btn_srch {display:block;}
#t_srch_btn {display:block; position:absolute; top:36px; right:80px; margin-top:0; width:29px; height:27px; text-align:center; line-height:27px;  background:url('../images/t_btn_srch.png') no-repeat center center;}
#t_srch_btn img {vertical-align:middle; }
.main_srch {display:none; position:absolute; background:#444; height:60px; right:0; width:330px; z-index:99; top:100px; overflow:hidden; }
.main_srch>li {float:right; width:15%; height:60px; line-height:60px; overflow:hidden; text-align:center;}
.main_srch>li:first-child {float:left; width:85%; text-align:center;}
.main_srch>li input {vertical-align:middle;}
.main_srch>li:first-child input {border:none; display:inline-block; width:94%; background:none; height:60px; line-height:60px; padding:0 2%; color:#fff; text-align:left; font-size:15px; font-weight:300}


/* 슬라이딩 메뉴 */
.side-menu {display:none !important;}

/* 전화 버튼*/
.t_btn_call {top:30px; right:0;}

/* 전체메뉴  */
.menu_wrap {max-width:850px; overflow:visible;  position:absolute; display:block; background:none; left:50%; margin-left:-450px; right:auto; height:0; z-index:98}
.menu_wrap > div {width:100%; margin:0 auto; overflow:hidden; border:none;}
.gnb_bg {display:none !important;}
.menu_wrap .menu_area {width: 100%; position:static; float:left; min-width:700px; height:100px; overflow:visible; background:none;}
.menu_wrap .menu_area > .height_finder {display:none;}
.menu_wrap .menu_area:hover > .height_finder {height:270px; background:rgba(240, 156, 180, 1);}
.menu_area	{ right:0 !important; opacity:1 !important; }
.menu_area .top_area {display:none;}
.menu_area .top_area .close_btn {display:none;}
.menu_wrap .menu_area .row_01 {position:absolute; z-index:9998; overflow:visible; display:block; width:100%; margin-bottom:0 }
.menu_wrap .menu_area .row_01 > li  {float:left; width:16.5%; text-align:center; position:relative; z-index:9997}
.isDepth2 { margin-top:0; }
.menu_wrap .menu_area .row_01 > li > a {display:block; width:100%; height:100px; line-height:100px; color:#000; background:none; padding:0; font-size:20px; font-family: 'S-CoreDream-4Regular';}
body.fp-viewing-sixthPage .menu_wrap .menu_area .row_01 > li > a {color:#000}
body.fp-viewing-footerPage .menu_wrap .menu_area .row_01 > li > a {color:#000}
.menu_wrap .menu_area .row_01 > li:hover > a {color:#6bb520;}
.menu_wrap .menu_area .row_02  {height:0; overflow:hidden; position:absolute; z-index:9999; width:225px;  padding:0; margin:0;  left:50%; margin-left:-112px;}
.menu_wrap .menu_area .row_02 > li {width:100%; padding:0px; clear:both; position:relative; margin:0 auto; height:auto; margin-top:1px; background:#444;}
.menu_wrap .menu_area .row_02 > li:first-child {border-top:none;margin-top:0; }
.menu_wrap .menu_area .row_02 > li > a {
	background:none;/*background:url('../images/tm_a_bg.gif') no-repeat 5px center;*/ font-weight:normal;
	padding:0px; display:block; height:auto; line-height:20px; font-size:16px; color:#ffffff !important; height:40px; line-height:40px; background:none !important; }
.menu_wrap .isDepth2:hover ul,.menu_wrap .isDepth2:focus ul { height:auto !important; } 
.menu_wrap .isDepth2:hover ul li a:hover {background:#6bb520 !important;}
.menu_wrap #gnb .isDepth2 ul li a.on {background:#6bb520 !important;}




/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */

.page-stit {font-size:16px;}
.page-tit {font-size:40px; }
.page-btn {height:22px; line-height:22px;}
.page-btn::after {}
.page-btn2 {width:160px;}


/* ---- section #1 ---- */
.page1 {height:860px; margin-top:100px;}
.page1 .container {}

/* 메인 롤링 */
#m_slider_wrap {height:860px;}
#m_slider_wrap .swiper-slide {height:860px;}

#m_slider_wrap .swiper-slide .m_slider_tit_wrap { top:140px; width:90%; margin:0 auto; height:260px; max-width:1500px}
.m_slider_btit {font-size:60px;line-height:70px;}
.m_slider_etit {display:block; font-family:'Montserrat'; color:#fff; font-size:14px; margin:20px 0 30px 0; font-weight:500;}
.m_slider_etit::after {content:''; display:inline-block; vertical-align:middle; width:100px; height:1px; background:#fff; margin-left:20px}
.m_slider_tit { font-size:30px;margin-top:10px;  width:100%; line-height: 40px;}
.m_slider_stit {display:block; color:#747a7c; margin-top:10px; font-weight:400; font-family: 'Noto Sans KR'; line-height:26px; font-size:16px}

#m_slider_wrap .swiper-slide.m-slider-02 .m_slider_etit {color: #3e3e3e;}

#m_slider_wrap .swiper-slide .m_slider_thm {height:860px;}
#m_slider_wrap .swiper-slide .m_slider_thm img {height:auto; width:2100px; margin-right:0; }

.m_slider_control {position:relative; bottom:auto; top:760px; width:90%; margin:0 auto; max-width:1500px; height:0; line-height:0; overflow:visible; left:auto; z-index:5; text-align:center;  }




/* ---- section #2 ---- */
.page2 .container {padding:120px 0;}

.page2_tit {width:90%; margin:0 auto; max-width:1860px; position:relative; height:180px; display:flex; justify-content:flex-start; align-items:center;}
.page2_tit::before {content:''; width:4%; height:180px; background:#f8a71a; left:0; top:0; display:block; position:absolute; }
.page2_tit p {width:auto; margin:0; text-align:left;}
.page2_tit p.tit {width:350px; font-size:55px; height:auto; line-height:60px; margin-left:7%;}
.page2_tit p.stit {width:570px; font-size:26px; line-height:34px; margin-top:0}

.m-business-wrap {max-width:1500px; margin-top:60px}
.m-business-wrap .m-business {width:23%;}
.m-business-wrap .m-business:nth-child(2n) {margin-top:100px}
.business-con {text-align:center;}
.business-con a {padding:50px; box-sizing:border-box; display:block; position:relative;}
.business-con a p.business_tit {font-family: 'S-CoreDream-4Regular'; font-size:22px; color:#000;}
.business-con a p.business_tit::before {content:''; display:block; width:1px; height:60px; background:rgba(0, 0, 0, 0.3); position:absolute; left:50%; top:-30px; z-index:3}
.business-con a p.business_con  {display:block;font-weight:300; font-family: 'Noto Sans KR'; color:#111; text-transform:uppercase; text-align:center; font-size:14px; width:100%; margin:0 auto; word-break:keep-all; margin-top:10px; }


.page2 .business-prev {display:none;}
.page2 .business-next {display:none;}

.mc_02_btn {display:none;}
.page2_tit .mc_02_btn {display:flex; display:flex; justify-content:center; align-items:center;}


/* ---- section #3 ---- */
.page3 {position:relative;}
.page3::before {content:'Operations Management'; position:absolute; z-index:1; left:50%; margin-left:-700px; font-size:120px; line-height:120px; top:35px; color:#f2f2f2; font-family:'Montserrat'; font-weight:700; width:100%; letter-spacing:-2px; text-transform:uppercase}
.page3 .container {padding:0 0 120px 0;  position:relative; z-index:2}
.page3-tit {}

.m_onm_wrap {margin-top:50px; max-width:1500px; display:flex; justify-content:space-between; align-items:center;}
.m_onm_wrap .m_onm {flex:0 1 1; width:24.3333%; height:620px; margin-top:0; margin-left:1%; transition-duration:0.5s; position:relative;}
.m_onm_wrap .m_onm:first-child {margin-left:0}
.m_onm_wrap .m_onm:hover {width:60%;}
.m_onm_wrap .m_onm .m_onm_tit {position:absolute; width:100%; height:620px; left:0; top:0; z-index:2; display:flex; justify-content:center; align-items:center; display:flex; justify-content:center; align-items:center; flex-direction:column;}

.m_onm_wrap .m_onm .m_onm_tit .m_onm_num {font-family:'Montserrat'; font-weight:500; font-size:18px; color:#fff;}
.m_onm_wrap .m_onm .m_onm_tit .m_onm_etit {font-family:'Montserrat'; font-weight:500; font-size:14px; color:#fff; margin:10px 0 25px 0 }
.m_onm_wrap .m_onm .m_onm_tit .m_onm_ttit {font-family: 'S-CoreDream-4Regular'; font-size:24px; color:#fff;}
.m_onm_wrap .m_onm .m_onm_tit .m_onm_con {display:block; opacity:0; transition-duration:1s; }
.m_onm_wrap .m_onm .m_onm_tit .m_onm_btn {display:none; width:100%; position:absolute; right:25px; bottom:25px; text-align:right; }
.m_onm_wrap .m_onm .m_onm_tit .m_onm_btn span {font-family:'Montserrat'; font-weight:500; font-size:14px; color:#fff; margin-right:10px}
.m_onm_wrap .m_onm:hover .m_onm_tit .m_onm_con { opacity:1; width:70%;  word-break:keep-all; font-weight:300; font-family: 'Noto Sans KR'; color:#fff; font-size:15px; line-height:22px; margin-top:30px}
.m_onm_wrap .m_onm:hover .m_onm_tit .m_onm_btn {display:block;}

.m_onm_wrap .m_onm .m_onm_thm { height:620px; }
.m_onm_wrap .m_onm:hover .m_onm_thm img {opacity:0.7}



/* ---- section #4 ---- */
.page4 {width:100%; padding:0 0 90px 0; overflow:hidden; position:relative;}
.page4::before {content:''; width:100%; height:410px; left:0; bottom:0; position:Absolute; display:block; background:#efefef; z-index:1}
.page4 .container {max-width:1500px; width:92%; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}


.page4_in {width:45%; margin:0; }
.page4_in:first-child {width:50%; max-width:750px;} 

/* 서비스 롤링 */
.service_list_wrap {position:relative} 

.m-service-container {width:100%; margin-top:0; max-width:750px; box-shadow:none;}
.m-service-container .swiper-wrapper {width:100%; margin:0 auto;  }
.m-service-container .swiper-slide {width:100%; overflow:hidden; position:relative;  height:530px}
.m-service-container .swiper-slide .thm {line-height:0; z-index:1; position:relative; height:480px; width:90%;  align-items:flex-start; }
.m-service-container .swiper-slide .con {position:absolute; right:30px; bottom:30px; width:80%; padding:30px 40px; height:180px; box-shadow: 10px 10px 30px -8px rgba(0,0,0,0.1);}
.m-service-container .swiper-slide .con .tit {font-size:20px;}
.service_con {color:#737373; font-size:15px; font-weight:300; margin:15px auto 0 auto; max-width:250px; word-break:keep-all }
.service_control_in  {position:absolute; bottom:160px; width:auto; left:auto; right:60px; margin-left:0; z-index:5; text-align:right;  }

.m_recent_wrap {width:100%; margin:0 auto 50px auto;position:relative; z-index:2}
.m_recent_tit span  {font-size:30px;}
.recent_list { margin-top:25px; }

.m_btn_wrap {width:100%; background:none; padding:50px 0; position:relative; z-index:2}
.m_btn_wrap ul {width:100%; max-width:100%; height:auto; display:flex; justify-content:space-between; align-items:center; align-content:space-between; flex-wrap:wrap; }
.m_btn_wrap ul li {width:25%; max-width:120px; text-align:center;}





/* ---- section #5 ---- */
.page5 {}
.page5 .container {padding:100px 0; max-width:1500px; margin:0 auto; width:92%; height:675px; }
.page5-tit {line-height:60px; font-size:58px; font-family: 'NEXON Lv1 Gothic OTF Bold'; }
.page5-stit {margin-top:25px; font-size:18px; line-height:28px; font-family: 'S-CoreDream-4Regular'; }

.merit_list {display:block; width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; margin-top:90px; }
.merit_list li {display:block; width:19%; max-width:220px; text-align:center;}
.merit_list li .merit_tit {margin-top:40px; color:#fff; font-family: 'Montserrat'; font-weight:600; font-size:24px;}
.merit_list li .merit_con {font-size:16px; color:#fff; font-weight:300; line-height:22px; margin-top:25px; word-break:keep-all;}

.mc_05_btn {margin-top:100px}


/* ---- section #7 ---- */
.page7 {}
.page7 .container {padding:75px 0; width:100%; margin:0 auto; }

.mc_07_banner_wrap {margin-top:50px; max-width:1500px;}
.mc_07_banner { overflow:hidden; }
.mc_07_banner_wrap .banner-prev {display:none;}
.mc_07_banner_wrap .banner-next {display:none;}



/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */
#footer .footer_in_wrap:first-child {padding:60px 0;}
 
#footer .footer_in_wrap .footer_in {margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start; }
#footer .footer_in_wrap .footer_in.in_2 { align-items:center;}
#footer .footer_in_wrap .footer_in.in_1 > div  {margin-bottom:0;}

.c_company_wrap {width:56%}
.c_time_wrap {width:33%; max-width:400px;}


.copy_logo {font-size:30px;} 
.copy_con {font-size:15px; line-height:26px; word-break:keep-all;}

.copy_right { margin:20px auto; }

p.copyright { margin-top:0; text-align:left;}
.copy_menu {width:auto; text-align:left; margin-top:20px }
.copy_menu li:first-child {padding-left:0}
.copy_menu li:nth-child(1), .copy_menu li:nth-child(2) {display:inline-block;} 


.copy_num {width:100%; overflow:hidden; margin-top:20px; display:flex; justify-content:space-between; align-items:flex-start;}
.copy_num div {width:calc(100% - 100px);}
.copy_num div:first-child { line-height:44px}
.copy_num div p.num { font-size:38px; line-height:44px}




/* sns */
.f_sns_wrap {text-align:right; margin-top:0;}




/* 퀵 */
#quick {display: block; position:absolute; z-index:999999; width:140px; right:80px; margin:0; left:auto; background:none;}
#quick .icon_wrap { overflow: hidden; width:100px; height:235px;  flex-direction:column; justify-content:flex-start; box-sizing:border-box; margin-top:15px; margin-left:25px}
#quick li {width:90px; float:none; line-height:0; margin:0 auto; position:relative; background: #6bb520; border-top: 1px solid #fff;}
#quick li:first-child {border-top: 0;}
#quick li.cs {text-align: center;}
#quick li.cs a {font-family: 'Montserrat'; color: #fff721; font-weight: 400;}
#quick li.cs span {font-family: inherit; color: #fff721; font-weight: 700; font-size: 17px;}
#quick li a {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100px;}
#quick li a span {display:block; font-family: 'S-CoreDream-4Regular'; font-size:14px; line-height:20px; box-sizing:border-box; color:#fff; margin-top:15px; margin-left: 0;}
#quick li a img {}

#quick li.btn_top {display:block; text-align:center; width:100px; margin-top: 20px; margin-left:20px; background: none; border-top: 0;}



}



/* 높은 해상도 PC용 CSS */
@media all and (min-width:1700px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
.header_in_wrap {max-width:1700px; margin:0 auto; position:relative;}
.header_in_wrap h1.logo {width:267px; height:48px; margin-top:-24px; }   
.header_in_wrap h1.logo a { width:267px; height:48px;}


/* 메뉴 버튼*/
.t_btn_sitemap{right:300px; }

/*검색*/
#t_srch_btn {right:230px; }

/* 전화 버튼*/
.t_btn_call {width:180px; height:50px; border-radius:25px;  top:25px; right:0; background:#6bb520 url('../images/t_btn_call.png') no-repeat left center; background-size:auto;}
.t_btn_call a {width:180px; height:50px;}
.t_btn_call a p {display:block; padding-left:55px; height:50px; line-height:50px; font-family: 'NEXON Lv1 Gothic OTF'; font-size:18px; color:#fff;}





}