/*입사지원 23.05.30. 추가*/
.welfare-tit { position:relative; margin-bottom:30px; padding-top:5px; font-size:28px;}
.welfare-tit:before { content:''; display:block; position:absolute; top:0; left:0; width:30px; height:3px; background:#015198;}
ul.welfare-list { display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; justify-content:center;}
ul.welfare-list li { width:50%; margin-bottom:50px; text-align:center;}
ul.welfare-list li strong { display:block; line-height:40px; font-size:24px; font-weight:500; margin:0 0 9px 0;}
ul.welfare-list li span { display:block; line-height:28px; font-size:16px; font-weight:300; color:#666666;}
.recruit > li { display:table; table-layout:fixed; padding:3% 0; border-bottom:1px dashed #ddd}
.recruit > li:first-child{ padding-top:0}
.recruit > li:last-child{ border-bottom:none}
.recruit > li > div { display:table-cell; width:70px; height:70px; margin-right:5%; text-align:center; vertical-align:middle; font-size:14px; background:#015198; color:#fff;}
.recruit li dl { display:table-cell; padding-left:50px; vertical-align:middle;}
.recruit li dl dt { font-size:24px; font-weight:500; margin-bottom:10px;}
.recruit li dl dd ul.list li { font-size:16px; color:#535353;}
@media (max-width: 993px){
.welfare-tit { padding-left:15px; font-size:20px;}
.welfare-tit:before { left:15px;}
ul.welfare-list li strong { font-size:18px;}
ul.welfare-list li span { font-size:14px;}
.recruit { padding:0 15px;}
.recruit > li > div { font-size:14px;}
.recruit li dl { padding-left:20px;}
.recruit li dl dt { font-size:18px;}
.recruit li dl dd ul.list li { font-size:14px;}
}

/*인사말*/
.greeting{position:relative;}
.greeting .img{position:relative; height:500px; margin-top: 0px; background:url(../img/bg_greeting.jpg) no-repeat 50%; background-size:cover;}
/*.greeting .img:before{content:''; display:block; position:absolute; bottom:0; left:135px; width:400px; height:400px; background:url(../img/bg_chairman.png) no-repeat;}*/
.greeting .tit{position:absolute; top:30px; right:100px; width:514px; height:314px; background:#fff}
.greeting .tit h3{position:relative; margin:0; padding:140px 20px 0 50px; font-size:20px; font-weight:100;  line-height:1.6; word-break:keep-all; box-sizing:border-box; text-align:left; letter-spacing:-1px}
.greeting .tit h3:before{content:''; display:block; position:absolute; top:23px; left:50px; width:1px; height:100px; margin:0; background:#000;}
.greeting .tit h3 span{display:block; font-weight:600;}
.greeting .colum { padding:50px 20px 70px 20px;  max-width:1100px; margin:0 auto}
.greeting .colum:after{clear:both; content:""; display:block;}
.greeting .colum .left{float:left; width:48%; text-align:justify; }
.greeting .colum .right{float:right; width:48%; text-align:justify; }
.greeting .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:20px;  background-repeat:no-repeat; background-position:right center; line-height:50px;}
.greeting .sign .name { font-size:24px}

@media (max-width: 993px){
   	.greeting .tit{position:relative; width:100%; height:auto; padding:0 50px 50px 0px; top:0; right:0;}
	.greeting .tit h3{font-size:22px; line-height:1.6em;}
	.greeting .tit h3 br{display:none;}
	.greeting .img { height:253px}
	.greeting .img:before{left:50%; width:300px; height:310px; margin-left:-150px; background-size:cover;}
	.greeting .colum .left { width:100%; clear:both}
	.greeting .colum .right { width:100%; padding-top:20px; clear:both}

}

	.fc_pointer {color:#21b8ce; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:70px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }
	
	.company_type2 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; }
	.company_type2:after{content:""; clear:both; display:block;}
	.company_type2 .ceo_img {width:100%; }
	.company_type2 .ceo_img img {width:100%; height:auto; }
	.company_type2 .ceo_area{ position:relative; left:0; bottom:0; width:94%;  padding-top:100px; z-index:1; margin:0 auto;} 
	.company_type2 .ceo_area .ceo_tit { position:relative; float:left; width:30%; font-size:2em; /*text-align:center;*/ line-height:1.4em; letter-spacing:-0.05em; padding-bottom:200px; }
	.company_type2 .ceo_area .ceo_tit:after {content:''; position:absolute; width:1px; height:150px; background-color:#aaa; bottom:0; left:30%; }
	.company_type2 .ceo_area .ceo_txt { position:relative; float:right; width:65%; height:auto; margin-bottom: 50px}
	.company_type2 .ceo_area .ceo_txt h4 {font-size:1.7em;  line-height:1.5em;  color: #464646; }
	.company_info .company_type2 .ceo_area .ceo_txt p {margin-top:20px; font-size: 17px; line-height:1.5em; color: #565656; word-break: keep-all;}
	.company_type2 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:1.1em; color:#000; margin:50px 0; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;}

	.daon_s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10px;}
	.tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
	.tbla tr th{width:20%; height:45px; padding:15px 0; text-align:center; border-bottom:1px solid #666; font-size:1em;}
	.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left;}
		
	@media screen and (max-width: 992px){

		.daon_content_wrap{width:96%;}
		.daon_page_title{margin-bottom:50px;}
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}

		.company_type2 .ceo_area{ padding-top:40px;} 
		.company_type2 .ceo_area .ceo_tit { width:100%; font-size:1.8em; text-align:center; padding-bottom:50px; }
		.company_type2 .ceo_area .ceo_tit:after {height:40px;left:50%; }
		.company_type2 .ceo_area .ceo_txt { width:100%; }
		.company_type2 .ceo_area .ceo_txt h4 {margin-top:40px; font-size:1.4em;}
		.company_type2 .ceo_area .ceo_sign {margin-top: 20px; }
		.company_info .company_type2 .ceo_area .ceo_txt p {font-size: 14px;}
		.tbla tr th{width:30%; font-size:0.9em;}
		.tbla tr td{width:70%; font-size:0.9em;}
	}






/*인사말*/
.company_info  { width:100%; height:auto;  }
.company_info .img_page { width:100%; height:550px; background-image:url(../img/sub/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.company_info .img_02_page { width:100%; height:2900px; background-image:url(../img/faq.jpg); background-position:center; background-repeat:no-repeat;} 
.company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.company_info .txt_page .atxt { font-size: 34px; line-height: 1.2; text-align: center; color: #005b7f; font-weight: 600; margin-bottom: 12px; padding-top:40px; display: block; }
.company_info .txt_page h2 { font-size: 34px; line-height: 1; text-align: center; color: #005b7f; font-weight: 500; margin-bottom: 12px; padding-top:70px; display: block; }
.company_info .txt_page h2 span{ font-size: 40px; line-height: 1.5; text-align: center; font-weight: 600; letter-spacing: -1px; margin-bottom:33px; display: block; }
.company_info .txt_page p { font-size:21px; font-weight: 400; /*text-align: center;*/ word-break:keep-all; line-height:1.8; color:#555;}
.company_info .txt_page img { margin: 50px 0}
.company_info .txt_page p span { font-size:30px; font-weight: 500; text-align: center; word-break:keep-all; line-height:1.3; color:#003663; padding:30px 0 15px}
.company_info .txt_page p b { font-size:27px; font-weight: 500; color: #000000 }
.company_info .Ideology { width:100%; padding-bottom:100px;}
.company_info .Ideology .inner { max-width:1200px; margin:auto; clear:both;}
.company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0}
.company_info .Ideology .inner .point{color: #3d5f99;}
.company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}
.company_info .Ideology dl {padding:20px; border-right:1px solid #ddd; float:left; margin-left:0 }
.company_info .Ideology dl:last-child { border:0}
.company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#0071bc}
.company_info .Ideology dl dt { font-size:24px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} 
.company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; color:#555}

.tl_title_box_wrap {width:100%; height:100%; padding:50px 20px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
.tl_title_box_wrap img {width:100%; height:100%; }
.tl_title_box_wrap li {position:relative; width:23.5%; min-height:500px; /*background-color:rgba(0,0,0,.6); */margin-left:2%; float:left; cursor:pointer;  -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat}
.tl_title_box_wrap li .bg { /*background-color:#2c3856;*/ color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; }
.tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)}
.tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;/*padding:40px;*/color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;}
.tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff;}
.tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff}
.tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; padding-top:40px; vertical-align: top;}
.tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a}
.tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#fbe300; margin:0; font-weight:bold;}
.tl_title_box_wrap li .txt_wrap .cell p { font-size:16px; color:#c2c2c2; font-weight: 400; padding-top:25px; word-break:keep-all; line-height:1.6;}





/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
  .company_info .img_page { width:100%; height:200px; background-image:url(../img/sub/company_info_bg_m_company.jpg); background-position:center; background-repeat:no-repeat;} 
  .company_info .img_02_page { width:100%; height:1600px; background-image:url(../img/m_faq.jpg); background-position:center; background-repeat:no-repeat;} 

	.company_info .txt_page .atxt { font-size: 24px; }
  .company_info .Ideology dl { width:100%; margin-bottom:10px}
  .company_info .txt_page h2 { font-size: 20px; padding-top: 17px}
	.company_info .txt_page h2 span{ font-size: 25px; line-height: 1.3; }
	.company_info .txt_page p { font-size:13px; }
	.company_info .txt_page img { margin: 20px 0}
    .company_info .txt_page p b { font-size:17px; font-weight: 600; }

   .tl_title_box_wrap ul > li {width:100%; margin-left:0;  margin-bottom:10px}
	
} 

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:768px) {  
  .company_info .Ideology dl { width:50%; margin-bottom:10px; }
  .tl_title_box_wrap ul > li {width:100%; margin-left:0; margin-bottom:10px}
  .tl_title_box_wrap ul > li:nth-child(2n+1) {clear:both;margin-left:0%}
  
}

/* 테스크탑 (가로 해상도가 768px 보다 큰 화면에 적용) */
@media all and (min-width: 769px) and (max-width:1200px) {  
   .company_info .Ideology dl { width:50%; margin-bottom:10px; }
  .tl_title_box_wrap ul > li {width:49.5%; margin-left:1%; margin-bottom:10px}
  .tl_title_box_wrap ul > li:nth-child(2n+1) {clear:both;margin-left:0%}

}

/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
  .company_info .Ideology dl { width:33.3333%; margin-bottom:10px; }
  .tl_title_box_wrap ul > li {width:32.3%; margin-left:1%; margin-bottom:10px}
  .tl_title_box_wrap ul > li:nth-child(4n+1) {clear:both;margin-left:0%}

}  
/*인사말*/


/*연혁*/

	.easy_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.easy_page_title{width:100%; margin-bottom:70px;}
	.easy_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.easy_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.easy_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.history_tab{width:100%; text-align:center; margin-bottom:50px;}
	.history_tab span{display:inline-block; width:200px; margin:0px 10px; border:1px solid #000; padding:10px 0; cursor:pointer;}
	.history_tab span.on{border:1px solid #333; background-color:#333; color:#fff;}
	.history_type2{display:none; width:100%;  min-width:320px; max-width:1200px; margin:0 auto; background:url('../img/sub/history_line.gif')repeat-y center; overflow: hidden;}	
	.history_type2 .title {margin:0 0 5%;}
	.history_type2 .title h4{display:table; width:150px; height:150px; margin:0 auto; position: relative; text-align:center; font-size:1.5em; color:#fff;  }
	.history_type2 .title h4 span{display:table-cell; vertical-align:middle;  width:100%; height:100%; background:#396fbc; border-radius:100%;  z-index:1; line-height:1em;}
	.history_type2 .history_box{width:100%; overflow: hidden;}
	.history_type2 .box_wrap.right{width:50%; background:url('../img/sub/history_line2.gif')no-repeat left 56px;  position: relative;}
	.history_type2 .box_wrap.right:before{content:url('../img/sub/history_dot.gif'); position: absolute; top:45px; left: -10px;}
	.history_type2 .box_wrap.left{width:50%; background:url('../img/sub/history_line2.gif')no-repeat right 56px; position: relative;}
	.history_type2 .box_wrap.left:before{content:url('../img/sub/history_dot.gif'); position: absolute; top:45px; right: -10px;}
	.history_type2 .box_wrap .box{ border:1px solid #ddd; background:#fff; padding:0px; margin-top:20px;}
	.history_type2 .box_wrap .box img{width:100%; max-width:800px;}
	.history_type2 .box_wrap .box p.year{padding-top:10px; padding-left:20px; font-size:28px; font-weight:500; letter-spacing:-1px;color:#2754ad;}
	.history_type2 .box_wrap .box ul{margin:0; padding:0;}
	.history_type2 .box_wrap .box ul li{position: relative; margin:15px 0; padding-left:90px; line-height:1.6; font-size:15px; color:#555555; letter-spacing: -0.5px;}
	.history_type2 .box_wrap .box ul li span{position: absolute; font-weight:500; left:20px; top:0; padding-left:10px; color:#000;}
	.history_type2 .box_wrap .box ul li span:before{content:""; position: absolute; left:0; top:10px; width:4px; height:4px; background:#1776ff;}
	.history_type2 .box_wrap.right{float:right;}
	.history_type2 .box_wrap.right .box{margin-left:10%;}
	.history_type2 .box_wrap.left{float:left;}
	.history_type2 .box_wrap.left .box{margin-right:10%;}


	.history_view_1{display:block;}
	.history_view_1 .title h4 span{background-color:#21418d;}
	.history_view_1 .title h4 span{background-color:#2754ad;}
		
	@media screen and (max-width:992px){
		
		.history_type2 .box_wrap .box p.year{ padding-left:10px;}
		.history_type2 .box_wrap .box ul li span{ left:10px;}
		.history_type2 .box_wrap .box ul li{ padding-left:80px;}	

		.easy_content_wrap{width:96%;}
		.easy_page_title{margin-bottom:40px;}
		.easy_page_title h1{font-size:2em;}
		.easy_page_title h2{font-size:1em;}

		.history_tab span{width:auto; padding:5 10px; margin:0 3px;}


		.history_type2 .box_wrap .box p.year{ padding-left:10px;}
		.history_type2 .box_wrap .box ul li span{ left:10px;}
		.history_type2 .box_wrap .box ul li{padding-left:70px; padding-right:10px;}
		.history_type2{ background-position:5% top;}
		.history_type2 .title h4{width:100%; height:auto;}
		.history_type2 .title h4 span{ border-radius:0;  padding:20px 0; background:url('../img/sub/history_top.jpg')no-repeat; background-size:cover;}	
		.history_type2 .box_wrap.right{width:95%; background-position:left 55px;}
		.history_type2 .box_wrap.right .box{ width:85%; }
		.history_type2 .box_wrap.left{float:right;}
		.history_type2 .box_wrap.left{width:95%; background-position:left 90px;}
		.history_type2 .box_wrap.left:before{left: -10px; top:80px;}
		.history_type2 .box_wrap.left .box{margin:10% 0 10% 10%; width:85%; }
	}
	
	@media screen and (max-width:480px){
		.history_type2 .box_wrap .box ul li{font-size:0.9em;}
	}





/*오시는 길*/
.map_area{position:relative; z-index:1}
.map_area .txt{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:1200px;z-index:100;}
.map_area .txt .txt_wrap {background-color:#34456e; padding:40px 0;}
.map_area .txt .logo{position:absolute; top:20px; left:0; border-right:1px solid #1a7dd3; text-align:center; width:315px; line-height:90px; height:100px;}
.map_area .txt .contact{display:block; color:#fff; font-weight:400; font-size:15px; line-height:1.5; padding:0 0 0 375px;}
.map_area .txt .contact span{font-size:18px;}
.map_area .txt .tx .tel{font-weight:300;}
.map_area .txt .bt{position:absolute;top:50%;right:40px;margin-top:-30px;display:block;border-radius:65px;border:2px solid #fff;color:#fff;font-size:17px;text-align:center;min-width:180px;line-height:55px;height:60px;}

.contact_address {width:100%;height:auto; line-height:1.7;}
.contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px}
.contact_traffic { max-width:1240px; margin:100px auto; padding:20px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px}
.contact_traffic .bus {width:100%;}
.contact_traffic .subway {width:100%}
.contact_traffic ul li {color: #555; line-height:33px; font-size:16px}
.contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left}
.sub_maptitle{font-weight: 500;font-size: 35px;color: #456284; margin-bottom: 20px; letter-spacing: -1px;}
.sub_tit{text-align:left; float:left; width:15%; font-size:27px; font-weight:500; margin: 15px 0; color:#0054a6}
.sub_txt{float:left; width:85%; font-size:22px;line-height: 35px; font-weight:400; margin: 15px 0; color:#363636}
.sub_map_img{width: 100%; margin: -20px 0 80px;text-align: center;}
.sub_map_img2{width: 100%; padding: 0 0 40px;}
.sub_dotline{width:1200px; height:1px; background:url('../img/sub/subpageDotLine.png');clear:both }
.root_daum_roughmap .cont {display: none}

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
	.map_area .txt { position: relative; /*bottom: auto;*/ left: auto; transform: translateX(0); margin-top: -180px; width: auto;}
	.map_area .txt .logo img { height:30px}
	.map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both}
	.map_area .txt .contact span{font-size:17px;}
	.map_area .txt .txt_wrap{border-radius: 0px 0px 20px 0px; margin: 0 15px; padding: 0 0 30px;}
	.map_area .txt .bt { position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;}
	.map_area .txt .logo { position: relative; display: none; /*display: block;*/  top: auto; left: auto; border-right: 0;  width: 100%; line-height: 70px;  height: 70px;}
	.sub_maptitle{font-size: 28px;color: #456284; margin: 0 15px 20px;}
	.sub_tit{width: 25%; font-size:22px;padding-left: 15px }
	.sub_txt{width: 75%; font-size:18px;}
	.sub_map_img{width: 100%; margin: -20px 0 40px;}
	.sub_map_img2{width: 100%; padding: 0 15px 10px;}
}


/* 태블릿 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:992px) {  
	.map_area .txt { position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: -30px; width: auto;}
	.map_area .txt .logo img { height:20px}
	.map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both}
	.map_area .txt .txt_wrap{border-radius: 0px 0px 20px 0px; margin: 0 15px; padding: 0 0 30px;}
	.map_area .txt .bt { position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;}
	.map_area .txt .logo { position: relative; display: block;  top: auto; left: auto; border-right: 0;  width: 100%; line-height: 70px;  height: 70px;}
}

/* 테스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media all and (min-width: 993px) and (max-width:1200px) {  
	.map_area .txt {margin-top: -30px;width: 1024px;}
	.map_area .txt .txt_wrap{border-radius:0px 0px 20px 0px;margin:0 15px;padding:0 0 30px;}
	.map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0; margin-left:0;width:100%;}
	.map_area .txt .logo:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-88px;background-color:#1a7dd3;width:177px;height:1px;}
	.map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center;}
	.map_area .txt .contact .tel{font-weight:300;}
	.map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px;}

}

/*오시는 길*/


/* 시공절차 */

.content01 .box { position: relative; padding-bottom:80px; display:block;}
.content01 .box .img_right { float:right}
.content01 .box .txt_wrap { position: absolute; right: 0; top:0px; background: #fff; padding:50px;  width: 50%;}
.content01 .box .txt_wrap .half-round-tit { display:inline-block;margin-bottom:20px}
.content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a;  font-size:33px; font-weight:500;  vertical-align: middle;  line-height:1.0; letter-spacing:0;}
.content01 .box .txt_wrap .half-round-tit span { display: inline-block; width:35px; height:35px; line-height:35px; text-align: center;  border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px}
.content01 .box .txt_wrap .half-round-tit span {background:#8abd00; margin-right:10px; float:left}
/*.content01 .box .txt_wrap p {text-align: justify;}*/
.content01 .box .txt_wrap02 { position: absolute; left: 0; top:45px; background: #fff; width: 50%;}
.content01 .box .sub3_txt {font-size: 22px;line-height: 1.6;letter-spacing: -0.02em; color: #555;font-weight: 400; word-break: keep-all;}
.content01 .box .sub3_txt span{display:block;font-size: 18px;line-height: 1.5;padding-top: 20px;letter-spacing: -0.02em; color: #ed145b;font-weight: 400; word-break: keep-all;}

@media screen and (max-width: 992px) {
	.content01 .box .img { text-align:center; display:block; float:none; clear:both}
	.content01 .box .img img { width:100%}
	.content01 .box .txt_wrap { width:100%; padding:20px; display:block; position:relative; clear:both}

}

/*시공절차 ex*/
.gbcs_info  { width:100%; height:auto;  }
.gbcs_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.gbcs_info .txt_page { max-width:1200px; margin:0 auto; }
.gbcs_info .txt_page .atxt { font-size: 34px; line-height: 1.2; text-align: center; color: #005b7f; font-weight: 600; margin-bottom: 12px; padding-top:40px; display: block; }
.gbcs_info .txt_page h2 { font-size: 40px; line-height: 1; text-align: center; color: #104068; font-weight: 600; margin-bottom: 12px;  display: block; }
.gbcs_info .txt_page h2 span{ font-size: 50px; line-height: 1.5; text-align: center; color: #9e0039;font-weight: 600; letter-spacing: -1px; margin-bottom:33px; display: block; }
.gbcs_info .txt_page .sub_txt { font-size: 22px; line-height:33px; text-align: center; margin-top: -30px; color: #104068; font-weight: 400; margin-bottom: 12px;  display: block; }
.gbcs_info .txt_page .sub_tit { font-size: 40px; line-height:70px; text-align: center; margin-top: 70px; color: #000; font-weight: 600; letter-spacing: -2px; margin-bottom: 12px;  display: block; }
.gbcs_info .txt_page .sub_title { font-size: 40px; line-height:70px; text-align: center; margin-top: 0px; color: #0054a6; font-weight: 600; letter-spacing: -2px; margin-bottom: 12px;  display: block; }
.gbcs_info .txt_page .sub_stit { font-size: 33px; line-height:50px; margin-top: 50px; color: #000; font-weight: 500; margin-bottom: 12px;  display: block; }
.gbcs_info .txt_page .sub_stit span { font-size: 30px; line-height:33px; color: #0054a6; font-weight: 600; }
.gbcs_info .txt_page .smart_img { width: 100%; height: auto; }
.gbcs_info .txt_page .smart_txt { font-size: 25px; line-height:33px;  margin: 30px 42px; color: #000; font-weight: 400; margin-bottom: 12px;  display: block; }
.gbcs_info .txt_page .smart_txt span { font-size: 20px;color: #ed145b;}
.gbcs_info .txt_page .sub_sstit { font-size: 25px; line-height:50px; margin-top: 50px; color: #000; font-weight: 500; margin-bottom: 12px;  display: block; }
.gbcs_info .txt_page .sub_sstit p { font-size: 20px; line-height:20px; color: #464646; font-weight: 400; margin-bottom: 12px;  }
.gbcs_info .txt_page .sub_stxt { font-size: 22px; line-height:33px; text-align: center; color: #565656; font-weight: 400; margin-bottom: 12px;  display: block; }


.gbcs_info .txt_page .sidewrap {max-width:1200px; margin:0 auto; padding:15px 30px}	
.gbcs_info .txt_page .sidewrap .left-box {float:left; width:25%;}
.gbcs_info .txt_page .sidewrap .left-box .tit {display:block; font-size:25px; font-weight:700; line-height:1.5em;}
.gbcs_info .txt_page .sidewrap .right-box {float:left; width:75%; }	
.gbcs_info .txt_page .sidewrap.ex1 .con_box {width:100%;}
.gbcs_info .txt_page .sidewrap.ex1 .con_box .title { display:block; font-size:1.5em;  color:#000;  line-height:1.5m;}
.gbcs_info .txt_page .sidewrap.ex1 .con_box .desc {display:block;  font-size: 20px; line-height:1.6em;}
.gbcs_info .txt_page .sidewrap.ex1 .con_box .sign {display:block; margin-top:25px;  }
.gbcs_info .txt_page .sidewrap.ex1 .con_box .sign .ceo_sign { font-size:1.5em; font-weight:700; letter-spacing:0.3em; text-align:right;}

.gbcs_info .txt_page .sidewrap .left-2box {float:left; width:50%;}
.gbcs_info .txt_page .sidewrap .left-2box .tit {display:block; font-size:30px; font-weight:600; letter-spacing:-1px; line-height:2em;}
.gbcs_info .txt_page .sidewrap .left-2box .tit span {font-size:32px; font-weight:600; color:#0054a6;margin-right: 10px; line-height:1.5em;}
.gbcs_info .txt_page .sidewrap .left-2box .tit p {display:block; font-size:20px; color:#464646; font-weight:400; padding-left: 20px; line-height:1.5em;}
.gbcs_info .txt_page .sidewrap .left-2box .tit p em {display:block; font-size:15px; color:#ed145b; font-weight:400; line-height:1.5em;}
.gbcs_info .txt_page .sidewrap .right-2box {float:left; width:50%; margin-bottom: 60px;}	
.gbcs_info .txt_page .sidewrap.ex1 .con_2box {width:100%;}
.gbcs_info .txt_page .sidewrap.ex1 .con_2box .title { display:block; font-size:1.5em;  color:#000;  line-height:1.5m;}
.gbcs_info .txt_page .sidewrap.ex1 .con_2box .desc {display:block;  font-size: 20px; line-height:1.6em;}
.gbcs_info .txt_page .sidewrap.ex1 .con_2box .sign {display:block; margin-top:25px;  }
.gbcs_info .txt_page .sidewrap.ex1 .con_2box .sign .ceo_sign { font-size:1.5em; font-weight:700; letter-spacing:0.3em; text-align:right;}


@media all and (max-width: 576px) { 
  .gbcs_info .img_page { width:100%; height:325px; background-image:url(../img/company_info_bg_m_company.jpg); background-position:center; background-repeat:no-repeat;} 
  .gbcs_info .img_02_page { width:100%; height:1600px; background-image:url(../img/m_faq.jpg); background-position:center; background-repeat:no-repeat;} 

  .gbcs_info .txt_page .atxt { font-size: 24px; }
  .gbcs_info .Ideology dl { width:100%; margin-bottom:10px}
  .gbcs_info .txt_page h2 { font-size: 20px; padding-top: 17px}
  .gbcs_info .txt_page h2 span{ font-size: 25px; line-height: 1.3; }
  .gbcs_info .txt_page p { font-size:13px; }
  .gbcs_info .txt_page img { margin: 0px 0}
  .gbcs_info .txt_page p b { font-size:17px; font-weight: 600; }
  .gbcs_info .txt_page .sub_txt { font-size: 12px; line-height:20px; padding: 0 20px;}
   .tl_title_box_wrap ul > li {width:100%; margin-left:0;  margin-bottom:10px}
   .gbcs_info .txt_page .sidewrap {max-width:1500px; margin:0 auto; padding:20px 25px 0}	
   .gbcs_info .txt_page .sidewrap .left-box {float:left; width:40%;}
	.gbcs_info .txt_page .sidewrap .right-box {float:left; width:60%; }	
	.gbcs_info .txt_page .sidewrap .left-box .tit {display:block; font-size:12px; }
	.gbcs_info .txt_page .sub_tit { font-size: 20px; line-height: 10px}
	.gbcs_info .txt_page .sidewrap.ex1 .con_box .desc {font-size: 11px;}
	.height_70 { height:10px}
	.gbcs_info .txt_page .sub_stit { font-size: 16px; color: #000; font-weight: 500; margin-bottom: 0px;  display: block; }
    .gbcs_info .txt_page .sub_stit span { font-size: 20px; }
	.gbcs_info .txt_page .sidewrap .left-2box .tit {display:block; font-size:15px;}
    .gbcs_info .txt_page .sidewrap .left-2box .tit span {font-size:15px;}
    .gbcs_info .txt_page .sidewrap .left-2box .tit p {font-size:10px; }
	.gbcs_info .txt_page .sub_title { font-size: 25px; }
	.gbcs_info .txt_page .sub_stxt { font-size: 13px; line-height:20px; }


} 

/* 시공절차 */
.sub03_content .thumb_box { display:block; float:left; }
.sub03_content .thumb_box .img { width:100%; /*min-height:300px;*/ border: 1px solid #7d7d7d; background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
.sub03_content .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
.sub03_content .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0;color: #363636; font-weight:600}
.sub03_content .thumb_box .txt p { padding:10px 0px 20px; text-align:center;font-size: 17px;line-height: 1.5;letter-spacing: -0.02em; color: #555;font-weight: 400;height: 120px; }
.sub03_content .thumb_box .txt p span{font-size: 15px;line-height: 1.6; letter-spacing: -0.02em; color: #ed145b;font-weight: 400; word-break: keep-all;}
.sub03_content .thumb_box a  {display:inline-block; font-size:14px;  margin-top:40px; background-color:#fff; border:1px solid #ddd; color:#333; font-weight:400; line-height:40px; padding:0 30px; transition: all 0.2s}
.sub03_content .thumb_box a:hover {padding:0 40px; transition: all 0.3s; background-color:#2253b8; color:#fff}



/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
	.sub03_content .thumb_box  {width: 100%; margin-bottom: 10px;clear: both;}
}





/* 태블릿 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:992px) {  
  .sub03_content .thumb_box {width:49.5%; margin-bottom:10px; margin-left:1%}
  .sub03_content .thumb_box:nth-child(2n+1) {clear:both; margin-left:0}
}


/* 테스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media all and (min-width: 993px) and (max-width:1200px) {  
    .sub03_content .thumb_box {width:32.66%; margin-bottom:10px; margin-left:1%}
	.sub03_content .thumb_box:nth-child(3n+1) {clear:both; margin-left:0}
	.sub03_content .thumb_box .img { width:100%; /*min-height:300px;*/  background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
	.sub03_content .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}

}


/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
    .sub03_content .thumb_box {width:29.5%; margin-bottom:20px; margin-left:3%}
	/*.sub03_content .thumb_box:nth-child(3n+1) {clear:both; margin-left:0}*/
	.sub03_content .thumb_box .img { width:100%; /*min-height:300px;*/  background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
	.sub03_content .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
	
}

.mov_content .thumb_box { display:block; float:left; }
.mov_content .thumb_box .img { width:100%; min-height:314px;  background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
.mov_content .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
.mov_content .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0;color: #363636; font-weight:600}
.mov_content .thumb_box .txt p { padding:10px 0px 20px; text-align:center;font-size: 17px;line-height: 1.5;letter-spacing: -0.02em; color: #555;font-weight: 400;height: 120px; }
.mov_content .thumb_box .txt p span{font-size: 15px;line-height: 1.6; letter-spacing: -0.02em; color: #ed145b;font-weight: 400; word-break: keep-all;}
.mov_content .thumb_box a  {display:inline-block; font-size:14px;  margin-top:40px; background-color:#fff; border:1px solid #ddd; color:#333; font-weight:400; line-height:40px; padding:0 30px; transition: all 0.2s}
.mov_content .thumb_box a:hover {padding:0 40px; transition: all 0.3s; background-color:#2253b8; color:#fff}
.sub_mov {position:relative;height:0;padding-bottom:54.85%;margin: 2px 15px 125px;}
.mov_tit{font-size:40px; text-align:center; letter-spacing:0;color: #054481;margin: 0 15px 35px; font-weight:600}


/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
	.mov_content .thumb_box  {width: 100%; margin-bottom: 10px;clear: both;}
	.mov_content .thumb_box .img { min-height:268px;}
	.mov_content .thumb_box .txt h2 { font-size:22px;}
	.mov_tit{font-size:28px;}

}





/* 태블릿 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:992px) {  
  .mov_content .thumb_box {width:49.5%; margin-bottom:10px; margin-left:1%}
  .mov_content .thumb_box:nth-child(2n+1) {clear:both; margin-left:0}
}


/* 테스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media all and (min-width: 993px) and (max-width:1200px) {  
    .mov_content .thumb_box {width:32.66%; margin-bottom:10px; margin-left:1%}
	.mov_content .thumb_box:nth-child(3n+1) {clear:both; margin-left:0}
	.mov_content .thumb_box .img { width:100%; /*min-height:300px;*/  background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
	.mov_content .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}

}


/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
    .mov_content .thumb_box {width:46.5%; margin-bottom:20px; margin-left:3%}
	/*.mov_content .thumb_box:nth-child(3n+1) {clear:both; margin-left:0}*/
	.mov_content .thumb_box .img { width:100%; /*min-height:300px;*/  background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
	.mov_content .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
	
}

/* 시공절차 */


/* content02 */
.content02 ul li { width:50%; float:left}
.content02 ul li .profile { float:left; padding-bottom:50px; width:48%}
.content02 ul li .profile img { width:100%}
.content02 ul li dl { float:left; padding:0 40px; width:52% }
.content02 ul li dl dt { font-size:22px; font-weight:bold; text-align:left; padding-bottom:20px; color:#1a1a1a; letter-spacing:0}
.content02 ul li dl dt dd {  margin-left: 10px; font-size:17px; color:#444; line-height:1.75; letter-spacing:-0.02em; text-align:left; display:block; clear:both;  }

@media all and (max-width: 576px) { 
  .content02 ul > li {width:100%; margin:0 0 10px 0 }
  .content02 ul > li .profile { width:100%}
  .content02 ul > li dl { width:100%; padding:0 20px 20px 20px}
}



/* 태블릿 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:1200px) {  
  .content02 ul > li {width:98%; margin:0 1% 10px 1%; }
}



/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
  .content02 ul > li {width:49.5%; margin-bottom:10px; margin-left:1%}
  .content02 ul > li:nth-child(2n+1) {clear:both;margin-left:0%}

}
/* content02 */





/* content03 */
.content03 ul > li {min-height:300px;  float:left; text-align:justify;}
.content03 ul > li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table;  margin:0 auto}
.content03 ul > li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px}
.content03 ul > li h2 {font-size:22px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center}
.content03 ul > li p { text-align:center; word-break:keep-all}
.content03 ul > li .icon_img {text-align:center;padding-top:20px;display:block;}
/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
  .content03 ul> li {width:100%; margin:0 0 10px 0 }
}

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:768px) {  
  .content03 ul > li {width:49.5%; margin-bottom:10px; margin-left:1%}
  .content03 ul > li:nth-child(2n+1) {clear:both; margin-left:0}
}


/* 태블릿 디바이스 (가로 해상도가 768px 보다 큰 화면에 적용) */
@media all and (min-width: 769px) and (max-width:1200px) {  
  .content03 ul > li {width:32.66%; margin-bottom:10px; margin-left:1%}
  .content03 ul > li:nth-child(3n+1) {clear:both;margin-left:0%}
}

/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
  .content03 ul > li {width:32.66%; margin-bottom:10px; margin-left:1%}
  .content03 ul > li:nth-child(3n+1) {clear:both;margin-left:0%}
}
/* content03 */




/* content_area04 */
.content04 .point { text-align: center; padding:50px 20px 0 0}
.content04 .point p { font-size:40px; font-weight:bold; /*padding-left:30px;*/ color:#303d5c; /*background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;*/}
.content04 .point h2 { font-size:36px; font-weight:300; color:#f66120; /*text-align:left;*/ padding:10px 0 0;}
.content04 .colum { max-width:1400px;  margin:0 auto; padding: 30px 0 }
.content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px}
.content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .colum .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .img img { width:100%}
.content04 .content_sub_title { margin:0 auto; padding:30px 0 0}
.content04 .content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;}
.content04 .content_sub_title .sub_title{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0;  padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box}
.content04 .content_sub_title .sub_txt {float:right; width:75%;}
.content04 .content_sub_title .sub_txt .h2 { font-size:20px; }
.content04 .content_sub_title .img { float:left; text-align:right; width:450px }

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
	.content04 .point p { font-size:25px; }
	.content04 .point h2 { font-size:26px; }
	.content04 .point {padding:30px 20px 0 0}
  .content04 .content_sub_title .sub_title {width: 100%; margin-bottom: 20px;clear: both;}
  .content04 .content_sub_title .sub_txt { width:100%;}
  .content04 .colum .left { width:100%; clear:both} 
  .content04 .colum .right { width:100%; padding-left:0; padding-top:20px; clear:both} 
}


/* 태블릿 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:992px) {  
  .content04 .content_sub_title .sub_title {width: 100%; margin-bottom: 20px;clear: both;}
  .content04 .content_sub_title .sub_txt { width:100%;}
  .content04 .colum .left { width:100%; clear:both} 
  .content04 .colum .right { width:100%; padding-left:0; padding-top:20px; clear:both} 
}

/* 큰화면 데스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media all and (min-width: 993px) and (max-width:1200px) {  
  .content04 .content_sub_title .sub_title {width: 100%; margin-bottom: 20px;clear: both;}
  .content04 .content_sub_title .sub_txt { width:100%;}
}

/* content_area04 */








/* content_area05 */
.content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both}
.content05 .photo_box .img { max-width:50%; float:left;display:block}
.content05 .photo_box .img img { width:100%}
.content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block}
.content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left}
.content05 .photo_box .txt p { padding-top:30px; word-break:keep-all}


/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
	.content05 .photo_box .img { max-width:100%; display:block}
	.content05 .photo_box .txt { max-width:100%;}
	.content05 .photo_box .txt h2 { font-size:24px; font-weight:bold}
}


/* 테스크탑 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:1200px) {  
	.content05 .photo_box .img { max-width:100%; display:block}
	.content05 .photo_box .txt { max-width:100%;}
	.content05 .photo_box .txt h2 { font-size:24px; font-weight:bold}
}

/* content_area05 */



.formmail input { height: 40px; background: #fff;border: 1px solid #ccc;font-size: 14px;box-sizing: border-box;transition: all 1s;}
.formmail h2 { width: 200px; float: left; font-size: 18px; font-weight: 500;color: #555; padding: 5px 10px 5px 0;}

.formmail .clearfix {  padding:10px 0}
.formmail .line { border-bottom:1px solid #ddd}
.formmail p {font-size: 16px; color: #555;}
.formmail .company .text { width:400px} 
.formmail #email_list { width:200px; margin-left:10px}
.formmail textarea { width: 900px; height: 130px; line-height: 1.5; padding: 5px;border: 1px solid #bbb; box-sizing: border-box;resize: none;}
.formmail span.bar { display: inline-block; width:20px; text-align: center; vertical-align: middle; line-height: 35px;}
.formmail .type label { font-size:16px; color:#555}
.formmail .type .radio { width: 15px;height: 15px; border: 1px solid #ddd; background-color: #fff; margin:0 5px; color:#555}
.formmail .btn_submit{ width: 180px; height: 55px;line-height: 55px; border: 0; color: #fff;font-size: 18px; text-align: center;}
.formmail .form-radio { display: inline-block; margin-right: 10px; line-height: 28px;}

.formmail .co_hp { width:15%}
.formmail .co_hp2 { width:15%}
.formmail .co_hp3 { width:15%}
.formmail .co_varchar_1 { width:15%}
.formmail .co_varchar_2 { width:15%}
.formmail #email_list { width:15%}


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

.formmail h2 { width:100%}
.formmail .co_hp { width:28%}
.formmail .co_hp2 { width:28%}
.formmail .co_hp3 { width:28%}
.formmail .company .text { width:100%}
.formmail .co_varchar_1 { width:28%}
.formmail .co_varchar_2 { width:28%}
.formmail #email_list { width:34%}
.formmail  .textarea { width:100%}
}

	.fc_ver2_pointer {color:#C53428; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;}
	.daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
	.daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

	.daon_ver2_sub_type1 {width:100%; }
	.daon_ver2_sub_type1:after{ content:""; display:block; clear:both;}
	.daon_ver2_sub_type1 .special_area {width:100%; padding:40px 0px; }
	.daon_ver2_sub_type1 .special_area:first-child {padding-top:0;}
	.daon_ver2_sub_type1 .special_area ul {min-height:450px; }
	.daon_ver2_sub_type1 .special_area ul li{ position:relative; width:100%; min-height:450px; overflow:hidden;  }
	.daon_ver2_sub_type1 .special_area ul li:last-child {margin-bottom:0;}
	.daon_ver2_sub_type1 .special_area ul li div{overflow:hidden; box-sizing:border-box;}
	.daon_ver2_sub_type1 .special_area ul li .special_img{width:48%; top:0; right:0; position:absolute; }
	.daon_ver2_sub_type1 .special_area ul li .special_img img {width:100%; }
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_img{right:unset; left:0;}
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{text-align:left; }
	.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{float:right; right:0; width:50%; padding-right:0; padding-left:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
	.daon_ver2_sub_type1 .special_area ul li .special_info{position:relative; width:50%; display:table; min-height:415px; padding-right:2%; background-color:rgba(255,255,255,.95); transition: 0.5s all ease;}
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {display:table-cell; vertical-align:top;  }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl{width:100%; margin:0; padding:0; overflow:hidden; background-color:none; }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt em{display:block; margin:0; padding:0; font-size:13px; line-height:1em; font-weight:400; font-style:normal; color:#aaa; letter-spacing:0.15em;}
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt.special_tit{font-size:30px; font-weight:600; margin:15px 0 20px 0; }
	.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dd{position:relative; font-size: 16px; color:#777; line-height:1.6em; word-break:keep-all;}
	.daon_ver2_sub_type1 table.special_tbl{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #002b5c; border-left:1px solid #eee; margin-top:20px; }
	.daon_ver2_sub_type1 table.special_tbl th{ width:20%; text-align:center; color:#333; font-size:13px; font-weight:500; padding:8px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
	.daon_ver2_sub_type1 table.special_tbl td{ width:80%; text-align:left; font-size:12px; padding:8px 20px; border-bottom:1px solid #eee; border-right:1px solid #eee;}	


	@media screen and (max-width:1240px){		
		.daon_ver2_sub_type1 .special_area ul li .special_img{width:47%; }
		.daon_ver2_sub_type1 .special_area ul li {min-height:auto; }
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {vertical-align:top;}
	}
		
	@media screen and (max-width:992px){		
		.daon_content_wrap{padding:0 2%;}
		.daon_ver2_page_title{margin-bottom:50px;}	
		.daon_ver2_page_title h1{font-size:1.85em;}
		.daon_ver2_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dt.special_tit{font-size:24px; }
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt dl dd{position:relative; font-size: 14px; }



		.daon_ver2_sub_type1 .special_area ul li .special_img{position:relative; width:100%; }
		.daon_ver2_sub_type1 .special_area ul li:nth-of-type(odd) .special_info{  float:none;  width:94%; margin:0 auto; padding:0 5%; background-color:rgba(255,255,255,1);}
		.daon_ver2_sub_type1 .special_area ul li .special_info{top:-50px; float:none; width:94%; min-height:auto; margin:0 auto; padding:0 5%; background-color:rgba(255,255,255,1);}
		.daon_ver2_sub_type1 .special_area ul li .special_info div.special_txt {float:left; width:100%; margin-top:30px; text-align:center; }
	}

    .fc_pointer {color:#1F88E5; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:70px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.business_type2{ width:100%; max-width:1200px; margin:0 auto;}
	.business_type2:after{content:""; display:block; clear:both;}
	.business_type2 .business_info { width:100%; background:#fff; margin-bottom:80px; }
	.business_type2 .business_info:after{content:""; display:block; clear:both;}
	.business_type2 .business_info ul{ padding:0; margin:0;}
	.business_type2 .business_info ul li{ padding:0; margin:0;}
	.business_type2 .business_info ul li.left_box { float:left; width:500px; height:500px; overflow:hidden; }
	.business_type2 .business_info ul li.left_box img{ width:100%; height:100%; }
	.business_type2 .business_info ul li.right_box{position:relative; float:right; width:50%; height:500px;}
	.business_type2 .business_info ul li.right_box .txt03{ position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; font-size:0.9em; color:#555; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;}
	.business_type2 .business_info ul li.right_box .txt03 span {display:block; padding:20px 25px; height:100px; }

	.business_type2 .txt_area { width:100%; padding-top:40px; border-top:2px solid #898989; }
	.business_type2 .txt_area:after{content:""; display:block; clear:both;}
	.business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all; }
	.business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;}
	.business_type2 .txt_area .txt01 span.tit { display:block; font-size:33px; color:#00325a; font-weight:700; line-height:1.2em;  }
	.business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.15em; color:#333; font-weight:400; line-height:1.4em; }
	.business_type2 .txt_area .txt02 { float:left; width:100%; margin-top:20px;}
	.business_type2 .txt_area .txt02 ul {margin:0; padding:0; }
	.business_type2 .txt_area .txt02 ul li { position:relative; color:#555; font-size: 19px; font-weight:400; line-height:1.8em; list-style:none; padding-left:3%; margin-bottom:5px;}
	.business_type2 .txt_area .txt02 ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:20px; background:#0054a6; margin-right:10px; vertical-align:middle;}



	.business_type2 .con_arrow2{ width:100%; max-width:1200px;  padding-bottom:20px;  margin:0 auto;}
	.business_type2 .con_arrow2 p{position:relative; font-size:33px; color:#00325a; padding-left:30px; }
	.business_type2 .con_arrow2 span{  position:absolute; right:0; display:inline-block; font-size: 1em;  padding-left: 10px;  color: #555;}
	.business_type2 .con_arrow2 > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

	.business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #898989; border-bottom:1px solid #898989;}
	.business_type2 .con_box:after{content:""; display:block; clear:both;}
	.business_type2 .con_box ul { padding:0; margin:0; }
	.business_type2 .con_box ul li {float:left; width:50%; list-style:none; margin:10px 0; }
	.business_type2 .con_box ul li p{display:table; width:100%; }
	.business_type2 .con_box ul li p > em, .business_type2 .con_box p > span{display:table-cell; vertical-align:top; }
	.business_type2 .con_box ul li p > em{ width:30px; }
	.business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; color:#fff; background-color:#ff8144; text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
	.business_type2 .con_box ul li p > span{font-size:17px; line-height:30px; color:#555; letter-spacing:-0.75px;  padding:0 19px;}


	@media screen and (max-width:992px){
		
		.daon_content_wrap{width:100%;}
		.daon_page_title{margin-bottom:50px;}	
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}
		
		.business_type2 .business_info{margin-bottom:0px;}
		.business_type2 .business_info ul li.left_box { width:100%; height:300px;  }
		.business_type2 .business_info ul li.right_box{ width:100%; }
		.business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
		.business_type2 .business_info ul li.right_box .txt03 span {height:auto;}
		.business_type2 .txt_area { width:90%; margin:0 auto; border-top:0;}
		.business_type2 .txt_area .txt01 span.tit {font-size:1.85em;}
		.business_type2 .con_arrow2{width:95%; margin:0 auto;}
		.business_type2 .con_box{width:95%; margin:0 auto;}

	}
	@media screen and (max-width:480px){
	    .business_type2 .business_info ul li.right_box{height:300px;}
		.business_type2 .txt_area .txt02 ul li { font-size: 18px; }
		.business_type2 .con_arrow2 p{ font-size:1.5em; margin-top:30px;}
		.business_type2 .con_box ul li { width:100%; }

	}
	
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:70px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:40px; font-weight:600; color: #303d5c;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }


	.business_type3{ width:100%; max-width:1200px; margin:0 auto;}
	.business_type3:after{content:""; display:block; clear:both;}
	.business_type3 .business_info{ width:100%; }
	.business_type3 .business_info .backImg{width:580px; margin-top:0; float:left; margin-left:40px; padding-top:200px;}
	.business_type3 .business_info .backImg:nth-child(2n-1){margin-left:0}
	.business_type3 .business_info .backImg:nth-child(1){background:url('../img/ben_img01.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg:nth-child(2){background:url('../img/ben_img02.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg:nth-child(3){background:url('../img/ben_img03.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg:nth-child(4){background:url('../img/ben_img04.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg:nth-child(5){background:url('../img/ben_img05.jpg') no-repeat center top; }
	.business_type3 .business_info .backImg .txt_area{width:90%; margin:0 auto; padding:30px 30px 50px 30px; text-align:center; box-sizing:border-box; height:280px; background:#fff; }
	.business_type3 .business_info .backImg .txt_area .tit{font-size:27px; letter-spacing: -1px; font-weight: 500; line-height:1.4em; color:#303d5c;  }
	.business_type3 .business_info .backImg .txt_area ul{ margin-top:30px; padding:0; }
	.business_type3 .business_info .backImg .txt_area ul li{text-align:left; font-size:17px; line-height:1.6em; color:#777; padding-left:15px; margin-bottom:10px; /*background:url('../img/arr.png') no-repeat left 50%;*/ }

	@media screen and (max-width:992px){
		
		.daon_content_wrap{width:100%;}
		.daon_page_title{margin-bottom:50px;}	
		.daon_page_title h1{font-size:2em;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}

		.business_type3 .business_info .backImg{float:none; margin:0 auto; text-align:center;  }
		.business_type3 .business_info .backImg:nth-child(2n-1){ margin:0 auto;}
	}

	@media screen and (max-width:480px){

		.business_type3 .business_info .backImg {width:100%;}
		.business_type3 .business_info .backImg .txt_area .tit{font-size:22px;}
		.business_type3 .business_info .backImg .txt_area{ height:auto; padding:15px;}
		.business_type3 .business_info .backImg .txt_area ul li{font-size:14px; }


	}
.height85 {height: 85px; border-top:2px solid #ddd;}
.fc_pointer {color:#BC0000; }
	.daon_content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.daon_page_title{width:100%; margin-bottom:40px;}
	.daon_page_title h1{width:100%; margin:0 auto; text-align:center; font-size:40px; font-weight:600;}
	.daon_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.daon_page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }

	.vision_type2 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; }
	.vision_type2:after {display:block; visibility:hidden; clear:both; content:""}
	.vision_type2 h2.title {text-align:center; font-size:2em; font-weight:400; color:#333; line-height:1.2em; margin-bottom:40px; }
	.vision_type2 span.stitle {display:block; width:100%; text-align:center; margin:0 auto; font-size:1.1em; font-weight:400; color:#333; line-height:1.6em; margin-bottom:40px; }
	.vision_type2 .img_div img{width:100%; max-width:1200px; border-radius:85px; margin-bottom:30px}
	.vision_type2 ul {margin:0; padding:0; }
	.vision_type2 ul li {clear:both; padding:0px; margin:0; margin-bottom:30px; width:100%; border-radius:85px; border:1px solid #ddd; background-color:#fafafa; overflow:hidden;}
	.vision_type2 ul li .circle_box {display:block; float:left; width:170px; height:170px; border-radius:85px; }
	.vision_type2 ul li:nth-child(1) .circle_box {background:#005bab; }
	.vision_type2 ul li:nth-child(2) .circle_box {background:#36b1d4; }
	.vision_type2 ul li:nth-child(3) .circle_box {background:#f48025; }
	.vision_type2 ul li:nth-child(4) .circle_box {background:#005bab; }
	.vision_type2 ul li:nth-child(5) .circle_box {background:#36b1d4; }
	.vision_type2 ul li:nth-child(6) .circle_box {background:#f48025; }
	.vision_type2 ul li .circle_box .icon {display:block; position:relative; left:0; top:25%; width:100%; height:100%; text-align:center; }
	.vision_type2 ul li .circle_box .icon i {display:block; font-size:3em; color:#fff; }
	.vision_type2 ul li .circle_box .icon em {display:block; font-size:1.2em; color:#fff; font-style:normal; margin-top:10px;}
	.vision_type2 ul li .con_txt {display:block; float:left; width:70%; margin-left:50px; margin-top:30px;}
	.vision_type2 ul li .con_txt p {font-size:25px; font-weight: 500; letter-spacing: -1px; color:#000; text-align:left; }
	.vision_type2 ul li .con_txt span {font-size:17px; color:#555; font-weight: 400; text-align:left;  line-height:1.5em;}
	.vision_type2 ul li.inverse_li{background-color:#fff;}
	.vision_type2 ul li.inverse_li .circle_box {float:right;  }
	.vision_type2 ul li.inverse_li .con_txt {float:right; }

	.daon_s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}

	@media screen and (max-width: 992px){
		
		.daon_content_wrap{width:96%;}
		.daon_page_title{margin-bottom:50px;}	
		.daon_page_title h1{font-size:25px;}
		.daon_page_title h2{font-size:1em;}
		.daon_s_tit{font-size:1.2em;}

		.vision_type2 h2.title { font-size:1.5em; }
		.vision_type2 span.stitle{font-size:1em; width:90%;}
		.vision_type2 ul li {width:100%; margin-bottom:50px; border-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:0px}
		.vision_type2 ul li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li.inverse_li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 ul li.inverse_li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 .img_div img{border-radius:40px;}

	}

	@media screen and (max-width: 480px){
		.vision_type2 ul li .con_txt p {font-size:22px;}
		.vision_type2 ul li .con_txt span {font-size:15px; }
		.vision_type2 ul li .circle_box { height:97px;}
		.vision_type2 ul li{border-radius:15px;}
		.vision_type2 ul li .circle_box{border-radius:15px; }
		.vision_type2 ul li.inverse_li .circle_box{ border-radius:15px; }
		.vision_type2 .img_div img{border-radius:15px;}

	}