#fullpage {color:#000; text-align: center;}
#fullpage img {max-width: 100%;}
/* main visual */
#main_vis {position: relative; z-index: 5; width: 100%; }
#main_vis_slider {width:100%; }
#main_vis_slider .main_slide {height:500px; z-index: 1;  background-size:cover; background-position:75% center;  position:relative; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; outline: none; }
#main_vis_slider .main_slide.img01 { background-image:url('../images/common/main1.jpg'); }
#main_vis_slider .main_slide.img02 { background-image:url('../images/common/main2.jpg'); }
#main_vis_slider .main_slide.img03 { background-image:url('../images/common/main3.jpg'); }
#main_vis_slider .main_slide.img04 { background-image:url('../images/common/main4.jpg'); background-position: 80% center;}

#main_vis .main_typo_wrap { position: relative; z-index: 2; max-width:1380px; padding:0 25px; width: 100%;}
#main_vis .main_typo {position: relative; z-index: 1;  }
#main_vis .main_typo br {display: none;}
#main_vis .main_typo h2 {font-size:25px; font-weight:700; color:#fff; line-height: 1.36;  }
#main_vis .main_typo p { font-weight:400; color:#fefefe; line-height:1.5; margin: 15px 0 30px; font-size: 15px;}
#main_vis .main_typo a {display: flex; align-items: center; justify-content: center; width: 140px; height:35px; border-radius: 21px; border: 1px solid #fff; transition: all .3s; font-size: 13px; font-weight: 400; color: #fefefe; margin: 0 auto; }
#main_vis .main_typo a:hover {background-color: #197cfa;border-color: #197cfa; }

#main_vis .main_slide.color .main_typo h2 {color:#000;}
#main_vis .main_slide.color .main_typo p {color:#000;}
#main_vis .main_slide.color .main_typo a {color:#fff; background-color: #000; border-color: #000;}
#main_vis .main_slide.color .main_typo a:hover {color:#fff; border-color: #197cfa;}

/*컨트롤러*/
#main_vis_slider .slick-arrow { cursor: pointer; position:absolute; z-index: 10; opacity: 1; border:0; font-size: 0; width:25px; height: 30px; top: 50%;  transform: translateY(-50%);}
#main_vis_slider .slick-arrow.slick-prev { background:url('../images/common/visual_prev.png') no-repeat center; left: 10px; background-size: contain;}
#main_vis_slider .slick-arrow.slick-next { background:url('../images/common/visual_next.png') no-repeat center; right: 10px; background-size: contain;}
#main_vis_slider .slick-arrow:focus {outline: none; border: none;}
/* dots */
#main_vis_slider .slick-dots {display: flex; justify-content: center; position: absolute; bottom: 50px; width: 100%;}
#main_vis_slider .slick-dots li { margin-right:14px; }
#main_vis_slider .slick-dots li:last-child {margin-right: 0; }
#main_vis_slider .slick-dots button {font-size: 0; width: 7px; height:7px; background: rgba(255,255,255,.3); border-radius: 50%; transition: background-color .3s; }
#main_vis_slider .slick-dots li.slick-active button {background-color: rgba(255,255,255,1);}


/* news */
#main_vis .news_wrap { width:100%; text-align: center; padding:25px 20px 0;position:relative; }
#main_vis .news_wrap .news_box { position:relative; width:100%; margin:0 auto; border-bottom: 1px solid #ddd;  padding-bottom: 25px;}
#main_vis .news_wrap .news_box > b { color:#000; font-size:20px; display: block; }
#news_slider { width:100%; margin:10px 0 0;}
#news_slider li a { display: block; width:100%; font-size: 15px; color:#333; font-weight: 300; transition: all .3s; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis;}
#main_vis .news_wrap .slick-next { position:absolute; right:25px; transform: translateX(-50%); top:-33px; font-size: 0; width:9px; height: 16px; background:url('../images/common/btn_prev.png') no-repeat center; opacity: 1; z-index: 2; }
#main_vis .news_wrap .slick-prev { position:absolute; right:0; transform: translateX(-50%); top:-33px; font-size: 0; width:9px; height: 16px; background:url('../images/common/btn_next.png') no-repeat center; opacity: 1; z-index: 2; }


/* content common */
.main_inner {max-width: 1280px; width: 100%; margin: 0 auto; position: relative; padding: 0 20px;}

