/************************************************************************
* COMMON *
************************************************************************/
.scontents{position:relative;margin:10rem 0 0 0}
.scontents .detail{padding-top:10rem;padding-bottom:0px;position:relative;overflow:hidden;}

.page-header {
    margin-top: 0px
}

.page-header .page-tit {}


.page-header h2 {
    font-size: 6rem;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0;    color: #4a4a4a;text-align:center;
	width:100%;
}

.page-header .breadcrumb {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
	margin-top:2rem
}

.page-header .breadcrumb>li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;
    color: #999
}

.page-header .breadcrumb>li button {
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;
    color: #999
}

.page-header .breadcrumb>li:not(:first-child)::before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #999;
    margin: 0 16px
}

.page-header .breadcrumb>li:first-child a {
    display: block;
    width: 24px;
    height: 24px;
    background: url("/img/ico_h.png") no-repeat center/100%
}


.page-header .breadcrumb>li:last-child {
    position: relative;
    color: #171717
}

.page-header .breadcrumb>li:last-child .breadcrumb-selector-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #171717
}

.page-header .breadcrumb>li:last-child .breadcrumb-selector-btn::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    transition: all .2s
}

.page-header .breadcrumb>li:last-child .breadcrumb-selector-btn:focus::after {
    transform: rotate(180deg)
}

.page-header .breadcrumb>li:last-child .breadcrumb-selector {
    position: absolute;
    padding: 15px 31px;
    z-index: 10;
    background-color: #fff;
    max-height: 220px;
    overflow: auto;
    display: none;
    top: 100%;
    right: 0;
    margin-top: 8px;
    width: 250px;
    border: 1px solid #171717
}

.page-header .breadcrumb>li:last-child .breadcrumb-selector li {
    padding: 12px 0
}

.page-header .breadcrumb>li:last-child .breadcrumb-selector li a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0;
    color: #999
}

.page-header .breadcrumb>li:last-child .breadcrumb-selector li a:hover {
    color: #a72b2a
}

.sub-visual {position: relative;width:85%;margin:0 auto;text-align:center}

