/************************************************************************
* COMMON *
************************************************************************/
.mb{display:none !important}
.pc{display:block !important}

@media all and ( max-width: 1426px ){
.mb{display:block !important}
.pc{display:none !important}

.page-ct {padding:1.8rem 0}
.page-ct .l-bx{float:left;width:43%;padding-bottom:5rem}
.page-ct .r-bx {float:left; width: 55%;margin-top:0rem}

.page-ct-btm_img span{font-size:2.3rem;line-height:3.50rem;color:rgba(255,255,255,0.8);font-weight:500;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;width:65%;margin:0 auto}

.info_img2{display:none}
}

@media all and ( max-width: 1280px ){
.scontents .detail{padding-top:6rem;padding-bottom:0px;position:relative;overflow:hidden;}
.page-header h2 { font-size: 5rem;}

.sub-visual {position: relative;width:100%;margin:0 auto;text-align:center}
.sub-visual .visual-img {margin-top: 50px;width: 100%;min-height: 450px;background-size: cover}

/**********************************************************/
.sub-visual .visual-img div{padding:5rem 5rem;text-align:left}
.sub-visual .visual-img h3{font-size:6.5rem;color:#fff;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual .visual-img p{background:rgba(255,255,255,0.3);min-height:210px;width:1px;margin:3rem 0 3rem 1rem;text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual .visual-img span{font-size:3rem;line-height:4.2rem;color:rgba(255,255,255,0.6);font-weight:500;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}



/**** ai네발지팡이 소개 ****/


.page-ct .l-bx{float:left;width:100%;padding-bottom:5rem}
.page-ct .txt-bx{width:90%;margin-left:10%;text-align:left;padding:6rem 0 0 0}
.page-ct h4{font-size:4.5rem;color:#403430;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.page-ct .page_txt{width:92%;font-size:2.2rem;line-height:3.5rem;color:#8a8381;font-weight:400;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-top:4rem;}
.page-ct .type-inner-container {width:100%; }


.page-ct .txt-bx-btm{width:70%;margin-left:2%;text-align:left;padding:10rem 10rem 0 0}
.page-ct h5{font-size:2.5rem;font-weight:400;color:#a8a4a3;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-bottom:1rem}
.page_st{font-weight:600;font-size:5rem;color:#403430;padding:0rem 0 4rem 0;animation: text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.page-ct .page_txt_btm{width:80%;font-size:2.3rem;line-height:3.5rem;color:#8a8381;font-weight:400;animation: text-focus-in 2.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-top:3.5rem;}

.txt-bx-btm .p_line{background:rgba(0,0,0,0.2);min-height:120px;width:1px;margin:3rem 0 0rem 1rem;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.page-ct .r-bx {float:left;   width: 100%;margin-top:0rem}


/*기술영역*/
.sub-visual_tech{position: relative;width:100%;margin:0 auto;text-align:center}
.sub-visual_tech .visual-img {margin-top: 50px; width: 100%;   min-height: 450px;}

.sub-visual_tech .visual-img div{padding:5rem 5rem;text-align:left}
.sub-visual_tech .visual-img h3{font-size:6.5rem;color:#fff;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual_tech .visual-img p{background:rgba(255,255,255,0.3);min-height:180px;width:1px;margin:3rem 0 3rem 1rem;text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual_tech .visual-img span{font-size:2.4rem;line-height:3.6rem;color:rgba(255,255,255,0.6);font-weight:500;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

}


@media all and ( max-width: 1023px ){
.scontents .detail{padding-top:3.5rem;padding-bottom:0px;position:relative;overflow:hidden;}
.page-header h2 { font-size: 4rem;}
.sub-visual .visual-img {margin-top: 35px;width: 100%;min-height: 400px;}

/**********************************************************/
.sub-visual .visual-img div{padding:5rem 5rem;text-align:left}
.sub-visual .visual-img h3{font-size:5.5rem;color:#fff;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual .visual-img p{background:rgba(255,255,255,0.3);min-height:140px;width:1px;margin:2rem 0 2rem 1rem;text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual .visual-img span{font-size:2.8rem;line-height:4rem;color:rgba(255,255,255,0.6);font-weight:400;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

/*기술영역*/
.sub-visual_tech{position: relative;width:100%;margin:0 auto;text-align:center}
.sub-visual_tech .visual-img {margin-top: 50px; width: 100%;   min-height: 450px;}

.sub-visual_tech .visual-img div{padding:5rem 5rem;text-align:left}
.sub-visual_tech .visual-img h3{font-size:5.5rem;color:#fff;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual_tech .visual-img p{background:rgba(255,255,255,0.3);min-height:140px;width:1px;margin:2rem 0 2rem 1rem;text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual_tech .visual-img span{font-size:2.8rem;line-height:4rem;color:rgba(255,255,255,0.6);font-weight:400;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

/**** ai네발지팡이 소개 ****/

.page-ct{padding:3rem 0;}
.page-ct_btm{padding:3rem 0 0 0;margin:4rem auto 0 auto;}




.page-ct .l-bx{float:left;width:100%;padding-bottom:5rem}
.page-ct .txt-bx{width:90%;margin-left:10%;text-align:left;padding:6rem 0 0 0}
.page-ct h4{font-size:4.5rem;color:#403430;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.page-ct .page_txt{width:92%;font-size:2.2rem;line-height:3.5rem;color:#8a8381;font-weight:400;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-top:4rem;}
.page-ct .type-inner-container {width:100%; }


.page-ct .txt-bx-btm{width:70%;margin-left:2%;text-align:left;padding:10rem 10rem 0 0}
.page-ct h5{font-size:2.5rem;font-weight:400;color:#a8a4a3;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-bottom:1rem}
.page_st{font-weight:600;font-size:5rem;color:#403430;padding:0rem 0 4rem 0;animation: text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.page-ct .page_txt_btm{width:80%;font-size:2.3rem;line-height:3.5rem;color:#8a8381;font-weight:400;animation: text-focus-in 2.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-top:3.5rem;}

.txt-bx-btm .p_line{background:rgba(0,0,0,0.2);min-height:120px;width:1px;margin:3rem 0 0rem 1rem;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.page-ct .r-bx {float:left;   width: 100%;margin-top:0rem}



.info_img1{background:url('/sub1/img/s01.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;min-height: 300px; background-repeat: no-repeat;    background-position: center;  background-size: cover}
.info_img2{display:none}

.type-inner-container .slick-list {overflow:visible;max-width:100%;min-width:100%;overflow:hidden;margin:2rem 0 0 0rem}

.page-ct-btm-t{font-size:2.3rem;font-weight:400;color:#a8a4a3;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-bottom:2rem}
.page-ct-btm-st{font-size:5rem;line-height:6.2rem;font-weight:600;color:#8a8381;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding:3rem 0}

.page-ct-btm_img{background:url('/sub1/img/s03.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;min-height: 300px;margin-top:5rem; background-repeat: no-repeat;    background-position: center;  background-size: cover}
.page-ct-btm_img div{padding:0rem;text-align:center;margin:0 auto;text-align:center}
.page-ct-btm_img p{background:rgba(255,255,255,0.4);min-height:80px;width:1px;margin:0 auto 3rem auto;animation: text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.page-ct-btm_img span{font-size:2.4rem;line-height:3.6rem;color:rgba(255,255,255,0.8);font-weight:500;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;width:80%;margin:0 auto}


/** 추가 이미지 **/
.page-ct-img{width:100%;margin:5rem auto 5rem auto;padding:5rem 0;text-align:center;letter-spacing:-0.04rem;background:#faf9f9}
.page-ct-img h4{font-weight:600}
.page-ct-imgbx{padding:5rem 0;width:90%;margin:0 auto;display:inline-block}
.page-ct-imgbx p{margin:1%;width:47%;display:inline-block}
.page-ct-imgbx p img{width:95%;}


.page-ct-imgbx_btm{padding: 5rem 0;width: 90%;margin: 0 auto;display:inline-block}
.page-ct-imgbx_btm p{margin:1%;width:47%;display:inline-block}
.page-ct-imgbx_btm p img{width:95%;}


.page-ct-imgbx_tech{padding:5rem 0;width:90%;margin:0 auto;display:inline-block}
.page-ct-imgbx_tech p{margin:1%;width:47%;display:inline-block}
.page-ct-imgbx_tech p img{width:95%;}



/** 핵심기술 스크롤 **/
.page-ct .type-inner-container .type-item a{background:none ! important}
.page-ct .type-inner-container .swiper-slide-active a{background:none ! important}
.page-ct .type-inner-container .slick-current a{background:none ! important}

.page-ct .type-inner-container .type-item a{padding:0 ! important}
.page-ct .type-control-box{top:2.5rem ! important;bottom: 100%;left:0;}


/**** ai네발지팡이 핵심기술 ****/

.page-ct-w85 {position: relative;width:100%;margin:5rem auto 60px auto;text-align:center;letter-spacing:-0.04rem}
.page-ct-w85 .txt-bx{width:96%;text-align:left;padding:0rem 0 0 2.5%;margin:2rem 0 1rem 0}

.page-ct-w85 h4{font-size:3.5rem;color:#403430;text-align:left;padding:1.2rem;border-bottom:1px solid rgba(0,0,0,0.4);animation: text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.page-ct-w85 .page_txt_line{width:100%;font-size:1.7rem;line-height:2.5rem;color:#8a8381;font-weight:400;padding:1rem;text-align:left;border-bottom:1px dashed rgba(0,0,0,0.3);animation: text-focus-in 2.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.sn01{background:url('/sub1/img/n01.png') no-repeat top right;background-size:70px}
.sn02{background:url('/sub1/img/n02.png') no-repeat top right;background-size:70px}
.sn03{background:url('/sub1/img/n03.png') no-repeat top right;background-size:70px}
.sn04{background:url('/sub1/img/n04.png') no-repeat top right;background-size:70px}

.p_line_tech{background:rgba(0,0,0,0.16);min-height:50px;text-align:center;transform:rotate(45deg);width:1px;margin:0 auto;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.p_line_map{background:rgba(0,0,0,0.16);min-height:50px;text-align:center;transform:rotate(45deg);width:1px;margin:1.6rem auto 0 auto;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

/******ai네발자전거 기술영역 *********/
.page_tech{margin:2rem 3rem;text-align:center;display:flex;flex-wrap: wrap; justify-content: center;}
.page_tech dl{padding:1.5rem 1rem;border:1px solid rgba(138,131,129,0.4);border-radius:40px 0 40px 0;width:48%;margin:2% 1%}
.page_tech dt{min-height:130px;border-bottom:2px solid rgba(138,131,129,0.2)}
.page_tech dd{text-align:center;font-size:2.2rem;line-height:3rem;color:#8a8381;min-height:100px;padding:2rem 3rem}




/***** 소프트웨어개발 *********/

.solution{display:flex;padding:0rem 0 0 0;margin-bottom:0rem;flex-wrap: wrap;}
.solution .sol-img { display:none}
.sol_text{padding:1rem 2rem;margin:1rem 0 2rem 0;display:inline-block;border:0px solid #000}
.sol_text h4{font-size:2.2rem;line-height:3rem;color:#8a8381;padding-left:0%;padding-top:50px;min-height:100px}
.sol_text p{padding:3.5rem 2rem;font-size:1.85rem;text-align:left;line-height:3rem;color:#8a8381;}

.sol_img01{background:url('/sub2/img/img1.jpg') no-repeat top center;background-size:100%;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sol_img02{background:url('/sub2/img/img2.jpg') no-repeat top center;background-size:100%;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sol_img03{background:url('/sub2/img/img3.jpg') no-repeat top center;background-size:100%;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sol_img04{background:url('/sub2/img/img4.jpg') no-repeat top center;background-size:100%;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.solution .nn01{background-position:0 right;background-size:60px;}
.solution .nn02{background-position:0 right;background-size:60px;}
.solution .nn03{background-position:0 right;background-size:60px;}
.solution .nn04{background-position:0 right;background-size:60px;}


/****** 원랩 미션과비전*********/
.page_vision{margin:1rem 1rem;text-align:center;display:flex;flex-wrap: wrap; justify-content: center;}
.page_vision dl{padding:1rem 1rem;border:1px solid rgba(138,131,129,0.4);border-radius:40px 0 40px 0;width:98%;margin:1.3% 0.7%;width:45%}
.page_vision dt{min-height:100px;padding-top:60px;border-bottom:2px solid rgba(138,131,129,0.2);font-size:2.3rem;font-weight:600;color:#655651}
.page_vision dd{text-align:center;font-size:2.3rem;line-height:4rem;color:#8a8381;min-height:70px;padding:2rem 3rem}


/****** 원랩 소개*********/
.info_bx{padding:1rem;}
.info_bx h5{padding:0rem 3rem 2rem 3rem;font-size:6.2rem;text-align:left;line-height:7rem;color:#c5bdba;}
.info_bx .info_txt{padding:2rem 5rem;font-size:2rem;text-align:left;line-height:3.0rem;color:#8a8381;}

.p_line_info{background:rgba(0,0,0,0.16);min-height:50px;text-align:left;width:1px;margin:2rem 0 0rem 5rem;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.f_st{font-weight:600;font-size:2.0rem;color:#85736d}

.bg_info{background:#f4f0ed;padding:2.3rem 0rem}


.mapbx{padding:2rem 0 0 0;margin:0 auto;text-align:center}

}

@media screen and (max-width: 800px) {

/**********************************************************/
.sub-visual .visual-img div{padding:5rem 5rem;text-align:left}
.sub-visual .visual-img h3{font-size:4.5rem;color:#fff;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual .visual-img p{background:rgba(255,255,255,0.3);min-height:80px;width:1px;margin:2rem 0 2rem 1rem;text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual .visual-img span{font-size:2rem;line-height:3rem;color:rgba(255,255,255,0.6);font-weight:400;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.page-ct_btm{padding:3rem 0 0 0;margin:3rem auto 0 auto;}

/*기술영역*/
.sub-visual_tech{position: relative;width:100%;margin:0 auto;text-align:center}
.sub-visual_tech .visual-img {margin-top: 50px; width: 100%;   min-height: 450px;}

.sub-visual_tech .visual-img div{padding:5rem 5rem;text-align:left}
.sub-visual_tech .visual-img h3{font-size:4.5rem;color:#fff;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual_tech .visual-img p{background:rgba(255,255,255,0.3);min-height:80px;width:1px;margin:2rem 0 2rem 1rem;text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.sub-visual_tech .visual-img span{font-size:2rem;line-height:3rem;color:rgba(255,255,255,0.6);font-weight:400;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}


.page-ct .l-bx{float:left;width:100%;padding-bottom:5rem}
.page-ct .txt-bx{width:90%;margin-left:5%;text-align:left;padding:3rem 0 2rem 0;border:0px solid #000}
.page-ct h4{font-size:4rem;color:#403430;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.page-ct .page_txt{width:100%;font-size:1.8rem;line-height:2.8rem;color:#8a8381;font-weight:400;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-top:3rem;}
.page-ct .type-inner-container {width:100%; }

.page-ct .txt-bx-btm{width:100%;margin-left:0%;text-align:left;padding:5rem 0rem 0 0}
.page-ct h5{font-size:2.0rem;font-weight:400;color:#a8a4a3;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-bottom:1rem}
.page_st{font-weight:600;font-size:4.2rem;color:#403430;padding:0rem 0 1rem 0;animation: text-focus-in 1.6s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.page-ct .page_txt_btm{width:100%;font-size:2.3rem;line-height:3.5rem;color:#8a8381;font-weight:400;animation: text-focus-in 2.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;padding-top:2rem;}

.txt-bx-btm .p_line{background:rgba(0,0,0,0.2);min-height:50px;width:1px;margin:3rem 0 0rem 1rem;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.page-ct .r-bx {float:left;   width: 100%;margin-top:0rem}


.page-ct-btm_img span{font-size:2.0rem;line-height:3.0rem;color:rgba(255,255,255,0.8);font-weight:500;animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;width:90%;margin:0 auto}

.page_tech dd{text-align:center;font-size:1.8rem;line-height:3rem;color:#8a8381;min-height:100px;padding:2rem 3rem}


/****** 원랩 미션과비전*********/
.page_vision{margin:1rem 1rem;text-align:center;display:flex;flex-wrap: wrap; justify-content: center;}
.page_vision dl{padding:1rem 1rem;border:1px solid rgba(138,131,129,0.4);border-radius:40px 0 40px 0;width:98%;margin:1.3% 0.7%}
.page_vision dt{min-height:100px;padding-top:60px;border-bottom:2px solid rgba(138,131,129,0.2);font-size:2.3rem;font-weight:600;color:#655651}
.page_vision dd{text-align:center;font-size:1.8rem;line-height:3rem;color:#8a8381;min-height:70px;padding:2rem 3rem}

}



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

.page-ct-w85 {position: relative;width:100%;margin:3rem auto 60px auto;text-align:center;letter-spacing:-0.04rem}
.page-ct_btm{padding:1rem 0 0 0;margin:2rem auto 0 auto;}

/** 추가 이미지 **/
.page-ct-img{width:100%;margin:5rem auto 5rem auto;padding:5rem 0;text-align:center;letter-spacing:-0.04rem;background:#faf9f9}
.page-ct-img h4{font-weight:600}
.page-ct-imgbx{padding:5rem 0;width:95%;margin:0 auto;display:inline-block}
.page-ct-imgbx p{margin:1%;width:97%;display:inline-block}
.page-ct-imgbx p img{width:95%;}


.page-ct-imgbx_btm{padding: 5rem 0;width: 95%;margin: 0 auto;display:inline-block}
.page-ct-imgbx_btm p{margin:1%;width:97%;display:inline-block}
.page-ct-imgbx_btm p img{width:95%;}


.page-ct-imgbx_tech{padding:5rem 0;width:95%;margin: 0 auto;display:inline-block}
.page-ct-imgbx_tech p{margin:1%;width:97%;display:inline-block}
.page-ct-imgbx_tech p img{width:95%;}


/******ai네발자전거 기술영역 *********/
.page_tech{margin:2rem 3rem;text-align:center;display:flex;flex-wrap: wrap; justify-content: center;}
.page_tech dl{padding:1.5rem 1rem;border:1px solid rgba(138,131,129,0.4);border-radius:40px 0 40px 0;width:98%;margin:2% 1%}
.page_tech dt{min-height:130px;border-bottom:2px solid rgba(138,131,129,0.2)}
.page_tech dd{text-align:center;font-size:1.8rem;line-height:3rem;color:#8a8381;min-height:100px;padding:2rem 3rem}


.nn01{background:url('/sub1/img/n01.png') no-repeat top center;background-size:50%;}
.nn02{background:url('/sub1/img/n02.png') no-repeat top center;background-size:50%;}
.nn03{background:url('/sub1/img/n03.png') no-repeat top center;background-size:50%;}
.nn04{background:url('/sub1/img/n04.png') no-repeat top center;background-size:50%;}
.nn05{background:url('/sub1/img/n05.png') no-repeat top center;background-size:50%;}
.nn06{background:url('/sub1/img/n06.png') no-repeat top center;background-size:50%;}
.nn07{background:url('/sub1/img/n07.png') no-repeat top center;background-size:50%;}
.nn08{background:url('/sub1/img/n08.png') no-repeat top center;background-size:50%;}


.nnn01{background:url('/sub5/img/nn01.png') no-repeat top center;background-size:80px;}
.nnn02{background:url('/sub5/img/nn02.png') no-repeat top center;background-size:80px;}
.nnn03{background:url('/sub5/img/nn03.png') no-repeat top center;background-size:80px;}
.nnn04{background:url('/sub5/img/nn04.png') no-repeat top center;background-size:80px;}




.page_vision .nn01{background-size:80px}
.page_vision .nn02{background-size:80px}
.page_vision .nn03{background-size:80px}
.page_vision .nn04{background-size:80px}


}





    
    
/*********** 상담문의 ***********/
.disF{display:flex;justify-content:space-between;flex-wrap:wrap;}
.disF.jc{justify-content:center;}
.disF.js{justify-content:flex-start;}
.disF.je{justify-content:flex-end;}
.disF.ac{align-items:center;}
.disF.as{align-items:flex-start;}
.disF.ae{align-items:flex-end;}


i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#57b353;display:inline-block;}


.appBox .appBox-D{width:85%;margin: 0 auto; border-top:solid 1px rgba(138, 131, 129, 0.4);margin-top:14px;}

.appBox .appBox-D div.disF{padding:15px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D div.disF .ttit{width:220px;padding-top:8px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 220px);display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span{margin-top:8px;display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span:first-child{margin-top:0;}
.appBox .appBox-D div.disF .ccon a.add{width:28px;height:28px;margin:20px 0 0 20px;padding-bottom:2px;border:solid 1px #e5e5e5;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.appBox .appBox-D div.disF .ccon font{line-height:280%;margin-right:10px;}

.appBox .appBox-D .agrBox{padding:20px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D .agrBox span{padding:10px 0;} 
.appBox .appBox-D .agrBox span u{color:#808080;cursor:pointer;}

@media screen and (max-width:1500px) {
.appBox .appBox-D div.disF{padding:15px 20px;}
.appBox .appBox-D div.disF .ttit{width:200px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.boardWrap{width:98%;margin: 0 auto;}
    
.appBox .appBox-D div.disF{padding:10px 15px;}
.appBox .appBox-D div.disF .ttit{width:180px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 180px);}
.appBox .appBox-D div.disF .ccon font{margin-right:5px;}
}
@media screen and (max-width:1100px) {
.appBox .appBox-D{width:90%;}

.appBox .appBox-D div.disF{padding:10px 10px;}
.appBox .appBox-D div.disF .ttit{width:160px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 160px);}
}
@media screen and (max-width:960px) {    
.customertelBox img{width:18px;margin-bottom:-5px;}

.appBox .appBox-D div.disF .ttit{width:100%;padding-top:0;padding-bottom:5px;text-align: left;}
.appBox .appBox-D div.disF .ccon{width:100%;}}
}
@media screen and (max-width:860px) {
.appBox .appBox-D div.disF{padding:10px 5px;}
}
@media screen and (max-width:767px) {
.appBox .appBox-D{width:96%;}
    
.appBox .appBox-D div.disF .ccon.three input,
.appBox .appBox-D div.disF .ccon.three select{width:29% !important;}
}
@media screen and (max-width:640px) {
.customertelBox img{width:15px;margin-right:6px;margin-bottom:-1px;}

.appBox .appBox-D .agrBox{padding:10px 15px;}
}
@media screen and (max-width:360px) {
.appBox .appBox-D .agrBox{padding:10px 5px;}
}




/** 작성박스 **/
.appBox input[type=text]{padding:12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}
.appBox input[type=text]:last-child{margin-right:0;}
.appBox input[type=text]::-webkit-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-moz-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-ms-input-placeholder{color:#000 !important;}

.appBox select{padding:12px 80px 12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;background:url(/img/select_arrow.png) no-repeat right 20px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.appBox select:last-child{margin-right:0;}
.appBox select::-ms-expand{display:none;}

.appBox input[type=checkbox]{display:inline-block;}
.appBox input[type=checkbox] + label{padding-left:10px;display:inline-block;position:relative;}

.appBox textarea{width:100%;min-height:150px;padding:12px 20px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}

@media screen and (max-width:1500px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:12px 17px;font-size:15px;margin-right:8px;border-radius:5px;}
.appBox select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:11px 15px;font-size:14px;background-position:right 15px center;background-size:12px;margin-right:6px;}
.appBox select{padding-right:50px;}
}
@media screen and (max-width:640px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{max-width:100% !important;border-radius:2px;}
}
@media screen and (max-width:400px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:10px 12px;font-size:13px;background-position:right 10px center;background-size:10px;margin-right:4px;}
.appBox select{padding-right:30px;}
}




/** 버튼 **/
.appBox .btnBox{width:300px;margin:0 auto;padding:24px 0 20px 0; background: rgba(138, 131, 129, 0.8); border-radius: 40px 0 40px 0;transition:all 0.2s ease;}
.appBox .btnBox:hover{width:340px;transition:all 0.2s ease;}
.appBox .btnBox a{color:#fff;text-align:center;display:block;font-weight:bold;}

@media screen and (max-width:1280px) {
.appBox .btnBox{width:280px;}
.appBox .btnBox:hover{width:300px;}
}
@media screen and (max-width:1100px) {
.appBox .btnBox{width:260px;padding:20px 0 18px 0;}
.appBox .btnBox:hover{width:280px;}
}
@media screen and (max-width:960px) {
.appBox .btnBox{width:240px !important;}
}
@media screen and (max-width:767px) {
.appBox .btnBox{width:220px !important;padding:18px 0 16px 0;}
}
@media screen and (max-width:640px) {
.appBox .btnBox{width:200px !important;}
}
@media screen and (max-width:420px) {
.appBox .btnBox{width:180px !important;}
}


/* ----------------------- 폼 요소*/

.form_element select,
.form_element input[type="text"] {height:60px; font-size:18px; padding-left:24px; color:#000; border-radius:0;}
.form_element select {-webkit-appearance:none; appearance:none; padding-right:40px; border:1px solid #000; background:url("../images/common/ico_select_arrow.svg") no-repeat right 20px center;}
.news_wrap .form_element select {-webkit-appearance:none; -moz-appearance: none; appearance:none; background:none; padding:0 20px;}
.form_element input[type="text"] {height:60px; padding:0 24px; border:1px solid #000;}
.form_element label {display:inline-block; font-size:16px; line-height:24px; cursor:pointer;}
.form_element label:hover input + span {text-decoration:underline;}
.form_element label input[type="checkbox"],
.form_element label input[type="radio"] {position:absolute; clip-path:rect(0 0 0 0);}
.form_element label input[type="checkbox"] + span,
.form_element label input[type="radio"] + span {display:block; line-height:24px; padding-left:34px !important; background:url("/img/btn_checkbox_off.svg") no-repeat left center;}
.form_element label input[type="checkbox"]:checked + span,
.form_element label input[type="radio"]:checked + span {background-image:url("/img/btn_checkbox_on.svg");}




/************************************************************************
* POPUP *
************************************************************************/
.ft_popup{display:none;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);z-index:999;}
.ft_popup .popup_wrap{max-width:740px;margin:0 auto;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;background:#fff;}
.ft_popup .popup_wrap .titArea{height:60px;line-height:60px;padding:0 20px;position:relative;background:#0b2a4a;text-align:left;}
.ft_popup .popup_wrap .titArea p{font-size:20px;font-weight:500;color:#fff;}

.ft_popup .popup_wrap .conArea{padding:25px 20px;}
.ft_popup .popup_wrap .conArea p{line-height:1.5;font-size:16px;color:#8a8381;}
.ft_popup .popup_wrap .conArea li{color:#8a8381;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:200px;padding:20px;margin:10px 0;font-size:16px; text-align: left !important; line-height: 160%; color: rgb(0 0 0 / 70%); border:1px solid #ddd;overflow-y:scroll;}
.ft_popup .popup_wrap .conArea table{width:100%;border-top:solid 1px #000;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.ft_popup .popup_wrap .conArea table th,
.ft_popup .popup_wrap .conArea table td{padding:16px 0;color:#292929;line-height:160%;font-size:16px;letter-spacing:-0.04em;vertical-align:middle;border-bottom:dashed 1px #ddd;}
.ft_popup .popup_wrap .conArea table th{width:20%;background:#f6f6f6;text-align:center;}
.ft_popup .popup_wrap .conArea table td{width:80%;padding-left:14px;padding-right:14px;text-align:left;}

.ft_popup .popup_wrap .close{width:30px;height:30px;display:block;position:absolute;top:15px;right:35px;cursor:pointer;}
.ft_popup .popup_wrap .close:after{width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;content:"";transform:rotate(45deg);}
.ft_popup .popup_wrap .close:before{width:2px;height:30px;background:#fff;position:absolute;top:calc(50% - 15px);right:calc(50% - 15px);display:block;content:"";transform:rotate(-45deg);}

.popTbt{cursor:pointer;}
@media screen and (max-width:767px) {
.ft_popup .popup_wrap{max-width:100%;}
.ft_popup .popup_wrap .conArea{padding:20px 15px;}
.ft_popup .popup_wrap .conArea p{font-size:15px;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:160px;padding:18px;font-size:15px;}
.ft_popup .popup_wrap .conArea table th,
.ft_popup .popup_wrap .conArea table td{padding:14px 0;font-size:15px;}
.ft_popup .popup_wrap .conArea table td{padding-left:12px;padding-right:12px;}
}
@media screen and (max-width:640px) {
.ft_popup .popup_wrap .titArea{height:50px;line-height:50px;padding:0 15px;}

.ft_popup .popup_wrap .conArea{padding:15px 10px;}
.ft_popup .popup_wrap .conArea p{font-size:14px;}
.ft_popup .popup_wrap .conArea .data_txt_box{height:140px;padding:15px;font-size:14px;}
.ft_popup .popup_wrap .conArea table th,
.ft_popup .popup_wrap .conArea table td{padding:12px 0;font-size:14px;}
.ft_popup .popup_wrap .conArea table td{padding-left:10px;padding-right:10px;}

.ft_popup .popup_wrap .close{top:10px;right:30px;}
}

@media screen and (max-height:700px) {
.ft_popup .popup_wrap{height:100%;}
.ft_popup .popup_wrap .conArea{height:100%;padding-bottom:120px;overflow-y:scroll;}
}