/* c1 */
#c1_wrap {padding: 50px 0; overflow: hidden; position: relative; }
#c1_wrap br {display: none;}
#c1_wrap .list { width: 100%;  display: block; margin-top: 30px;}
#c1_wrap .list > li {display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;border-radius: 20px; box-shadow: 0px 5px 6.5px 0.5px rgba(0, 0, 0, 0.2); z-index: 1;}
#c1_wrap .list > li > img {position: absolute; z-index: 1; left: 0; top:0; width: 100%; height: 100%;}
#c1_wrap .list > li::before {content: ''; display: block; width: 100%; height: 100%; left: 0; top:0; position: absolute; left: 0; top:0;z-index:2; opacity: 0;
background-color: rgba(25,124,250,.4); transition: opacity .3s;}
#c1_wrap .list > li:hover::before {opacity: 1; }
#c1_wrap .list > li:nth-child(n+2) {margin-top:15px;}
#c1_wrap .list .txt {  width: 100%; padding:30px 20px; display: flex; flex-direction: column; justify-content: center; z-index: 3;}
#c1_wrap .list .txt h3 {color:#fff; font-weight: 700; }
#c1_wrap .list .txt h4 {color:#fff; font-weight: 500; margin: 5px 0 10px;}
#c1_wrap .list .txt p {font-weight: 400;   color: rgba(255, 255, 255, 0.8); line-height: 1.75; }

/* c2 */
#c2_wrap { padding: 50px 0; overflow: hidden; position: relative; display:block; background-color: #e5faff; }
#c2_wrap .tab {display: none;}
#c2_wrap .tab.active {display: block;}
#c2_wrap .btn_list {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0; text-align: center;}
#c2_wrap .btn_list > li {position: relative; border-radius: 20px; width: calc(50% - 15px); padding:20px 10px;
box-shadow: 0px 5px 6.5px 0.5px rgba(0, 0, 0, 0.2); background-image: linear-gradient(to bottom, #4ea5ff, #0046ba); height: 100%;}
#c2_wrap .btn_list > li::before {content: ''; display: block; width:9px; height: 9px; background-color: #bed3dc; border-radius: 50%; position: absolute;
right: 0; top: 50%;  transform: translateY(-50%); right: -19px; }
#c2_wrap .btn_list > li:nth-child(n+3) {margin-top: 20px;}
#c2_wrap .btn_list > li:nth-child(even)::before {display: none;}
#c2_wrap .btn_list a {cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center;  width: 100%; height: 100%;
border-radius:inherit;}
#c2_wrap .btn_list .icon {display: flex; align-items: center; justify-content: center; height: 55px; }
#c2_wrap .btn_list .icon img {transition: transform .5s; max-height: 50px;}
#c2_wrap .btn_list a:hover .icon img {transform: rotateY(180deg);}
#c2_wrap .btn_list .txt h4 {font-weight: 700; color:#fff; line-height: 1.3; margin:5px 0 7px;}
#c2_wrap .btn_list .txt p {font-weight: 400; color:rgba(255, 255, 255, 0.8); line-height: 1.3;}
/* background-color */
#c2_wrap .btn_list > li:nth-child(2) {  background-image: linear-gradient(to bottom, #89d7f7, #206fcf);}
#c2_wrap .btn_list > li:nth-child(3) { background-image: linear-gradient(to bottom, #76a6ff, #2738ba);}
#c2_wrap .btn_list > li:nth-child(4) {  background-image: linear-gradient(to bottom, #85d3f6, #055bc1);}
#c2_wrap .btn_list > li:nth-child(5) {  background-image: linear-gradient(to bottom, #4ba2fd, #0042ae);}
#c2_wrap .btn_list > li:nth-child(6) {  background-image: linear-gradient(to bottom, #696cef, #0b39af);}

