/*main_cnt
-------------------------------------------------------*/
/*mvis*/
.mvis { max-width:100%; height:100%; }


/*main_cnt*/
.wrapper{
	width: 100%;
	float: left;
	margin-top: 50px;

}
.wrapper .inner{
	max-width:98%;
	margin-right: auto;
	margin-left: auto;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}
.m_tit { margin:70px 0 30px 0; text-transform:uppercase; font-size:1.8em; font-weight:bold; text-align:center; clear:both;}
.svc_bx { width:100%; border:1px solid #d9d9d9; padding:0; margin-bottom:5px; display:block; height:150px;}
.svc_bx img { float:left; max-width:38%; margin-right:2%; height:inherit;}
.svc_bx p { float:left; margin-left:auto; max-width:60%; color:#666; font-size:1em;  line-height:150%;}
.svc_bx p span { font-weight:bold;  font-size:1.3em; line-height:45px;}

.svr_add {max-width:90%; padding:0 5%;  height:auto; background:url(../images/m_svc_5.jpg) center no-repeat; text-align:left; height:286px }
.svr_add  h1 { padding:50px 0 0 0; font-size:1.2em; line-height:180%; font-weight:bold; color:#fff; text-transform:uppercase; }
.svr_add  p {font-size:0.9em; line-height:150%; color:#788db1; padding:4% 0; }
.svr_add .btn { border:1px solid #fff; border-radius:20px; line-height:30px; width:150px; color:#fff; text-align:center; }
.svr_add .btn a{ color:#fff;text-decoration:none; }

.prj { background:#fff; width:100%; height:auto; padding:70px 0; text-align:center; list-style:none;}
.prj .inner { display:inline-block;}
.slg {max-width:100%; padding:0;  max-height:100%; background:url(../images/m_svc_6.jpg) left no-repeat; text-align:center; color:#fff; height:400px; }
.slg img { margin:130px auto 20px;}
.slc {  width:100%; height:auto;}
.cs { background:#f5f5f5; width:100%; height:auto; }
.cs .inner {
	border-top:50px solid #f5f5f5;
	border-bottom:50px solid #f5f5f5;
	max-width:96%;
	margin-right: auto;
	margin-left: auto;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */ background:#fff;}
.cs .inner .faq { width:90%; padding:20px 0; background:url(../images/m_faq_img.png) right no-repeat; }
.cs .inner .ppl { width:90%; padding:20px 0; background:url(../images/m_ppl_img.png)  right no-repeat; border-top:1px solid #f5f5f5;}
.cs .faq h1, .cs .ppl h1 {font-size:1.2em; line-height:150%; color:#434343; margin-left:20px;}
.cs .faq p, .cs .ppl p {font-size:0.9em; line-height:150%; color:#666; margin-left:20px;}
.cs .inner .faq .btn, .cs .inner .ppl .btn  { background:#f08200; border-radius:20px; line-height:30px; width:100px; color:#fff; text-align:center; margin:10px 0 0 20px; }
.cs .inner .faq .btn a, .cs .inner .ppl .btn a { color:#fff; text-decoration:none;}



.content_box_mob{display: none;}


.first{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 80vh; background:url(../images/a1_newbg_mo.png) no-repeat; background-size: cover; margin-bottom: 56px;}
.first .text_wrap{display: flex; align-items: center; flex-direction: column; width: 96%;}
.first .text_wrap img{width: 60%;}
.first .text_wrap>span{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 32px; font-size: 24px; line-height: 30px; letter-spacing: -0.025em; color: #fff; font-weight: bold; font-family: 'Pretendard' !important; text-align: center;}
.first .text_wrap>span small{font-size: 17px; line-height: 30px; letter-spacing: -0.025em; color: #fff; font-weight: 400; font-family: 'Pretendard' !important;}
.first .text_wrap p{pointer-events: none;user-select: text; margin-top: 96px; font-size: 32px; font-weight: bold; color: #fff; font-family: 'Pretendard' !important;}
.first .text_wrap p span{font-size: 32px; font-weight: bold; color: #fff; font-family: 'Pretendard' !important;}
.first .pop_btn_wrap{position: absolute; bottom: 32px; display: flex; justify-content: center; align-items: center; width: 90%; height: 54px;}
.first .pop_btn_wrap .pop_btn{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 8px; font-size: 16px; background: #f08200; color: #fff; font-weight: bold;}


.content_box_mob {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
}
.content_box_mob.active { 
    display: block;
    transform: translateY(0);
    opacity: 1;
}
.content_box_mob .back_bg{width: 100%; height: 100vh; position: absolute; z-index: -1; background-color: rgba(0,0,0,.5)}
.content_box_mob .top{position: relative; padding: 0 16px; box-sizing: border-box; border-radius: 20px 20px 0 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 42px; color: #fff; font-weight: bold; font-size: 16px; background-color: #DC4E13; font-family: 'Pretendard' !important;}
.content_box_mob .close_btn{ width: 42px; display: flex; justify-content: center; align-items: center;  height: 42px; font-family: 'Pretendard' !important;}

.content_box_mob #form_info_box{display: flex; flex-direction: column; gap: 8px;}
.content_box_mob #form_info_box .input_box{display: flex; gap: 4px; flex-direction: column; width: 100%; height: fit-content;}
.content_box_mob #form_info_box .input_box label{display: flex; align-items: center; width: 120px; height: 100%; font-size: 13px; font-family: 'Pretendard' !important;}
.content_box_mob #form_info_box .input_box input{display: flex; align-items: center; width: 100%; height: 42px; border-radius: 10px; padding-left: 16px; box-sizing: border-box; font-size: 13px; border: 1px solid #DFDFDF; font-family: 'Pretendard' !important;}
.content_box_mob #form_info_box .input_box input:focus-visible{border: 1px solid #DC4E13 !important; outline: 0;}
.content_box_mob #form_info_box .input_box input::placeholder{font-size: 13px; color: #BABABA; font-family: 'Pretendard' !important;}
.content_box_mob #form_content .input_item{display: flex; flex-direction: column; gap: 4px;}
.content_box_mob #form_content{margin-top: 16px;}
.content_box_mob #form_content label{display: flex; align-items: center; width: 120px; height: 100%; font-size: 13px; font-family: 'Pretendard' !important;}
.content_box_mob #form_content textarea{display: flex; align-items: center; width: 100%; height: 100px; border-radius: 10px; padding-left: 16px; box-sizing: border-box; font-size: 16px; border: 1px solid #DFDFDF; resize: none; padding: 16px; font-size: 13px; box-sizing: border-box; font-family: 'Pretendard' !important;}
.content_box_mob #form_content textarea:focus{border: 1px solid #DC4E13 !important; outline: 0;}
.content_box_mob #form_content textarea::placeholder{font-size: 13px; color: #BABABA; font-family: 'Pretendard' !important;}
.content_box_mob .input_pass{display: flex; flex-direction: column; width: 100%; height: fit-content; margin-top: 8px;}
.content_box_mob .input_pass label{display: flex; align-items: center; width: 120px; height: 100%; font-size: 13px; font-family: 'Pretendard' !important;}
.content_box_mob .input_pass input{display: flex; align-items: center; width: 100%; height: 42px; border-radius: 10px; padding-left: 16px; box-sizing: border-box; font-size: 16px; border: 1px solid #DFDFDF; font-family: 'Pretendard' !important;}
.content_box_mob .input_pass input:focus-visible{border: 1px solid #DC4E13 !important; outline: 0;}
.content_box_mob .input_pass input::placeholder{font-size: 13px; color: #BABABA; font-family: 'Pretendard' !important;} 

.form_wrap{width: 100%; height: 360px; overflow-y: scroll; background-color: #fff; outline: 1px solid #fff;}
.form_wrap .top{display: none !important}
.form_wrap .form-con{padding: 24px 16px 12px; box-sizing: border-box;}
.form_wrap .more_bt{width: 100%; padding: 0 16px 48px; box-sizing: border-box;}
.form_wrap .more_bt #btn_submit{width: 100%; height: 42px; border-radius: 10px; background-color: #DC4E13; font-size: 16px; font-weight: 500; color: #fff; outline: 0; border: 0; font-family: 'Pretendard' !important;}

.custom_select_wrap{width: 100% !important; }
.custom_select{height: 42px !important; font-size: 13px !important; }
/* 활성화 시 */
.content_box_mob.active {
    display: block;
    transform: translateY(0);
}
body:has(.content_box_mob.active){height: 100vh; overflow: hidden;}