@charset "utf-8";
/*--------------------------------------------------------- FLEX ---------------------------*/
.flex { display:flex; } 
.flex-c-all { display:flex; align-items:center; justify-content:center; } 
.flex-c-space { display:flex; align-items:center; justify-content:space-between; } 

.flex-h-c { display:flex; align-items:center; } 
.flex-space { display:flex; justify-content:space-between; } 

.flex-txt-c a { display:flex; align-items:center; justify-content:center; } 


/*--------------------------------------------------------- container --------------------------*/
.content {} 
.content-tit { font-size: 28px; color: #4a4e67; } 
.content-tit--sub { font-size: 18px; color: #97a2be; margin-top: 8px; } 
.tit { position: relative; } 
.tit:before { content: ''; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; background-color: #4a4e67; } 
.content-sub-tit { font-size: 24px; color: #4a4e67; line-height: 26px; } 

/* product */
.program-menu { width: 100%; height: 100%; } 
.program-menu > ul { display: table; table-layout: fixed; border-collapse: collapse; width: 100%; height: 100%; } 
.program-menu > ul > li { border: 1px solid #e4e4e4; display: table-cell; } 
.program-menu > ul > li .btn { height: 243px; width: 100%; text-align: left; padding: 40px; display: inline-flex; align-items: flex-end; position: relative; font-family: 'Gmarket Sans'; font-size: 30px; font-weight: 700; position: relative; color: #000; } 
.program-menu > ul > li .btn:after { content: ''; position: absolute; top: 30px; right: 30px; background: no-repeat 50% / cover; width: 124px; height: 116px; } 
.program-menu > ul > li.powerMill .btn:after { background-image: url(../img/user/main/program-ico_01.svg); } 
.program-menu > ul > li.powerShape .btn:after { background-image: url(../img/user/main/program-ico_02.svg); } 
.program-menu > ul > li.featureCam .btn:after { background-image: url(../img/user/main/program-ico_03.svg); } 
.program-menu > ul > li.fusion .btn:after { background-image: url(../img/user/main/program-ico_04.svg); } 
.program-menu > ul > li.active .btn { background-color: #EAEBF7; } 


/*----------------------------------------------------------- content --------------------------*/
.content-company {position: relative;background: no-repeat; background-size: 100% 100%; background-image: url(../img/user/sub/company-bg.png); border-bottom: 1px solid #eee; } 
.content-company .wrapper { display: flex; justify-content: space-between; } 
.content-company .content-left { width: 53%; position: relative; margin-top: 200px; } 
.content-company .content-left--img { width: calc(100% - 95px); height: 394px; background: no-repeat 50% / cover; background-image: url(../img/user/sub/company-left.png); position: relative; } 
.content-company .content-left--txt { position: absolute; top: 0; right: 0; background: no-repeat 50% / cover; width: 192px; height: 191px; background-image: url(../img/user/sub/company-left_txt.svg); animation: rotate 7s linear infinite; } 
@keyframes rotate { 
 from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 
 to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } 
 }
.content-company .content-right { max-width: 46%; width: 100%; margin: 0 auto; padding: 20px; position: relative; z-index: 1; border: 1px solid #909BD1; } 
.content-company .company-info { position: relative; padding: 60px 60px 40px; padding-bottom: 125px; background-color: #fff; z-index: 1; } 
/* .content-company .content-right::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat; background-size: 100% 100%; background-image: url(../img/user/sub/company-right_bg.png); z-index: -1; } */
.box { width: 12px; height: 12px; border: 2px solid #909BD1; background: #fff; position: absolute; left: -5px; top: -5px; } 
.box:nth-child(2) { left: auto; right: -5px; } 
.box:nth-child(3) { bottom: -5px; top: auto; } 
.box:nth-child(4) { bottom: -5px; right: -5px; top: auto; left: auto; } 
.company-info .info_1 strong { font-size: 50px; color: #909BD1; position: absolute; left: 0; top: 0; line-height: 63px; } 
.company-info .info { font-size: 16px; font-weight: 400; margin-bottom: 60px; position: relative; letter-spacing: -0.5px; line-height: 30px; } 
.company-info .info:last-child { margin-bottom: 0; } 
.company-info .info_1 { padding-left: 155px; padding-top: 25px; } 



.content-product {overflow-x: hidden; padding-top: 0; margin-top: 100px; padding-bottom: 80px; border-bottom: 1px solid #eee; } 
.content-product .bg-line{top: auto;}
.product-tit { text-align: center; } 
.product-tit h2 { font-family: 'Gmarket Sans'; font-size: 60px; color: #2A3157; line-height: 1; } 
.product-tit p { font-size: 20px; font-weight: 300; color: #2A3157; margin-top: 10px; } 
.content-product .program-menu { margin-top: 85px; } 
.content-product .program-menu > ul > li { border-right: 0; border-left: 0; } 
.content-product .program-menu > ul > li .btn { font-size: 26px; font-weight: 500; } 
.content-product.content-product--detail { background-image: none; height: auto; padding-bottom: 0; } 
.content-product--detail .program-menu { margin-top: 0; position: fixed; left: 0; top: 100px; width: 25%; height: auto; z-index: 1; } 
.content-product.content-product--detail { padding-top: 0; } 
.content-product--detail .program-menu > ul { width: 100%; } 
.content-product--detail .program-menu > ul > li.active .btn { font-weight: 700; font-size: 30px; background-color: #EAEBF7; } 
.program-detail1 { display: flex; background: no-repeat; background-size: 100% 100%; background-image: url(../img/user/sub/detail-bg1.png); padding-top: 100px; position: relative; } 
.detail-left { width: 25%; } 
.detail-right { width: 75%; } 
.detail-right .detail-img { width: 100%; height: 500px; background: no-repeat 50% / cover; position: relative; } 
.program-powerMill .detail-right .detail-img { background-image: url(../img/user/sub/detail-powermill.png); } 
.program-powerShape .detail-right .detail-img { background-image: url(../img/user/sub/detail-powershape.png); } 
.program-featureCam .detail-right .detail-img { background-image: url(../img/user/sub/detail-featureCam.png); } 
.program-fusion .detail-right .detail-img { background-image: url(../img/user/sub/detail-powermill.png); } 
.detail-right .detail-tit { padding-top: 65px; padding-left: 50px; padding-bottom: 140px; display: flex; } 
.detail-right .detail-tit h2 { font-family: 'Gmarket Sans'; font-size: 50px; color: #909BD1; } 
.detail-right .detail-tit span { margin-top: 10px; margin-left: 30px; line-height: 30px; font-size: 16px; color: #000; } 
.line { width: 100%; height: 100px; background: linear-gradient(to left, #EAEBF7, #DEE0F4, #D1D3F0); position: sticky; top: 100px; transition: .5s; } 
.detail2-summary { height: 525px; } 
.program-detail2 { background: no-repeat; background-size: 100% 100%; background-image: url(../img/user/sub/detail-bg2.png); margin-top: -50px; border-bottom: 0.5px solid #eee; } 
.program-detail2--content { display: flex; position: relative; } 
.program-detail2 .detail-right { padding-left: 50px; } 
.program-detail2 .detail-tit { padding: 20px 30px; font-size: 37px; color: #2A3157; position: absolute; left: 0; bottom: 0; width: 25%; text-align: right; font-family: 'NanumSquare'; font-weight: 900; line-height: 56px; } 
.program-detail2 .detail-tit span { font-weight: 700; } 
.detail2-list { z-index: 1; position: relative; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-bottom: 60px; } 
.detail2-list > li { width: 420px; position: relative; display: inline-block; vertical-align: top; } 
.detail2-list > li:not(:last-child) { margin-right: 40px; } 
.detail2-list--content { width: 100%; height: 420px; border-radius: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: 3px 3px 6px rgba(0,0,0,0.1); border: 0.5px solid #fff; backdrop-filter: blur(10px); } 
.detail2-list--num { position: absolute; bottom: -65px; left: 0; font-size: 94px; font-weight: 700; -webkit-text-stroke: 1px #2A3157; color: #fff; } 
.detail2-list--content p { margin-top: 40px; text-align: center; line-height: 40px; font-size: 20px; } 
.program-detail2--content.detail2-strength { margin-top: 243px; } 
.detail2-strength--box > div { height: 244px; } 
.program-detail2 .detail2-strength .detail-right { padding-left: 0; } 
.detail2-strength .detail-tit.mobile { display: none; } 
.detail2-strength .detail-tit.pc { display: block; } 
.detail2-strength--box { display: flex; flex-wrap: wrap; align-items: center; } 
.detail2-strength--box > div { width:25%; } 
.detail2-strength--box .txt-box { padding: 35px; height: 447px; padding-right: 0; } 
.detail2-strength--box .color-box { background: no-repeat 50% / cover; border-radius: 30px; position: relative; } 
.detail2-strength--box .color-box.color1 { background-image: url(../img/user/sub/color-bg1.png); } 
.detail2-strength--box .color-box.color2 { background-image: url(../img/user/sub/color-bg2.png); } 
.detail2-strength--box .color-box.color3 { background-image: url(../img/user/sub/color-bg3.png); } 
.detail2-strength--box .txt-box b { font-size: 26px; line-height: 40px; } 
.detail2-strength--box .txt-box p { font-size: 18px; line-height: 35px; letter-spacing: -0.5px; font-weight: 400; word-break: keep-all; } 
.detail2-strength--box .color-box p { position: absolute; bottom: 0; left: 0; color: #2A3157; padding-left: 40px; padding-bottom: 30px; font-size: 24px; font-weight: 700; padding-right: 30px; word-break: keep-all; } 
.detail2-service { margin-top: 243px; } 
.detail2-service .detail-right { padding: 0; padding: 56px 0; } 
.detail2-service--list >ul { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; font-size: 0; flex-direction: column; } 
.detail2-service--list >ul > li { display: flex; } 
.detail2-service--list >ul > li:nth-child(2) { padding-left: 240px; } 
.deatail2-service--box { width: 400px; height: 400px; background: no-repeat 50% / cover; background-image: url(../img/user/sub/service-box.png); display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; margin: 5px 35px; } 
.deatail2-service--box p { font-size: 22px; font-weight: 500; color: #2A3157; line-height: 40px; } 
.deatail2-service--box .service-tri { width: 32px; height: 28px; background: no-repeat 50% / cover; background-image: url(../img/user/sub/service-icon.svg); margin-bottom: 30px; } 
.detail2-contact { margin-top: 243px; height: 767px; } 
.program-detail2 .detail2-contact .detail-right { position: relative; } 
.detail2-contact--txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; width: 100%; } 
.detail2-contact--txt p { font-size: 28px; font-weight: 500; color: #000; line-height: 50px; text-align: center; } 
.detail2-contact--txt .detail2-contact--btn { width: 500px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid #C7C3FF; background-color: #D1D3F0; border-radius: 30px; font-size: 18px; font-weight: 700; color: #2A3157; margin-top: 50px; box-shadow: 0 0 10px rgba(42 49 87 / 16%); } 
.program-detail2 .detail2-contact .detail-right:after { content: ''; position: absolute; bottom: 0; right: 0; background: no-repeat 50% / cover; background-image: url(../img/user/sub/detail-contact.png); width: 841px; height: 767px; z-index: -1; } 
.program-powerShape .detail2-service--list > ul { max-width: 1185px; margin: 0 auto; } 
.program-powerShape .detail2-service--list > ul > li:nth-child(3) { width: 245px; } 
.product-top { width: 100%; height: 500px; background: no-repeat 50% / cover; background-image: url(../img/user/sub/prd-bg.png); position: relative; } 
.product-top:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); } 
.product-cont01 { padding: 67px 0; height: 375px; border-bottom: 1px solid #eee; } 
.product-cont01 .product-wrapper { display: flex; } 
.prodcut-cont01__tit {width: 25%;  padding-left: 100px; font-size: 50px; font-family: 'Gmarket Sans'; font-weight: 700; color: #3E4772;} 
.prodcut-cont01__cont{width: 75%; padding-left: 40px; font-size: 20px; line-height: 1.5;}
.bg-line { display: flex; width: 100%; height: 100%; position: fixed; top: 0; z-index: -1; } 
.bg-line > div { width: 25%; height: 100%; border-right: 1px solid #eee; } 
.product-cont02{position: relative;}
.product-cont02__list{display: flex; position: relative;}
.product-cont02__list:after{content: ''; position: absolute; top: 0; left: 0; height: 243px; background: #fff; width: 100%; z-index: -1;}
.product-cont02__list > li{width: 25%;}
.product-cont02 .cont02-top{height: 243px;}
.product-cont02 .cont02-top__tit{width: calc(100% - 8px); height: 100%; border-radius: 30px; background: no-repeat 50% / cover;  display: flex; flex-direction: column; justify-content: space-between; padding: 33px 40px;}
.product-cont02__list > li:last-child .cont02-top__tit{width: 100%;}
.product-cont02 .ico{display: inline-flex; align-items: center; justify-content: right;}
.product-cont02 .cont02-top__txt{font-size: 24px; color: #2A3157;}
.product-cont02 .cont02-top__tit.color1{background-image: url(../img/user/sub/color-bg1.png);}
.product-cont02 .cont02-top__tit.color2{background-image: url(../img/user/sub/color-bg2.png);}
.product-cont02 .cont02-top__tit.color3{background-image: url(../img/user/sub/color-bg3.png);}
.product-cont02 .cont02-top__tit.color4{background-image: url(../img/user/sub/color-bg4.png);}
.product-cont02 .ico-product01{width: 51px; height: 57px; background-image: url(../img/user/sub/ico-product01.svg);}
.product-cont02 .ico-product02{width: 58px; height: 52px; background-image: url(../img/user/sub/ico-product02.svg);}
.product-cont02 .ico-product03{width: 37px; height: 55px; background-image: url(../img/user/sub/ico-product03.svg);}
.product-cont02 .ico-product04{width: 58px; height: 52px; background-image: url(../img/user/sub/ico-product04.svg);}
.product-cont02 .cont02-bottom{border-top: 1px solid #eee; height: 447px; padding: 37px 40px; font-size: 18px; line-height: 2;}
.product-link{position: absolute; cursor: pointer; bottom: 40px; right: 40px; z-index: 11; }
.product-link__bg{position: absolute; top: 0; left: 0;  width: 172px; height: 171px; background: no-repeat 50% / cover;  background-image: url(../img/user/sub/product-txt.svg);animation: rotate2 normal infinite 0s linear; -webkit-animation: rotate2 normal infinite 0s linear;z-index: -1; }
.product-link .btn{ width: 172px; height: 171px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #909BD1; line-height: 1.5;}
.product-link:hover .product-link__bg{ animation: rotate2 normal infinite 10s linear; -webkit-animation: rotate2 normal infinite 10s linear; }
/* .content-product + .sub-footer .aside{display: none;} */
@-webkit-keyframes rotate2 {
    to {
      transform: rotate(360deg);
    }
}
@keyframes rotate2 { 
    to {
        transform: rotate(360deg);
    }
}
.product-cont03__list{border-top: 1px solid #eee;}
.product-cont03__list > ul > li{position: relative; display: flex;}
.product-cont03__list > ul > li:not(:last-child){margin-bottom: 100px;}
.product-cont03__list > ul > li > div:not(:last-child){width: 50%;}
.product-cont03__img{flex: none; width: 50%;}
.product-cont03__img .img-wrap{position: relative; width: 100%; height: 0; padding-bottom: 77%; border-radius: 30px; overflow: hidden;}
.product-cont03__list > ul > li:nth-child(2) .img-wrap:after{background: rgba(144, 155, 209, 0.1);}
.product-cont03__img .img-wrap img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.product-cont03__txt{padding: 97px 60px;}
.product-cont03__tit{margin-bottom: 40px;}
.product-cont03__tit h3{font-size: 50px; font-family: 'Gmarket Sans'; color: #3E4772;}
.product-cont03__cont{font-size: 20px; line-height: 1.75;}



/* content-request */
.content-request { background-color: #FBFBFD; padding-top: 0; background: no-repeat 50% / cover; background-image: url(../img/user/sub/request-bg.png); padding-top: 150px; border-bottom: 0.5px solid #e4e4e4; } 
.content-request > .wrapper { display: flex; } 
.request-left { width: 55%; margin: 0 auto; position: fixed; padding-top: 50px; margin-right: -30px; } 
.request-video { position: relative; width: 100%; height: 0; left: 0; top: 0; padding-bottom: 56.30%; } 
.request-video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.request-video:after { content: ''; position: absolute; right: -142px; top: 62%; width: 16rem; height: 19rem; backdrop-filter: blur(30px); z-index: 11; border-radius: 50%; } 
.request-right { flex: 1 1 auto; position: relative; padding-bottom: 50px; padding-right: 95px; z-index: 11; width: 50%; margin-left: 53%; } 
.request-left .request-tit { font-size: 30px; color: #2A3157; text-align: center; line-height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; } 
.request_form { position: relative; z-index: 11; padding: 20px; width: 100%; border: 1px solid #909BD1; } 
.request_form:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat; background-size: 100% 100%; background-image: url(../img/user/sub/request-content--bg.png); z-index: -1; } 
.request_form > ul { background-color: #fff; padding: 85px 60px 60px; } 
.request_form > ul > li:not(:last-child) { margin-bottom: 40px; } 
.request-right .btn_confirm { margin-top: 40px; display: flex; justify-content: right; } 
.request_form .input-wrap { display: flex; align-items: center; width: 100%; border-bottom: 1px solid #2B3154; } 
.request_form .input-wrap input { width: 100%; height: 100%; flex: 1; margin-left: 20px; font-size: 16px; } 
.request_form .input-wrap input:focus { outline: none; } 
.request_form .input-wrap label { font-size: 18px; font-weight: 700; color: #2A3157; padding: 15px 0; } 
.request-right .btn_submit { background-color: #D1D3F0; border-radius: 30px; width: 336px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; color: #2A3157; border: 1px solid rgba(144, 155, 209, 0.6); } 
section#bo_w { padding-top: 130px; padding-bottom: 100px; border-bottom: 0.5px solid #e4e4e4; } 
form#fwrite { max-width: 1180px; width: 100%; margin: 0 auto; } 
.request_form .input-wrap.input-request { border: 0; display: block; } 
.input-request textarea { width: 100%; margin-top: 15px; height: 245px; border: 1px solid #2A3256; background: #fff; padding: 15px; font-size: 16px; resize: none; box-sizing: border-box; } 
.check__txt { height: 218px; border: 1px solid #2A3256; border-radius: 5px; padding: 20px 0; margin-top: 15px; padding-right: 10px; } 
.check__txt pre { white-space: pre-wrap; line-height: 25px; font-size: 13px; padding: 0 15px; overflow: auto; height: 100%; scrollbar-width: auto;}
.input-check { margin-top: 60px; } 
.input-check input[type="checkbox"],
.input-check input[type="radio"] { display:none; } 
.input-check input[type="checkbox"] + label,
.input-check input[type="radio"] + label { display:flex; align-items:center; font-size:14px; } 
.input-check input[type="checkbox"] + label::before,
.input-check input[type="radio"] + label::before { content:''; border: 1px solid #2A3256; margin-right:6px; box-sizing:border-box; } 
.input-check input[type="checkbox"]:checked + label::before,
.input-check input[type="radio"]:checked + label::before { content:''; background:url(../img/cmm/ico_check.svg) no-repeat 50%; background-size: 8px 8px; } 
/*-- CHECK BOX --*/
.input-check input[type="checkbox"] + label { color:#2A3256; font-size: 14px; font-weight: 700; } 
.input-check input[type="checkbox"] + label::before { width: 14px; height: 14px; } 
.input-check input[type="checkbox"] + label::before { border-radius: 3px; border-color: #2A3256; } 
.detail-tit br.mobile { display: none; } 


.wait-container { width: 100%; height: 975px; background: no-repeat 50% / 100% 100%; background-image: url(../img/user/sub/wait-bg.png); display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e4e4e4; } 
.wait-container p { font-size: 45px; color: #2A3157; font-family: 'NanumSquare'; font-weight: 800; margin-top: 100px; } 

#bo_list { padding-top: 100px; border-bottom: 1px solid #e4e4e4; margin: 0; } 

.request_wrap #fboardlist { max-width: 1180px; width: 100%; margin: 0 auto; } 
.view-container { padding: 100px 0; border-bottom: 1px solid #e4e4e4; } 

article#bo_v { max-width: 1180px; width: 100%; margin: 0 auto; } 

.bo_v_nb li .nb_date { position: absolute; right: 10px; top: 20px; } 

.detail-scroll { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: #292929; font-size: 18px; display: flex; flex-direction: column; align-items: center; font-weight: 500; z-index: 11; } 
.detail-scroll i { width: 11px; height: 19px; background: no-repeat 50% / cover; background-image: url(../img/cmm/ico-scroll.svg); margin-bottom: 0; margin-top: 10px; animation: scrollMove .7s ease-in-out infinite alternate-reverse; } 



@keyframes scrollMove { 
    0% { transform: translateY(-5px); } 
    100% { transform: translateY(5px); } 
}

@media screen and (min-width:1921px){
    .request-video video { object-fit: cover; } 
}

@media screen and (max-width: 1820px) {
    .prodcut-cont01__tit {width: auto; flex: none;} 
    .prodcut-cont01__cont{width: auto;}
}

@media screen and (max-width:1600px) {
    .product-cont02 .cont02-bottom{word-break: keep-all;}
    .product-cont02 .cont02-bottom br{display: none;}
 } 


@media screen and (max-width: 1180px){
    .content-company { padding-top: 70px; background-image: url(../img/user/sub/company-bg_pad.png); } 
    .content-company .wrapper { flex-direction: column; } 
    .content-company .content-left { width: 100%; padding-top: 0; overflow: hidden; margin-top: 55px; } 
    .content-company .content-left--img { background-image: url(../img/user/sub/company-left_pad.png); background-size: 100%; height: 0; padding-bottom: 45%; width: 100%; } 
    .content-company .content-left--txt { right: 20px; top: 35px; } 
    .content-company .content-right { max-width: calc(100% - 40px); margin: 20px; margin-bottom: 70px; margin-top: 75px; } 
    .content-company .content-right::after { } 
    .content-company .company-info { padding: 50px; } 
    .content-product {margin-top: 70px;} 
    .product-top {height: 0; padding-bottom: 48.30%;}
    .content-product .program-menu { margin-top: 180px; } 
    .program-menu > ul > li { border-bottom: 1px solid #e4e4e4; } 
    .program-menu > ul > li .btn { height: 256px; } 
    .product-tit h2 { font-size: 40px; } 
    .product-tit p { font-size: 18px; } 
    .content-product .program-menu > ul > li .btn { font-size: 16px; padding: 25px 20px; line-height: 24px; } 
    .program-menu > ul > li .btn:after { width: 60px; height: 64px; top: 25px; right: 20px; } 
    .program-menu { height: calc(100% / 3 * 1); width: 100%; } 
    .program-menu > ul > li { display: table-cell; height: 100%; } 
    .program-menu > ul > li .btn { font-size: 16px; padding: 20px; line-height: 24px; padding-bottom: 25px; } 
    .program-menu > ul > li .btn:after { width: 64px; height: 60px; } 
    .program-menu > ul > li.active .btn { background-color: rgba(234,235,247,0.4); } 
    .program-detail1 { padding-top: 70px; background-image: url(../img/user/sub/detail-bg1_pad.png); } 
    .content-product--detail .program-menu > ul > li { border-bottom: 0; } 
    .content-product--detail .program-menu { margin-top: 0; top: 70px; } 
    .content-product--detail .program-menu > ul > li.active .btn { font-size: 16px; line-height: 24px; border: 1px solid #E4E4E4; } 
    .detail-right .detail-img { height: 0; padding-bottom: 86.81%; } 
    .program-powerMill .detail-right .detail-img { background-image: url(../img/user/sub/detail-powermill-pad.png); } 
    .program-powerShape .detail-right .detail-img { background-image: url(../img/user/sub/detail-powershape-pad.png); } 
    .program-featureCam .detail-right .detail-img { background-image: url(../img/user/sub/detail-featureCam-pad.png); } 
    .program-fusion .detail-right .detail-img { background-image: url(../img/user/sub/detail-powermill.png); } 
    .line { top: 70px; } 
    .detail-right .detail-tit { padding-top: 60px; padding-left: 0; display: block; padding-bottom: 105px; } 
    .detail-right .detail-tit span { margin: 0; margin-top: 20px; display: block; } 
    .program-detail2 { background-image: url(../img/user/sub/detail-bg2_pad.png); } 
    .detail2-strength--box .color-box p { font-size: 16px; padding-left: 20px; padding-bottom: 20px; padding-right: 40px; word-break: keep-all; line-height: 26px; right: 0; left: auto; text-align: right; } 
    .detail2-strength--box .color-box p br { display: none !important; } 
    .detail2-list { flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; display: block; padding-right: 30px; padding-bottom: 30px; } 
    .detail2-list > li { width: 300px; display: inline-block; vertical-align: top; } 
    .detail2-list--content { height: 300px; } 
    .detail2-list--img { width: 80px; } 
    .detail2-list--img img { width: 100%; } 
    .detail2-list--content p { font-size: 14px; line-height: 30px; letter-spacing: -0.5px; margin-top: 20px; } 
    .detail2-list > li:not(:last-child) { margin-right: 20px; } 
    .detail2-list--num { font-size: 80px; bottom: -50px; } 
    .detail2-service { margin-top: 256px; } 
    .deatail2-service--box { width: 300px; height: 300px; margin: 0; margin-top: -40px; margin-bottom: 0; } 
    .detail2-service--list >ul > li { display: block; } 
    .detail2-service--list >ul > li:nth-child(2) { padding: 0; } 
    .detail2-service--box:nth-child(2) { padding-left: 300px; } 
    .detail2-service--list >ul > li:nth-child(1) .deatail2-service--box:nth-child(2) { margin-left: 220px; } 
    .detail2-service--list >ul > li:nth-child(2) .deatail2-service--box:nth-child(1) { margin-left: 220px; } 
    .deatail2-service--box p { font-size: 16px; line-height: 30px; } 
    .deatail2-service--box .service-tri { width: 28px; height: 24px; margin-bottom: 25px; } 
    .detail2-summary { height: 360px; } 
    .program-detail2 .detail-tit { padding: 20px; font-size: 19px; word-break: keep-all; line-height: 32px; } 
    .program-detail2 .detail-tit span { text-align: left; } 
    .detail2-service .detail-right { padding: 0; display: flex; justify-content: center; height: 1385px; padding-top: 60px; } 
    .program-detail2--content.detail2-strength { margin-top: 256px; } 
    .detail2-strength--box > div { height: 256px; } 
    .detail2-strength--box .txt-box b { font-size: 18px; word-break: keep-all; line-height: 30px; } 
    .detail2-strength--box .txt-box b br { display: none; } 
    .detail2-strength--box .txt-box p { font-size: 12px; line-height: 22px; margin-top: 10px; word-break: keep-all; } 
    .detail2-strength--box .txt-box { padding: 25px 5% 0 20px; height: 384px; } 
    .detail2-strength--box .txt-box p br { display: none; } 
    .detail2-contact { margin-top: 256px; height: 530px; } 
    .program-detail2 .detail2-contact .detail-right:after { width: 520px; height: 506px; bottom: auto; right: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
    .detail2-contact--txt p { font-size: 18px; line-height: 28px; } 
    .detail2-contact--txt .detail2-contact--btn { margin-top: 30px; width: 400px; font-size: 16px; } 
    .program-powerShape .program-detail2 { background-image: url(../img/user/sub/detail-bg2_pad2.png); padding-bottom: 15px; } 
    .program-powerShape .detail2-service .detail-right { height: 1131px; } 
    .program-powerShape .detail2-service--list >ul > li:nth-child(2) .deatail2-service--box:nth-child(1) { margin-left: 0; } 
    .program-powerShape .detail2-service--list >ul > li:nth-child(2) .deatail2-service--box:nth-child(2) { margin-left: 220px; } 
    .product-cont01{padding: 40px 20px 110px; height: auto; border-bottom: 0;}
    .product-cont01 .product-wrapper{display: block;}
    .prodcut-cont01__tit{width: 100%; padding: 0; font-size: 34px;}
    .prodcut-cont01__cont{width: 100%; margin-top: 35px; padding: 0; font-size: 16px; line-height: 2;}
    .product-cont02__list{flex-wrap: wrap;}
    .product-cont02__list:after{display: none;}
    .product-cont02__list > li{width: 50%;}
    .product-cont02__list > li:last-child .cont02-top__tit{width: calc(100% - 8px);}
    .product-cont02 .cont02-top{height: 195px;}
    .product-cont02 .cont02-top__tit{padding: 33px 35px;}
    .product-cont02 .cont02-bottom{font-size: 16px; padding-top: 30px; padding-left: 30px; background-color: #fff; height: auto; padding-bottom: 65px;}
    .product-cont02__list > li:not(:nth-child(2n)) .cont02-bottom{border-right: 1px solid #eee;}
    .product-cont02__list > li:nth-child(3) .cont02-bottom,
    .product-cont02__list > li:nth-child(4) .cont02-bottom{height: 390px;}
    .product-link{bottom: 35px; right: 20px;}
    .product-cont03__list{ padding-top: 75px;}
    .product-cont03__list > ul > li{display: block;}
    .product-cont03__list > ul > li > div:not(:last-child){width: 100%;}
    .product-cont03__img{padding: 0 20px;}
    .product-cont03__img .img-wrap {padding-bottom: 46.70%;}
    .product-cont03__txt{padding: 40px 30px;}
    .product-cont03__tit{margin-bottom: 25px;}
    .product-cont03__tit h3{font-size: 34px;}
    .product-cont03__cont{font-size: 16px;}
    .product-cont03__list > ul > li:not(:last-child){margin-bottom: 56px;}
    .product-cont03 .product-link{bottom: 0;}



    .content-request > .wrapper { flex-direction: column; } 
    .request-left { width: 100%; padding-top: 0; margin: 0; position: relative; } 
    .request-video { height: 0; padding-bottom: 56.65%; } 
    .content-request { padding-top: 70px; } 
    .request-right { width: 100%; padding: 0 20px; padding-bottom: 55px; margin-top: 45px; margin-left: 0; } 
    .request_form > ul { padding: 65px 39px 78px; } 
    .request-video:after { display: none; } 
    .request_form:before { background-image: url(../img/user/sub/request-content--bg-pad.png); } 

    .request_form { width: 100%; margin: 0 auto; } 
    .wait-container { background-size: cover; height: calc(100vh - 250px); } 
    .wait-container p { font-size: 30px; margin-top: 70px; } 
    div#bo_list { max-width: 100%; } 

    .request_wrap #fboardlist { max-width: 100%; padding: 0 20px; margin: 0 auto; } 
    article#bo_v { max-width: 100%; padding: 0 20px; } 
    .product-cont02 .cont02-bottom{word-break: keep-all;}
    .product-cont02 .cont02-bottom br{display: block;}
}
@media screen and (max-width:768px){
    .content-company { padding-top: 62px; background-image: url(../img/user/sub/company-bg_mo.png); } 
    .content-company .content-left { padding-top: 0; margin-top: 28px; padding-bottom: 15px; } 
    .content-company .content-left--img { background-image: url(../img/user/sub/company-left_mo.png); height: 0; padding-bottom: 104%; } 
    .content-company .content-left--txt { top: auto; right: 16px; bottom: 0; width: 145px; height: 144px; } 
    .content-company .content-right { margin: 0 auto; margin-top: 35px; margin-bottom: 50px; padding: 10px; max-width: calc(100% - 32px); } 
    .content-company .content-right::after { background-image: none; border: 1px solid #909BD1; } 
    .content-company .company-info { padding: 30px 20px; padding-bottom: 40px; } 
    .company-info .info_1 strong { position: relative; display: block; } 
    .company-info .info_1 { padding: 0; } f.request_form .input-wrap input
    .company-info .info { font-size: 12px; margin-bottom: 45px; word-break: keep-all; } 
    .company-info .info br { display: none; } 
    .content-product {margin-top: 62px; padding-bottom: 0;} 
    .content-product .program-menu { margin-top: 175px; } 
    .content-product .program-menu > ul > li .btn { height: 200px; padding: 16px; padding-bottom: 20px; font-size: 12px; line-height: 22px; } 
    .product-tit h2 { font-size: 26px; } 
    .product-tit p { font-size: 16px; margin-top: 15px; } 
    .program-menu > ul > li .btn { padding: 15px; } 
    .program-menu > ul > li .btn:after { width: 55px; height: 55px; top: 20px; right: auto; left: 50%; transform: translateX(-50%); } 
    .program-detail1 { padding-top: 62px; background-image: url(../img/user/sub/detail-bg1_m.png); background-size: cover; } 
    .content-product--detail .program-menu { margin-top: 0; top: 62px; } 
    .detail-right .detail-img { padding-bottom: 148.15%; background-image: url(../img/user/sub/detail-fusion_m.png); } 
    .content-product--detail .program-menu > ul > li.active .btn { font-size: 12px; line-height: 22px; padding: 20px 15px; } 
    .detail-right .detail-tit { padding-top: 35px; padding-bottom: 110px; padding-left: 20px; } 
    .detail-right .detail-tit h2 { font-size: 30px; } 
    .detail-right .detail-tit span { font-size: 12px; line-height: 22px; word-break: keep-all; max-width: 220px; width: 100%; margin-top: 10px; } 
    .detail-tit br.mobile { display: block; } 
    .line { height: 80px; } 
    .program-detail2 { background-image: url(../img/user/sub/detail-bg2_m.png); margin-top: -40px; } 
    .program-detail2--content.detail2-strength { margin-top: 200px; } 
    .detail2-summary { height: 870px; } 
    .program-detail2 .detail2-summary .detail-tit:after { content: ''; position: absolute; left: 0; top: 40px; width: 100%; height: 100%; background: no-repeat 50%/ cover; background-image: url(../img/user/sub/detail-tit_bg.png); } 
    .detail2-list { display: flex; flex-direction: column; flex-wrap: wrap; overflow-x: unset; overflow-y: unset; white-space: unset; padding-right: 0; } 
    .detail2-list > li { width: 100%; } 
    .detail2-list--content { min-height: 239px; height: auto; } 
    .detail2-list > li:not(:last-child) { margin-right: 0; margin-bottom: 52px; } 
    .program-detail2 .detail-right { padding: 0 15px; } 
    .detail2-list--num { font-size: 60px; bottom: -40px; } 
    .detail2-list--img { width: 60px; } 
    .detail2-list--content p { font-size: 12px; margin-top: 15px; line-height: 22px; } 
    .program-detail2 .detail2-summary .detail-tit { font-size: 16px; height: 200px; display: flex; justify-content: space-between; flex-direction: column; position: relative; width: 100%; padding: 60px 10px 0 16px; z-index: 1; } 
    .program-detail2 .detail2-strength .detail-tit { } 
    .detail2-strength--box .color-box { width: 100%; border-radius: 20px; height: 90px; } 
    .detail2-strength--box .txt-box { width: 100%; padding: 16px; height: auto; padding-left: 60px; } 
    .detail2-strength--box .color-box p { padding-bottom: 15px; padding-right: 15px; padding-left: 112px; } 
    .detail2-strength .detail-tit.mobile { display: flex; font-size: 16px; height: 200px; display: flex; justify-content: space-between; flex-direction: column; position: relative; width: 100%; padding: 10px 10px 0 16px; z-index: 1; line-height: 20px; } 
    .detail2-strength .detail-tit.mobile:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat 50%/ cover; background-image: url(../img/user/sub/detail-tit_bg.png); } 
    .detail2-strength .detail-tit.pc { display: none; } 
    .program-detail2 .detail2-strength .detail-right { padding-right: 0; } 
    .detail2-strength--box > div { height: 200px; } 
    .program-powerMill .detail-right .detail-img { background-image: url(../img/user/sub/detail-powermill-m.png); } 
    .program-powerShape .detail-right .detail-img { background-image: url(../img/user/sub/detail-powershape-m.png); } 
    .program-featureCam .detail-right .detail-img { background-image: url(../img/user/sub/detail-featureCam-m.png); } 
    .program-fusion .detail-right .detail-img { background-image: url(../img/user/sub/detail-powermill-m.png); } 
    .product-top{padding-bottom: 69.44%; background-image: url(../img/user/sub/prd-bg_m.png);}
    .product-cont01 { padding: 30px 16px 90px; } 
    .prodcut-cont01__tit { font-size: 30px; } 
    .prodcut-cont01__cont{margin-top: 20px; font-size: 14px;}
    .product-cont02__list > li{width: 100%;}
    .product-cont02 .cont02-top__tit{width: 100%; border-radius: 20px; padding: 30px 20px; position: relative;}
    .product-cont02 .cont02-top__tit:after {
        content: '';
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
    }
    .product-cont02__list > li:last-child .cont02-top__tit{width: 100%;}
    .product-cont02 .cont02-bottom{padding: 30px 16px;}
    .product-cont02__list > li:not(:last-child){border-bottom: 1px solid #eee;}
    .product-cont02 .cont02-bottom{font-size: 14px; min-height: 230px; line-height: 1.7;}
    .product-cont02__list > li:nth-child(3) .cont02-bottom{height: auto; min-height: 230px;}
    .product-cont02__list > li:nth-child(4) .cont02-bottom{height: auto; min-height: 360px;}
    .product-cont03{background-color: #fff;}
    .product-cont03__list{padding-top: 50px; padding-bottom: 80px;}
    .product-cont03__img .img-wrap{border-radius: 20px; padding-bottom: 73.17%;}
    .product-cont03 .product-link{position: relative; width: 100%; display: inline-flex; justify-content: right;}
    .product-cont03 .product-link__bg{right: 0; left: auto;}
    .product-cont03__txt{padding: 30px 16px;}
    .product-cont03__tit{margin-bottom: 20px;}
    .product-cont03__tit h3{font-size: 24px;}
    .product-cont03__cont{font-size: 14px;}


    .detail-right .detail-tit span br { display: none; } 
    .detail2-strength--box .color-box.color1 { order: 0; background-image: url(../img/user/sub/color-bg1_m.png); } 
    .detail2-strength--box .color-box.color2 { background-image: url(../img/user/sub/color-bg2_m.png); } 
    .detail2-strength--box .color-box.color3 { background-image: url(../img/user/sub/color-bg3_m.png); } 
    .detail2-strength--box .txt-box:nth-child(2) { order: 4; } 
    .color-box.color2 { order: 3; } 
    .detail2-strength--box .txt-box:nth-child(4) { order: 1; height: 180px; } 
    .detail2-strength--box .txt-box:nth-child(5) { order: 4; height: 268px; } 
    .color-box.color3 { order: 5; } 
    .detail2-strength--box .txt-box:last-child { order: 6; height: 158px; } 
    .detail2-strength--box .txt-box b { font-size: 16px; line-height: 26px; } 
    .detail2-strength--box .txt-box p { margin-top: 5px; text-align: right; } 
    .detail2-service { margin-top: 200px; } 
    .content-request { padding-top: 62px; } 
    .request-video { padding-bottom: 56.32%; } 
    .request-left .request-tit { font-size: 20px; line-height: 36px; } 
    .request-right { margin-top: 24px; padding: 0 16px; padding-bottom: 40px; } 
    .request_form { padding: 10px; } 
    .request_form > ul { padding: 30px 15px 30px; } 
    .request_form > ul > li:not(:last-child) { margin-bottom: 30px; } 
    .request_form .input-wrap { } 
    .request_form .input-wrap label { font-size: 14px; } 
    .request-right .btn_confirm { margin-top: 30px; } 
    .request-right .btn_submit { width: 100%; font-size: 16px; } 
    .request_form:before { background-image: url(../img/user/sub/request-content--bg-m.png); background-size: auto 100%; height: 100%; } 
    .request_form .input-wrap input { font-size: 14px; } 
    .request_form .input-wrap textarea { font-size: 14px; } 
    .input-check { margin-top: 40px; } 
    .input-check input[type="checkbox"] + label { font-size: 12px; } 
    .check__txt { padding: 10px 0; padding-right: 10px; margin-top: 20px; } 
    .check__txt pre { padding: 0 10px; font-size: 12px; } 
    .deatail2-service--box { width: 234px; height: 234px; margin: 0; margin-bottom: 30px; } 
    .detail2-service--list >ul > li:nth-child(1) .deatail2-service--box:nth-child(2) { margin-left: 0; } 
    .detail2-service--list >ul > li:nth-child(2) .deatail2-service--box:nth-child(1) { margin-left: 0; } 
    .program-detail2 .detail2-service .detail-tit { position: absolute; left: 25%; bottom: auto; top: 0; width: 75%; text-align: center; font-size: 14px; padding-top: 70px; height: 200px; line-height: 24px; z-index: 11; } 
    .program-detail2 .detail2-service .detail-tit:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat 50%/ cover; background-image: url(../img/user/sub/detail-tit_bg2.png); z-index: -1; } 
    .detail2-service .detail-right { height: 1478px; padding-top: 158px; } 
    .detail2-contact { height: 333px; margin-top: 200px; } 
    .program-detail2 .detail2-contact .detail-right:after { width: 280px; height: 270px; background-image: url(../img/user/sub/detail-contact_m.png); } 
    .detail2-contact--txt .detail2-contact--btn { width: 200px; height: 50px; font-size: 14px; } 
    .deatail2-service--box p { font-size: 12px; line-height: 22px; } 
    .deatail2-service--box .service-tri { width: 22px; height: 18px; margin-bottom: 20px; } 
    .detail2-contact--txt p { word-break: keep-all; font-size: 12px; line-height: 22px; text-align: center; max-width: 175px; } 
    .program-detail2 .detail2-contact .detail-tit { position: absolute; left: 25%; bottom: auto; top: 0; width: 75%; text-align: center; font-size: 14px; padding-top: 70px; height: 200px; line-height: 24px; z-index: 11; } 
    .program-detail2 .detail2-contact .detail-tit:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat 50%/ cover; background-image: url(../img/user/sub/detail-tit_bg2.png); z-index: -1; } 
    .program-detail2 .detail2-contact .detail-right { padding-top: 115px; } 
    .detail2-contact--txt { top: 117px; transform: translate(-50%, 0); } 
    .program-powerShape .program-detail2 { background-image: url(../img/user/sub/detail-bg2_m2.png); } 
    .program-powerShape .detail2-service .detail-right { height: 1212px; } 
    .program-powerShape .detail2-strength--box .txt-box:nth-child(5) { height: 224px; } 
    .program-powerShape .detail2-strength--box .txt-box:last-child { height: 90px; } 
    .program-powerShape .detail2-contact { height: 345px; } 
    .program-powerShape .detail2-service--list >ul > li:nth-child(2) .deatail2-service--box:nth-child(2) { margin-left: 0; } 
    .program-featureCam .program-detail2 { background-image: url(../img/user/sub/detail-bg2_m3.png); } 
    .program-featureCam .detail2-strength--box .txt-box:nth-child(5) { height: 180px; } 
    .program-featureCam .detail2-strength--box .txt-box:last-child { height: 268px; } 
    .program-featureCam .detail2-contact { height: 351px; } 
    .wait-container p { font-size: 26px; margin-top: 62px; } 
    div#bo_list { max-width: 100%; } 

    .request_wrap #fboardlist { max-width: 100%; padding: 0 16px; margin: 0 auto; } 
    article#bo_v { max-width: 100%; padding: 0 16px; } 
}
@media screen and (max-width:400px) { }