/* 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}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.white {color:#fff !important}
.yellow {color:#f9f94d !important}
.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}
.space100 {clear:both;height:100px}
.space110 {clear:both;height:110px}
.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:15%}
#header .navi ul li:nth-of-type(2) {width:15%}
#header .navi ul li:nth-of-type(3) {width:20%}
#header .navi ul li:nth-of-type(4) {width:20%}
#header .navi ul li:nth-of-type(5) {width:15%}
#header .navi ul li:nth-of-type(6) {width:15%}
#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:#0d1273}
#header .top_link ul {display:flex;align-items:center;height:120px}
#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:17px;font-weight:500;color:#fff;padding:24px 0}
#header .top_link ul li a:hover{background:#345ccd;}


/* container */
#container {overflow:hidden;min-width:1300px}
#container .ft28 {font-size:28px;font-weight:500;color:#4c4c4c}
#container .ft30 {font-size:30px;font-weight:500;color:#4c4c4c}
#container .ft42 {font-size:42px;font-weight:500;color:#4c4c4c;line-height:1;padding-top:15px}
#container .ft42 b {display:inline-block;font-size:50px;font-weight:700;background:#f7f7e0;padding:0 3px}
#container .main_mid_txt {text-align:center;margin:110px auto 70px}
#container .mroll,#container .mroll_mid {overflow:visible}
#container .mroll .swiper-wrapper,
#container .mroll_mid .swiper-wrapper {position:relative}
#container .mroll .swiper-slide,
#container .mroll_mid .swiper-slide {z-index:9999;width:100%;opacity:0.6;}
#container .mroll .swiper-slide.swiper-slide-active,
#container .mroll_mid .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_mid .swiper-button-prev:after,
#container .mroll_mid .swiper-container-rtl .swiper-button-next:after,
#container .mroll_mid .swiper-button-next:after,#container .mroll_mid  .swiper-container-rtl .swiper-button-prev:after {content:''}
#container .mroll .swiper-button-prev,#container .mroll .swiper-button-next {width:58px;height:69px}
#container .mroll_mid .swiper-button-prev,#container .mroll_mid .swiper-button-next {width:58px;height:69px}

#container .mroll .swiper-slide {position:relative}
#container .mroll .swiper-slide .title {position:absolute;top:175px;left:120px;font-size:39px;font-weight:700;color:#333;letter-spacing:-1.5px;}
#container .mroll .swiper-slide .title_type2 {top:112px}
#container .mroll .swiper-slide .title h1 {font-size:42px;color:#0d1273}
#container .mroll .swiper-slide .app {position:absolute;top:350px;left:120px;font-size:22px;font-weight:500;color:#333}
#container .mroll .swiper-slide .app ul {display:flex;align-items:center}
#container .mroll .swiper-slide .app ul li:first-child {width:110px}
#container .mroll .swiper-slide .app .stxt {font-size:16px;padding-top:10px}
#container .mroll .swiper-slide .roll_txt {position:absolute;top:300px;left:120px;font-size:22px;font-weight:500;color:#333}
#container .mroll .swiper-slide .roll_txt dl {display:flex;flex-wrap:wrap}
#container .mroll .swiper-slide .roll_txt dl dt {width:40px;line-height:1.8;color:#0d1273}
#container .mroll .swiper-slide .roll_txt dl dd {width:calc(100% - 40px);line-height:1.8}