.sub-visual .visual-img {
    margin-top: 80px;
    width: 100%;
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.sv1{background:url('/sub1/img/sv.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.sv2{background:url('/sub1/img/sv2.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.sv3{background:url('/sub1/img/sv3.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

.sv4{background:url('/sub2/img/sv4.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

.sv5{background:url('/sub5/img/sv5.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.sv6{background:url('/sub5/img/sv6.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.svinfo{background:url('/sub5/img/sinfo.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.sv_map{background:url('/sub5/img/s_map.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}


/**********************************************************/
.sub-visual .visual-img div{padding:10rem 15rem;text-align:left}
.sub-visual .visual-img h3{font-size:8rem;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;}

/*기술영역*/
.sub-visual_tech{position: relative;width:85%;margin:0 auto;text-align:center}

.sub-visual_tech .visual-img {
    margin-top: 80px;
    width: 100%;
    min-height: 650px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.sub-visual_tech .visual-img div{padding:10rem 15rem;text-align:left}
.sub-visual_tech .visual-img h3{font-size: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;}


/****************/

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

.page-ct{position: relative;width:100%;margin:0 auto;text-align:center;padding:6rem 0;display:inline-block;letter-spacing:-0.04rem}
.page-ct_btm{position: relative;width:100%;margin:7rem auto 0 auto;text-align:center;padding:6rem 0 0 0;display:inline-block;letter-spacing:-0.04rem}

.page-ct .l-bx{float:left;width:55%}
.page-ct .txt-bx{width:80%;margin-left:20%;text-align:left;padding:12rem 0 0 0}
.page-ct h4{font-size:5.3rem;color:#403430;animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}
.page-ct .page_txt{width:80%;font-size:2.3rem;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:6rem;}


.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:right;   width: 45%;}


.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: 600px; background-repeat: no-repeat;    background-position: center;  background-size: cover}
.info_img2{background:url('/sub1/img/s02.jpg');animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;min-height: 600px; background-repeat: no-repeat;    background-position: center;  background-size: cover}


.page-ct-btm-t{font-size:2.8rem;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:7rem;line-height:8.5rem;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: 650px;margin-top:10rem; 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:300px;width:1px;margin:0 auto 4rem 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.8rem;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;}


/** 추가 이미지 **/
.page-ct-img{width:100%;margin:5rem auto 0rem auto;padding:10rem 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:flex;flex-direction: row;justify-content: space-around;    align-items: flex-start;}
.page-ct-imgbx p{margin:2rem;}
.page-ct-imgbx p img{width:95%;border-radius:20px 0 20px 0}


.page-ct-imgbx_btm{padding: 5rem 0;width: 90%;margin: 0 auto;display: flex; flex-direction: row; align-items: flex-start; justify-content: center;}
.page-ct-imgbx_btm p{margin:2rem;}
.page-ct-imgbx_btm p img{width:95%;border-radius:20px 0 20px 0}


.page-ct-imgbx_tech{padding:5rem 0;width:90%;margin:0 auto;display: flex; flex-direction: row; justify-content: center;   align-items: flex-start;flex-wrap: wrap;}
.page-ct-imgbx_tech p{margin:2rem;}
.page-ct-imgbx_tech p img{width:95%;border-radius:20px 0 20px 0}


/** 핵심기술 스크롤 **/
.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:7rem;/*top:0rem ! important;*/bottom: 100%;z-index:999999999}



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

.page-ct-w85 {position: relative;width:85%;margin:12rem auto 100px auto;text-align:center;letter-spacing:-0.04rem}
.page-ct-w85 .txt-bx{width:100%;text-align:left;padding:0rem 0 0 0;margin:3rem 0 2rem 0}

.page-ct-w85 h4{font-size:5rem;color:#403430;text-align:left;padding: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:2.0rem;line-height:3.0rem;color:#8a8381;font-weight:400;padding:2rem;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;}
.sn02{background:url('/sub1/img/n02.png') no-repeat top right;}
.sn03{background:url('/sub1/img/n03.png') no-repeat top right;}
.sn04{background:url('/sub1/img/n04.png') no-repeat top right;}

.p_line_tech{background:rgba(0,0,0,0.16);min-height:120px;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:120px;text-align:center;transform:rotate(45deg);width:1px;margin:3rem 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:2rem 1rem;border:1px solid rgba(138,131,129,0.4);border-radius:40px 0 40px 0;width:23%;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:50%;}
.nnn02{background:url('/sub5/img/nn02.png') no-repeat top center;background-size:50%;}
.nnn03{background:url('/sub5/img/nn03.png') no-repeat top center;background-size:50%;}
.nnn04{background:url('/sub5/img/nn04.png') no-repeat top center;background-size:50%;}

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

.solution{display:flex;padding:2rem;margin-bottom:3rem}
.solution .sol-img {
    width: 40%;
    min-height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;border-radius:40px 0 40px 0;border:0px solid #000
}
.sol_text{padding:5rem 3rem;margin:3rem 0 3rem 0;display:inline-block;border:0px solid #000}
.sol_text h4{font-size:2.6rem;line-height:3rem;color:#8a8381;padding-left:20%;padding-top:50px;min-height:100px}
.sol_text p{padding:5rem;font-size:1.85rem;text-align:left;line-height:3.5rem;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 0;background-size:200px;}
.solution .nn02{background-position:0 0;background-size:200px;}
.solution .nn03{background-position:0 0;background-size:200px;}
.solution .nn04{background-position:0 0;background-size:200px;}


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

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

.p_line_info{background:rgba(0,0,0,0.16);min-height:80px;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.5rem;color:#85736d}

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


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

/** 다음지도 숨기기 **/
.section_address{display:none ! important}
.wrap_controllers {display:none ! important}

/***********************************************************/
/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}



/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

/************************************************************************
* table * * board *
*************************************************************************/
.table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;table-layout:fixed;}
.table tr th,
.table tr td{width:auto;padding:14px 12px;color:#292929;line-height:150%;font-size:20px;text-align:center;vertical-align:middle;border-bottom:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;word-wrap:break-word;display:table-cell;word-break:keep-all;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr th{background:#0563c2;}
.table tr .blr{border-right:solid 1px #d5d5d5 !important;}
.mThide{display:none;}

.mobileHide{width:100%;}
.table.type1{overflow:hidden;}
.table.type1 tr:first-child{border-top:solid 1px #d5d5d5;}
.table.type1 tr th{background:#0563c2;}
.table.type1 thead tr th{color:#fff;}
.table.type1 tbody tr th{background:#f6f6f6;font-weight:200;}

.bd_bx{max-width:1360px;min-width:1000px;border:0px solid #000;margin:3rem auto;}


@media screen and (max-width:1500px){
.table tr th,
.table tr td{padding:12px 10px;font-size:18px;}
}
@media screen and (max-width:1280px){
.table tr th,
.table tr td{padding:10px 8px;font-size:16px;}
}
@media screen and (max-width:800px){
.mThide{display:block;padding-bottom:5px;}

.mobileHide{width:100%;overflow-x:auto;}
.mobileHide .table{min-width:800px;}
}
@media screen and (max-width:640px){
.table tr th,
.table tr td{padding:8px 6px;font-size:14px;}
    
    
    
    
    
    
/*********** 상담문의 ***********/
.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;}

    

.appBox {width:85%;margin: 0 auto;}
    
.appBox i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#e12d34;display:inline-block;}

.appBox .appBox-D{border-top:solid 1px #000;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) {
.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 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:140px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 140px);}
}
@media screen and (max-width:860px) {
.appBox .appBox-D div.disF{padding:10px 5px;}
.appBox .appBox-D div.disF .ttit{width:100%;padding-top:0;padding-bottom:5px;}
.appBox .appBox-D div.disF .ccon{width:100%;}
}
@media screen and (max-width:767px) {
.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:#0a9e46;border-radius:50px;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;}
}