@charset "utf-8";

#wrap .section04{position:relative; clear:both;background:#fff; margin:0; padding:0; width:100%; }
#wrap .section04 .container{width:1340px; margin:0 auto;padding:120px 0 100px 0;}
#wrap .section04 h3{text-align: center; font-size:40px; font-weight:600; color : #1A1311; margin :0px 0 0 0px; padding-bottom:60px; background:url('/file/img/s_img/bg_vline.png') no-repeat center bottom;}
#wrap .section04 p.tit{font-size:33px; font-weight:600; line-height:1.5; color:#fff; text-align: center;}
#wrap .section04 p.tit span.pc_cut{display:block;}

.cont_wrap{width:100%; margin-top:40px; display: grid;   grid-template-columns: 1fr 1fr; gap:200px;  justify-content: space-between;}
.cont_wrap .item{width:100%;}
.cont_wrap .item dt{font-size:30px; line-height:1.4; font-weight:400; margin-bottom:40px;}

.cont_wrap .item dd.m_map{max-width:100%; margin-top:20px;}
.m_map02{width:100%; height:350px;}
.cont_wrap .item dd span.add{font-weight: 300; font-size: 16px; background:url('/file/img/s_img/map_add.png') no-repeat 0 3px; padding-left:28px;}
.cont_wrap .item dd span.tel{font-weight: 300; background:url('/file/img/s_img/map_tel.png') no-repeat 0 4px; margin-left:20px; padding-left:27px;}

.root_daum_roughmap { width: 570px !important;}


input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0; font-size:16px;border-radius: 3px;  }
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0; font-size:16px;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
.root_daum_roughmap .wrap_btn_zoom{z-index: 10 !important;}
.form_list .ck_content .padding ul li{margin-bottom: 10px;}



