/* common */
@import url('font.css');
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
/* {box-sizing:border-box !important;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;}*/
html {font-family:'SCoreDream',sans-serif;font-size:14px} */
ul,ol,dl {list-style:none}
ul li {display:inline-block;vertical-align:top}
a,a:link,a:visited,a:hover  {text-decoration:none !important;}
img {border:0;max-width:100%;width:auto}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.green {color:#2fe19c}
.blue {color:#2f8fe1}
.red {color:#fc439f}
.red2 {color:#e6441f}
.left {float:left}
.right {float:right}
.txt_center {text-align:center;}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space70 {clear:both;height:70px}
.space80 {clear:both;height:80px}
.space140 {clear:both;height:140px}
.pc1200 {display:block}
.mobile1200 {display:none}
.pc1000 {display:block}
.mobile1000 {display:none}
.pc840 {display:block}
.mobile840 {display:none}
.pc640 {display:block}
.mobile640 {display:none}
.pc480 {display:block}
.mobile480 {display:none}
.w1300 {width:1300px;margin:0 auto}



/* header */
#header {overflow:hidden;min-width:1300px}
#header {background:#fff;width:100%;z-index:999}
#header .top {border-bottom:1px solid rgba(0,0,0,0.2)}
#header .w1300 {position:relative;display:flex;align-items:center}
#header .logo {position:absolute;top:50%;left:0;transform:translateY(-50%);width:200px}
#header .navi * {transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
#header .navi {width:60%;margin:0 auto}
#header .navi ul {display:flex;align-items:center;width:100%;height:90px}
#header .navi ul li {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;text-align:center;}
#header .navi ul li:nth-of-type(1) {width:18%}
#header .navi ul li:nth-of-type(2) {width:18%}
#header .navi ul li:nth-of-type(3) {width:23%}
#header .navi ul li:nth-of-type(4) {width:23%}
#header .navi ul li:nth-of-type(5) {width:18%}
#header .navi ul li a {display:block;font-size:18px;font-weight:600;color:#333;width:100%}
#header .navi ul li a:hover {color:#fe2c03}
#header .gnb {position:absolute;top:50%;right:0;transform:translateY(-50%);width:200px}
#header .gnb li::after {content:'/';padding:0 8px;color:#d1d1d1}
#header .gnb li:last-child::after {content:'';padding-right:0}
#header .gnb a {font-size:14px;font-weight:400;color:#666}
#header .gnb a:hover {font-weight:500;color:#222}
#header .top_link {background:#1e2763}
#header .top_link ul {display:flex;align-items:center}
#header .top_link ul li {width:calc(100% / 6);text-align:center;border-right:1px solid rgba(255,255,255,0.1);}
#header .top_link ul li:nth-of-type(1) {border-left:1px solid rgba(255,255,255,0.1)}
#header .top_link ul li img {margin-bottom:3px}
#header .top_link ul li a {display:block;font-size:15px;font-weight:400;color:#fff;padding:15px 0}
#header .top_link ul li a:hover {background:#335ba3}



/* container */
#container {overflow:hidden;min-width:1300px}
#container .mroll {overflow:visible}
#container .mroll .swiper-wrapper {position:relative}
#container .mroll .swiper-slide {background:#f8f3e4;z-index:9999;width:100%;}
#container .mroll .swiper-slide {opacity:0.6;}
#container .mroll .swiper-slide img {border-radius:20px}
#container .mroll .swiper-slide.swiper-slide-active {opacity:1}
#container .mroll .swiper-button-prev:after,
#container .mroll .swiper-container-rtl .swiper-button-next:after,
#container .mroll .swiper-button-next:after,#container .mroll  .swiper-container-rtl .swiper-button-prev:after {content:''}
#container .mroll .swiper-button-prev,#container .mroll .swiper-button-next {width:58px;height:69px}
#container .main_link * {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
#container .main_link ul {display:flex;align-items:center;}
#container .main_link ul li {position:relative;width:422px;margin-right:17px;height:422px}
#container .main_link ul li:last-child {margin-right:0}
#container .main_link ul li a {position:absolute;top:0;left:0;border-radius:20px;height:422px}
#container .main_link ul li a:hover {position:absolute;top:-20px}
#container .main_link ul li:nth-of-type(1) .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#023252;border-radius:20px}
#container .main_link ul li:nth-of-type(2) .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#18488c;border-radius:20px}
#container .main_link ul li:nth-of-type(3) .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#1268bc;border-radius:20px}
#container .main_link ul li:nth-of-type(1) a:hover {background:url(img/main7_over.jpg) no-repeat top center;box-shadow:0 5px 8px #000}
#container .main_link ul li:nth-of-type(2) a:hover {background:url(img/main8_over.jpg) no-repeat top center;box-shadow:0 5px 8px #000}
#container .main_link ul li:nth-of-type(3) a:hover {background:url(img/main8_over.jpg) no-repeat top center;box-shadow:0 5px 8px #000}
#container .main_bnr .w1300 ul {display:flex;align-items:center;justify-content:space-between;height:270px;}
#container .main_bnr a {display:block}

/* 에코유가이드 */
#ecoyou_firm_main_movie,#ecoyou_firm_main_movie {font-family:'SCoreDream',sans-serif;}
#ecoyou_firm_main_movie .banner .banner_in .right .text1 span {font-weight:500}
#ecoyou_firm_main_movie .banner .banner_in .right .list_box ul li {font-size:15px;font-weight:400;text-align:center;}
#ecoyou_firm_main_movie .banner{width:100%; height:320px; background:url(img/main11.jpg) center no-repeat; background-size: cover;}
#ecoyou_firm_main_movie .banner .banner_in{max-width: 1169px; margin: 0 auto;  padding-top: 50px;}
#ecoyou_firm_main_movie .banner .banner_in>div{vertical-align: top; width: 50%; box-sizing: border-box; float: left;}
#ecoyou_firm_main_movie .banner .banner_in .left .img{margin-bottom: 22px; margin-top:14px;text-align:center;}
#ecoyou_firm_main_movie .banner .banner_in .left .img img{width:320px}
#ecoyou_firm_main_movie .banner .banner_in .left .btn a{display: block; box-sizing: border-box; margin: 0 auto; width:186px; padding: 13px 0px; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.05); color: #d2d2d3; position: relative;text-align:center;}
#ecoyou_firm_main_movie .banner .banner_in .left .btn a .text1{ color: #ffc000; font-weight: 700; font-size: 18px; }
#ecoyou_firm_main_movie .banner .banner_in .left .btn a .pointer{position: relative; top: -2px;}
#ecoyou_firm_main_movie .banner .banner_in .left .btn a .pointer img{vertical-align:middle; position: relative; top: -3px;}
#ecoyou_firm_main_movie .banner .banner_in .right .text1{margin-bottom: 20px; font-size: 21px; color: #fff; text-align: left; font-size: 21px;}
#ecoyou_firm_main_movie .banner .banner_in .right .text1 span{ color: #ffc000; font-weight: 700;}
#ecoyou_firm_main_movie .banner .banner_in .right .list_box ul li{width: 180px; height: 72px; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.05); float: left; margin-right: 14px; margin-bottom: 13px; box-sizing: border-box; color: #fff; padding-top: 14px; font-size: 14px; font-weight: 300;}
#ecoyou_firm_main_movie .banner .banner_in .right .list_box ul li:nth-child(3n){margin-right: 0;}
/* --// 에코유가이드 */
#container .bot_rlink {display:flex;position:relative}
#container .bot_rlink .fs {cursor: pointer;}
#container .bot_rlink .link_list {display:none;position:absolute;top:30px;left:0;border:1px solid rgba(255,255,255,0.5);border-radius:10px;padding:10px 15px;overflow:hidden;line-height:1.8;width:148px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;background:#192132}
#container .bot_rlink .link_list a {display:block;font-size:13px;color:#ddd}
#container .bot_rlink .link_list a:hover {color:#ffc000}
#container .main_content1 {background:#e7eef4;padding:100px 0}
#container .main_content2 {background:#fff;padding:100px 0}
#container .main_content3 {background:#ecf7f3;padding:100px 0}
#container .main_content4 {background:url(img/main15.jpg) no-repeat top center;height:3070px;width:100%}
#container .main_content5 {background:#fff;padding:100px 0}
#container .main_content6 {background:#dae8f3;padding:100px 0}
#container .main_content7 {background:#fff;padding:100px 0}
#container .main_content7 ul {display:flex;align-items:center;flex-wrap:wrap}
#container .main_content7 ul li {width:300px;margin-right:calc(100px / 3);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;border:1px solid #ddd;padding:15px;text-align:center;margin-bottom:25px}
#container .main_content7 ul li:hover {border:1px solid #204274}
#container .main_content7 ul li:nth-of-type(4n) {margin-right:0}
#container .main_content7 ul li a {display:block;}

#container .main_bnr_bot {background:url(img/main_mid_bottom_bg.jpg) no-repeat center center;min-width:1300;background-size:cover}
#container .main_bnr_bot ul {display:flex;align-items:center;height:300px;flex-wrap:wrap;padding:0 3.8%}
#container .main_bnr_bot ul li {font-size:17px;font-weight:300;color:#fff;width:49%;}
#container .main_bnr_bot ul li h1 {font-size:26px;font-weight:600;color:#fff;padding-top:5px}
#container .main_bnr_bot ul li a.qna {display:flex;margin-top:30px;align-items:center;justify-content:center;width:180px;height:40px;border:1px solid #fff;border-radius:999px;font-size:16px;color:#fff}
#container .main_bnr_bot ul li:nth-of-type(2) {margin-right:0}
#container .main_bnr_bot ul li .con_tel {display:flex;flex-direction:column;width:auto;float:right;font-family:'GmarketSans';}
#container .main_bnr_bot ul li .con_tel .tel {font-size:56px;font-weight:600;color:#fce279;}


/* sub container */
#sub_container *  {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease}
#sub_container #svisual-wrap {width:100%;height:275px;overflow:hidden;min-width:1300px}
#sub_container #svisual-wrap #visImgWrap {position:relative;width:100%;height:100%;margin:0 auto;}
#sub_container #svisual-wrap #visImgWrap .txt_area {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
#sub_container #svisual-wrap #visImgWrap .txt_area .wr1300 {display:flex;align-items:center;justify-content:center;height:170px}
#sub_container #svisual-wrap #visImgWrap .txt_area .wr1300 .txt  {font-family: 'GmarketSans';font-size:15px;font-weight:500;color:#fff;text-align:center;text-shadow:1px 1px 3px #333;}
#sub_container #svisual-wrap #visImgWrap .txt_area .wr1300 .txt h1 {font-size:40px;font-weight:800;color:#fff;padding-bottom:10px}
#sub_container #svisual-wrap #visImgWrap .txt_area .wr1300 .img {padding:0 3%;text-align:center}
#sub_container #svisual-wrap #visImgWrap .txt_area .wr1300 .img img {width:40px}
#sub_container #svisual-wrap #visImgWrap #visImg img {position:absolute;top:0;left:0;width:100%}
#sub_container .sub_content {padding:45px 0 50px}
#sub_container .sub_content .sub_content_tab ol {display:table;table-layout:fixed;border-collapse:collapse;width:100%;}
#sub_container .sub_content .sub_content_tab ol li {display:table-cell;vertical-align:middle;text-align:center}
#sub_container .sub_content .sub_content_tab ol li a {display:block;font-size:17px;color:#363636;padding:20px;background:#f6f6f6;border:1px solid #e3e3e3;border-right:none}
#sub_container .sub_content .sub_content_tab ol li:last-child a {border-right:1px solid #e3e3e3}
#sub_container .sub_content .sub_content_tab ol li a.on {font-weight:600;color:#fff;background:#ed341b;border:1px solid #ed341b;}


/* footer */
#footer .bot_link {background:#070d37;padding:0 20px}
#footer .bot_link ul {display:flex;align-items:center;flex-wrap:wrap;padding:20px 0}
#footer .bot_link ul li {padding:0 10px;text-align:center;border-right:1px solid rgba(255,255,255,0.2)}
#footer .bot_link ul li:last-child {border-right:none;padding-right:0}
#footer .bot_link ul li a {display:block;font-size:15px;color:#fff;line-height:1.8}
#footer .bottom {background:#1e2763;padding:50px 0}
#footer .bottom ul {display:flex;flex-wrap:wrap;}
#footer .bottom li:nth-of-type(1) {width:210px;padding-right:6%}
#footer .bottom li:nth-of-type(2) {width:calc(100% - 6% - 450px)}
#footer .bottom li:nth-of-type(2) .name {font-size:20px;font-weight:500;color:#fff}
#footer .bottom li:nth-of-type(2) .copyright {padding-top:10px;font-size:15px;color:#fff;line-height:2}
#footer .bottom li:nth-of-type(2) .copy {padding-top:5px}
#footer .bottom li:nth-of-type(3) {width:240px;font-size:15px;color:#fff;word-break:keep-all;line-height:1.5;text-align:right;}
#footer .bottom li:nth-of-type(3) h2 {font-size:24px;font-weight:500;color:#fff}
#footer .bottom li:nth-of-type(3) h1 {font-size:40px;font-weight:700;color:#ffff00}