@charset "utf-8";



#wrap .section#section2{clear:both; position:relative;width:100%; height:auto; margin:0 auto; padding:0px 0; background:#fff;}
#wrap .section#section2 h3{margin-top:0px; padding:0px 0 20px 0;text-align: center;font-size: 48px;color: #101954;font-weight:600; letter-spacing:-0.03em; }
#wrap .section#section2 p.tit{font-size:16px; font-weight:400; line-height:1.5; color:#212121; text-align: center;}
#wrap .section#section2 p.tit span.pc_cut{display:block;}
#wrap .section#section2 .container{width:1200px; margin:0 auto;padding:100px 0 0 0;}
/*��㹮��*/
.form_outer{width:100%; z-index:13;padding-bottom:0; text-align:left;  color: white; width:100%;  background-color: #fff;  background-position: center;  background-repeat: no-repeat; 
  position: relative;  }
 .form_con{width:1200px; margin:0 auto;  color:#212121; padding:0px 0 0 0px; line-height:36px;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)}



/* Contact */

ul.form_list{margin:20px 0 40px 0; padding:0; width:100%; float:left;}
ul.form_list:after{display: block;content: '';clear: both;}
ul.form_list li{width:50%; float:left; display:inline;}
ul.form_list li.s1 {margin-top:30px;width:50%; text-align:center; }
ul.form_list li.s1 li{width:100%; text-align:center; }
ul.form_list li.s2{width:45%; margin-left:5%; }
ul.form_list li.s2 li{width:100%; text-align:left; font-size:18px; line-height:90px; letter-spacing:0; float:left; display:inline; padding-left:55px;}
ul.form_list li.s2 li a{color:#212121; font-size:18px;}
ul.form_list li.s2 li.t_mail{background:url('../img/onlineform/t_mail.png') no-repeat 0 30px; }
ul.form_list li.s2 li.t_map{background:url('../img/onlineform/t_map.png') no-repeat 0 28px;}
ul.form_list li.s2 li.t_tel{background:url('../img/onlineform/t_tel.png') no-repeat 0 28px; }
ul.form_list li.s2 li.t_fax{background:url('../img/onlineform/t_fax.png') no-repeat 0 28px; }

.tm-input {	margin:0 auto 20px auto; width:451px !important; font-size:18px; font-weight:400; padding:0px 25px;  border-radius:19px !important;  border: 1px solid #212121 !important;  background: transparent;  color:#212121 !important;  line-height:60px;  min-height:60px; }
.tm-btn-submit {font-size: 18px;	font-weight:600; color: #111; background-color: #fff;	width: 451px; height:43px;	margin:50px 0;	border-radius:5px;}
.tm-btn-submit:hover {color: #212121; background-color:#38B;}
.tm_height{height:140px !important;}
form#estimate textarea{width: 100%;padding:10px 25px; height: 375px;color: #212121;font-size: 18px;line-height: 28px;font-weight:400;border: 0;}

form#estimate input[placeholder]{color: #212121 !important; font-size:18px; color:#212121; }


/*���λ�㹮�� ���������������� �˾�*/
.ck_content{display: none;position: absolute;z-index: 99999;top:20%;left:10%;width:768px;margin: 0 auto;float: none;padding: 20px 0;}
.ck_content .padding{position: relative;border: 1px solid #fff;padding:35px 20px 20px 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%;text-align: left;}
.ck_content ul li p{text-align: left;color: #fff;line-height: 1.4;}
.ck_content ul li p.tit{margin-bottom: 5px; font-weight:300; text-align:left !important; color:#212121 !important;}
.ck_content ul li p.txt{padding: 0 0 0 15px; font-weight:300;}
.ck_content ul li p.txt.bullet{padding: 0 0 0 27px;background: url(../img/onlineform/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/onlineform/popup_close_wh.png) no-repeat center center;}

ul.form_list li.s1 li div{text-align:left; }
ul.form_list li.s1 li div.ck_agree{text-align:center; margin: 0 auto 40px auto;  text-align:left; width:451px; }
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:18px;margin-right: 5px;height: 18px;border: 1px solid #212121;cursor: pointer;}
ul.form_list li.s1 li div.ck_agree span.ck_box.on{background: url(../img/onlineform/ck_box_on_wh.png) no-repeat center center;}
ul.form_list li.s1 li div.ck_agree p{float: left;color: #212121;line-height: 18px; font-size:18px;}



.ck_agree{text-align:center; margin: 0 auto 40px auto;  text-align:left; width:40%; }
.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 #212121;cursor: pointer;}
.ck_agree span.ck_box.on{background: url(../img/onlineform/ck_box_on_wh.png) no-repeat center center;}
.ck_agree p{float: left;color: #212121;line-height: 16px;}



.send{margin:0 auto 40px auto; width:451px; font-weight:400; padding:0px 0px;  border-radius: 6px;   line-height:40px;  min-height:40px; text-align:center;}
.send a{display:block; font-size: 18px;	font-weight:600; color: #fff; background-color: #101954;	width: 100%; height:43px;	margin:40px auto;	text-align:center; text-shadow:none;border-radius:12px; 
}

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


@media (max-width: 1199px) {

  #wrap .section#section2 .container{width:100%; margin:0 auto;padding:100px 0 160px 0;}

 .form_con{width:100% !important; margin:0 auto; }

ul.form_list li.s1 li div.ck_agree{text-align:center; margin: 0 auto 20px auto;  text-align:left; width:55%; }
.ck_content{display: none;position: fixed;z-index: 9999;top:30%;left:10%;margin: 0 auto;float: none;padding: 20px 0;}

#wrap .section#section2 h3{font-size:38px;}
#wrap .section#section2 p.tit{font-size:16px; }

#wrap .section#section2{ height:auto !important; }



ul.form_list li.s2{width:45%; margin-left:3%; }
ul.form_list li.s2 li{ font-size:16px; line-height:90px;  padding-left:50px; letter-spacing: -0.05em;}
ul.form_list li.s2 li a{font-size:16px; letter-spacing: -0.05em;}
form#estimate textarea{font-size: 16px; letter-spacing: -0.05em;}
form#estimate input[placeholder]{font-size:16px; letter-spacing: -0.05em;}
ul.form_list li.s1 li div.ck_agree p{ font-size:16px; letter-spacing: -0.05em;}







}/* end*/


@media (max-width: 991px) {

  #wrap .section#section2 .container{width:100%; margin:0 auto;padding:80px 0 80px 0;}

/*��㹮��*/

.form_outer{clear:both; z-index:13;padding-bottom:0; text-align:left; width:100%; background-position: center;  background-repeat: no-repeat;  position: relative;  padding-bottom: 50px;  padding-top:60px; }
 .form_con{width:98%; margin:0 auto; padding:0px 0 0 0px; line-height:36px;}
 .form_con span.tit{text-align:center;font-size:14px;  padding:0px 0;line-height:1.4;}
 .form_con h2{font-weight:700 !important; text-align:center; margin:0; font-size:28px;  width:100%; min-height:60px;  line-height:44px; padding:0px 0px 20px 0px; background:none; }


ul.form_list{margin:30px 0 0 0; padding:0; width:100%; float:left;}


.tm-input {	margin:0 auto 20px auto; width:100% !important; font-weight:400; padding:0px 15px;  border-radius: 6px;   background: transparent;  color: white;  line-height:40px;  min-height:40px; }
.tm-btn-submit {font-size: 16px;	font-weight:600; 	width:50%; height:43px;	margin:20px auto;	border-radius:5px;}

ul.form_list li.s2 li.t_mail{ background-position:0 28px;}
ul.form_list li.s2 li.t_map{ background-position:0 0px;}
ul.form_list li.s2 li.t_tel{ background-position:0 28px;}
ul.form_list li.s2 li.t_fax{ background-position:0 28px;}



/* Contact */
.form_outer{width:100%; z-index:13;padding-bottom:0px; text-align:left; width:100%;  background-position: center;  background-repeat: no-repeat;  height:auto; position: relative;  padding-bottom:0px;  padding-top:0px; }
 .form_con{width:100%; margin:0 auto;  padding:40px 0 0 0px; line-height:36px; letter-spacing:0px; text-align:center;}
ul.form_list{margin:0px auto 0 auto; padding:0; width:96%; float:none;}

ul.form_list li{width:50%; float:left; display:inline;}
ul.form_list li.s1 {margin-top:20px;width:50%; text-align:center; }
ul.form_list li.s1 li{width:100%; text-align:center; }
ul.form_list li.s2{width:45%; margin-left:5%; }
ul.form_list li.s2 li{width:100%; text-align:left; font-size:18px; line-height:60px; letter-spacing:0; float:left; display:inline; padding-left:60px;}


.send{width:100%;}
.send a{width: 100%; height:43px;	margin:40px auto 0 auto;	text-align:center; text-shadow:none;border-radius:12px; font-size:16px;}


  #wrap .section#section2 h3{font-size:30px;}
  #wrap .section#section2 p.tit{font-size:16px; }
  
  ul.form_list li.s2{width:45%; margin-left:5%; }
  ul.form_list li.s2 li{ font-size:15px; line-height:90px;  padding-left:50px; }
  ul.form_list li.s2 li.t_map{line-height:1.5; margin:20px 0;}
  ul.form_list li.s2 li.t_map span.m_cut{display:block;}
  ul.form_list li.s2 li a{font-size:15px; }
  form#estimate textarea{font-size: 15px; }
  form#estimate input[placeholder]{font-size:15px; }
  ul.form_list li.s1 li div.ck_agree p{ font-size:15px; }
  .send a{font-size: 16px;	}

  





  

} /* end */

@media (max-width: 768px) {
  #wrap .section#section2 .container{width:100%; margin:0 auto;padding:60px 0 60px 0;}

 .form_con{padding:0px 0 0 0px; }

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: 20px; margin-bottom: 25px; 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; padding: 20px 10px 20px 10px;border-radius:3px;}

.send{margin:0 auto 20px auto; width:100%; font-weight:400; padding:0px 0px;  line-height:40px;  min-height:40px; text-align:center; }
.send a{display:block; font-size: 18px;	font-weight:600; width: 100%; height:43px;	margin:20px auto;	text-align:center; text-shadow:none;}

ul.form_list li{width:80%; float:none; display:block; margin:0 auto;}
ul.form_list li.s1 {margin-top:20px;width:100%; text-align:center; }
ul.form_list li.s1 li{width:80%; text-align:center; }
ul.form_list li.s2{width:80%; margin:20px auto 0 auto;}
ul.form_list li.s2 li{width:100%; text-align:left; font-size:15px; line-height:40px; letter-spacing:0; float:left; display:inline; padding-left:60px;}


 .form_con span.tit {line-height:1.4;}
 .form_con span.tit em.m_cut{display:block;}

 ul.form_list li.s2 li{ font-size:15px; line-height:60px;  padding-left:50px; }
 ul.form_list li.s2 li.t_map{line-height:1.5; margin:20px 0;}
 ul.form_list li.s2 li.t_mail{ background-position:0 12px;}
 ul.form_list li.s2 li.t_map{ background-position:0 0px;}
 ul.form_list li.s2 li.t_tel{ background-position:0 12px;}
 ul.form_list li.s2 li.t_fax{ background-position:0 12px;}




#wrap .section#section2 h3{font-size:24px;}
#wrap .section#section2 p.tit{font-size:15px; }







} /* end */