/*상담문의*/
#form_outer{ position: relative; width:100%; height: 100%;  }
.form_outer{ z-index:13;padding-bottom:0; text-align:left;  color:white; background-position: center;  background-repeat: no-repeat; 
position: relative; padding-top:0px; }
.form_con{margin:0 auto;  color:#fff; padding:0px 0 0 0px; line-height:36px;letter-spacing:0px; text-align:center; }
.form_con h2{font-weight:700 !important; text-align:center; margin:0; font-size:42px; color:#fff; width:100%; min-height:80px;  line-height:44px; padding:0px 0px 40px 0px; background:none; }
.form_con span.tit{text-align:center;font-size:18px;color:#fff;   padding:30px 0;line-height:32px;letter-spacing:0px; text-align:center;}


.animate .btn_area{opacity:0;transform:translate(0,20px)}
.animate.motion .btn_area{opacity:1;transition:.3s ease-out .7s;transform:translate(0,0)}

input[type='text']::placeholder {
  color:#333;        /* 색상 지정 가능 */
  font-weight: 400;   /* 굵기 지정 가능 */
  font-size:16px;    /* 크기 지정 가능 */
  width:80px;
  border-right:1px solid #555;
  /*background:url('../img/s_img/input_titbar.png') no-repeat 0 right;*/
}

textarea::placeholder {
  color:#333;        /* 색상 지정 가능 */
  font-weight: 400;   /* 굵기 지정 가능 */
  font-size:16px;    /* 크기 지정 가능 */

  border-bottom:1px solid #555;
}


/* Contact */

ul.form_list{margin:0px 0 0 0; padding:0; }
ul.form_list li{}
ul.form_list li.s1 {margin-top:0px; text-align:center; }
ul.form_list li.s1 li{width:570px; margin:0 auto; text-align:left; }

.tm-input {	margin:0 auto 20px auto; width:100%; font-weight:400; padding:5px 30px;  border-radius: 3px;  border: 1px solid #333;  background: transparent;  color: #333;  line-height:40px;  min-height:40px; }
.tm-btn-submit {font-size: 18px;	font-weight:600; color: #111; background-color: #fff;	width: 570px; height:43px;	margin:50px 0;	border-radius:3px;}
.tm-btn-submit:hover {color: #fff; background-color:#38B;}
.tm_height{height:255px !important;}





/*메인상담문의 개인정보수집동의 팝업*/
.ck_content{display: none;position: fixed;z-index: 999999 !important;top:20%;right:5%;width:768px;margin: 0 auto;float: none;padding: 20px 0;}
.ck_content .padding{position: relative;border: 1px solid #fff;padding:35px 10px 10px 40px;border-radius:3px;background: #282828;}
.ck_content .padding ul:after{display: block;content: '';clear: both;}
.ck_content p.title{font-size: 24px; color:#fff; margin-bottom: 25px; text-align:center;}
.ck_content ul{width: 100%;margin: 0;}

.ck_content ul li{float: none;width: 100% !important;text-align: left;}
.ck_content ul li p{text-align: left;color: #fff;line-height: 1.4;}
.ck_content ul li p.ck_tit{margin-bottom: 5px; font-weight:300;}
.ck_content ul li p.ck_txt{padding: 0 0 0 15px; font-weight:300;}
.ck_content ul li p.ck_txt.bullet{padding: 0 0 0 27px;background: url(../img/s_img/ck_agree_bullet.png) no-repeat 15px 11px;}
.ck_content a.btn{clear:both; display: block;width: 160px;margin: 0 auto;margin-top:35px;margin-bottom: 15px;height: 40px;line-height: 40px;background: #b70005;font-size: 18px;color: #fff;font-weight: 600;text-align: center;}
.ck_content a.close{position: absolute;top: 30px;right: 30px;display: block;width: 41px;height: 41px;background: #fff;text-indent: -9999px;background: url(../img/s_img/popup_close_wh.png) no-repeat center center;}

ul.form_list li.s1 li div{text-align:right; }
ul.form_list li.s1 li div.ck_agree{text-align:center; margin: 0 auto 0px auto;  text-align:left; cursor: pointer; display: inline-block;}
ul.form_list li.s1 li div.ck_agree:after{display: block;content: '';clear: both;}
ul.form_list li.s1 li div.ck_agree span{}
ul.form_list li.s1 li div.ck_agree span.ck_box{float: left;display: block;width: 16px;margin-right: 5px;height: 16px;border: 1px solid #000;cursor: pointer;}
ul.form_list li.s1 li div.ck_agree span.ck_box.on{background: url(../img/s_img/ck_box_on_wh.png) no-repeat center center;}
ul.form_list li.s1 li div.ck_agree p{float: left;color: #333;line-height: 16px; font-size:16px;}



.ck_agree{text-align:center; margin: 0 auto 0px auto;  text-align:left; }
.ck_agree:after{display: block;content: '';clear: both;}
.ck_agree span{}
.ck_agree span.ck_box{float: left;display: block;width: 16px;margin-right: 5px;height: 16px;border: 1px solid #fff;cursor: pointer;}
.ck_agree span.ck_box.on{background: url(../img/s_img/ck_box_on_wh.png) no-repeat center center;}
.ck_agree p{float: left;color: #fff;line-height: 16px;}



.send{margin:0 auto 0px auto; width:100%; font-weight:400; padding:0px 0px;  border-radius: 6px;   line-height:40px;  min-height:40px; text-align:right;}
.send a{display:inline-block; font-size: 18px;	font-weight:400; color: #41474d; border:1px solid #333; background-color: #fff;	width: 160px; height:43px;	margin:0px 0 0px 0;	text-align:center; text-shadow:none;border-radius:50px; 
}

.btn_contact{position: absolute;top: 40%;left: -50px;}





@media (max-width:1339px) {



#wrap .section04{ height:auto;  }
#wrap .section04 .container{width:96%; margin:0 auto;padding:120px 0 100px 0;}
#wrap .section04 h3 {  font-size:36px;}

.cont_wrap { width: 100%; margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr;
  gap: 20px;  justify-content: space-between;}

.cont_wrap .item dt { font-size: 28px;}

} /* end */



@media (max-width: 1199px) {

.cont_wrap {gap: 40px; }
#wrap .section04 .container {  padding: 100px 0 100px 0;}
#wrap .section04 h3 {  font-size:32px;}
ul.form_list li.s1 li { width: 100%;}

.tm-input { margin: 0 auto 20px auto;  width: 100%;}
.cont_wrap .item { width: 100%;}

.cont_wrap { width: 100%; margin-top: 40px; }
.root_daum_roughmap {  width: 100% !important;}

.cont_wrap .item dt { font-size: 24px; line-height:1.5;}

.send a {  display: inline-block;font-size: 16px; width: 150px; height: 40px;}
.tm-input {margin: 0 auto 20px auto;  width: 100%;  padding: 5px 20px;  line-height:36px;
  min-height: 36px;}


} /* end */


@media (max-width: 991px) {

#wrap .section04 .container {  padding:80px 0 80px 0;}
#wrap .section04 h3 {  font-size:28px;}
.cont_wrap {   grid-template-columns: 1fr; gap: 0px; }
.cont_wrap .item dt { font-size: 22px;}
ul.form_list li.s1 li div.ck_agree{text-align:center; margin: 0 auto 20px auto;  text-align:left; width:100%; }

.ck_content{top:10%; left:5%; min-height:100%; padding:0px 0; }
.ck_content .padding{position: relative;border: 1px solid #fff;padding:35px 20px 20px 40px; min-height:100%;border-radius:3px;background: #282828;}

.ck_content .padding ul:after{display: block;content: '';clear: both;}
.ck_content a.btn{clear:both; display: block;width: 160px;margin: 0 auto;margin-top:20px; margin-bottom:15px;  height: 40px;line-height: 40px;background: #b70005;font-size: 18px;color: #fff;font-weight: 600;text-align: center; }

.cont_wrap .item dd span.tel {display:block;
  margin-left: 0px;  padding-left: 25px;  margin-top:10px;}
.cont_wrap .item dt {  margin-bottom: 30px;}

#form_outer {margin-top:60px; position: relative; width: 100%;  height: 100%;}
.tm_height {  height:200px !important;}



} /* end */


@media (max-width: 768px) {

#wrap .section04 h3 {  font-size:24px;}
.cont_wrap .item dt { font-size:16px; text-align:center;}

ul.form_list li.s1 li div.ck_agree{text-align:center; margin: 0 auto 0px auto;  text-align:left; width:100%; }
.ck_content{top:10%; left:5%; min-height:100%; padding:0px 0;}

.ck_content p.title{font-size: 17px; color:#fff; margin-bottom: 8px; text-align:center;}
.ck_content{display: none;position: fixed;z-index: 9999;top:20%;left:2%;width:96%;margin: 0 auto;float: none;padding:0px 0;  }
.ck_content .padding{position: relative;border: 1px solid #fff;padding: 50px 10px 20px 10px;border-radius:3px;background: #282828;}
.ck_content a.close{top: 12px; right: 12px;}

ul.form_list li.s1 li div.ck_agree p{float: left;color: #111;line-height: 15px; letter-spacing:-0.03em;}


.tm-input {padding: 5px 10px;line-height: 34px; min-height: 34px;}


input[type='text']::placeholder { font-size:15px; width:70px;}

textarea::placeholder { font-size:15px; }
.send a { font-size: 15px; width: 140px; height:34px;line-height:34px;}


.cont_wrap .item dd span.add {
  background: url(/file/img/s_img/map_add.png) no-repeat 0 3px; background-size:12px;
  padding-left: 20px;
}
.cont_wrap .item dd span.tel {
  background: url(/file/img/s_img/map_tel.png) no-repeat 0 4px; background-size:12px;
  padding-left: 20px;
}
ul.form_list li.s1 li div.ck_agree p {
  font-size: 15px;
}

input[type='text'], input[type='password'], input[type='submit'], input[type='search'] {
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 15px;
  border-radius: 3px;
}

.cont_wrap{margin-top: 16px;}
#wrap .section04 .container{padding : 00px 0 50px 0;}
.send{margin : 10px 0 20px;}
#wrap .section04 .container{width: 94%;}
#form_outer{margin-top: 30px;}
.wrap_map{height: 250px !important;}
.root_daum_roughmap_landing{height: 250px !important;}

} /* end */