body { word-break:keep-all; }
button { border:0; }
body,input,button,textarea { font-family: 'Pretendard'; }
tr, th, td { margin:0; padding:0; }
dl, ul, ol, li { margin:0; padding:0; list-style:none; }
table{ padding:0; border:0; border-spacing:0px; border-collapse:collapse; }
select { background-color:#fff; -webkit-appearance:none; -moz-appearance:none; background-image:url('../img/common/select_btn.png'); background-size:1.6rem 0.9rem; background-repeat:no-repeat; background-position:calc(100% - 10px) center; }
select::-ms-expand {display:none}

.mb0 { margin-bottom:0 !important; }

.up-on-scroll { opacity:0; transform:translateY(30px); transition-duration:0.5s; }
.up-on-scroll.action { opacity:1; transform:translate(0); }
.up-on-scroll-opacity { opacity:0; transition-duration:1s; }
.up-on-scroll-opacity.on { opacity:1; }


/* common */
.wrap{width: 100%; color:#333333;}
.container{max-width: 1200px; width: 100%; margin:0 auto;}
.button{background-color:#1596d4; font-size: 20px; color:#fff; display: inline-block; padding:18px 40px; border-radius: 30px;}
.button:hover{background-color: #04a0eb;}
.sub_tit{font-size: 38px; font-weight: bold;}
.sub_txt{font-size: 20px;}

/* main */
.main{background-image: url('../img/main/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size:cover; padding-top: 85px; width: 100%; min-height: 670px; height: auto;}
.main .main_txt_box{display: flex; align-items: center; min-height: 670px; height: auto;}
.main .main_txt_box .main_txt_inner h1{font-size: 54px; font-weight: bold; color:#fff; padding-bottom: 40px;}
.main .main_txt_box .main_txt_inner h4{font-size: 20px; font-weight: normal; color:#fff;line-height: 1.6; padding-bottom: 60px;}
.main .main_txt_box .main_txt_inner ul.main_icon_box{display: flex; padding-bottom: 20px;}
.main .main_txt_box .main_txt_inner ul.main_icon_box li{color:#fff; font-size: 22px; padding-right:18px;}
.main .main_txt_box .main_txt_inner ul.main_icon_box li p{max-width: 18px; width: 100%; display: inline-block;}
.main .main_txt_box .main_txt_inner ul.main_icon_box li img{vertical-align:middle;}

/* content */
.content{background-color:#f3fcff; padding:130px 0;}
.content .content_box{height: 100%;}
.content .content_box .content_inner{display: flex; align-items:center;}
.content .content_box .content_inner .content_box_left{width: 60%;}
.content .content_box .content_inner .content_box_left .sub_txt_box{padding-top:45px;} 
.content .content_box .content_inner .content_box_left .sub_txt_box p{padding-bottom: 40px; font-weight: 600; line-height: 1.5;}
.content .content_box .content_inner .content_box_left .sub_txt_box p:nth-of-type(4){padding-bottom: 0;}
.content .content_box .content_inner .content_box_left .sub_txt_box p span{display: block;}

/* service */
.service {padding:85px 0;}
.service .ser_list_box p.sm_txt{font-weight: bold;}
.service .ser_list_box ul.service_list{display:flex; flex-wrap: wrap; justify-content: space-between; padding-top:60px;}
.service .ser_list_box ul.service_list li{width: calc(100% / 2 - 20px); margin-bottom: 40px; display: flex; justify-content: center; flex-direction: column; text-align: center; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; min-height:412px; height: auto; border-radius: 40px;}
.service .ser_list_box ul.service_list li h3.ser_list_tit{font-size: 24px;font-weight: bold; color:#1498d5; padding:25px 0;}
.service .ser_list_box ul.service_list li p{font-size: 18px; line-height: 1.5;}
.service .ser_list_box ul.service_list li p span{display: block;}
.service .ser_list_box ul.service_list li .ser_img{max-width: 315px; width: 100%; margin:0 auto;} 
.service .ser_list_box p.sm_txt{font-size: 20px; font-weight: 600; padding-top: 20px;}
.service .service_box .service_inner ul.ser_icon_list{display: flex;align-items: flex-start; justify-content: space-between; padding-top:15px;}
.service .service_box .service_inner ul.ser_icon_list li:last-child{margin-right: 0;}
.service .service_box .service_inner ul.ser_icon_list li:nth-of-type(2n){padding-top: 50px;}
.service .service_box .service_inner ul.ser_icon_list li .ser_img{max-width: 102px; width: 100%; margin:0 auto;}
.service .service_box .service_inner ul.ser_icon_list li .ser_arrow_img{width: 19px; height: 34px; margin:0 auto; background-image:url('../img/main/ser_icon_arrow.png'); background-repeat:no-repeat;}
.service .service_box .service_inner ul.ser_icon_list li p{text-align: center;}
.service .service_box .service_inner ul.ser_icon_list li p.ser_icon_list_tit{font-size: 22px; font-weight: bold; padding: 25px 0;}
.service .service_box .service_inner ul.ser_icon_list li p.ser_icon_list_txt{font-size: 18px; line-height: 1.5;}
.service .service_box .service_inner ul.ser_icon_list li p.ser_icon_list_txt span{display: block;}

/* partner */
.partner_wrap{background-color:#eef8ff; padding:85px 0;}
.partner_wrap .partner_box .partner_inner>ul{display: flex; justify-content: space-between; padding-top:55px;}
.partner_wrap .partner_box .partner_inner>ul>li{max-width: 372px; width: calc(100% / 3 - 20px); min-height: 570px; background-color:#fff; border-radius: 40px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box{background-size:cover; background-position: center; padding: 85px 0 40px; position: relative;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box .visit_form a:hover{background-color: #04a0eb;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box .visit_form button:hover{background-color: #04a0eb;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box .partner_tit_box{padding-left:22px; line-height: 1.6;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box a{font-size: 18px; font-weight: normal; display: block; color:#fff; max-width: 158px; width: 100%; height: 46px; text-align:center; line-height: 46px; background-color:#1596d4; border-radius: 40px 0 40px 0; position:absolute; top:0;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box button{font-size: 18px; font-weight: normal; display: block; color:#fff; max-width: 158px; width: 100%; height: 46px; text-align:center; line-height: 46px; background-color:#1596d4; border-radius: 40px 0 40px 0; position:absolute; top:0;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box .partner_tit_box h3{font-size: 22px; font-weight: bold; color:#fff; }
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box .partner_tit_box p{font-size:20px; font-weight: 600; color:#fff; padding-top: 25px;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box .visit_complete a{background-color:#8f8f8f; max-width: 192px; width: 100%;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box .visit_complete button{background-color:#8f8f8f; max-width: 192px; width: 100%; cursor: default;}
.partner_wrap .partner_box .partner_inner ul>li:first-child .partner_img_box{background-image: url('../img/main/partner01.png');}
.partner_wrap .partner_box .partner_inner ul>li:nth-of-type(2) .partner_img_box{background-image: url('../img/main/partner02.png');}
.partner_wrap .partner_box .partner_inner ul>li:nth-of-type(3) .partner_img_box{background-image: url('../img/main/partner03.png');}
.partner_wrap .partner_box .partner_inner ul>li .partner_txt_box ul{ padding:20px 25px;}
.partner_wrap .partner_box .partner_inner ul>li .partner_txt_box ul li{font-size: 19px; line-height: 1.4;}
.partner_wrap .partner_box .partner_inner ul>li .partner_txt_box ul li.partner_list_tit{font-weight: bold;  padding-bottom: 12px;}
.partner_wrap .partner_box .partner_inner ul>li .partner_txt_box ul li.sum_money{padding: 30px 0 0;}
.partner_wrap .partner_box .partner_inner button {width:auto;cursor:default;}
.partner_wrap .partner_box .partner_inner .button_box{text-align: center; padding-top:60px;}
.partner_wrap .partner_box .partner_inner .button_box button.button{background-color:#057ab2;}
.partner_wrap .partner_box .partner_inner .button_box button.button:hover{background-color: #04a0eb;}

/* solution */
.solution{padding:150px 0; background-color:#f9fafd;}
.solution .solution_box ul.solution_inner{display:flex; align-items: center; justify-content: center;}
.solution .solution_box ul.solution_inner>li:first-child{background-image: url('../img/main/solu_img.png');background-position: center; background-size:cover; max-width: 624px; width: 100%; min-height: 352px; height: auto; text-indent: -9999px; border-radius: 40px;}
.solution .solution_box ul.solution_inner>li:last-child{padding-left:70px;}
.solution .solution_box ul.solution_inner>li:last-child .button{background-color:#1498d5;}
.solution .solution_box ul.solution_inner>li:last-child .button:hover{background-color: #04a0eb;}
.solution .solution_box ul.solution_inner>li h2.sub_tit{padding-bottom: 25px;}
.solution .solution_box ul.solution_inner>li p{font-size: 20px;}
.solution .solution_box ul.solution_inner>li>p.solution_txt{line-height: 1.6;}
.solution .solution_box ul.solution_inner>li p span{display: block;}
.solution .solution_box ul.solution_inner>li ul.solution_icon_box{display: flex; padding:40px 0;}
.solution .solution_box ul.solution_inner>li ul.solution_icon_box li{display: flex; align-items: center; padding-right:30px;}
.solution .solution_box ul.solution_inner>li ul.solution_icon_box li:last-child{padding-right:0;}
.solution .solution_box ul.solution_inner>li ul.solution_icon_box li:before{content:''; display: inline-block; width: 40px; height: 40px; margin-right:15px;}
.solution .solution_box ul.solution_inner>li ul.solution_icon_box li:first-child:before{background-image: url('../img/main/solu_icon01.png');}
.solution .solution_box ul.solution_inner>li ul.solution_icon_box li:nth-of-type(2):before{background-image: url('../img/main/solu_icon02.png');}
.solution .solution_box ul.solution_inner>li ul.solution_icon_box li:nth-of-type(3):before{background-image: url('../img/main/solu_icon03.png');}
.solution .solution_box ul.solution_inner>li ul.solution_icon_box li p{font-size: 16px; font-weight: bold;}


/* application */
.application{background-image: url('../img/main/apply_bg.png'); background-repeat: no-repeat; background-position: center; background-size:cover; width: 100%; min-height: 370px; height: auto;}
.application .application_box{display: flex; justify-content: center; min-height: 370px; height: auto; align-items: center;}
.application .application_box .application_txt h2{color:#fff; text-align: center;}
.application .application_box .application_txt p{font-size: 20px; color:#fff; padding:30px 0 40px; text-align: center;}
.application .application_box .button_box{text-align: center;}
.application .application_box .button_box .button{border:2px solid #fff; color:#fff; background-color:transparent;}


@media (min-width:1025px) and (max-width:1200px){
.solution .solution_box ul.solution_inner>li:first-child{width: 45%;}
}

@media (max-width:1200px){
.main .main_txt_box .main_txt_inner{padding:15px;}
.content .content_box{padding:15px;}
.content .content_box .content_inner .content_box_left{width: 100%; padding-right:5%;}
.content .content_box .content_inner .content_box_left .sub_txt_box p span{display: inline;}
.service .service_box{padding:15px;}
.partner_wrap .partner_box{padding:0 15px;}


}
@media (max-width:1024px){
.content .content_box .content_inner .content_box_left .sub_txt_box p{padding-bottom: 20px;}
.service .ser_list_box ul.service_list li p{padding:5%;}
.service .ser_list_box ul.service_list li p span{display: inline;}
.service .ser_list_box ul.service_list li h3.ser_list_tit{padding:20px 0px 0px;}
.service .service_box .service_inner ul.ser_icon_list li:nth-of-type(2n-1){max-width: 275px; width: calc(100% / 2);}
.service .service_box .service_inner ul.ser_icon_list li p.ser_icon_list_txt span{display: inline;}
.partner_wrap .partner_box .partner_inner>ul>li{width: calc(100% / 3 - 20px);}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box{min-height: 290px; height: auto;}
.solution .solution_box ul.solution_inner>li:first-child{width: 35%;}
.solution .solution_box ul.solution_inner>li:last-child{padding-left: 40px;}

}

@media (max-width:768px){
.sub_tit{font-size: 28px;}
.sub_txt{font-size: 18px;}
.button{font-size: 18px; padding:10px 30px;}
.main{min-height: auto; padding: 100px 0px 40px;}
.main .main_txt_box{min-height: auto;}
.main .main_txt_box .main_txt_inner h1{font-size: 40px; padding-bottom: 25px;}
.main .main_txt_box .main_txt_inner h4{font-size: 20px; padding-bottom: 20px;}
.main .main_txt_box .main_txt_inner ul.main_icon_box li{font-size: 16px;}
.content{background-color:#f3fcff; padding:25px 0;}
.content .content_box{padding: 0 15px;}
.content .content_box .content_inner{flex-direction: column;}
.content .content_box .content_inner .content_box_right{padding-top:10px; text-align: center;}
.content .content_box .content_inner .content_box_right img{width: 40%;}
.content .content_box .content_inner .content_box_left .sub_txt_box{padding-top: 25px;}
.content .content_box .content_inner .content_box_left .sub_txt_box p{padding-bottom: 12px;}
.content .content_box .content_inner .content_box_left .sub_txt_box p span{display: inline;}
.service{padding:25px 0;}
.service .ser_list_box p.sm_txt{font-size: 18px; padding-top: 40px; text-align: center;}
.service .ser_list_box ul.service_list{padding-top:25px;}
.service .ser_list_box ul.service_list li{width: 100%; min-height: auto;}
.service .ser_list_box ul.service_list li p{padding:15px 0 25px;}
.service .ser_list_box ul.service_list li p span{display: block;}
.service .ser_list_box ul.service_list li .service_list_inner{width: 80%; margin:0 auto;}
.service .ser_list_box ul.service_list li .ser_img{padding-top: 15px; max-width: 300px;}
.service .ser_list_box ul.service_list li h3.ser_list_tit{font-size: 22px;}
.service .service_box .service_inner ul.ser_icon_list{flex-direction: column;align-items: center; padding-top: 10px;}
.service .service_box .service_inner ul.ser_icon_list li{width: 100%; max-width: none; padding:20px 0;}
.service .service_box .service_inner ul.ser_icon_list li:first-child{padding-top: 0;}
.service .service_box .service_inner ul.ser_icon_list li:nth-of-type(2n){padding:20px 0;}
.service .service_box .service_inner ul.ser_icon_list li:nth-of-type(2n-1){max-width: none; width: 100%;}
.service .service_box .service_inner ul.ser_icon_list li div.ser_icon_txt_box{width: 70%; margin:0 auto;}
.service .service_box .service_inner ul.ser_icon_list li .ser_img{max-width: none; text-align: center;}
.service .service_box .service_inner ul.ser_icon_list li .ser_img img{width: 40%;}
.service .service_box .service_inner ul.ser_icon_list li .ser_arrow_img{background-image:url('../img/main/ser_icon_arrow_down.png'); width: 34px; height: 19px;}
.service .service_box .service_inner ul.ser_icon_list li p.ser_icon_list_txt span{display: block;}
.partner_wrap{padding:25px 0;}
.partner_wrap .partner_box .partner_inner>ul{flex-direction: column; padding-top: 25px;}
.partner_wrap .partner_box .partner_inner>ul>li{width: 100%; max-width: none;margin-bottom: 40px; min-height: auto;}
.partner_wrap .partner_box .partner_inner ul>li .partner_img_box{min-height:auto; padding:65px 0px 20px;}
.partner_wrap .partner_box .partner_inner ul > li .partner_img_box .partner_tit_box h3 span{display: inline;}
.partner_wrap .partner_box .partner_inner ul > li .partner_img_box .partner_tit_box p{padding-top: 10px;}
.partner_wrap .partner_box .partner_inner ul > li .partner_txt_box ul{padding:15px 25px;}
.partner_wrap .partner_box .partner_inner ul > li .partner_txt_box ul:first-child{padding:15px 25px 0px;}
.partner_wrap .partner_box .partner_inner ul > li .partner_txt_box ul li.sum_money{padding:15px 0 0;}
.partner_wrap .partner_box .partner_inner .button_box{padding-top: 0;}
.solution{padding:25px 0px;}
.solution .solution_box {padding:0 15px;}
.solution .solution_box ul.solution_inner{flex-direction: column;}
.solution .solution_box ul.solution_inner>li:first-child{width: 100%; max-width: none;}
.solution .solution_box ul.solution_inner>li:last-child{width: 100%; padding-left:20px;}
.solution .solution_box ul.solution_inner>li h2.sub_tit{padding-top: 25px;}
.solution .solution_box ul.solution_inner > li ul.solution_icon_box{padding:20px 0px;}
.application{padding:0 15px; min-height: auto;}
.application .application_box{min-height: 240px;}
.application .application_box .application_txt p{line-height: 1.6; font-size: 18px; padding:15px 0;}
.application .application_box .application_txt p span{display: block;}
}

@media (max-width:640px){
.sub_tit{font-size: 20px;}
.sub_txt{font-size: 15px;}
.button{font-size: 16px;}
.solution .solution_box ul.solution_inner>li:last-child{padding-left:0;}
.main{min-height: auto; padding: 100px 0px 30px;}
.main .main_txt_box .main_txt_inner h1{font-size: 26px; padding-bottom: 20px;}
.main .main_txt_box .main_txt_inner h4{font-size: 16px; padding-bottom: 30px;}
.main .main_txt_box .main_txt_inner ul.main_icon_box{flex-wrap: wrap;}
.main .main_txt_box .main_txt_inner ul.main_icon_box li{font-size: 15px; padding-right: 10px;}
.main .main_txt_box .main_txt_inner ul.main_icon_box li p{margin-right: 0;}
.main .main_txt_box .main_txt_inner ul.main_icon_box li p img{width: 80%;}
.content .content_box .content_inner .content_box_left .sub_txt_box{padding-top: 20px;}
.content .content_box .content_inner .content_box_left .sub_txt_box p{padding-bottom: 5px;}
.content .content_box .content_inner .content_box_right img{width: 30%;}
.service .ser_list_box ul.service_list li{min-height: auto; padding:0px;}
.service .ser_list_box ul.service_list li .service_list_inner{width: 70%;}
.service .ser_list_box ul.service_list li .ser_img{padding-top: 15px; max-width: 280px;}
.service .ser_list_box ul.service_list li .ser_img img{width: 80%;}
.service .ser_list_box ul.service_list li h3.ser_list_tit{font-size: 20px;}
.service .ser_list_box ul.service_list li p{font-size: 16px;}
.service .ser_list_box ul.service_list li p span{display: inline;}
.service .service_box .service_inner ul.ser_icon_list li p.ser_icon_list_tit{font-size: 20px;}
.service .service_box .service_inner ul.ser_icon_list li p.ser_icon_list_txt{font-size: 16px;}
.service .service_box .service_inner ul.ser_icon_list li p.ser_icon_list_txt span{display: inline;}
.partner_wrap .partner_box .partner_inner ul > li .partner_txt_box ul li{font-size:16px;}
.partner_wrap .partner_box .partner_inner ul > li .partner_img_box .partner_tit_box h3{font-size: 18px;}
.partner_wrap .partner_box .partner_inner ul > li .partner_img_box .partner_tit_box h3 span{display:block;}
.partner_wrap .partner_box .partner_inner ul > li .partner_img_box .partner_tit_box p{font-size: 18px;}
.solution .solution_box ul.solution_inner > li:last-child{padding-left: 0;}
.solution .solution_box ul.solution_inner > li h2.sub_tit{padding-bottom: 10px;}
.solution .solution_box ul.solution_inner > li p{font-size: 16px;}
.solution .solution_box ul.solution_inner > li p span{display: inline;}
.solution .solution_box ul.solution_inner > li ul.solution_icon_box{flex-direction: column;}
.solution .solution_box ul.solution_inner > li ul.solution_icon_box li{padding-bottom: 5px;}
.solution .solution_box ul.solution_inner > li p.button_box{text-align: center;}
.application .application_box .application_txt p{font-size: 16px;}
}