@charset "utf-8";
::selection{color:#fff;background-color:#216dc2;}
::-moz-selection{color:#fff;background-color:#216dc2;}
.show1220,
.show768,
.show486{display:none !important;}
.rad{font-family:'Rajdhani' !important;}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}
.tly-50{position:absolute;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tlx-50{position:absolute;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.preload{display:none;}
.ita{font-style:italic !important;}
.tdu{text-decoration:underline !important;}
.justi{text-align:justify !important;}
.GB{font-family: 'Gmarket_B';}
.GM{font-family: 'Gmarket_M';}
.GL{font-family: 'Gmarket_L';}
.DH{font-family: 'DoHyeon';}
/* main */
 /*#################### container #######################*/


 #container{width:100%;}
 .main_visual .slick-prev:hover, .main_visual .slick-next:hover{opacity: 1;}
 .main_visual .slick-prev{left:10%;background-image: url("/img/main_visual_prev.png");}
 .main_visual .slick-next{right:10%;background-image: url("/img/main_visual_next.png");}
 .main_visual .inner{width:1240px;margin:0 auto;padding:200px 0;}
 .main_visual h2{padding:35px 0;font-weight: normal; line-height: 1.24;letter-spacing: normal;color: #1f1f1f;}
 .main_visual .btn{font-weight: normal; letter-spacing: -0.96px; color: #1f1f1f;}
 .main_visual .btn i{display:block;padding-left:10px;margin-top:3px;float: left;}
 .main_visual .btn span{display:block;float: left;}
 .main_visual .btn img{display: inline !important;}
 
 @media all and (max-width:1240px){
    .main_visual{height:400px;padding-top:100px;}
    .main_visual .inner{width:60%;margin:0 auto;padding:0 0;}
    .main_visual video{width:auto;height: 100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
    .main_visual .y_logo{display:block;width:150px}
    .main_visual h2{padding:20px 0;}
 }
 @media all and (max-width:768px){
    .main_visual{width:100%;height:500px;overflow: hidden;background-color: #f3f3f3;position:relative;}
    .main_visual li{width:100%;height:400px !important;overflow: hidden;position:relative;background-size: auto 100% !important;background-position: right 50% center  !important;}
    .main_visual .slick-prev, .main_visual .slick-next{display: none !important;}
    .main_visual .inner h2{width:200px;}
    .main_visual .inner{padding:80px 0;}
    .main_visual .inner .y_logo{display:block;width:180px;}
    .main_visual .btn img{display: inline !important;}
 }

 .main_section01{width:100%;background-color: #fff;position:relative;}
 .main_section01 .inner{width:1200px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%); text-align: center;}
 .main_section01 .title .tit{font-weight: 300; line-height: 1.79; letter-spacing: normal; color: #222;}
 .main_section01 .title .tit strong{font-weight: normal;}

 .main_section01 .tit_desc{ height:188px;background:no-repeat url('/img/main_st01_bg.png') top 20% center/100% 100%;}
 .main_section01 .tit_desc .noticle{font-weight: 300;line-height: 3.07;letter-spacing: normal;color: #222;text-align: left;}
 .main_section01 .tit_desc strong{font-weight: bold;line-height: 2;letter-spacing: normal; color: #222;}
 .main_section01 .tit_desc span{ font-weight: 300;line-height: 1.3;letter-spacing: normal;color: #222;}

 .main_section01 .cont2{display:none;}
 .main_section01 .cont3{display:none;}
 .main_section01 .cont{width:90%;margin:0 auto;margin-top:80px;position:relative;}
 .main_section01 .cont .slick-prev,.main_section01 .cont .slick-next{width:22px;height:41px;position:absolute;top:50%;transform: translatey(-50%);background:no-repeat  center center/100% 100%;z-index: 9;font-size:0;}
 .main_section01 .cont .slick-prev{left:-5%;background-image:url('/img/main_st01_prev.png');}
 .main_section01 .cont .slick-next{right:-5%;background-image:url('/img/main_st01_next.png');}
 .main_section01 .cont li{width:25%;height:250px;line-height:250px;float:left;background-color: #eee;margin:0 10px;}
 .main_section01 .cont li img{display: inline;width:100%;}

 @media all and (max-width:1240px){
 .main_section01{padding:100px 0; height:auto !important;}
 .main_section01 .inner{width:90%;position:static;transform: translate(0,0);margin:0 auto ;}
 }
 @media all and (max-width:768px){
 .main_section01 .cont{margin-top:30px;}
 .main_section01 .cont1{display:none;}
 .main_section01 .cont3{display:none;}
 .main_section01 .cont2{display:block;}
 .main_section01 .title .tit{line-height: 1.2;}
 .main_section01 .tit_desc{ background-size:100% auto;padding-top:20px;}
 .main_section01 .tit_desc strong{display:block;line-height: 1.2;}
 .main_section01 .tit_desc strong i{display: block;}
 .main_section01 .tit_desc span{ line-height: 1.3;}
 .main_section01 .cont li{width:25%;height:300px;line-height:300px;float:left;background-color: #eee;margin:0 10px;}
 }
 @media all and (max-width:486px){
 .main_section01 .cont1{display:none;}
 .main_section01 .cont2{display:none;}
 .main_section01 .cont3{display:block;}

 }

 
 .main_section02{width:100%;padding:100px 0;background:no-repeat url('/img/main_st02_bg.png') center center/100% 100%;}
 .main_section02 .title{text-align: center;}
 .main_section02 .title span{  font-weight: 500;line-height: 1.63;letter-spacing: -1px;color: #555;}
 .main_section02 .title strong{letter-spacing: -1.25px;color: #222;}
 .main_section02 .title b{ color: #216dc2;}
 .main_section02 .txt_box{width: 837px;font-weight: 300;line-height: 1.38;letter-spacing: -0.65px; text-align: center;
 color: #222;padding:33px 0;border: solid 1px #707070;margin:35px auto 0;}
 .main_section02 .txt_box b{font-weight: bold;}

 @media all and (max-width:1240px){
 .main_section02 .title{width: 90%;margin:0 auto;}
 .main_section02 .txt_box{width: 90%;padding:20px;}
 }
 @media all and (max-width:768px){
 .main_section02 .txt_box br{display: none;}
 }
 @media all and (max-width:486px){

 }


 .main_section03{width:100%;background:no-repeat url('/img/main_st03_bg.png') center center/100% 100%;position:relative;}
 .main_section03 .inner{width:1240px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
 .main_section03 .title{text-align: center;}
 #gocoder_typing{font-weight: 300;line-height: 1.53;letter-spacing: -0.8px;color: #dbdbdb;display:inline-block;border-bottom:2px solid #ababab;}
 .main_section03 .title .tit{line-height: 1.08;letter-spacing: -2.4px;color: #fff;padding-top:40px;}
 .main_section03 .title .tit strong{background-color: #1e7ce6;display:inline-block;padding:5px 10px 5px}
 .main_section03 .cont{padding-top:70px;}
 .main_section03 .cont li{width:33.3%;float:left;}

 @media all and (max-width:1240px){
 .main_section03 .inner{width:90%;}
 }
 @media all and (max-width:768px){
 .main_section03{height:auto !important;padding:100px 0;background-size: auto 100%;}
 .main_section03 .inner{width:90%;position:static;transform: translate(0,0);margin:0 auto;}
 .main_section03 .cont li{width:50%;float:none;margin:10px auto 0;}
 .main_section03 .title .tit i{display: block;padding:10px 0 0;}
 }
 @media all and (max-width:486px){
 .main_section03 .cont li{width:70%;}

 }

 .main_section04{width:100%;padding:100px 0;}
 .main_section04 .inner{width:1240px;margin:0 auto;}
 .main_section04 li{width:48%;height:332px;float:left;margin:1% 1%;text-align: center;position:relative;}
 .main_section04 .B_b{border: solid 1px #216dc2;}
 .main_section04 .B_g{border: solid 1px #3f464e;}
 .main_section04 li .step{width: 142px;height: 67px;line-height: 67px;color: #fff;letter-spacing: -1px;
 position:absolute;left:50%;transform: translatex(-50%);}
 .main_section04 li .step_b{background-color: #216dc2;}
 .main_section04 li .step_g{background-color: #3f464e;}
 .main_section04 li .box{width:90%;position:absolute;left:50%;top:55%;transform: translate(-50%,-50%);}
 .main_section04 li .box h2{line-height: 1.44;letter-spacing: -1.8px;color: #333;}
 .main_section04 li .box p{font-weight: 300;line-height: 1.4;letter-spacing: -0.8px;color: #444;}

 @media all and (max-width:1240px){
 .main_section04 .inner{width:90%;}
 .main_section04 li .box p br{display: none;}
 }
 @media all and (max-width:768px){
    .main_section04 li{width:100%;height:280px;float:none;margin:10px 0;}
     .main_section04 li .box p br{display: none;}
 }
 @media all and (max-width:486px){

 }

 .main_section05{width:100%;background:no-repeat url('/img/main_st05_bg.png') center center/100% 100%;padding:122px 0 65px;}
 .main_section05 .inner{width:1240px;margin:0 auto;}
 .main_section05 .title .e_tit{line-height: 1.23;letter-spacing: -0.65px; color: #555;}
 .main_section05 .title .border1{display:inline-block;width: 103px;height: 1px;background-color: #555;margin-left:10px;}
 .main_section05 .title h2{padding-top:30px;line-height: 1;letter-spacing: -1.08px;color: #111;}
 .main_section05 .title h2 span{ letter-spacing: -1.3px;}
 .main_section05 .title h2 span.Blue{color: #2081ff;}
 .main_section05 .cont{padding-top: 50px;;}
 .main_section05 .cont li{text-align: center;width:16.6%;float:left;}
 .main_section05 .cont li .cont_box{width:179px;height:179px;position:relative;border-radius: 100%;background-color:rgba(0,0,0,0);}
 .main_section05 .cont li .cont_box strong{display:none;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);
 line-height: normal;letter-spacing: -0.63px;color: #fff;}
 .main_section05 .cont li .cont_box img{transition: all .5s ease;}
 .main_section05 .cont li:hover .cont_box{background-color:rgba(0,0,0,1);}
 .main_section05 .cont li:hover .cont_box img{outline:20px solid #99b7ee;border-radius: 100%;opacity: 0.3;}
 .main_section05 .cont li:hover .cont_box strong{display:block;}


 @media all and (max-width:1240px){
 .main_section05{background-size:auto 100% ;}
 .main_section05 .inner{width:90%;margin:0 auto;}
 }
 @media all and (max-width:768px){
 .main_section05 .cont li{text-align: center;width:31.3%;float:left;margin:8px 1%;}
 .main_section05 .cont li .cont_box{width:110px;;height:110px;background-color:rgba(0,0,0,1);}
 .main_section05 .cont li .cont_box img{width:100%;border-radius: 100%;opacity: 0.3;}
 .main_section05 .cont li .cont_box strong{display:block;}
 .main_section05 .cont li .cont_box i{display:block;}

 }
 @media all and (max-width:486px){

 }

 .main_section06{width:100%;background-color: #fbfbfb;}
 .main_section06 .inner{width:80%;margin:0 auto;padding:100px 0 50px;}
 .main_section06 ul{width:100%;position:relative;}
 .main_section06 ul .slick-prev,.main_section06 ul .slick-next{display:none !important;}
 .main_section06 ul .slick-list{width:60%;margin-left:40%;}
 .main_section06 ul li .title h2{font-weight: bold;line-height: 1.8;letter-spacing: normal; color: #222;}
 .main_section06 ul li .title .text{font-weight: 300;line-height: 1.45;letter-spacing: normal;color: #444;}
 .main_section06 ul li .title .btn{ width: 325px; height: 66px; background-color: #216dc2;transition: all 0.2s linear;
 font-weight: bold; letter-spacing: -1.2px;color: #fff;position:relative;top:25px;}
 .main_section06 ul li .title .btn a{display:block;width:90%;position: absolute;left:50%;top:52%;transform: translate(-50%,-50%);}
 .main_section06 ul li .title .btn span{display:block;line-height:50px;float:left;}
 .main_section06 ul li .title .btn i{display:block;float:left;margin-left:10px}
 .main_section06 ul li .title .btn:hover{background-color: #2d2d2d;}

 .main_section06 ul li .img{width:100%;position: relative;top:40px;}
 .main_section06 ul li .img .icon_img{position:absolute;right:10%;top:0;z-index: 1;}

 .main_section06 ul .slick-dots{width:40%;position:absolute;left: 0;top:0;}
 .main_section06 ul .slick-dots li{  width: 160px;height: 160px;margin:2%;background: no-repeat center center / 100% auto;float:left;cursor: pointer;}
 .main_section06 ul .slick-dots li:hover{outline:5px solid #216DC2}
 .main_section06 ul .slick-dots li button{font-size:0;outline:none;}
 .main_section06 ul .slick-dots li:nth-child(1){background-image: url('/img/main_st06_dots01.png');}
 .main_section06 ul .slick-dots li:nth-child(2){background-image: url('/img/main_st06_dots02.png');}
 .main_section06 ul .slick-dots li:nth-child(3){background-image: url('/img/main_st06_dots03.png');}
 .main_section06 ul .slick-dots li:nth-child(4){background-image: url('/img/main_st06_dots04.png');}
 .main_section06 ul .slick-dots li:nth-child(5){background-image: url('/img/main_st06_dots05.png');}
 .main_section06 ul .slick-dots li:nth-child(6){background-image: url('/img/main_st06_dots06.png');}


 @media all and (max-width:1240px){
 .main_section06 ul .slick-dots{width:40%;position:absolute;left: 0;top:0;}
 .main_section06 ul .slick-dots li{  width:100px;height: 100px;}
 }
 @media all and (max-width:768px){
    .main_section06 .inner{width:95%;margin:0 auto;padding:100px 0;}
 .main_section06 ul .slick-list{width:90%;margin:0 auto;}
 .main_section06 ul .slick-dots{display:none !important;}
 .main_section06 ul li .img{width:100%;padding-top: 80px;}
 .main_section06 ul li .img .icon_img{width:120px;}
 }
 @media all and (max-width:486px){

 }
 .main_section07{background:no-repeat url('/img/main_st07_bg.png') center center/100% 100%;position: relative;}
 .main_section07 .inner{width:80%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
 .main_section07 .title{text-align: center;  font-weight: 100; line-height: 3.75;letter-spacing: normal;color: #fff;}
 .main_section07 .cont{padding-top:80px; margin: 0 auto;}
 .main_section07 .cont li{width:16.66%;height:326px;text-align: center;float:left; cursor: pointer;}
 .main_section07 .cont li .box{width:96%;height:100%;margin:0 auto;border-radius: 40px; border: solid 1px #fff;position:relative;transition: all .5s ease;}
 .main_section07 .cont li .center_box{width:80%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);;color: #fff;}
 .main_section07 .cont li h2{font-weight: bold;line-height: 3;letter-spacing: normal}
 .main_section07 .cont li p{ font-weight: normal;line-height: 1.39; letter-spacing: normal;}

 .main_section07 .cont li:hover .box{border: solid 1px #C9EFFF;background-color: rgb(38, 75, 156);}

 @media all and (max-width:1240px){
 .main_section07 .inner{width:90%;position:static;transform: translate(0,0);margin: 0 auto;;}
 .main_section07 .cont li{width:33.3%;height:326px;text-align: center;float:left;margin:10px 0;}
 }
 @media all and (max-width:768px){
 .main_section07{background-size:auto 100%;height:auto !important;padding:100px 0;}
 .main_section07 .tit{width:70%;margin:0 auto}
 .main_section07 .cont{padding-top:30px;}
 
 }
 @media all and (max-width:486px){
 .main_section07 .tit{width:80%;margin:0 auto 20px;}
 .main_section07 .title{text-align: center;  font-weight: 100; line-height: 1;letter-spacing: normal;color: #fff;}
 .main_section07 .title i{display: block;}
 .main_section07 .cont li{width:50%;height:250px;text-align: center;float:left;margin:1% 0}
 }