#c2_wrap .tab_wrap .tab {  border-radius:20px; box-shadow: 0px 5px 6.5px 0.5px rgba(0, 0, 0, 0.2);  background-image: linear-gradient(to bottom, #4ea5ff, #0046ba);
padding:30px 20px;  }
#c2_wrap .tab br {display: none;}
#c2_wrap .tab h3 {color:#fff; font-weight: 700; }
#c2_wrap .tab p {font-weight: 300; color:#fff; line-height: 1.71; margin:10px 0 15px; }
#c2_wrap .tab .tag_list {display: flex;text-align: center; flex-wrap: wrap; justify-content: center; width: calc(100% + 10px); left: -5px; position: relative; }
#c2_wrap .tab .tag_list > li {display: flex; align-items: center; justify-content: center; border-radius: 15px; border:1px solid #fff; padding: 5px 10px;
line-height: 1.3; color:#fff; font-weight: 300; margin: 5px; font-size: 11px; max-width: calc(50% - 10px);}
/* #c2_wrap .tab .tag_list > li:last-child {margin: 0; } */
#c2_wrap .tab > a {display: flex; align-items: center; justify-content: center; width: 126px; height: 30px; border:1px solid #fff; border-radius: 30px;
transition: all .3s; font-weight: 300; color:#fff; margin: 15px auto 0;}
#c2_wrap .tab > a:hover {background: #fff; color:#197cfa; }
/* easy apps */
#c2_wrap .tab .tag_list.easy_apps {padding-left: 20px; text-align: left; margin-top: 15px;}
#c2_wrap .tab .tag_list.easy_apps > li { width: 100%; padding: 0; border:0; margin: 10px 0; max-width: 100%;}
#c2_wrap .tab .tag_list.easy_apps > li:last-child {margin-bottom: 0;}
#c2_wrap .tab .tag_list.easy_apps a {display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 100%; position: relative; padding: 10px 30px 10px 65px; transition: all .3s; border-radius: inherit; border:1px solid #fff;    min-height: 65px; }
#c2_wrap .tab .tag_list.easy_apps a:hover {background-color: #27B0AA;}
#c2_wrap .tab .tag_list.easy_apps a p {line-height: 1.46; margin: 0; }
#c2_wrap .tab .tag_list.easy_apps a .img {position: absolute; left: -20px; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px;
border-radius: 50%; background: #fff; top: 50%;  transform: translateY(-50%); overflow: hidden;}
#c2_wrap .tab .tag_list.easy_apps a .img img {max-height: 40px;}
#c2_wrap .tab .tag_list.easy_apps a .arrow {position: absolute; right: 15px; top: 50%;  transform: translateY(-50%); display: block; width: 7px; height: 10px;
background:url('../images/common/c2_easy_apps_arrow.png') no-repeat center;  }

/* background-color */
#c2_wrap .tab_wrap #c2_tab2 {  background-image: linear-gradient(to bottom, #6bc2e6, #206fcf);}
#c2_wrap .tab_wrap #c2_tab3 {background-image: linear-gradient(to bottom, #6a93f0, #2738ba); }
#c2_wrap .tab_wrap #c2_tab4 {  background-image: linear-gradient(to bottom, #5bbce7, #055bc1);}
#c2_wrap .tab_wrap #c2_tab5 {   background-image: linear-gradient(to bottom, #4ba2fd, #0042ae);}
#c2_wrap .tab_wrap #c2_tab6 {  background-image: linear-gradient(to bottom, #696cef, #0b39af);}

/* c3 */
#c3_wrap {padding: 50px 0; overflow: hidden; position: relative; background:url('../images/common/c3_bg.jpg') 50%/cover no-repeat;  }
#c3_wrap h2 {color:#fff; margin-bottom: 30px;}
#c3_wrap .slide_box {border:1px solid #fff; border-radius:20px; padding: 30px 15px 60px; outline: none;}
#c3_wrap .slide_box .txt .tag {display: inline-block; background: #fff; border-radius: 13.5px; color:#000; padding: 4px 13px 5px; font-weight: 700; line-height: 1.3;
margin-bottom: 15px;}
#c3_wrap .slide_box .txt h3 {color:#fff; }
#c3_wrap .slide_box .txt h3 span {color:#57e1ff; }
#c3_wrap .video_wr {width: 100%; overflow: hidden; border-radius: 15px; margin-top: 25px; height: auto; padding-bottom: 0;}
#c3_wrap .video_wr > div {width: 100%; position: relative; height:0; padding-bottom: 56.25%;}
#c3_wrap .video_wr > div iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/*arrow*/
/* #c3_wrap .slick-arrow { cursor: pointer; position:absolute; z-index: 2; border:0; font-size: 0; width: 34px; height: 69px; top:226px;}
#c3_wrap .slick-arrow.slick-prev { background:url('../images/common/c3_prev.png') no-repeat center; left: -110px;}
#c3_wrap .slick-arrow.slick-next { background:url('../images/common/c3_next.png') no-repeat center;right: -110px;}
#c3_wrap .slick-arrow:focus {outline: none; border: none;}
@media screen and (max-width: 1700px) {
    #c3_wrap .slick-arrow.slick-prev {left: -50px;}
    #c3_wrap .slick-arrow.slick-next {right: -50px;}
} */
/* dots */
#c3_wrap .slick-dots {display: flex; justify-content: center; position: absolute; bottom:30px; width: 100%; padding: 0 15px;}
#c3_wrap .slick-dots li { margin-right:14px; }
#c3_wrap .slick-dots li:last-child {margin-right: 0; }
#c3_wrap .slick-dots button {font-size: 0; width: 7px; height:7px; background: rgba(255,255,255,.3); border-radius: 50%; transition: background-color .3s; }
#c3_wrap .slick-dots li.slick-active button {background-color: rgba(255,255,255,1);}

