/*회사소개*/
.ABOUT_wrap {position:relative;}
.ABOUT_wrap .text_info .t1{font-size:40px; color:#fff;}
.ABOUT_wrap .text_info .t2{font-size:18px; color:rgba(255,255,255,0.7); line-height:30px;  margin-top:50px;}
.ABOUT_wrap .wide{position:relative;   background:url(../images/contents/about/ABOUT_wrap_bg.jpg) center top no-repeat; background-size:cover;   background-attachment: fixed;  padding:400px 0px;   margin-top:100px;}
.ABOUT_wrap .wide .bg{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); }

.ABOUT_wrap .info_wrap {margin-top:100px; margin:0}
.ABOUT_wrap .info_wrap .col_box {display:table; width:100%;  }
.ABOUT_wrap .info_wrap .col_box .col{display:table-cell; vertical-align:top; padding-top:80px;}
.ABOUT_wrap .info_wrap .col_box .col .t1{font-size:27px;  letter-spacing:-1px; color:#ff5500; font-weight:800;}
.ABOUT_wrap .info_wrap .col_box .col .t1.last{margin-top:120px;}
.ABOUT_wrap .info_wrap .col_box .col .t2{color:#fff; font-size:16px;}

.ABOUT_wrap .info_wrap .col_box .map {text-align:right; padding-top:0px;}
.ABOUT_wrap .info_wrap .col_box .map img {width:80%;}
.ABOUT_wrap .info_wrap .col_box .col .t2 dl {font-size:16px; margin-top:20px;}
.ABOUT_wrap .info_wrap .col_box .col .t2 dl dt { margin:15px 0 0 0; color:#fff;  font-size:20px; margin:10px 0px;}
.ABOUT_wrap .info_wrap .col_box .col .t2 dl dd {padding:0 0 0 16px; ; color:rgba(255,255,255,0.6); background:url(../images/sub/dd_dot.jpg) 5px 10px no-repeat; line-height:24px;  padding-left:20px;}
.ABOUT_wrap .info_wrap .col_box .col .t2 dl dd a {color:#767676;}
.ABOUT_wrap .info_wrap .col_box .col .t2 dl dd a:hover {color:#000; text-decoration:underline;}
.ABOUT_wrap .dot {margin:120px 0px 50px; padding-top:50px;  background:url(../images/contents/about/ABOUT_wrap_dot.png) center top no-repeat;  }






/*CONTACT*/
.CONTACT_wrap {}
.CONTACT_wrap .col_box {width:100%; table-layout:fixed; display:table; }
.CONTACT_wrap .col_box .col {display:table-cell; vertical-align:top;  }
.CONTACT_wrap .col_box .col .title {font-size:30px; line-height:35px;  font-weight:700; color:rgba(255,255,255,1);}
.CONTACT_wrap .col_box .col .t1{margin:20px 0px 40px; color:rgba(255,255,255,0.6); line-height:22px;  }
.CONTACT_wrap .col_box .col.info {padding-left:80px;}
.CONTACT_wrap .col_box .col.info .t1{margin-bottom:110px;}
.CONTACT_wrap .col_box .col.info .t2{padding-left:90px; position:relative; color:rgba(255,255,255,0.6); line-height:30px; font-size:15px;}
.CONTACT_wrap .col_box .col.info .t2 span {position:absolute; left:0px; top:0px; color:rgba(255,255,255,1);}
.CONTACT_wrap .col_box .col.info .t2 .btn_adm {display:inline-block;  border:1px #ff5500 solid;  padding:0 40px; line-height:60px; border-radius:3px; font-size:16px;   color:#ff5500; margin-top:60px;}


.CONTACT_wrap .col_box .col.resource .t1.photo .list {display:inline-block; margin-right:10px; width:150px; border-radius:10px; overflow:hidden;background-repeat:no-repeat; background-position:center top; background-size:cover;  padding-top:15%; cursor:pointer;}
.CONTACT_wrap .col_box .col.resource .t2{padding-left:180px; position:relative; color:rgba(255,255,255,0.6); line-height:30px; font-size:15px;}
.CONTACT_wrap .col_box .col.resource .t2:last-child{margin-top:30px;}
.CONTACT_wrap .col_box .col.resource .t2 span {position:absolute; left:0px; top:0px; color:#ff5500; font-weight:bold; font-size:17px; }
.CONTACT_wrap .col_box .col.resource .t2 .t2_text_01 {color:#fff;  font-weight:bold;}
.CONTACT_wrap .col_box .col.resource .t2 .t2_text_02 {color:rgba(255,255,255,0.6); line-height:20px; }




.CONTACT_wrap .col_box .col.inq {padding-left:0px;}
.CONTACT_wrap .col_box .col.inq .inquery_box ul {overflow:hidden;}
.CONTACT_wrap .col_box .col.inq .inquery_box ul li{float:left; width:49%; border-bottom:1px rgba(255,255,255,0.3) solid; padding:10px 0px; transition: all 0.2s; color:rgba(255,255,255,0.4); font-size:15px;}
.CONTACT_wrap .col_box .col.inq .inquery_box ul li:nth-child(even){float:right;}
.CONTACT_wrap .col_box .col.inq .inquery_box ul li.full  {width:100% !important; float:left !imporant;}
.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type=text]{border:0px; background:none; width:100%; height:50px; line-height:50px; font-family: 'Montserrat', sans-serif; transition: all 0.2s;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; color:rgba(255,255,255,0.6);}
.CONTACT_wrap .col_box .col.inq .inquery_box ul li select {border:1px rgba(255,255,255,0.1); background:none; width:100%; height:50px; line-height:50px; font-family: 'Montserrat', sans-serif; transition: all 0.2s;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; color:rgba(255,255,255,0.6); }
.CONTACT_wrap .col_box .col.inq .inquery_box ul li select option{  background:rgba(0,0,0,1); color:rgba(255,255,255,0.6); }
.CONTACT_wrap .col_box .col.inq .inquery_box ul li textarea {border:0px; background:none; width:100%; height:80px; line-height:20px; font-family: 'Montserrat', sans-serif; transition: all 0.2s; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; color:rgba(255,255,255,0.6);}



.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type="text"]:hover,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type="password"]:hover,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li textarea:hover,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li textarea:focus,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type="text"]:focus,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li input[type="password"]:focus  {outline: none; color:rgba(255,255,255,0.6);}


.CONTACT_wrap .col_box .col.inq .inquery_box ul li:hover,
.CONTACT_wrap .col_box .col.inq .inquery_box ul li:focus {border-color:rgba(255,255,255,0.6); color:rgba(255,255,255,0.6);}

.CONTACT_wrap .col_box .col.inq .inquery_box .btns {margin-top:5px; position:relative;}
.CONTACT_wrap .col_box .col.inq .inquery_box .btns .agree {font-size:12px;  color:rgba(255,255,255,0.8);}
.CONTACT_wrap .col_box .col.inq .inquery_box .btns .agree .show_agree {color:rgba(255,255,255,0.6); margin-left:5px; display:inline-block;}
.CONTACT_wrap .col_box .col.inq .inquery_box .btns .submit_btn {display:block; margin-top:10px;}
.CONTACT_wrap .col_box .col.inq .inquery_box .btns .submit_btn input[type="submit"]{display:block; background:none;  width:100%;  border:1px rgba(255,255,255,0.3) solid; padding:0 20px; line-height:60px; border-radius:3px; color:#777; font-size:14px; font-family: 'Montserrat', sans-serif;  transition: all 0.2s;   -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;  color:#fff;}


.CONTACT_wrap .col_box .col.inq .inquery_box .btns .hidden_text {display:none; margin-top:20px;background:rgba(255,255,255,0.1);  height:100px; font-size:12px; overflow:hidden; overflow-y:auto; text-align:left; padding:15px;  color:#fff;}


#contact_map{height:700px; width:100%; margin-top:120px; filter: grayscale(100%) invert(90%);}





.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 


@media all and (max-width:1024px) {


	/*회사소개*/
	.ABOUT_wrap .text_info .t1{font-size:30px;  line-height:30px;}
	
	.ABOUT_wrap .wide{ padding:130px 0px; margin-top:80px;}
	.ABOUT_wrap .info_wrap {margin-top:100px; margin:0}
	.ABOUT_wrap .info_wrap .col_box {display:block; width:auto; padding:0 15px;;  }
	.ABOUT_wrap .info_wrap .col_box .col{display:block; padding-top:0px;}
	
	.ABOUT_wrap .dot {margin:80px 0px 50px; padding-top:50px;   }

	.ABOUT_wrap .info_wrap .col_box .col.map {margin-top:100px;}
	.ABOUT_wrap .info_wrap .col_box .col.map img{max-width:100%;}
	
	.ABOUT_wrap .info_wrap .col_box .col .t1 {font-size:23px;}
	.ABOUT_wrap .info_wrap .col_box .col .t2 dl {margin-top:5px;}
	.ABOUT_wrap .info_wrap .col_box .col .t2 dl dt {font-size:18px; margin:5px 0px 10px;;}
	.ABOUT_wrap .info_wrap .col_box .col .t2 dl dd {font-size:15px; }





	/*CONTACT*/
	.CONTACT_wrap .col_box {width:auto; display:block; margin:0px; }
	.CONTACT_wrap .col_box .col {display:block;  padding:0 15px; }
	.CONTACT_wrap .col_box .col .title {font-size:30px; line-height:35px;  }



	.CONTACT_wrap .col_box .col.resource .t2{padding-left:0px; position:relative; color:rgba(255,255,255,0.6); line-height:30px; font-size:15px;}
	.CONTACT_wrap .col_box .col.resource .t2:last-child{margin-top:30px;}
	.CONTACT_wrap .col_box .col.resource .t2 span {position:relative;  font-size:20px; }
	

	
	.CONTACT_wrap .col_box .col.info {padding:0px 15px; margin-top:60px; padding-top:60px; border-top:1px rgba(255,255,255,0.2) solid;}
	.CONTACT_wrap .col_box .col.info .t1{letter-spacing:-1px; margin-bottom:20px;}
	.CONTACT_wrap .col_box .col.info .t2{line-height:22px; margin-bottom:10px;}


	.CONTACT_wrap .col_box .col .t1.photo .photo_col_list {display:table; width:100%; border-spacing:5px;}
	.CONTACT_wrap .col_box .col .t1.photo .photo_col_list .list {display:table-cell; width:auto; margin-right:0px; padding-top:28%; }



	#contact_map{height:200px; margin-top:20px;  }






}


@media all and (min-width:1025px) and (max-width:1440px) {

.info_wrap {padding-left:15px;padding-right:15px;}


}