#container .main_btitle {font-size:52px;font-weight:600;color:#4c4c4c;letter-spacing:-1px;line-height:1.3}
#container .main_btitle span {color:#0d1273}
#container .main_btitle .quote {position:relative;display:inline-block;}
#container .main_btitle .quote::before {position:absolute;top:5px;left:-15px;display:inline-block;content:'';background:url(//ecoyou.net/img_new/icon_quote1.gif) no-repeat left top;width:14px;height:26px}
#container .main_btitle .quote::after {position:absolute;bottom:5px;right:-20px;display:inline-block;content:'';background:url(//ecoyou.net/img_new/icon_quote2.gif) no-repeat left bottom;width:14px;height:26px}
#container .main_btitle .quote2 {position:relative;display:inline-block;}
#container .main_btitle .quote2::before {position:absolute;top:5px;left:-15px;display:inline-block;content:'';background:url(//ecoyou.net/img_new/icon_quote3.png) no-repeat left top;width:14px;height:26px}
#container .main_btitle .quote2::after {position:absolute;bottom:5px;right:-20px;display:inline-block;content:'';background:url(//ecoyou.net/img_new/icon_quote4.png) no-repeat left bottom;width:14px;height:26px}
#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;justify-content:center}
#container .main_link ul li {position:relative;width:410px;margin-right:35px;height:450px;text-align:center;}
#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;width:100%;height:436px}
#container .main_link ul li a:hover {position:absolute;top:-20px}
#container .main_link ul li:nth-of-type(1) .bg {width:100%;height:100%;background:#092572;border-radius:20px;text-align:center;}
#container .main_link ul li:nth-of-type(2) .bg {width:100%;height:100%;background:#0b329e;border-radius:20px}
#container .main_link ul li:nth-of-type(3) .bg {width:100%;height:100%;background:#345ccd;border-radius:20px}
#container .main_link ul li .bg {padding:60px 0 0;text-align:center;}
#container .main_link ul li .bg .title {font-size:28px;font-weight:600;color:#ffff00;padding-top:25px}
#container .main_link ul li .bg .btxt {font-size:18px;font-weight:600;color:#fff;padding-top:5px}
#container .main_link ul li .bg .stxt {font-size:16px;color:#fff;padding-top:20px}
#container .main_support_business {margin:110px auto 0;background:#f3f5f8;padding:80px 0}
#container .main_support_business .content {background:#122762;border-radius:30px;padding:35px 55px}
#container .main_support_business .content > ul {display:flex;flex-wrap:wrap}
#container .main_support_business .content > ul > li {width:50%;padding:30px 45px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#container .main_support_business .content > ul > li:nth-of-type(1) {border-right:1px solid #454991;border-bottom:1px solid #454991;}
#container .main_support_business .content > ul > li:nth-of-type(2) {border-bottom:1px solid #454991;}
#container .main_support_business .content > ul > li:nth-of-type(3) {border-right:1px solid #454991;}
#container .main_support_business .content > ul > li dl {display:flex;align-items:center;}
#container .main_support_business .content > ul > li dl dt {width:340px}
#container .main_support_business .content > ul > li dl dd {width:calc(100% - 340px)}
#container .main_support_business .content > ul > li dl dd a {display:inline-block;background:#8993b1;width:140px;height:40px;line-height:40px;font-size:14px;font-weight:600;color:#fff;text-align:center;border-radius:999px;margin:8px 0}
#container .main_support_business .content dt {font-size:26px;font-weight:600;color:#fff}
/* 에코유가이드 */
#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(//ecoyou.net/img_new/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 {display:block;background:#fff;text-align:center;padding :100px 0}
#container .main_content1 ul {display:flex;flex-wrap:wrap}
#container .main_content1 ul li:nth-of-type(1) {width:660px;text-align:left;}
#container .main_content1 ul li:nth-of-type(2) {width:calc(100% - 660px);font-size:30px;font-weight:600;color:#4c4c4c;letter-spacing:-1px;padding-top:60px}
#container .main_content1 dl.mlist {display:flex;align-items:center;flex-wrap:wrap;justify-content:baseline;}
#container .main_content1 dl.mlist dt {width:40px;padding:25px 0;text-align:left;}
#container .main_content1 dl.mlist dt img {display:block}
#container .main_content1 dl.mlist dd {width:calc(100% - 40px);text-align:left;;padding:25px 0}
#container .content_img {padding:80px 0}
#container .main_content2 {background:#e7ebf4;padding :100px 0}
#container .main_content2 .content {background:#d2dcf3;padding:40px 100px;border-radius:30px;}
#container .main_content2 .content > dl {display:flex;align-items:center;flex-wrap:wrap;}
#container .main_content2 .content > dl > dt {width:175px;padding:5px 0}
#container .main_content2 .content > dl > dd {width:calc(100% - 175px);padding:5px 0}
#container .main_content3 {background:#384fb2;padding :140px 0 100px}
#container .main_content3 .content {display:flex;align-items:center;justify-content:space-between;}
#container .main_content3 .content > div {width:630px}
#container .main_content3 .content ul {display:flex;align-items:center;justify-content:center;background:#0e14a3;height:155px;border-radius:30px 30px 0 0;}
#container .main_content3 .content ul li:nth-of-type(1) {width:125px}
#container .main_content3 .content ul li:last-child {font-size:32px;font-weight:600;color:#fff}
#container .main_content3 .content dl > dd {background:#6072c1;padding:40px 60px;border-radius:0 0 30px 30px;font-size:22px;font-weight:500;color:#fff;line-height:1.6}
#container .main_content4 {background:#112b99 url(//ecoyou.net/img_new/main_content4_bg.jpg) no-repeat center center;background-size:cover;padding :120px 0 100px}
#container .main_content4 .content ul {display:flex;}
#container .main_content4 .underline {border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom:3px}
#container .main_content4 .content ul li:nth-of-type(1) {width:530px}
#container .main_content4 .content ul li:nth-of-type(2) {width:calc(100% - 530px)}
#container .main_content4 .content .txt_con {background:#4155ad;border-radius:15px;padding:20px 0 20px 40px;font-size:22px;color:#fff;line-height:1.8;letter-spacing:-0.5px;}
#container .main_content4 .content .txt_con h2 {font-size:32px;font-weight:600}
#container .main_content4 .txt_right {text-align:right;font-size:16px;color:#c3c3c3;padding-top:25px}
#container .main_content5 {background:#0d1273 url(//ecoyou.net/img_new/main_content5_bg.jpg) no-repeat center center;background-size:cover;padding :100px 0 100px}
#container .main_content5 .content {background:#fff;border-radius:30px;}
#container .main_content5 .content ul {display:flex;flex-wrap:wrap}
#container .main_content5 .content ul li {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:50px}
#container .main_content5 .content ul li:nth-of-type(2n+1) {display:flex;align-items:center;justify-content:center;flex-direction:column;width:350px;text-align:center;font-size:32px;font-weight:600;color:#0d1273;line-height:1.2}
#container .main_content5 .content ul li:nth-of-type(2n+1) p {font-size:16px;font-weight:400;color:#0d1273;padding-top:10px}
#container .main_content5 .content ul li:nth-of-type(2n) {width:calc(100% - 350px);font-size:22px;color:#4c4c4c;line-height:1.6}
#container .main_content5 .content ul li:nth-of-type(1) {border-right:1px solid #c5d3eb;border-bottom:1px solid #c5d3eb}
#container .main_content5 .content ul li:nth-of-type(2) {border-bottom:1px solid #c5d3eb}
#container .main_content5 .content ul li:nth-of-type(3) {border-right:1px solid #c5d3eb}
#container .main_content5 .content2 {background:#fff;border-radius:30px;padding:70px 100px}
#container .main_content6 {background:#3c3c3c url(//ecoyou.net/img_new/main_new9.jpg) no-repeat center 300px;height:1290px;min-width:1300px}
#container .main_content5 .content2 .img_txt {display:flex;align-items:center;gap:12px;font-size:32px;font-weight:600;color:#0d1273}
#container .main_content5 .content2 .con_txt {font-size:22px;font-weight:400;color:#4c4c4c;line-height:1.6;padding-top:15px}
#container .main_content6 .txt {background:#fff;padding:115px 0 60px}
#container .main_content7 {background:#3c3c3c url(//ecoyou.net/img_new/main_new9.jpg) no-repeat center center;height:990px;}
#container .main_content8 ul {display:flex;align-items:center;flex-wrap:wrap}
#container .main_content8 ul li {width:279px;margin-right:28px;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_content8 ul li:hover {border:1px solid #204274}
#container .main_content8 ul li:nth-of-type(4n) {margin-right:0}
#container .main_content8 ul li a {display:block;}




