@charset "utf-8";

/*구글캡차*/
.g-recaptcha{margin-top: 0px; margin-bottom:20px;}


/* 2022.01.12. 우리웹스 문의게시판 수정 */
.cate_select{display : flex; margin-top: 10px; }
.cate_select li{margin-right: 48px; line-height:25px;}
.cate_select li:last-child{margin-right: 0;}
.cate_select li label{ position : relative; font-size:16px; color : #000; padding-left:36px; box-sizing: border-box; cursor : pointer; line-height:25px;}
.cate_select li label::after{content: ''; display : block; position : absolute; top: 6px; left: 4px; width: 18px; height: 9px; border-bottom: 2px solid #fff; border-left: 2px solid #fff;; transform : rotate(-45deg); }
.cate_select li label::before{content: ''; display : block; position : absolute; width: 25px; height: 25px; left: 0; border : 1px solid #000; border-radius:2px ;}
.cate_select li input{display : none;}
.cate_select li input:checked + label{ }
.cate_select li input:checked + label::before{ border-radius:2px; background-color : #212121;border : 2px solid #212121;}
.cate_select li input:checked + label::after{ border-color: #fff;}
/* 22.01.12. 문의게시판 수정 end */


#sub #wrap #content .container{width:100%; max-width:1200px; margin:0 auto;}

.c_wrap { padding:0px 0px;}
.c_wrap > .title {margin-bottom:50px; text-align:left;}
.c_wrap .tab {margin-bottom:30px;}
.c_wrap .sort {margin-bottom:30px;}
.c_wrap .btn_wrap {margin:120px auto 0px auto;}

dl.form_w{width:100%; display:flex; flex-wrap: wrap; border-top:2px solid #212121;border-bottom:2px solid #212121; }
dl.form_w dt{border-bottom:1px solid #BFBEBE; padding-left:40px; width:18%; font-size:18px; font-weight:600; line-height:70px; }
dl.form_w dd{display:flex; border-bottom:1px solid #BFBEBE; width:78%; line-height:40px; margin-top:15px; }
dl.form_w dt.line02{line-height:24px; padding-top:10px; padding-bottom:10px;}



.gap50{gap : 50px;}
.gap20{gap : 20px;}
.gap16{gap : 16px;}
.f_wrap > label{position: relative;display : flex; align-items: center; height: 25px; padding-left: 43px;}
.contact_radio{width: 0;height: 0;}
.contact_radio:checked::after{background-color: #000; background-image: url('/file/img/s_img/check_w.png'); background-repeat: no-repeat; background-position: center;}
.contact_radio::after{content : ''; position : absolute; display : block; left: 0; top: 0; width: 25px; height: 25px; border-radius: 1px; border: 1px solid #212121;}
dl.form_w dd > input.p120{max-width: 120px;;}
label[for="cf_privacy"] img{vertical-align: -1px;}




.c_contact { vertical-align:middle; position:relative; width:100%; max-width:1500px;  }
.c_contact .cc_result i {display:inline-block; vertical-align:middle; width:120px; height:120px; margin-bottom:40px; background-image:url("../images/common/icon_result.png"); background-image:url("../images/ie/icon_result.png")\9; background-repeat:no-repeat; background-size:auto 100%; background-position:center; transition:0.2s; -webkit-transition:0.2s;}
.c_contact .cc_result p {margin-top:20px;}
.wrap_contact {vertical-align:middle; position:relative; width:100% !important; max-width:1500px; margin:0 auto;}


/* Contact 
.contact_line{background-image: url('/file/img/s_img/contact_line.jpg'); background-repeat: no-repeat; background-position: center bottom;}
dl.contact_tit{width:90%; margin: 100px auto 12px;  max-width:1200px; padding-bottom: 7px;}
dl.contact_tit dt{margin:40px auto 0px auto; color:#d71920; font-size:110px; font-family:'NexaDemoBold'; line-height: 1.2;}

dl.contact_tit dd{color:#000; font-size:34px; line-height:1.3;font-family:'NexaDemoLight'; margin-bottom:60px; font-weight: 600;}
dl.contact_tit dd li{float:left; display:inline; margin-right:48px; font-size:17px; line-height:1.6; letter-spacing:0; font-weight: 600; color : #000;}
dl.contact_tit dd ul:after{display: block;content: '';clear: both;}
dl.contact_tit dd li strong{font-size:25px; color:#d71920; font-weight:600; font-family:'NexaDemoLight'; display:block;}


p.contact_h5{clear:both; background:url(../img/s_img/contact_h5.jpg) no-repeat 0 10px; width:100%; max-width:1200px; padding-left:20px;  font-weight:600; font-size:34px; letter-spacing:-0.05em; color:#000;  margin:120px auto 20px auto; }
p.contact_h5.h5_m{margin-top: 0px;}


#contents .c_contact .cc_result i {display:inline-block; vertical-align:middle; width:120px; height:120px; margin-bottom:40px; background-image:url("../images/common/icon_result.png"); background-image:url("../images/ie/icon_result.png")\9; background-repeat:no-repeat; background-size:auto 100%; background-position:center; transition:0.2s; -webkit-transition:0.2s;}
#contents .c_contact .cc_result p {margin-top:20px;}

*/

/* 폼태그 
.form {display:inline-block; vertical-align:middle; width:100%; text-align:left;}
.form .f_wrap {display:inline-block; vertical-align:middle; width:100%; padding:0px 0;}
.form .f_field {display:inline-block; vertical-align:middle; float:left; position:relative; box-sizing:border-box; width:100%; padding-top:10px;}
.form .f_field .ff_title {position:absolute; left:0; top:12px;min-width:140px; height:80px; overflow:hidden; font-size:16px; font-weight:600; color:#000; letter-spacing:-0.5px; line-height:64px; text-align:left;  border-bottom:2px solid #ccc; margin-bottom:0px;padding-bottom:10px;}
.form .f_field .ff_title label {display:inline-block; vertical-align:middle; position:relative; padding:0 3px;}
.form .f_field .ff_title.required label:before {content:""; position:absolute; left:0; bottom:16px; width:100%; height:5px; }
.form .f_field .ff_title.required label mark {position:relative;}
*/

/*첨부파일 추가*/
.form .f_field .ff_file02 {position:absolute; left:0; top:12px;min-width:140px; height:112px; overflow:hidden; font-size:24px; font-weight:600; color:#000; letter-spacing:-0.5px; line-height:88px; text-align:left;  border-bottom:2px solid #ccc; margin-bottom:0px;padding-bottom:10px;}
.form .f_field .ff_file02 label {display:inline-block; vertical-align:middle; position:relative; padding:0 3px;}
.form .f_field .ff_file02.required label:before {content:""; position:absolute; left:0; bottom:16px; width:100%; height:5px; }
.form .f_field .ff_file02.required label mark {position:relative;}



.form .f_field .ff_wrap {display:block; margin-left:150px !important;  /*margin-bottom:10px; padding-bottom:10px; */ font-size:20px;}
.form .f_field .ff_wrap02 {display:block; margin-left:150px !important; /*margin-bottom:10px; padding-bottom:10px; */ font-size:20px; }
.form .f_field .ff_wrap02 a{color:#d1d3d4;}

.form .f_field .ff_title02 {position:absolute; left:0; top:0;min-width:140px; height:80px; overflow:hidden; font-size:24px; font-weight:600; color:#000; letter-spacing:-0.5px; line-height:30px; text-align:left;  border-bottom:2px solid #ccc; margin-bottom:0px;padding-bottom:10px;}
.form .f_field .ff_title02 label {display:inline-block; vertical-align:middle; position:relative; padding:10px 3px 0 3px;}
.form .f_field .ff_title02.required label:before {content:""; position:absolute; left:0; bottom:16px; width:100%; height:5px; }
.form .f_field .ff_title02.required label mark {position:relative;}


.form .f_field .ff_title03 {position:absolute; left:0; top:0;min-width:140px; height:200px; overflow:hidden; font-size:24px; font-weight:600; color:#000; letter-spacing:-0.5px; line-height:200px; text-align:left;  border-bottom:2px solid #ccc; margin-bottom:0px;padding-bottom:10px;}
.form .f_field .ff_title03 label {display:inline-block; vertical-align:middle; position:relative; padding:0 3px;}
.form .f_field .ff_title03.required label:before {content:""; position:absolute; left:0; bottom:16px; width:100%; height:5px; }
.form .f_field .ff_title03.required label mark {position:relative;}

.form .f_field .ff_title04 {position:absolute; left:0; top:10px;min-width:140px; height:82px; overflow:hidden; font-size:24px; font-weight:600; color:#000; letter-spacing:-0.5px; line-height:65px; text-align:left;  border-bottom:2px solid #ccc; margin-bottom:0px;padding-bottom:10px;}
.form .f_field .ff_title04 label {display:inline-block; vertical-align:middle; position:relative; padding:0 3px;}
.form .f_field .ff_title04.required label:before {content:""; position:absolute; left:0; bottom:16px; width:100%; height:5px; }
.form .f_field .ff_title04.required label mark {position:relative;}

.form .f_field .ff_wrap_txt {font-size:20px; color:#6a6a6c !important; padding-top:5px; padding-bottom:5px;}
.form .f_field .ff_wrap_txt02 { padding-left:20px; font-size:20px; color:#6a6a6c !important;width:50%; padding-top:5px; padding-bottom:15px;}
.form .f_field .ff_wrap_txt a{color:#6a6a6c; }
.form .f_field .ff_wrap_txt02 a{color:#6a6a6c; }
.form .f_field .ff_wrap{border-bottom:2px solid #ccc; }
.form .f_field .ff_wrap input{ border:none !important; height:80px;  font-size:20px; background: inherit;}
.form .f_field .ff_wrap input.file{ border:none !important; height:32px;  font-size:16px; color:#6a6a6c !important; width:25%;}
.ff_wrap_txt02 { padding-left:20px; font-size:15px; color:#6a6a6c !important;width:50%;  }


/*개인정보처리방침*/

.form_w dd.option {min-height:30px; padding:5px 0 20px 0; line-height:30px; }
.form_w dd.option ul {display:inline-block; vertical-align:middle; width:100%; }
.form_w dd.option li {display:inline-block; vertical-align:middle; float:left; margin:0 5px;}
.form_w dd.option input {position: absolute; z-index: -1; visibility: hidden;}

.form_w dd.option input:checked + label i {background-color: #000;}
.form_w dd.option input:checked + label i:before {border : 1px solid #fff; }
.form_w dd.option input:checked + label i:after {color:#fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff;}
.form_w dd.option input:checked + label span {background-color:#000; color:#fff; border : 1px solid #000;}

.form_w dd.option label span {display:inline-block; border-radius:45; border:1px solid #000;padding:0 15px;  display:inline-block; vertical-align:middle; padding-right:15px; border-radius:0px; font-size:16px; font-weight:400; background:#fff; line-height:46px;  transition:0.2s; -webkit-transition:0.2s;}


.form_w dd.option label span:hover {background-color:#000; color:#fff; border : 1px solid #111;}
.form_w dd.option label span:hover i{ position : relative; font-size:16px; color : #111; padding-left:36px; box-sizing: border-box; cursor : pointer; line-height:25px;}
.form_w dd.option label span:hover i::after{content: '';display : block;position : absolute;top: 0px;left: 4px;width: 18px;height: 9px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;transform: rotate(-45deg);}
.form_w dd.option label span:hover i::before{content: ''; display : block; position : absolute; width: 20px; height: 20px;top:0px; left: 0; border : 1px solid #fff; border-radius:20px;}

.form_w dd.option input:checked + label span:hover i:after {color:#111; border-bottom: 2px solid #fff;border-left: 2px solid #fff;}
.form_w dd.option input:checked + label span:hover i:before {color: #111;border: 1px solid #fff;}





.form_w dd.option .text {line-height:30px;}
.form_w dd.option .text a{color:#d1d3d4; line-height:30px; }
.form_w dd.option .text a span.privacy_btn{display:inline-block; background:#000; border: 1px solid #000; box-sizing: border-box; color:#fff; border-radius:0px; padding:2px 25px; font-size:16px; font-weight:400; line-height:42px; }



.form_w dd.option label i{ position : relative; font-size:16px; color : #000; padding-left:36px; box-sizing: border-box; cursor : pointer; line-height:25px;}
.form_w dd.option label i::after{content: ''; display : block; position : absolute; top: 0px; left: 4px; width: 18px; height: 9px; border-bottom: 2px solid #000; border-left: 2px solid #000; transform : rotate(-45deg);}
.form_w dd.option label i::before{content: ''; display : block; position : absolute; width: 20px; height: 20px;top:0px; left: 0; border : 1px solid #000; border-radius:20px;}











input[type=email], 
input[type=text], 
input[type=password], 
input[type=number],
input[type=file]{border:1px solid #707070 !important; height:46px; line-height:46px; padding:0px 0px; font-size:15px; }
input[type=checkbox], 
input[type=radio]{vertical-align:middle;padding:0; margin:0 5px 0 0; border:0px solid #c1c1c1; font-size:15px; }
input[type=text],
input[type=password]{ padding:10px 0px !important; border:1px solid #707070; }
.p50{width:50% !important;}
.p30{width:35% !important;}

.cont01 select.email_sel{border:1px solid #707070 !important; height:46px; line-height:46px; padding:0px 0px; font-size:15px;}


.cont01 input:hover, 
.cont01 input:focus, 
.cont01 select:hover, 
.cont01 select:focus, 
.cont01 textarea:hover, 
.cont01 textarea:focus { }
.cont01 input[type=file]:hover, 
.cont01 input[type=file]:focus { border: none !important;}
.cont01 input[type=image]:hover, 
.cont01 input[type=image]:focus { border: none !important;}


.form .f_field .ff_wrap.text {min-height:24px; margin:0px 0; padding:0 5px;}
.form .f_field.div2 {width:calc(50% - 40px); margin:0 20px;}
.form .f_field.div2:first-child {width:calc(50% - 20px); margin-left:0;}
.form .f_field.div2:last-child {width:calc(50% - 20px); margin-right:0;}

/* 폼스타일 */
.cont01 .input {display:block; vertical-align:middle; box-sizing:border-box; width:100%; height:40px; margin:0; padding:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; border-radius:0px;
	font-size:15px; color:#111427; letter-spacing:0px; line-height:80px; text-align:left; text-indent:15px;  transition:0.2s; -webkit-transition:0.2s;}
.cont01 .select {display:block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; height:46px; margin:0; padding:0 15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; border-radius:0px; background: inherit;
	font-size:15px; letter-spacing:0px; line-height:46px; text-align:left; transition:0.2s; -webkit-transition:0.2s;  color:#6a6a6c !important; border:1px solid #707070; }

.cont01 .select::-ms-expand {opacity:0;}
.cont01 .file {display:block; vertical-align:middle; box-sizing:border-box; width:100%; height:40px; margin:0; padding:10px 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; border-radius:0px;
	font-size:14px; color:#111427; letter-spacing:0px; line-height:30px; text-align:left; text-indent:5px; transition:0.2s; -webkit-transition:0.2s;}
.cont01 .textarea {display:block; vertical-align:middle; box-sizing:border-box; width:100%; width:98%\9; max-width:100%; min-width:100%; background: inherit; font-size:15px !important; min-height:190px; resize:vertical; margin:0; padding:10px 15px; padding:5px 1%; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; border-radius:0px; text-align:left; transition:0.2s; -webkit-transition:0.2s; border:1px solid #707070; margin-bottom:20px;}


/* 첨부파일 */
.filebox {width:100%;}
.filebox .cf_file1 { display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle;
  border: 1px solid #dddddd; width: 78%; color:#999999; width:30%;}
.filebox input[type="file"] {
  position: absolute; width: 0; height: 0; padding: 0; overflow: hidden;  border: 0;}

.file {display:block; vertical-align:middle; box-sizing:border-box; width:400px; height:80px; margin:0; padding:10px 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; border-radius:0px;
	font-size:14px; color:#111427; letter-spacing:0px; line-height:30px; text-align:left; text-indent:5px; transition:0.2s; -webkit-transition:0.2s;}


.file{position: relative;}
.file input[type="text"]#userfile1{width: 100%;height: 43px;border-radius: 43px;}
.file .file_input_div{position: absolute;top: 0;right: -1px;overflow: hidden;width:110px;border: 0;height: 55px;}
.file .file_input_div .file_box{position: relative;width: 100%;height:57px;}
.file .file_input_div input.file_input_hidden{position: absolute;top:5px;right: 0px;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;width: 100%;opacity: 0; height: 45px !important;padding: 0;border: none;border-radius: 0;}
.file .file_input_div input.file_input_button{position: absolute;top: 10px;right: 0px;width: 100%;border: 0;height: 47px;color: #fff;font-weight: 500;font-size: 17px;text-align: center;background:#000 url('../img/s_img/btn_file_.png') no-repeat center 0;padding: 0;border: none;border-radius: 0;text-indent: -9999px;}

.file .file_input_div input#file-upload-button{width:110px !important; height:40px !important;}

.file input[type=text]{ padding:10px 10px !important; border:1px solid #707070; width:290px;  height:45px;
  line-height:45px;}
.file input[type=file] {  border: 1px solid #707070 !important;  height: 46px;  line-height: 46px;  padding: 0px 0px;
  font-size: 15px;}








/* 버튼 */
.btn_wrap {display:inline-block; vertical-align:middle; width:100%; text-align:center; margin-top:40px;}
.btn_wrap ul {display:inline-block; vertical-align:middle; margin:0 auto; width:auto;}
.btn_wrap li {display:inline; float:left; margin:0 7px;}
.btn_wrap li:first-child {margin-left:0;}
.btn_wrap li:last-child {margin-right:0;}
.btn {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; min-width:150px; height:50px; padding:0px 20px; border-radius:0px; font-size:15px; font-family:'Montserrat', Noto Sans KR, sans-serif; font-weight:900; color:#111427; line-height:50px; text-align:center;; overflow:hidden; text-overflow:ellipsis; word-break:break-all; transition:0.2s; -webkit-transition:0.2s;}
.btn:hover {background-color:#ffe618; color:#111427; text-decoration:none !important; /* box-shadow:0 20px 40px rgba(17, 20, 39, 0.2);*/}
.btn.big {min-width:160px; height:46px; padding:0px 40px; font-size:18px; line-height:46px;}
.btn.t1 {background-color:#D40D1D; color:#fff; font-weight:500;}
.btn.t1:hover {}
.btn.t2 {}
.btn.t2:hover {}
.btn.t3 {background-color:#c0dae9; color:#111427;}
.btn.t3:hover {background-color:#080916; color:#c0dae9;}
.btn.arrow {padding-right:50px; text-align:left;}
.btn.arrow:before {content:""; display:inline-block; vertical-align:middle; position:absolute; top:50%; right:20px; width:8px; height:2px; margin-top:-3px; border-radius:2px; background-color:#111427; transform:rotate(45deg); -ms-transform:rotate(45deg); transition:0.2s; -webkit-transition:0.2s;}
.btn.arrow:after {content:""; display:inline-block; vertical-align:middle; position:absolute; bottom:50%; right:20px; width:8px; height:2px; margin-bottom:-3px; border-radius:2px; background-color:#111427; transform:rotate(-45deg); -ms-transform:rotate(-45deg); transition:0.2s; -webkit-transition:0.2s;}
.btn.big.arrow:before {right:40px;}
.btn.big.arrow:after {right:40px;}
.btn.t1.arrow:before {background-color:#fff;}
.btn.t1.arrow:after {background-color:#fff;}
.btn.t1.arrow:hover:before {}
.btn.t1.arrow:hover:after {}
.btn.t2.arrow:hover:before {}
.btn.t2.arrow:hover:after {}
.btn.t3.arrow:hover:before {background-color:#c0dae9;}
.btn.t3.arrow:hover:after {background-color:#c0dae9;}



/* 팝업 */
.popup {position:fixed; left:0; right:0; top:-100%; bottom:100%; z-index:9999; width:auto !important; height:auto !important; background:rgba(17, 26, 39, 0.9);}
.popup.on {top:0; bottom:0;}
.popup .p_close { display:inline-block; vertical-align:middle; position:absolute; right:40px; top:-100px; z-index:9999; overflow:hidden; width:60px; height:60px; margin-left:-30px; border-radius:30px;   transform:scale(1); transition:0.3s; -webkit-transition:0.3s;}
.popup .p_close:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:38px; height:2px; margin-top:-1px; margin-left:-8px; border-radius:2px; background-color:#111427; transform:rotate(45deg); -ms-transform:rotate(45deg); transition:0.2s; -webkit-transition:0.2s;}
.popup .p_close:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:38px; height:2px; margin-top:-1px; margin-left:-8px; border-radius:2px; background-color:#111427; transform:rotate(135deg); -ms-transform:rotate(135deg); transition:0.2s; -webkit-transition:0.2s;}
.popup.on .p_close {top:30px;}



.popup .p_box {display:inline-block; vertical-align:middle; position:absolute; left:10%; right:10%; top:10%; bottom:150px; z-index:2; overflow:auto; width:auto; height:auto; border-radius:0px; box-shadow:0 30px 90px rgba(0, 0, 0, 0.5); transform:scale(0.8); transition:0.4s; -webkit-transition:0.4s;}
.popup.on .p_box {transform:scale(1);}
.popup .p_wrap {position:releative; padding:80px 50px;transition:0.3s; -webkit-transition:0.3s; background:#fff;}
.popup .p_out {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; cursor:default;}
.popup .p_head {display:inline-block; vertical-align:middle; width:100%; margin-bottom:30px;}
.popup .p_body {display:inline-block; vertical-align:middle; width:100%;}


.popup .p_title {display:inline-block; vertical-align:middle; position:relative; width:100%; padding-top:20px; font-family:'Noto Sans KR', sans-serif; font-size:26px; font-weight:700; color:#111427; line-height:40px; letter-spacing:-1px;}
.popup .p_title:before {content:""; position:absolute; left:0; top:0; width:40px; height:5px; border-radius:1px; background-color:#111427;}
.popup .p_body .p_left {box-sizing:border-box; width:50%; float:left;}
.popup .p_body .p_right {box-sizing:border-box; width:50%; float:right; padding-left:50px;}

.form .f_field .ff_title02 span.pc_cut{display:block; }



/* 서식 */
.template {display:inline-block; vertical-align:middle; width:100%; text-align:left; word-wrap:normal; word-break:keep-all;}
.template > p.h4 {display:block; position:relative; width:auto; margin-top:30px; margin-bottom:30px; padding-left:0px; font-size:22px important; font-weight:500; color:var(--primary-color); line-height:30px; text-align: left;}
.template > p.h4:first-child {margin-top:0;}

.template > p.h4 {
  display: block;
  position: relative;
  width: auto;
  margin-top: 30px;
  padding-left: 0px;
  font-size: 18px;
  font-weight: 500;
  color: #d71920;
  line-height: 30px;
}


.template > strong {display:block; position:relative; width:auto; margin-top:20px; margin-left:20px; font-size:16px;  font-weight:400; color:#777; line-height:24px;}
.template > p {display:block; position:relative; width:auto; margin-top:10px; margin-left:25px; font-size:16px; font-weight:400; color:#777; line-height:24px;}
.template > .box {margin-top:20px; margin-left:25px; padding:20px 25px; border:#e6e6e6 solid 1px; background-color:#f9f9f9; font-size:16px;  font-weight:400; color:#777; line-height:24px;}
.template strong {font-weight:500; color:#111427;}
.template a {color:#111427;}
.template a:hover {text-decoration:underline; text-decoration-color:rgba(0, 174, 239, 0.7);}
.template > ul {display:block; position:relative; width:auto; margin-top:10px; margin-left:10px; font-size:16px;  font-weight:400; color:#777; line-height:24px;}
.template > ul > li {position:relative; margin:5px 0; padding-left:10px;}

.template > ul > li > ul {display:block; position:relative; width:auto; margin:5px 15px; font-size:16px; font-weight:400; color:#777; line-height:22px;}
.template > ul > li > ul > li {position:relative; padding-left:10px;}
.template > ul > li > ul > li:before {content:""; position:absolute; left:0px; top:11px; width:4px; height:1px; background-color:#777;}
.template > ul > li > p {display:block; position:relative; width:auto; margin:5px 15px; padding-left:10px; font-size:16px;  font-weight:400; color:#777; line-height:24px;}

.template > .table {margin-top:10px; margin-left:25px;}




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

.wrap_contact { width:96% !important; }

dl.form_w{width:100%; display:flex; flex-wrap: wrap;  }
dl.form_w dt{ padding-left:40px; width:23%; font-size:16px; line-height:60px; }
dl.form_w dd{display:flex;  width:77%; line-height:25px; margin-top:10px; }

.cate_select li label { font-size: 15px;  padding-left: 32px;  line-height: 25px;}
.form_w dd.option label span { font-size: 15px;}
.p30 { width:45% !important;}
.btn.big { font-size: 16px;}
.ff_wrap_txt02{line-height:1.4;}

input[type=email], input[type=text], input[type=password], input[type=number], input[type=file] {
height: 40px; line-height: 40px; font-size: 15px;}
.form_w dd.option .text a span.privacy_btn{font-size:15px;}
.form_w dd.option { min-height: 30px; padding:2px 0 10px 0;  line-height: 30px;}



/* 2022.01.12. 우리웹스 문의게시판 수정 */
.cate_select{display : flex; margin-top: 10px; }
.cate_select li{margin-right:38px; line-height:25px;}
.cate_select li:last-child{margin-right: 0;}
.cate_select li label{ position : relative; font-size:15px; color : #000; padding-left:28px; box-sizing: border-box; cursor : pointer; line-height:25px;}
.cate_select li label::after{content: ''; display : block; position : absolute; top: 8px; left: 4px; width: 14px; height: 5px; border-bottom: 2px solid #fff; border-left: 2px solid #fff;; transform : rotate(-45deg); }
.cate_select li label::before{content: ''; display : block; position : absolute; margin-top:2px; width:20px; height:20px; left: 0; border : 1px solid #000; border-radius:1px ;}
.cate_select li input{display : none;}
.cate_select li input:checked + label{ }
.cate_select li input:checked + label::before{margin-top:2px; background-color : #212121;border : 2px solid #212121;}
.cate_select li input:checked + label::after{border-color: #fff;}
/* 22.01.12. 문의게시판 수정 end */




/* 영역구분 */
.wrap {display:block; width:auto !important; max-width:100%; margin:0 40px;}
.c_contact { margin-bottom: 0px;}

/* 페이징 */
.paging {margin-top:40px;}
.paging a {min-width:20px; height:30px; font-size:11px; line-height:30px;}


/* 팝업 */
.popup .p_close:hover {transform:scale(1);}
.popup.on .p_close {top:30px;}
.popup .p_box {left:60px; right:60px; top:60px; bottom:60px;}
.popup .p_wrap {padding:40px;}
.popup .p_head {margin-bottom:20px;}
.popup .p_title {padding-top:15px; font-size:24px; line-height:30px; margin-bottom:40px;}
.popup .p_title:before {width:30px; height:4px;}
.popup .p_body .p_left {width:100%;}
.popup .p_body .p_right {width:100%; padding-top:30px; padding-left:0;}
.template > p.h4 {display:block; position:relative; width:auto; margin-top:30px; padding-left:0px; font-size:18px; font-weight:500; color:#d71920; line-height:30px;}
.popup .p_box {display:inline-block; vertical-align:middle; position:absolute; left:10%; right:10%; top:150px; bottom:150px; z-index:2; overflow:auto; width:auto; height:auto; border-radius:0px; box-shadow:0 30px 90px rgba(0, 0, 0, 0.5); transform:scale(0.8); transition:0.4s; -webkit-transition:0.4s;}
.template > p {margin-left:20px; }


.c_wrap .btn_wrap { margin: 100px auto 0px auto;}




.form_w dd.option label span {display:inline-block; border-radius:45; border:1px solid #000;padding:0 15px;  display:inline-block; vertical-align:middle; padding-right:15px; border-radius:0px; font-size:16px; font-weight:400; color:#000; line-height:46px;  transition:0.2s; -webkit-transition:0.2s;}


/* 첨부파일 */
.filebox {width:100%;}
.filebox .cf_file1 { display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle;
  border: 1px solid #dddddd; width: 78%; color:#999999; width:30%;}
.filebox input[type="file"] {
  position: absolute; width: 0; height: 0; padding: 0; overflow: hidden;  border: 0;}

.file {display:block; vertical-align:middle; box-sizing:border-box; width:400px; height:80px; margin:0; padding:10px 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; border-radius:0px;
	font-size:14px; color:#111427; letter-spacing:0px; line-height:30px; text-align:left; text-indent:5px; transition:0.2s; -webkit-transition:0.2s;}


.file{position: relative;}
.file input[type="text"]#userfile1{width: 100%;height: 43px;border-radius: 43px;}
.file .file_input_div{position: absolute;top: 0;right: -1px;overflow: hidden;width:110px;border: 0;height: 55px;}
.file .file_input_div .file_box{position: relative;width: 100%;height:57px;}
.file .file_input_div input.file_input_hidden{position: absolute;top:5px;right: 0px;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;width: 100%;opacity: 0; height: 40px !important;padding: 0;border: none;border-radius: 0;}
.file .file_input_div input.file_input_button{position: absolute;top: 10px;right: 0px;width: 100%;border: 0;height: 40px;font-size: 17px;text-align: center;background:#000 url('../img/s_img/btn_file_.png') no-repeat center 0; background-size:95px;}

.file .file_input_div input#file-upload-button{width:110px !important; height:40px !important;}

.file input[type=text]{ padding:10px 10px !important; border:1px solid #707070; width:290px;  height:40px;
  line-height:45px;}
.file input[type=file] {  border: 1px solid #707070 !important;  height: 46px;  line-height: 46px;  padding: 0px 0px;
  font-size: 15px;}



  .form_w dd.option label span {display:inline-block; border-radius:45; border:1px solid #000;padding:0 15px; color:#000; display:inline-block; vertical-align:middle; padding-right:15px; border-radius:0px; font-size:15px; line-height:38px; }
  .form_w dd.option .text a span.privacy_btn{display:inline-block; padding:2px 25px; font-size:15px;  line-height:34px; }

}/* 1199px End*/

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



dl.form_w{width:100%; display:flex; flex-wrap: wrap;  }
dl.form_w dt{ padding-left:10px; width:20%; font-size:15px; line-height:60px; }
dl.form_w dd{display:flex;  width:80%; line-height:25px; margin-top:10px; }

.cate_select li label { font-size: 15px;  padding-left: 32px;  line-height: 25px;}
.form_w dd.option label span { font-size: 14px; color:#000;}
.p30 { width:45% !important;}
.btn.big { font-size: 16px;}


input[type=email], input[type=text], input[type=password], input[type=number], input[type=file] {
height: 40px; line-height: 40px; font-size: 14px;}

.textarea{font-size:14px !important; min-height: 120px;}
.select{font-size:14px; height:40px; line-height:40px;}
.ff_wrap_txt02{font-size:14px; display:block; width:100%;}

.form_w dd.option .text a span.privacy_btn{font-size:14px;}

/* 2022.01.12. 우리웹스 문의게시판 수정 */
.cate_select{display : flex; margin-top: 7px; }
.cate_select li{margin-right:28px; line-height:25px;}
.cate_select li:last-child{margin-right: 0;}
.cate_select li label{ position : relative; font-size:14px; color : #000; padding-left:24px; box-sizing: border-box; cursor : pointer; line-height:25px;}
.cate_select li label::after{content: ''; display : block; position : absolute; top: 5px; left: 4px; width: 14px; height: 5px; border-bottom: 2px solid #fff; border-left: 2px solid #fff;; transform : rotate(-45deg); }
.cate_select li label::before{content: ''; display : block; position : absolute; margin-top:4px; width:18px; height:18px; left: 0; border : 1px solid #000; border-radius:1px ;}
.cate_select li input{display : none;}
.cate_select li input:checked + label{ }
.cate_select li input:checked + label::before{margin-top:4px; background-color : #212121;border : 2px solid #212121;}
.cate_select li input:checked + label::after{border-color: #fff;}
/* 22.01.12. 문의게시판 수정 end */

.c_wrap .btn_wrap { margin:80px auto 0px auto;}

.form_w dd.option {min-height:30px; margin:10px 0 0 0; line-height:30px; }

}/* 991px End*/

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

  .form_w dd.option label i::after{top: 4px;}
  .form_w dd.option label i::before{top: 3px;}



  
  dl.form_w{width:100%; display:flex; flex-wrap: wrap;  }
  dl.form_w dt{margin-top:10px; margin-bottom:10px; padding-left:0px; width:100%; font-size:14px; line-height:1.6; border-bottom:none;}
  dl.form_w dd{padding-bottom:10px; padding-left:0px; display:flex; flex-wrap: wrap; width:100%; line-height:25px; margin-top:0px; }
  
  .cate_select li label { font-size: 14px;  padding-left: 32px;  line-height: 25px;}
  .form_w dd.option label span { font-size: 14px;}
  .p30 { width:100% !important;}
  .btn.big { font-size: 15px;}
  
  
  input[type=email], input[type=text], input[type=password], input[type=number], input[type=file] {
  height:38px; line-height: 38px; font-size: 14px;}
  
  .textarea{font-size:14px !important; min-height: 120px; margin-bottom:0;}
  .select{font-size:14px;}
  .ff_wrap_txt02{font-size:14px; padding:10px 0 0 0; display:block; width:100%;}
  
  .form_w dd.option .text a span.privacy_btn{font-size:14px;}
  
/*개인정보처리방침*/

.form_w dd.option {min-height:30px; margin:0px 0 0; line-height:30px; }

.lh60 {  min-height: 25px;}
  
.form_w dd.option label span{line-height:30px;}
.form_w dd.option .text a span.privacy_btn{line-height:28px;}

  /* 2022.01.12. 우리웹스 문의게시판 수정 */
  .cate_select{display : flex; flex-wrap: wrap; margin-top: 0px; }
  .cate_select li{margin-right:18px; line-height:25px;}
  .cate_select li:last-child{margin-right: 0;}
  .cate_select li label{ position : relative; font-size:14px; color : #000; padding-left:24px; box-sizing: border-box; cursor : pointer; line-height:25px;}
  .cate_select li label::after{content: ''; display : block; position : absolute; top: 5px; left: 4px; width: 14px; height: 5px; border-bottom: 2px solid #fff; border-left: 2px solid #fff;; transform : rotate(-45deg); }
  .cate_select li label::before{content: ''; display : block; position : absolute; margin-top:4px; width:18px; height:18px; left: 0; border : 1px solid #000; border-radius:1px ;}
  .cate_select li input{display : none;}
  .cate_select li input:checked + label{ }
  .cate_select li input:checked + label::before{margin-top:4px; background-color : #212121;border : 2px solid #212121;}
  .cate_select li input:checked + label::after{border-color: #fff;}
  /* 22.01.12. 문의게시판 수정 end */
  
  .c_wrap .btn_wrap { margin:80px auto 0px auto;}
  

  .select {font-size: 14px; height:38px; line-height:38px;}


  .file input[type=text]{ padding:10px 10px !important; border:1px solid #707070; width:300px;  height:38px;
    line-height:45px;}
  .file input[type=file] {   height: 44px;  line-height: 44px;  padding: 0px 0px;
    font-size: 15px;}
  
  

.file .file_input_div input.file_input_button {height: 38px; background: #000 url(../img/s_img/btn_file_.png) no-repeat center 0;
      background-size:90px;  }

.file {  width:320px;  height:80px; padding: 10px 0; line-height: 30px;}

/* 폼태그 */
.form .f_field.div2 {width:calc(100%) !important; margin:0;}
.form .f_field.div2:last-child {margin-top:10px;}


/* 페이징 */
.paging {margin-top:40px;}
.paging ul {width:100%;}
.paging li {width:20%;}
.paging a {display:block; width:auto; padding:0;}


/* 팝업 */
.popup .p_close {width:60px; height:60px; margin-left:-25px;}
.popup.on .p_close {top:15px;}
.popup .p_box {left:40px; right:40px; top:40px; bottom:40px;}
.popup .p_wrap {padding:30px;}
.popup .p_head {margin-bottom:15px;}



.c_wrap .btn_wrap { margin:60px auto 0px auto;}


.template > p.h4 {font-size: 16px; margin-bottom:20px;}

.template > p {font-size: 15px;  margin-top: 0px;}

dl.form_w dd > input{padding-left: 12px;}
.gap50{gap: 14px;}
.gap20{gap: 10px;}
.gap16{gap: 8px;}
dl.form_w dd > input[name="cf_email[]"]{width: 100%; max-width : 140px;}
dl.form_w dd > input.p120{max-width : 80px; width: 100%;}
dl.form_w dd.gap50{flex-direction: column; align-items: flex-start;}

.form_w dd.option .text{margin-left: 12px;}
dl.form_w dd > input {
    padding-left: 26px;
    width: 100%;
    max-width: 100%;
    font-size:13px !important;
}
.cont01 .textarea { font-size:13px !important;}
.form_w dd.option .text a span.privacy_btn {

  padding: 2px 15px;

}

} /*800px End*/


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

.form .f_field .ff_wrap.option label span{margin-bottom:10px;padding:0 15px;  }
.form .f_field .ff_wrap input.file{ width:55%;}

.form .f_field .ff_wrap.option ul{width : 100%;}

.form .f_field .ff_title04.ft04{height: 120px;}

}





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



.form .f_field .ff_title04.ft04{height: 40px;}
.form .f_field .ff_title04 {width:100%; height:40px;  line-height:40px; }


dl.contact_tit{width : 94%;}
/* 영역구분 */
.wrap {margin:0 auto;}

.cate_select{margin-top: 10px;}



/* 팝업 */
.popup .p_close {width:60px; height:60px; margin-left:-20px;}
.popup.on .p_close {top:20px; right:20px;}
.popup .p_box {left:0; right:0; top:0; bottom:0; border-radius:0;}
.popup .p_wrap {padding:25px 15px;}
.popup .p_head {margin-bottom:10px;}
.popup .p_body .p_right {padding-top:20px;}
.form .f_field .ff_wrap.option {margin:0;clear: both;margin-top: 50px;}
.form .f_field .ff_wrap.option label span{margin-bottom:10px;padding:0 15px;  }


.popup .p_title {padding-top:15px; font-size:20px; line-height:30px; margin-bottom:40px;}
.popup .p_body {display:inline-block; vertical-align:middle; width:100%; font-size:15px; letter-spacing:-0.075em; }

.popup .p_title {padding-top:15px; font-size:24px; line-height:30px; margin-bottom:40px;}
.template > h4 {display:block; position:relative; width:auto; margin-top:20px; padding-left:0px; font-size:15px; font-weight:500; color:#d71920; line-height:30px;}

.template > strong { font-size:15px; }
.template > p { font-size:15px; }
.template > .box { font-size:15px;}
.template > ul {font-size:15px; }
.template > ul > li > ul { font-size:15px; }
.template > ul > li > p { font-size:15px; }
.template > p {margin-left:15px; }


} /* 560px End*/


@media (max-width: 400px) {

.c_contact {  max-width: 400px;}
.scroll_box { width: 100%; padding: 0; overflow-x: scroll; table-layout: fixed;}


} /* 400px End*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.select {background-image:url("../images/ie/icon_arrow_select.png");}
}
html.edge .select {background-image:url("../images/ie/icon_arrow_select.png");}