/* c4 */
#c4_wrap { padding: 50px 0; overflow: hidden; position: relative; background-image: linear-gradient(to right , #e4f6ff, #dce1ff);}
#c4_wrap .cont {position: relative; z-index: 1; margin-top: 30px; }
#c4_wrap .cont .center_wrap { z-index: 2;  width: 100%; text-align: center;}
#c4_wrap .cont .center_wrap .img > img {max-height: 200px;}
#c4_wrap .cont .center_wrap > a {display: flex; align-items: center; justify-content: center; width: 160px; height: 35px; position: relative;  transition: all .3s; border-radius: 19px; border:1px solid #000; margin: 20px auto 0; font-weight: 300; color:#000; }

#c4_wrap .cont .list { width: 100%; text-align: left; margin-top: 30px;}
#c4_wrap .cont .list > li { width: 100%; position: relative; z-index: 1; border-radius: 20px; padding:25px;  box-shadow: 2.5px 4.3px 6.5px 0.5px rgba(0, 0, 0, 0.2); }
#c4_wrap .cont .list > li:nth-child(n+2) {margin-top:15px;}
#c4_wrap .cont .list > li::before {content: ''; z-index: -2; display: block; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: inherit;background-image: linear-gradient(to bottom, #38bbf5, #266be4);}
#c4_wrap .cont .list > li::after {content: ''; z-index: -1; display: block; position: absolute; left: 1px; top: 1px;  width: calc(100% - 2px); height: calc(100% - 2px);  border-radius: 17px; background: #fff;}

#c4_wrap .cont .list h3 {color:#0b4dc2; font-weight: 700; margin-bottom: 15px;}
#c4_wrap .cont .list h3 i {font-size: 120%; margin-right: 9px ; position: relative; top:2px; }
#c4_wrap .cont .list .txt > h4 {font-weight: 500; color:#000; }
#c4_wrap .cont .list .txt > p {font-weight: 300; color:#333; line-height: 1.75; margin: 5px 0 15px;}
#c4_wrap .cont .list .txt .solutions {display: flex; align-items: center; }
#c4_wrap .cont .list .txt .solutions > span {display: flex; align-items: center; justify-content: center; width: 70px; height: 20px; background: #2472e1;
border-radius: 12.5px; color:#fff; font-weight: 500; margin-right: 10px; }
#c4_wrap .cont .list .txt .solutions p {font-weight: 300; color:#000; }

/* c5 */
#c5_wrap {padding: 50px 0; overflow: hidden; position: relative; background:url('../images/common/c5_bg.jpg') 50%/cover no-repeat;text-align: center; color:#fff;}
#c5_wrap .contact_btn {color:#000; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 10px 10px;
background: #fff; border-radius: 30px; transition: all .3s; margin: 25px 0 15px;}
#c5_wrap .contact_btn i {margin-right: 10px; font-size: 120%; position: relative; top:1px ;}
#c5_wrap .contact_btn span {margin-left:15px; display: block; }
#c5_wrap .contact_btn:hover {background: #3bd4f5; color:#fff; }
#c5_wrap .tel_contact i {margin-right: 7px; position: relative; top:1px; }
#c5_wrap .w_box {padding: 30px 15px; background: rgba(255,255,255,.1); border-radius: 30px; margin: 30px 0 0;}
#c5_wrap .w_box h4 span {color:#3bd4f5; }
#c5_wrap .w_box p {  color: rgba(255, 255, 255, 0.8); margin: 5px 0 25px;}
/* #c5_wrap .w_box .btn_wrap {display: flex; justify-content: center; } */
#c5_wrap .w_box .btn_wrap > a {display: flex; align-items: center; justify-content: center; width: 100%; height: 35px; border-radius: 27.5px; border:1px solid #fff;
transition: all .3s;font-size: 11px; font-weight: 400; color:#fff; letter-spacing: -.5px; white-space: nowrap;}
#c5_wrap .w_box .btn_wrap > a:hover {background-color: #3bd4f5; border-color: #3bd4f5; }
#c5_wrap .w_box .btn_wrap > a + a {margin-top:10px;}
#c5_wrap .w_box .middle_line {display: flex; justify-content: center; align-items: center; margin-top: 20px;}
/* #c5_wrap .w_box .middle_line::before {content: ''; display: block; width: 258px; height: 1px; background: rgba(255,255,255,.3); margin-right: 37px;}
#c5_wrap .w_box .middle_line::after {content: ''; display: block; width: 258px; height: 1px; background: rgba(255,255,255,.3); margin-left: 37px;} */













/*  */