@charset "utf-8";

#pages{}
#pages .contents{padding: 120px 0 150px;}

/* 공통 */
.color-blue {color:#001D61 !important;}
.contents .company-topbox {text-align:center;padding-bottom:80px;}
.contents .company-topbox h2 {font-size:50px;margin-bottom:30px;}
.contents .company-topbox h2 strong {font-weight:800;}
.contents .company-topbox p {font-size:20px;font-weight:500;color:#8C919B;margin-bottom:60px;}
.contents .company-topbox em {display:block;font-size:168px;font-weight:800;color:#F6F9FF;}

.page-top{}
.page-top .visual{padding-top: 220px;}
.page-top .visual .inbox{position:relative;margin: 0 auto;width:100%;max-width:1420px;}
.page-top .visual .breadcrumbs{display: flex;align-items: center;gap:35px;}
.page-top .visual .breadcrumbs span{position:relative;display: inline-block;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #a6a7a7;line-height: 1;}
.page-top .visual .breadcrumbs span img{display:block;}
.page-top .visual .breadcrumbs span:before{content: "";position: absolute;left:-26px;display:block;width:15px;height:15px;background: url(/_public/images2/icon/nv_arrow.svg) no-repeat;background-size: cover;}
.page-top .visual .breadcrumbs span:first-child{top:-1px;}
.page-top .visual .breadcrumbs span:first-child:before{display: none;}
.page-top .visual .group{margin-top:20px;display: flex;justify-content: space-between;align-items: flex-end;}
.page-top .visual .group h1{font-size: 60px;font-weight: bold;letter-spacing: -1.5px;color: #1c1c1c;}
.page-top .visual .group .navi-menu{position:relative;top:-5px;}
.page-top .visual .group .navi-menu .inner-scroll{display: flex;gap:20px;}
.page-top .visual .group .navi-menu a{position: relative;display: inline-block; font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #8c919b;padding-bottom: 3px;}
.page-top .visual .group .navi-menu a.on{color: #1c1c1c;}
.page-top .visual .group .navi-menu a.on:after{content: "";position: absolute;left:0;bottom:0;width:100%;height:2px;background: #1c1c1c;}
.page-top .visual .company-banner{position:relative;margin-top:60px;height:380px;overflow: hidden;border-radius: 20px;}
.page-top .visual .company-banner.company01{background: url(/_public/images2/contents/company_visual01.png) no-repeat;background-size: cover;}
.page-top .visual .company-banner.company02{background: url(/_public/images2/contents/company_visual02.png) no-repeat;background-size: cover;}
.page-top .visual .company-banner.company03{background: url(/_public/images2/contents/company_visual03.png) no-repeat;background-size: cover;}
.page-top .visual .company-banner.company04{background: url(/_public/images2/contents/company_visual04.png) no-repeat;background-size: cover;}
.page-top .visual .company-banner.company05{background: url(/_public/images2/contents/company_visual05.png) no-repeat;background-size: cover;}
.page-top .visual .company-banner figcaption{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);text-align: center;width:100%;}
.page-top .visual .company-banner figcaption strong{display: block;font-size: 45px;font-weight: bold;text-align: center;color: #fff;}
.page-top .visual .company-banner figcaption strong br{display:none;}
.page-top .visual .company-banner figcaption span{display: block;margin-top: 20px;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;text-align: center;color: #fff;}
.page-top .visual .company-banner figcaption span br{display: none;}
.page-top .visual .business-banner{position:relative;margin-top:60px;height:380px;overflow: hidden;border-radius: 20px;-webkit-backdrop-filter: blur(7px);backdrop-filter: blur(7px);background:rgba(255,255,255,0.1);}
.page-top .visual .business-banner figcaption{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);text-align: center;width:100%;}
.page-top .visual .business-banner figcaption strong{display: block;font-size: 45px;font-weight: bold;text-align: center;color: #fff;}
.page-top .visual .business-banner figcaption span{display: block;margin-top: 20px;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;text-align: center;color: #fff;}
.page-top .visual.vs-business{height:940px;}
.page-top .visual.business01{background: url(/_public/images2/contents/business_visual01.png) no-repeat;background-size: cover;}
.page-top .visual.business02{background: url(/_public/images2/contents/business_visual02.png) no-repeat;background-size: cover;}
.page-top .visual.business03{background: url(/_public/images2/contents/business_visual03.png) no-repeat;background-size: cover;}
.page-top .visual.vs-business .group h1{color:#fff;}
.page-top .visual.vs-business .breadcrumbs span{color:#adb9d6;}
.page-top .visual.vs-business .group .navi-menu a{color:#adb9d6;}
.page-top .visual.vs-business .group .navi-menu a.on{color:#fff;}
.page-top .visual.vs-business .group .navi-menu a.on:after{background:#fff;}

.company{}
.company .greetings{}
.company .greetings .greeting-title{}
.company .greetings .greeting-title em{display: block;font-size: 28px;font-weight: bold;letter-spacing: -0.7px;color: #0092e5;}
.company .greetings .greeting-title h2{margin-top:60px; font-size: 50px;font-weight: bold;letter-spacing: -1.25px;color: #1c1c1c;}
.company .greetings .greeting-title p{margin-top:20px; font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #8c919b;}
.company .greetings .section01 .box{margin-top: 120px;display: flex;align-items: center;}
.company .greetings .section01 .box > div{width:50%;}
.company .greetings .section01 .box .img{}
.company .greetings .section01 .box .img img{display: block;}
.company .greetings .section01 .box .txt-box{padding-left: 120px;}
.company .greetings .section01 .box .txt-box h3{font-size: 30px;font-weight: 800;letter-spacing: -0.75px;color: #1c1c1c;}
.company .greetings .section01 .box .txt-box p{margin-top: 50px;font-size: 20px;line-height: 1.6;letter-spacing: -0.5px;color: #1c1c1c;}
.company .greetings .section01 .box + .box{margin-top:180px;flex-direction: row-reverse;}
.company .greetings .section02{margin-top:160px;padding:120px 0 150px;background: url(/_public/images2/contents/greeting_bg.png) top center no-repeat;background-size: cover;}
.company .greetings .section02 h3{font-size: 30px;font-weight: 800;letter-spacing: -0.75px;color: #1c1c1c;}
.company .greetings .section02 p{margin-top:50px;font-size: 20px;line-height: 1.6;letter-spacing: -0.5px;color: #1c1c1c;}
.company .greetings .section02 em{display: block;margin-top:30px;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #8c919b;}

/* vision */
.vision {word-break:keep-all;}
.vision .section01 {display:flex;margin-bottom:120px;}
.vision .section01 > div {width:50%;text-align:center;}
.vision .section01 > div p {width:260px;height:260px;font-size:45px;font-weight:700;color:#fff;background:#001D61;border-radius:100%;position:relative;padding-top:75px;margin:0 auto 96px;}
.vision .section01 > div p:before {content:"";display:block;width:1px;height:68px;background:#cecece;position:absolute;bottom:-68px;left:50%;transform:translateX(-50%);z-index:-1;}
.vision .section01 > div p:after {content:"";display:block;width:16px;height:16px;background:#fff;border:4px solid #001D61;border-radius:100%;position:absolute;bottom:-76px;left:50%;transform:translateX(-50%);}
.vision .section01 > div p span {display:block;font-size:18px;font-weight:500;color:#fff;margin-bottom:30px;}
.vision .section01 > div em {display:block;font-size:20px;font-weight:500;}
.vision .section01 > div:nth-child(2) p {color:#001D61;background:#fff;border:4px solid #001D61;}
.vision .section01 > div:nth-child(2) p span {color:#001D61;}
.vision .section01 > div:nth-child(2) p:after {background:#001D61;}
.vision .section02 {padding:120px 0 150px;background:#F6F9FF;text-align:center;margin-bottom:-150px;}
.vision .section02 h5 {font-size:18px;font-weight:500;color:#8C919B;margin-bottom:30px;}
.vision .section02 h3 {font-size:45px;font-weight:700;margin-bottom:80px;}
.vision .section02 .flex-box {display:flex;gap:30px;}
.vision .section02 .flex-box .flex-in {width:20%;}
.vision .section02 .flex-box .flex-in:nth-child(2) {margin-top:100px;}
.vision .section02 .flex-box .flex-in:nth-child(4) {margin-top:100px;}
.vision .section02 .flex-box .flex-in .img-box {width:260px;height:260px;border:2px solid #001d61;border-radius:100%;margin-bottom:50px;position:relative;}
.vision .section02 .flex-box .flex-in .img-box:before {content:"";width:230px;height:230px;border:1px solid #8c919b;border-radius:100%;background:#fff;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.vision .section02 .flex-box .flex-in .img-box:after {content:"";width:15px;height:15px;border:solid 2px #001d61;border-radius:100%;background-color:#fff;position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);}
.vision .section02 .flex-box .flex-in .img-box img {display:block;margin:50px auto 25px;max-width:100px;max-height:100px;position:relative;z-index:10;}
.vision .section02 .flex-box .flex-in .img-box > p {font-size:30px;font-weight:700;position:relative;z-index:10;}
.vision .section02 .flex-box .flex-in em {display:inline-block;font-size:20px;font-weight:500;height:36px;line-height:36px;padding:0 20px;color:#fff;background-image: linear-gradient(98deg, #0092e5 15%, #001d61 84%);border-radius:18px;margin-bottom:25px;position:relative;}
.vision .section02 .flex-box .flex-in em:before {content:"";display:block;width:2px;height:43px;border:1px dashed #cecece;position:absolute;top:-43px;left:50%;transform:translateX(-50%);}
.vision .section02 .flex-box .flex-in > p {font-size:18px;padding:0 30px;}

/* certification */
.certification {word-break:keep-all;}
.certification .cer-list {display:flex;flex-wrap:wrap;gap:40px;text-align:center;}
.certification .cer-box {width:calc(20% - 32px);}
.certification .cer-box img {width:100%;display:block;margin-bottom:30px;}
.certification .cer-box p {font-size:20px;font-weight:700;margin-bottom:12px;}
.certification .cer-box span {display:block;font-size:16px;color:#8c919b;}

/*partners*/
.partners {word-break:keep-all;}
.partners .logo-box {display:flex;flex-wrap:wrap;gap:40px;}
.partners .logo-box .logo-in {width:calc(25% - 30px);height:325px;background:#f6f9ff;border-radius:20px;padding:20px;position:relative;}
.partners .logo-box .logo-in img {display:block;max-width:240px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

/* loaction */
.location {word-break:keep-all;}
.location .map-box {width:100%;height:500px;background:#ccc;border-radius:20px;overflow: hidden;}
.location .add-box {margin-top:40px;display:flex;justify-content:space-between;}
.location .add-box p {font-size:30px;font-weight:700;}
.location .add-box a {display:inline-block;padding:0 35px 0 65px;height:45px;line-height:45px;font-size:18px;font-weight:600;border-radius:23px;border:solid 1px #cecece;position:relative;}
.location .add-box a:before {content:"";width:20px;height:20px;background:url(/_public/images2/contents/location_ico01.svg) no-repeat;background-size:cover;position:absolute;top:53%;left:30px;transform:translateY(-50%);}
.location ul {margin-top:40px;}
.location ul li {font-size:20px;display:flex;gap:15px;align-items:center;}
.location ul li + li {margin-top:15px;}
.location ul li i {font-size:0;display:block;width:20px;height:20px;}
.location ul li:nth-child(1) i {background:url(/_public/images2/contents/location_ico02.svg) no-repeat;background-size:cover;}
.location ul li:nth-child(2) i {background:url(/_public/images2/contents/location_ico03.svg) no-repeat;background-size:cover;}



.business{}
.business .business-hgroup{text-align: center;}
.business .business-hgroup em{display: inline-block;font-size: 28px;font-weight: bold;letter-spacing: -0.7px;color: #0092e5;}
.business .business-hgroup h2{margin-top: 60px;font-size: 50px;font-weight: 800;letter-spacing: -1.25px;text-align: center;color: #1c1c1c;}
.business .business-hgroup p{position:relative;margin-top: 20px;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;text-align: center;color: #8c919b;padding-bottom: 90px;}
.business .business-hgroup p:after{content: "";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:50px;background: #8c919b;}
.business .txt{margin-top:40px;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.45px;text-align: center;color: #1c1c1c;}
.business section{background: #f6f9ff;margin-top:120px;padding:80px 0 150px;}
.business section h3{text-align: center;font-size: 40px;font-weight: bold;letter-spacing: -1px;color: #1c1c1c;}
.business .b-tabbox{display: flex;gap:20px;padding:20px;border-radius: 58px;background-color: #fff;}
.business .b-tabbox button{flex:1;display: flex;align-items:center;justify-content:center;height:75px;border-radius: 38px;font-size: 24px;font-weight: 500;letter-spacing: -0.6px;text-align: center;color: #8c919b;transition: all 0.4s;}
.business .b-tabbox button.on{background: #001d61;color:#fff;}
.business .b-tabcont{display: none;margin-top: 80px;}
.business .b-tabcont .box{display: flex;gap:20px;}
.business .b-tabcont .box > div{flex:1;max-width: 50%;}
.business .b-tabcont .box .img-box{position:relative;overflow: hidden;border-radius: 20px;cursor: pointer;}
.business .b-tabcont .box .img-box img{display: block;width:100%;}
.business .b-tabcont .box .img-box:after{content: "";position: absolute;top:20px;right:20px;width:50px;height:50px;background: url(/_public/images2/icon/ico_zoom.svg) no-repeat;background-size: cover;transition: all 0.4s;opacity: 0;}
.business .b-tabcont .box .img-box:hover:after{opacity: 1;}
.business .b-tabcont .box .video-box{position:relative;overflow: hidden;border-radius: 20px;}
.business .b-tabcont .box .video-box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.business .list{position:relative;margin-top:80px;}
.business .list:before{content: "";position: absolute;left:0;top:196px;width:100%;height:1px;border-top:1px dashed #adb9d6;}
.business .list ul{display: flex;gap:20px;}
.business .list ul li{position:relative;flex:1;display: flex;flex-direction:column;align-items: center;}
.business .list ul li:before{content: "";position: absolute;right: -20px;top: 40px;display: block;width:20px;height:20px;background: url(/_public/images2/icon/step_arrow.svg) no-repeat;background-size: cover;}
.business .list ul li:last-child:before{display: none;}
.business .list ul li .top-cont{display: flex;flex-direction: column;align-items: center;margin-bottom: 40px;}
.business .list ul li .top-cont i{display: inline-block;}
.business .list ul li .top-cont i img{display: block;}
.business .list ul li .top-cont span{margin-top:20px;display: inline-block;font-size: 20px;font-weight: 600;letter-spacing: -0.5px;text-align: center;color: #1c1c1c;}
.business .list ul li .bullet{display: inline-block;width:15px;height:15px;border-radius: 100%; box-shadow: 0 0 4px 0 rgba(0, 146, 229, 0.45);border: solid 1px #adb9d6;background-color: #fff;}
.business .list ul li .bottom-cont{display: flex;flex-direction: column;align-items:center;gap:20px;margin-top: 30px; border-radius: 20px;border: solid 1px #0092e5;background-color: #fff;padding:30px 10px;width:100%;min-height: 237px;}
.business .list ul li .bottom-cont em{display: flex;align-items: center;justify-content: center;width:35px;height:35px;border-radius: 100%;background: #0092e5; font-size: 16px;font-weight: 500;letter-spacing: -0.4px;text-align: center;color: #fff;}
.business .list ul li .bottom-cont p{text-align: center; font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;color: #1c1c1c;}



.inquiry{}
.inquiry section{}
.inquiry section h2{ font-size: 28px;font-weight: bold;letter-spacing: -0.7px;color: #1c1c1c;}
.inquiry section + section{margin-top: 100px;}
.inquiry .policy-box{margin-top:20px;}
.inquiry .policy-box .txt{padding:50px;border-radius: 20px;background-color: #f6f9ff;height: 300px;overflow-y: auto;}
.inquiry .policy-box .txt .private{font-size: 18px;font-weight: normal;line-height: 1.78;letter-spacing: -0.45px;color: #1c1c1c;}
.inquiry .policy-box .chk{margin-top:20px;display: flex;justify-content: flex-end;}
.inquiry .form-box{margin-top:46px;padding-top: 40px;border-top:1px solid #cecece;}
.inquiry .form-box .info-txt{position: relative;padding-left:11px;font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #1c1c1c;margin-bottom: 50px;}
.inquiry .form-box .info-txt i{display: inline-block;position: absolute;top:10px;left:0;width:6px;height:6px;border-radius: 100%;background: #0092e5;}
.inquiry .form-box .field-row{display: flex;gap:60px;}
.inquiry .form-box .field-row + .field-row{margin-top: 40px;}
.inquiry .form-box .field-row .field-col{flex:1;}
.inquiry .form-box .field-row .field-col .label{font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #1c1c1c;}
.inquiry .form-box .field-row .field-col .label i{display: inline-block;vertical-align:top;position:relative;top:0px;width:6px;height:6px;border-radius: 100%;background: #0092e5;margin-left: 3px;}
.inquiry .form-box .field-row .field-col .field{margin-top:10px;}
.inquiry .form-box .field-row .field-col .field input[type="text"],
.inquiry .form-box .field-row .field-col .field input[type="tel"],
.inquiry .form-box .field-row .field-col .field input[type="number"],
.inquiry .form-box .field-row .field-col .field input[type="password"],
.inquiry .form-box .field-row .field-col .field input[type="email"],
.inquiry .form-box .field-row .field-col .field input[type="date"]{width:100%;height:70px;border-radius: 10px;border: solid 1px #adb9d6;background-color: #fff;padding: 0 30px; font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #202020;}
.inquiry .form-box .field-row .field-col .field input[type="text"]::placeholder,
.inquiry .form-box .field-row .field-col .field input[type="tel"]::placeholder,
.inquiry .form-box .field-row .field-col .field input[type="number"]::placeholder,
.inquiry .form-box .field-row .field-col .field input[type="password"]::placeholder,
.inquiry .form-box .field-row .field-col .field input[type="email"]::placeholder,
.inquiry .form-box .field-row .field-col .field input[type="date"]::placeholder{color: #adb9d6;}
.inquiry .form-box .field-row .field-col .field textarea{width:100%;height:320px;border-radius: 10px;border: solid 1px #adb9d6;background-color: #fff;padding:25px 30px; font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #202020;resize: none;}
.inquiry .form-box .field-row .field-col .field textarea::placeholder{color: #adb9d6;}
.inquiry .form-box .field-row .field-col .field .attachment input[type="text"] {background-color:#f6f9ff;}
.inquiry .capcha-box{margin-top:20px;}
.inquiry .btn-box{margin-top:99px;display: flex;justify-content: center;}
.inquiry .btn-box button{display: flex;align-items: center;justify-content: center;width:300px;height:64px; border-radius: 32px;background-color: #0092e5; font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #fff;}
.inquiry .btn-box button:hover{background-image: linear-gradient(102deg, #0092e5 11%, #001d61 89%);}


.download-cont{}
.download-cont ul{display: flex;gap:100px;}
.download-cont ul li{position: relative;max-width:280px;}
.download-cont ul li .img{}
.download-cont ul li .img img{display: block;width:100%;}
.download-cont ul li .txt-box{margin-top:30px;}
.download-cont ul li .txt-box h3{font-size: 24px;font-weight: bold;letter-spacing: -0.6px;color: #1c1c1c;}
.download-cont ul li .txt-box p{margin-top:5px;font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #8c919b;}
.download-cont ul li .txt-box a{margin-top:40px;display: flex;align-items:center;justify-content:center;width:196px;color: #001d61;border-radius: 35px;background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #001d61 0%, #0092e5 100%);background-origin: border-box;border: 4px solid transparent;background-clip: padding-box,border-box;height:56px;padding:0 40px;font-size:20px;font-weight: bold;gap:15px;}
.download-cont ul li .txt-box a:after{content: "";position:relative;width:25px;height:25px;background: url(/_public/images2/icon/ico_dwn.svg) no-repeat;background-size: cover;}


/* policy */
.policy {word-break:keep-all;font-size:18px;line-height:1.5;}




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

}

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

}

@media all and (max-width:1460px) {
    #pages .contents{padding: 120px 20px 150px;}
    .page-top .visual{padding:220px 20px 0;}

    .business section{margin: 120px -20px 0;padding: 80px 20px 150px;}
}

@media all and (max-width:1280px) {
    .page-top .visual .group h1{font-size:50px;}
    .page-top .visual .group .navi-menu a{font-size:18px;}

    #pages .contents{padding: 100px 20px 120px;}

    .company .greetings .greeting-title em{font-size:24px;}
    .company .greetings .greeting-title h2{font-size: 46px;}
    .company .greetings .greeting-title p{font-size:18px;}
    .company .greetings .section01 .box{margin-top: 100px;}
    .company .greetings .section01 .box .txt-box{padding-left: 60px;}
    .company .greetings .section01 .box .txt-box h3{font-size:26px;}
    .company .greetings .section01 .box .txt-box p{margin-top:40px;font-size:18px;}
    .company .greetings .section01 .box + .box{margin-top:140px;}
    .company .greetings .section02{margin:120px -20px 0;padding:100px 20px 120px;}
    .company .greetings .section02 h3{font-size:26px;}
    .company .greetings .section02 p{margin-top:40px;font-size:18px;}
    .company .greetings .section02 em{margin-top:20px;font-size:14px;}


    /* vision */
    .vision .section02 .flex-box {flex-wrap: wrap;gap:5%;}
    .vision .section02 .flex-box .flex-in {width:30%;}
    .vision .section02 .flex-box .flex-in .img-box {margin:0 auto 50px;}
    .vision .section02 .flex-box .flex-in:nth-child(4) {margin-top:0;}
    .vision .section02 .flex-box .flex-in:nth-child(5) {margin-top:100px;}

    /* certification */
    .certification .cer-list {gap:30px;padding: 0 20px;}
    .certification .cer-box {width: calc(25% - 23px);}
    .certification .cer-box p {font-size:18px;}
    .certification .cer-box img {margin-bottom:20px;}

    /* partners */
    .partners .logo-box {gap:20px;padding:0 20px;}
    .partners .logo-box .logo-in {width: calc(25% - 15px);height:285px;}

    .business .business-hgroup em{font-size:24px;}
    .business .business-hgroup h2{font-size:46px;}
    .business .business-hgroup p{font-size:18px;}
    .business section{padding:60px 20px 130px;}
    .business .b-tabbox button{height:65px;font-size:22px;}
    .business section h3{font-size:36px;}
    .business .list:before{top:164px;}
    .business .list ul li .top-cont{margin-bottom: 30px;}
    .business .list ul li .top-cont i{width:80px;}
    .business .list ul li .top-cont span{font-size:18px;}
    .business .list ul li .bottom-cont{margin-top:20px;min-height: 222px;}
    .business .list ul li .bottom-cont p{font-size:14px;word-break: auto-phrase;}
    .business .list ul li .bottom-cont p br{display: none;}


    .inquiry section + section{margin-top: 80px;}
    .inquiry section h2{font-size:24px;}
    .inquiry .policy-box .txt{padding:30px;}
    .inquiry .policy-box .txt .private{font-size:16px;}
    .inquiry .form-box{margin-top:30px;padding-top: 30px;}
    .inquiry .form-box .info-txt{font-size:16px;margin-bottom: 30px;}
    .inquiry .form-box .info-txt i{top:8px;}
    .inquiry .form-box .field-row{gap:30px;}
    .inquiry .form-box .field-row .field-col .label{font-size:18px;}
    .inquiry .form-box .field-row .field-col .field input[type="text"],
    .inquiry .form-box .field-row .field-col .field input[type="tel"],
    .inquiry .form-box .field-row .field-col .field input[type="number"],
    .inquiry .form-box .field-row .field-col .field input[type="password"],
    .inquiry .form-box .field-row .field-col .field input[type="email"],
    .inquiry .form-box .field-row .field-col .field input[type="date"]{height:60px;padding:0 20px;font-size:16px;}
    .inquiry .form-box .field-row .field-col .field textarea{padding:20px;font-size:16px;}
    .inquiry .btn-box{margin-top:80px;}
    .inquiry .btn-box button{height:50px;font-size: 18px;}

    .download-cont ul li .txt-box h3{font-size:20px;}
    .download-cont ul li .txt-box p{font-size:16px;}
    .download-cont ul li .txt-box a{margin-top:30px;height:50px;font-size:16px;}
    .download-cont ul li .txt-box a:after{width:20px;height:20px;}

    .policy {font-size:16px;}

}

@media all and (max-width:1024px) {
    #pages .contents{padding: 80px 20px 100px;}
    .page-top .visual{padding:170px 20px 0;}
    .page-top .visual .breadcrumbs{gap:25px;}
    .page-top .visual .breadcrumbs span{font-size:13px;}
    .page-top .visual .breadcrumbs span:before{left:-21px;top:-1px;}
    .page-top .visual .breadcrumbs span:first-child{top:0;}
    .page-top .visual .group h1{font-size:40px;}
    .page-top .visual .company-banner{margin-top:40px;}
    .page-top .visual.vs-business{height:auto;padding-bottom: 75px;}
    .page-top .visual .business-banner{margin-top:40px;}

    /* 공통 */
    .contents .company-topbox h2 {font-size:45px;}
    .contents .company-topbox em {font-size:136px;}

    .company .greetings .greeting-title em{font-size:20px;}
    .company .greetings .greeting-title h2{font-size: 42px;}
    .company .greetings .greeting-title p{font-size:16px;}
    .company .greetings .section01 .box{margin-top: 60px;flex-direction: column;align-items: flex-start;gap:40px;}
    .company .greetings .section01 .box > div{width:100%;}
    .company .greetings .section01 .box .img{}
    .company .greetings .section01 .box .img img{display: block;width:100%;}
    .company .greetings .section01 .box .txt-box{padding-left:0;}
    .company .greetings .section01 .box .txt-box h3{font-size:22px;}
    .company .greetings .section01 .box .txt-box p{margin-top:30px;font-size:16px;}
    .company .greetings .section01 .box + .box{margin-top:100px;}
    .company .greetings .section02{margin:80px -20px 0;padding:80px 20px 100px;}
    .company .greetings .section02 h3{font-size:22px;}
    .company .greetings .section02 p{margin-top:30px;font-size:16px;}
    .company .greetings .section02 em{margin-top:20px;font-size:12px;}


    /* vision */
    .vision .section02 {padding:80px 20px 100px;margin-bottom:-100px;}

    /* partners */
    .partners .logo-box {}
    .partners .logo-box .logo-in {width: calc(50% - 10px);}

    .business .business-hgroup em{font-size:20px;}
    .business .business-hgroup h2{font-size:42px;}
    .business .business-hgroup p{font-size:16px;}
    .business .txt{margin-top:30px;font-size:16px;}
    .business section{margin-top:80px;padding:40px 20px 100px;}
    .business .b-tabbox button{height:55px;font-size:18px;}
    .business section h3{font-size:32px;}
    .business .list:before{display: none;}
    .business .list ul{flex-wrap: wrap;gap:40px 20px;}
    .business .list ul li{flex:initial;width:calc(33.3333% - 14px);}
    .business .list ul li:before{display: none;}
    .business .list ul li .top-cont{margin-bottom: 20px;}
    .business .list ul li .top-cont i{width:60px;}
    .business .list ul li .top-cont span{font-size:16px;}
    .business .list ul li .bullet {display:none;}
    .business .list ul li .bottom-cont{min-height: 160px;padding:20px 10px;margin-top:0;}
    .business .list ul li .bottom-cont em{width:30px;height:30px;font-size:14px;}


    .inquiry section + section{margin-top: 60px;}
    .inquiry section h2{font-size:20px;}
    .inquiry .policy-box .txt{padding:20px;}
    .inquiry .policy-box .txt .private{font-size:14px;}
    .inquiry .form-box .info-txt{font-size:14px;margin-bottom: 20px;}
    .inquiry .form-box .info-txt i{top:8px;}
    .inquiry .form-box .field-row{gap:20px;}
    .inquiry .form-box .field-row .field-col .label{font-size:16px;}
    .inquiry .form-box .field-row .field-col .field input[type="text"],
    .inquiry .form-box .field-row .field-col .field input[type="tel"],
    .inquiry .form-box .field-row .field-col .field input[type="number"],
    .inquiry .form-box .field-row .field-col .field input[type="password"],
    .inquiry .form-box .field-row .field-col .field input[type="email"],
    .inquiry .form-box .field-row .field-col .field input[type="date"]{height:50px;}
    .inquiry .form-box .field-row .field-col .field textarea{padding:20px;font-size:16px;height:200px;}
    .inquiry .btn-box{margin-top:60px;}
    .inquiry .btn-box button{height:50px;font-size: 16px;}

    .download-cont ul{gap:60px;}
    .download-cont ul li .txt-box h3{font-size:16px;}
    .download-cont ul li .txt-box p{font-size:14px;}
    .download-cont ul li .txt-box a{margin-top:20px;height:45px;font-size:16px;}

}

@media all and (max-width:768px) {
    #pages .contents{padding: 80px 20px 80px;}


    /* 공통 */
    .contents .company-topbox h2 {font-size:32px;margin-bottom: 20px;}
    .contents .company-topbox p {font-size:16px;margin-bottom:40px;}
    .contents .company-topbox em {font-size:72px;}

    .page-top .visual{padding:110px 20px 0;}
    .page-top .visual .group{flex-direction: column;gap:70px;align-items: flex-start;}
    .page-top .visual .group .navi-menu{top:0;width:100%;overflow-x:auto;-ms-overflow-style: none;scrollbar-width: none;}
    .page-top .visual .group .navi-menu::-webkit-scrollbar {display: none;}
    .page-top .visual .group .navi-menu .inner-scroll{white-space: nowrap;}
    .page-top .visual .company-banner{height:320px;}
    .page-top .visual .company-banner figcaption strong{font-size:28px;line-height: 1.29;word-break: auto-phrase;}
    .page-top .visual .company-banner figcaption strong br{display:inline;}
    .page-top .visual .company-banner figcaption span{font-size: 14px;font-weight: 500;line-height: 1.57;letter-spacing: -0.35px;}
    .page-top .visual .company-banner figcaption span br{display:inline;}
    .page-top .visual .business-banner {height:320px;}
    .page-top .visual .business-banner  figcaption{padding:0 20px;}
    .page-top .visual .business-banner  figcaption strong{font-size:28px;line-height: 1.29;word-break: auto-phrase;}
    .page-top .visual .business-banner  figcaption strong br{display:inline;}
    .page-top .visual .business-banner  figcaption span{font-size: 14px;font-weight: 500;line-height: 1.57;letter-spacing: -0.35px;word-break: auto-phrase;}
    .page-top .visual .business-banner  figcaption span br{display:none;}
    .page-top .visual .company-banner.company01{background: url(/_public/images2/contents/m_company_visual01.png) no-repeat;background-size: cover;}
    .page-top .visual .company-banner.company02{background: url(/_public/images2/contents/m_company_visual02.png) no-repeat;background-size: cover;}
    .page-top .visual .company-banner.company03{background: url(/_public/images2/contents/m_company_visual03.png) no-repeat;background-size: cover;}
    .page-top .visual .company-banner.company04{background: url(/_public/images2/contents/m_company_visual04.png) no-repeat;background-size: cover;}
    .page-top .visual .company-banner.company05{background: url(/_public/images2/contents/m_company_visual05.png) no-repeat;background-size: cover;}
    .page-top .visual.business01{background: url(/_public/images2/contents/m_business_visual01.png) no-repeat;background-size: cover;}
    .page-top .visual.business02{background: url(/_public/images2/contents/m_business_visual02.png) no-repeat;background-size: cover;}
    .page-top .visual.business03{background: url(/_public/images2/contents/m_business_visual03.png) no-repeat;background-size: cover;}


    .company .greetings .greeting-title em{font-size:16px;}
    .company .greetings .greeting-title h2{margin-top:40px;font-size: 38px;}
    .company .greetings .greeting-title p{font-size:14px;}
    .company .greetings .section01 .box{margin-top: 40px;}
    .company .greetings .section01 .box .txt-box h3{font-size:18px;}
    .company .greetings .section01 .box .txt-box p{margin-top:20px;font-size:14px;word-break: auto-phrase;}
    .company .greetings .section01 .box .txt-box p .br{display: none;}
    .company .greetings .section01 .box + .box{margin-top:60px;}
    .company .greetings .section02{margin:60px -20px 0;padding:60px 20px 80px;}
    .company .greetings .section02 h3{font-size:18px;}
    .company .greetings .section02 p{margin-top:20px;font-size:14px;word-break: auto-phrase;}
    .company .greetings .section02 p .br{display: none;}
    .company .greetings .section02 em{margin-top:10px;}



    /* vision */
    .vision .section01 {flex-wrap: wrap;gap:60px;margin-bottom:80px;}
    .vision .section01 > div {width:100%;}
    .vision .section01 > div p {width:200px;height:200px;font-size:35px;padding-top:55px;margin:0 auto 68px}
    .vision .section01 > div p:before {height:46px;bottom:-44px;}
    .vision .section01 > div p:after {width:12px;height:12px;border:3px solid #001D61;bottom:-50px;}
    .vision .section01 > div p span {font-size:16px;margin-bottom:20px;}
    .vision .section01 > div em {font-size:16px;padding:0 10%;}
    .vision .section01 > div em br {display:none;}
    .vision .section02 {margin-bottom:-80px;}
    .vision .section02 h5 {margin-bottom:20px;}
    .vision .section02 h3 {font-size:30px;}
    .vision .section02 .flex-box {gap:60px;}
    .vision .section02 .flex-box .flex-in {width:100%;}
    .vision .section02 .flex-box .flex-in:nth-child(2) {margin-top:0;}
    .vision .section02 .flex-box .flex-in:nth-child(5) {margin-top:0;}
    .vision .section02 .flex-box .flex-in .img-box {width:220px;height:220px;}
    .vision .section02 .flex-box .flex-in .img-box:before {width:200px;height:200px;}
    .vision .section02 .flex-box .flex-in .img-box img {margin:40px auto 15px;max-width:90px;max-height:90px;}
    .vision .section02 .flex-box .flex-in .img-box > p {font-size:25px;}
    .vision .section02 .flex-box .flex-in em {font-size:18px;height:32px;line-height:32px;margin-bottom:20px;}
    .vision .section02 .flex-box .flex-in > p {font-size: 15px;}

    /* certification */
    .certification .cer-list {gap:20px;padding:0;}
    .certification .cer-box {width:calc(50% - 10px);}
    .certification .cer-box img {margin-bottom: 15px;}
    .certification .cer-box p {font-size:15px;margin-bottom:8px;}
    .certification .cer-box span {font-size:14px;}

    /* partners */
    .partners .logo-box {padding:0;gap:10px;}
    .partners .logo-box .logo-in {width: calc(50% - 5px);height:180px;}
    .partners .logo-box .logo-in img {max-width:480px;width:85%;}

    /* loaction */
    .location .map-box {height:320px;}
    .location .add-box {flex-wrap:wrap;gap:15px;}
    .location .add-box p {width:100%;font-size:22px;}
    .location .add-box a {padding:0 30px 0 55px;height:40px;line-height:40px;font-size:15px;}
    .location ul li {font-size:16px;gap:10px;}
    .location ul li + li {margin-top:10px;}
    .location ul li i {width:18px;height:18px;}



    .business .business-hgroup em{font-size:16px;}
    .business .business-hgroup h2{margin-top:40px;font-size:38px;}
    .business .business-hgroup p{font-size:14px;}
    .business .txt{margin-top:30px;font-size:14px;word-break: auto-phrase;}
    .business .txt .br{display: none;}
    .business section{margin-top:60px;padding:40px 20px 80px;}
    .business .b-tabbox{padding:10px;}
    .business .b-tabbox button{height:50px;font-size:16px;}
    .business .b-tabcont{margin-top:40px;}
    .business .b-tabcont .box{flex-direction: column;}
    .business .b-tabcont .box > div{max-width: 100%;}
    .business .b-tabcont .box .img-box{border-radius: 15px;}
    .business .b-tabcont .box .video-box{padding-top: 56%;border-radius: 15px;}
    .business section h3{font-size:28px;}
    .business .list{margin-top:40px;}
    .business .list ul li{width:calc(50% - 20px);}


    .inquiry section + section{margin-top: 40px;}
    .inquiry section h2{font-size:18px;}
    .inquiry .policy-box .txt{padding:20px;height:240px;}
    .inquiry .policy-box .txt .private{font-size:14px;}
    .inquiry .form-box .info-txt{font-size:14px;margin-bottom: 20px;}
    .inquiry .form-box .info-txt i{top:8px;}
    .inquiry .form-box .field-row{gap:30px;flex-direction: column;}
    .inquiry .form-box .field-row + .field-row{margin-top:30px;}
    .inquiry .form-box .field-row .field-col .label{font-size:16px;}
    .inquiry .form-box .field-row .field-col .field input[type="text"],
    .inquiry .form-box .field-row .field-col .field input[type="tel"],
    .inquiry .form-box .field-row .field-col .field input[type="number"],
    .inquiry .form-box .field-row .field-col .field input[type="password"],
    .inquiry .form-box .field-row .field-col .field input[type="email"],
    .inquiry .form-box .field-row .field-col .field input[type="date"]{height:45px;padding:0 15px; font-size:14px;}
    .inquiry .form-box .field-row .field-col .field textarea{padding:15px;font-size:14px;}
    .inquiry .btn-box{margin-top:40px;}
    .inquiry .btn-box button{height:45px;}


    .download-cont ul{gap:20px;}
    .download-cont ul li{flex:1;max-width:calc(50% - 10px);}
    .download-cont ul li .txt-box{margin-top:20px;}
    .download-cont ul li .txt-box h3{font-size:16px;}
    .download-cont ul li .txt-box p{font-size:14px;}
    .download-cont ul li .txt-box a{margin-top:20px;height:45px;font-size:16px;}

    .policy {font-size:14px;margin-top:-80px;}
}

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

@media all and (max-width:460px) {
    .business .business-hgroup h2{font-size:34px;}
    .business .b-tabcont .box .video-box{padding-top: 75%;}

    .company .greetings .section01 .box + .box{flex-direction: column;}

    .business .list ul li{width:100%;}

    .download-cont ul{flex-direction: column;gap:40px;}
    .download-cont ul li{max-width:100%;}
    .download-cont ul li .txt-box a{width:100%;border-width:2px;}
}