/* 팝업 */
.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:30px; 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 > h4 {display:block; position:relative; width:auto; margin-top:30px; padding-left:0px; font-size:20px; font-weight:500; color:#00286E; line-height:30px;}
.template > h4:first-child {margin-top:0;}

.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) {

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; }

.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: 3px; 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 label::before{width: 20px; height: 20px;}
/* .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: 120px;}

/* 페이징 */
.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 > 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; 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;  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) {

.c_contact {  margin: 60px auto 0px auto; }

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; }

.cate_select li label { font-size: 15px;  padding-left: 32px;  line-height: 25px;}
.form_w dd.option label span { font-size: 14px;}
.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: 0px; }
.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:27px; box-sizing: border-box; cursor : pointer; line-height:25px;}
/* .cate_select li label::after{content: ''; display : block; position : absolute; top: 5px; left: 2px; 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;} */
.cate_select li label::before{width: 18px; height: 18px; top : 0px;}
/* 22.01.12. 문의게시판 수정 end */

.c_wrap .btn_wrap { margin:60px 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) {
  
  .g-recaptcha{margin-top: 0;}
  .gap16{gap: 8px;}
  dl.form_w dd > input.p120{max-width : 80px; width: 100%;}
  #sub #wrap #content .container{width:92%; }
  .c_contact { margin-bottom:80px;}
  
  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;}
  input.email{max-width: 127px; width : 100%;}
  
  .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: 3px; 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;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;} */
  .cate_select li label::before{width: 17px; height: 17px; top: 0;}
  /* 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;}
.c_contact {
  margin: 60px auto 0px auto;
}

} /*800px End*/

@media (max-width : 768px){
  .sub_menu_btn{margin-top: 0px;}
}

@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; }

/* #sub #wrap #content .container{width:92%;} */
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: auto; table-layout: fixed;}

.wrap_contact { width:400px !important; overflow-x: auto; }
.c_wrap .btn_wrap {margin: 60px auto 40px auto;width:400px !important; }

} /* 400px End*/

/* 팝업창 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;z-index:9999;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
/* 팝업창 */
/*
@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");}
*/