#container .main_bnr_bot {background:url(//ecoyou.net/img_new/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:#22345b;padding:0 20px}
#footer .bot_link ul {display:flex;align-items:center;flex-wrap:wrap;height:90px}
#footer .bot_link ul li {padding:0 15px;text-align:center;border-right:1px solid rgba(255,255,255,0.2)}
#footer .bot_link ul li:first-child {padding-left:0}
#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 .bot_link ul li a:hover {color:#f9f94d }
#footer .bottom {background:#1a1a1a;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:18px;font-weight:500;color:#fff}
#footer .bottom li:nth-of-type(2) .copyright {padding-top:15px;font-size:14px;color:#989797;line-height:1.8}
#footer .bottom li:nth-of-type(2) .app ul {display:flex;align-items:center;height:50px}
#footer .bottom li:nth-of-type(2) .app ul li:nth-of-type(1) {width:210px;padding-right:0;line-height:1}
#footer .bottom li:nth-of-type(2) .app ul li:nth-of-type(2) {line-height:1.6}
#footer .bottom li:nth-of-type(2) .app ul a {display:block;margin:0;padding:0}
#footer .bottom li:nth-of-type(3) {width:240px;font-size:13px;color:#fff;word-break:keep-all;line-height:1.5;}
#footer .bottom li:nth-of-type(3) p {padding-bottom:5px}