@charset "utf-8";

.main{margin-top: 140px;}
.main .mcnt1{display: flex; flex-wrap:wrap; gap:40px}
.main .mcnt1 > *{flex:1; display: flex; height: 620px; border-radius: 20px; overflow: hidden; box-shadow:0px 0px 24px rgba(0,0,0,0.15)}
.main .mcnt1 > * > a{position: relative; display: flex; align-items:center; z-index: 10; width: 100%; height: 100%; overflow: hidden; }
.main .mcnt1 > * > a:before{position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/main/mcnt1_bg1.jpg) center no-repeat; background-size: cover !important; z-index: -1; transition:.6s;}
.main .mcnt1 > * > a.landing > span{position: absolute; display: block; content: ''; width: 100%; height: 100%; background: url(../img/main/mcnt1_bg1.jpg) center no-repeat; background-size: cover !important; z-index: -1; transition:.6s; left: 0; top: 0;}
.main .mcnt1 > *:hover > a.landing > span{transform:scale(1.1)}
.main .mcnt1 > .rbx > a.landing > span {background: url(../img/main/mcnt1_bg2.jpg) center no-repeat;}



.main .mcnt1 > *:hover > a:before{transform:scale(1.1)}
.main .mcnt1 > * > a .tbx{padding: 0 90px;}
.main .mcnt1 > * > a .tbx h3{font-size: 60px; line-height: 75px; letter-spacing: -0.02em; color: #575454; font-weight: 700; margin-bottom: 40px;}
.main .mcnt1 > * > a .tbx p{font-size: 20px; line-height: 34px; letter-spacing: -0.02em; color: #666;}
.main .mcnt1 > * > a .tbx > span{position: absolute; right: 26px; bottom: 30px; display: inline-block; width: 70px; height: 70px; border-radius: 50%; font-size: 40px; line-height: 65px; letter-spacing: -0.02em; color: #53beb7; font-weight: 300; background: #fff; text-align: center; transition:background-color .3s, color .3s, transform .3s; ; }
.main .mcnt1 > *:hover > a .tbx > span{background: #53beb7; color: #fff;	transform:rotate(180deg)}
.main .mcnt1 > .rbx > a .tbx > span{color: #db6292;}
.main .mcnt1 > .rbx:hover > a .tbx > span{color: #fff; background: #db6292;}
.main .mcnt2{display: flex; flex-wrap:wrap; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-top: 95px; height: 500px; border-radius: 20px; overflow: hidden;}
.main .mcnt2 > *{width: 50%; box-sizing: border-box;}
.main .mcnt2 > .lbx{background: #fff; }
.main .mcnt2 > .lbx > a{display: flex; align-items:center; width: 100%; height: 100%;}
.main .mcnt2 > .lbx .tbx{padding: 0 109px; padding-bottom: 30px;}
.main .mcnt2 > .lbx .tbx small{display: block; font-size: 22px; line-height: 1; color: #64dba1; text-decoration: underline; letter-spacing: -0.02em; font-weight: 700;} 
.main .mcnt2 > .lbx .tbx .tit{font-size: 40px; line-height: 60px; letter-spacing: -0.02em;color: #333; font-weight: 600; margin: 27px 0 58px;}
.main .mcnt2 > .lbx .tbx > span{font-size: 20px; line-height: 1; color: #888; letter-spacing: -0.02em; padding-left: 4px; transition:.3s;}
.main .mcnt2 > .lbx .tbx:hover > span{color: #333;}
.main .mcnt2 > .lbx .tbx > span > span{display: inline-block; width: 20px; height: 20px; background: #64dba1; color: #fff; font-size: 18px; line-height: 18px; font-weight: 500; letter-spacing: -0.02em; border-radius: 50%; box-sizing: border-box; padding-left: 4px; margin-left: 14px; position: relative; top: -3px; transition:.3s;}
.main .mcnt2 > .lbx:hover .tbx > span > span{transform:rotate(180deg)}
.main .mcnt2 > .rbx{position: relative; overflow: hidden; }
.main .mcnt2 > .rbx:after{position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/main/mcn2_bg.jpg) center no-repeat; left: 0; top: 0; transition:.6s;} 
.main .mcnt2:hover > .rbx:after{transform:scale(1.1)}
.main .mcnt3{flex-direction: row-reverse;}
.main .mcnt3 > .lbx .tbx small{color: #6cd1ca;}
.main .mcnt3 > .rbx:after{position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/main/mcn3_bg.jpg) center no-repeat; left: 0; top: 0; transition:.6s;} 
.main .mcnt3 > .lbx .tbx > span > span{background: #83d0cb; }
.main .mcnt4{margin-top: 80px; justify-content: space-between; margin-bottom: 130px;}
.main .mcnt4 > *{width: 49%;}
.main .mcnt4 > .lbx {display: flex; flex-direction: column; gap:20px}
.main .mcnt4 > .lbx .box {display: flex; flex:1; flex-wrap:wrap; align-items:center; background: #64d6ce; border-radius: 20px; box-sizing: border-box; padding: 0 59px; box-shadow:0px 0px 20px rgba(0,0,0,0.1)}
.main .mcnt4 > .lbx .box figure{padding-bottom: 20px;}
.main .mcnt4 > .lbx .box .tbx{flex:1 1 auto; width: 1%; margin-left: 50px;} 
.main .mcnt4 > .lbx .box .tbx .tit{font-size: 30px; line-height: 1.5; color: #fff; letter-spacing: -0.02em; font-weight: 600; margin-bottom: 5px;}
.main .mcnt4 > .lbx .box .tbx .txt{font-size: 30px; line-height: 50px; letter-spacing: -0.02em; color: #fff;}
.main .mcnt4 > .lbx .box:first-child{align-items:center; padding: 35px 59px;}
.main .mcnt4 > .lbx .box:first-child figure{padding-bottom: 0;}
.main .mcnt4 > .lbx .box:last-child{background: #56bfb8; padding: 57px 70px 45px 80px;} 
.main .mcnt4 > .lbx .box:last-child .tbx{margin-left: 0;}
.main .mcnt4 > .lbx .box:last-child .tbx .tit{margin-bottom: 4px;}
.main .mcnt4 > .lbx .box .tbx ul {margin-top: 4px; margin-left: -8px;}
.main .mcnt4 > .lbx .box .tbx ul > li{display: flex; flex-wrap:wrap; align-items:center;  border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; padding-top: 10px;}
.main .mcnt4 > .lbx .box .tbx ul > li:last-child{border-bottom: 0;}
.main .mcnt4 > .lbx .box .tbx ul > li span{width: 106px; line-height: 45px; height: 45px; font-size: 22px; color: #fff; font-weight: 600; letter-spacing: -0.02em; background: rgba(255,255,255,0.2); border-radius: 50px; text-align: center;}
.main .mcnt4 > .lbx .box .tbx ul > li p{font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #fff; margin-left: 18px; flex:1 1 auto; width: 1%;} 
.main .mcnt4 > .rbx .root_daum_roughmap{width: 100%; border-radius: 20px; box-shadow:0px 0px 20px rgba(0,0,0,0.1)}
.main .mcnt4 > .rbx .root_daum_roughmap .wrap_controllers{display: none; }
.main .mcnt4 > .rbx .root_daum_roughmap .wrap_map{height: 871px !Important;}