@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.font_m{font-family: 'Nanum Myeongjo', serif;}
.font_p{font-family: 'Nanum Pen Script', cursive;}
.font_b{font-family: 'Nanum Brush Script', cursive;}
body{line-height: 1.5; font-size: 13px}

/* 공통 */
.sub_title{background: url("../images/renewal/common/bullet.gif") 0 8px no-repeat; padding-left: 26px; font-size: 20px; color: #111; text-align: left !important;
	margin-bottom: 15px
}

/* 메인 */
.main_wrap{
	position: relative;}
.main_img{width:100%; height:480px;
}

.main_img .main_txt{
	width:1100px; margin:0 auto;
	font-size: 36px; 
	color: #fff;
	margin-top: 110px;
	line-height: 47px;
	text-align: center
}

.main_img .main_txt ul{overflow: hidden; text-shadow: 1px 1px 1px #111}
.main_img .main_txt li{display: block;}

.main_img .main_txt .title{font-size:47px; display: block; font-weight: normal; margin:0 0 26px 0; }
.main_img .main_txt .mtxt{font-size: 20px; display: block;}
.main_lh .main_txt{margin-top: 100px}
.main_lh .mtxt{line-height: 1.6}

.main_img .main_txt a{
	display: inline-block; *display:inline; *zoom:1;
	width:280px; padding:14px 0;
	border:2px solid #fff; color: #fff;
	margin-top: 60px;
	font-size: 22px;
	height:36px;
	line-height: 36px;
	text-align: center;
	text-shadow: none
}
.main_img .main_txt a:hover{background: #fff; color: #222; text-decoration: none;}
.main_img .main_txt font{color: #FF8F00; font-size: 36px}

.main_img_01{
	background:url('../images/renewal/main/01.jpg') top center repeat-x;
}
.main_img_02{
	background:url('../images/renewal/main/02.jpg') top center repeat-x;
}
.main_img_03{
	background:url('../images/renewal/main/03.jpg') top center repeat-x;
}

.main_img_04{
	background:url('../images/renewal/main/04.jpg') top center repeat-x;
}

.main_img_05{
	background:url('../images/renewal/main/05.jpg') top center repeat-x;
}

.main_05{background: url("../images/renewal/main/05.png") right bottom no-repeat; background-size:40%;}
.main_05 .main_05_txt{text-align: left; margin-top: -20px; padding-bottom: 30px}
.main_05 .main_05_txt small{font-size: 28px}
.main_05 .main_05_txt h3{font-weight: normal; line-height: 1.3}
.main_05 .main_05_txt a{margin-top: 40px}

@media screen and (max-width:1000px){
	.main_img .main_txt{
	width:auto; margin:0 auto;
	font-size: 36px; 
	color: #fff;
	margin-top: 110px;
	line-height: 47px;
	text-align: center
	}
	.main_img .main_txt ul{text-shadow: none;}
	
	.main_05{background: url("../images/renewal/main/05.png") 98% bottom no-repeat; background-size:46%;}
	.main_05{margin-top: 80px !important;}
	.main_05 .main_05_txt{padding: 20px 20px 50px 20px}
	
}
@media screen and (max-width:700px){
	.main_img{height:350px;}
	.main_img .main_txt{margin-top: 60px}
	.main_img .main_txt a{margin-top: 36px; 
	height: 30px; line-height: 30px; width: 230px; font-size: 20px;}
	
	.main_img .main_txt .title{font-size: 37px; margin: 12px 0;
	}
	
	.main_05 .main_05_txt h3{font-size: 20px; line-height: 1.3}
	.main_05 .main_05_txt small{font-size: 20px}
	.main_05 .main_05_txt{font-size: 24px}
	
	.main_05{background: url("../images/renewal/main/05.png") 98% bottom no-repeat; background-size:50%;}
	.main_05{margin-top: 80px !important;}
	.main_05 .main_05_txt{padding: 20px 20px 10px 20px; line-height: 1.3}
	
	.main_05 .main_05_txt a{margin-top: 30px}
}

@media screen and (max-width:600px){
	
	.main_img{height:300px;}
	.main_img .main_txt{margin-top: 30px}
	.main_img .main_txt a{margin-top: 36px}
	.main_img .main_txt .title{font-size: 36px}
	.main_img_03 span{display: block;}
	
	.main_05{background: url("../images/renewal/main/05.png") 98% bottom no-repeat; background-size:40%;}
	.main_05{margin-top: 50px !important;}
	.main_05 .main_05_txt a{margin-top: 30px}
	
}

@media screen and (max-width:550px){
	.main_05{background: url("../images/renewal/main/05.png") 96% bottom no-repeat; background-size:50%;}
	.main_05{margin-top: 50px !important;}
	.main_05 .main_05_txt a{margin-top: 30px}
	.main_05 .main_05_txt h3{font-size: 17px; line-height: 1.3}
	.main_05 .main_05_txt small{font-size: 17px}
	.main_05 .main_05_txt{font-size: 24px}
	.main_05 .main_05_txt a{width: 170px; font-size: 16px; height: 22px; line-height: 22px;}
	.main_05 .main_05_txt{padding: 20px 20px 30px 20px; line-height: 1.3}
}

@media screen and (max-width:480px){
	.main_img .main_txt .title{font-size: 30px; margin: 5px 0 3px 0;}
	.main_img .main_txt .mtxt{font-size: 14px}
	.main_img .main_txt a{width: 240px; font-size: 16px}
	
	.main_img .main_txt a{margin-top: 20px}
	.main_img{height:230px;}
	.main_img .main_txt a{height: 22px; line-height: 22px;}
	
	.main_05{background: url("../images/renewal/main/05.png") 96% bottom no-repeat; background-size:50%;}
	.main_05{margin-top: 24px !important;}
	.main_05 .main_05_txt a{margin-top: 20px}
	.main_05 .main_05_txt h3{font-size: 15px; line-height: 1.3}
	.main_05 .main_05_txt small{font-size: 15px}
	.main_05 .main_05_txt{font-size: 24px}
	.main_05 .main_05_txt a{width: 140px; font-size: 14px; height: 15px; line-height: 15px;}
	.main_05 .main_05_txt{padding: 20px 20px 10px 20px; line-height: 1.3}
}

@media screen and (max-width:380px){
	.main_img .main_txt .title{font-size: 26px; margin: 5px 0 3px 0;}
	.main_img .main_txt .mtxt{letter-spacing: -0.02em}
	
	
	.main_05{margin-top: 40px !important;}
	.main_05 .main_05_txt a{margin-top: 20px}
	.main_05 .main_05_txt h3{font-size: 14px; line-height: 1.3}
	.main_05 .main_05_txt small{font-size: 14px}
	.main_05 .main_05_txt{font-size: 22px}
	.main_05 .main_05_txt a{width: 120px; font-size: 14px; height: 10px; line-height: 10px;}
	.main_05 .main_05_txt{padding: 10px 20px 20px 10px; line-height: 1.3}
}

#main_01{padding: 56px 0; display: block; width: 100%; background: #fff}
#main_01 ul li{float: left; width: 30%; margin-left: 4%}
#main_01 ul li:FIRST-CHILD{margin: 0 !important;}


#main_01 ul li .icon_wrap{overflow: hidden; width: 100%; display: block; cursor: pointer;}
#main_01 ul li .icon_wrap i{color: #666;
	font-size:62px;
	display: inline-block; float: left; vertical-align: middle;
	width: 20%; text-align: center;
}
#main_01 ul li:hover i,#main_01 ul li:hover .icon_wrap{color: #DC3823}
#main_01 ul li a{color: #555}
#main_01 ul li font{font-size: 20px; vertical-align: middle; display: inline-block; padding-top: 12px; margin-left: 20px}


/* #main_01 ul li .main_01_txt{display: none} */
#main_01 ul li .main_01_txt{display: block; clear: both; margin-top: 15px; font-size: 14px}

#main_01 ul{overflow: hidden;}
#main_01 .main_01_02{clear: both; margin-top: 42px}

.mobile_i_wrap{height: 61px !important;}
.mobile_i{font-size: 85px !important; margin-top: -12px !important;}
.mobile_i_txt{margin-top: 3px !important;}

@media screen and (max-width:1000px){
	#main_01{padding: 30px 0}
	#main_01 ul li .main_01_txt{font-size: 13px}
}
@media screen and (max-width:800px){
	#main_01 ul li .icon_wrap i{font-size: 50px}
	#main_01 ul li font{font-size: 17px}
	#main_01 .main_01_02{margin-top: 30px}
	
	.mobile_i_wrap{height: 51px !important;}
	.mobile_i{font-size: 70px !important; margin-top: -10px !important;}
	.mobile_i_txt{margin-top: 3px !important;}
}
@media screen and (max-width:700px){
	#main_01 .center{padding: 0 !important;}
	#main_01 ul li .main_01_txt{display: none;}
	#main_01 ul li font{display: block; font-size: 14px; clear: both; text-align: center; margin-left: 0}
	#main_01 ul li .icon_wrap i{display: block; width: 100%;}
	
	.mobile_i{font-size: 66px !important; margin-top: -8px !important; margin-bottom: -5px}
	.m_margin_i{padding-top: 8px !important;}
	
}
@media screen and (max-width:410px){
	#main_01{padding: 20px 0}
	#main_01 ul li font{font-size: 12px; letter-spacing: -0.14em}
	#main_01 .main_01_02{margin-top: 20px;}
	
}

.center{width: 1100px; margin: 0 auto;}
.sub_center{width: 1100px; min-height:500px; margin: 0 auto;}

#main_02{background: #f8f8f8; padding: 56px 0 76px 0; overflow: hidden;}
.main_02_wrap{width: 1300px; margin: 0 auto}
.main_02_left{float: left; width: 60%}
.main_02_left h1{color: #111; font-weight: 400; font-size: 20px; margin-bottom: 7px;}
.main_02_left h1 font{font-size: 13px; font-weight: normal; margin-left: 7px; color: #999}

.main_02_left .txt{font-size: 14px;}
.main_02_left .main_02_d{border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px}

.main_02_left .main_02_d_02 ul{float: right; width: 46%}
.main_02_left .main_02_d_02 ul:FIRST-CHILD{float: left;}

.main_02_right{float: right; width: 26%}
.main_02_right img{width: 100%}
@media screen and (max-width:1000px){
	.main_02_wrap{width: auto; padding: 0 5px}
	.main_02_left{padding-left: 3%}
	.main_02_right{padding-right: 3%}
	#main_02{padding: 30px 0}
}
@media screen and (max-width:800px){
	.main_02_left{ float: none; margin-top: 30px; width: auto; padding: 0 56px}
	.main_02_right{padding-right: 3%; float: none; width: 50%; margin: 0 auto;}
	.main_02_left h1{font-size: 17px}
}
@media screen and (max-width:460px){
	#main_02{padding: 20px 0}
	.main_02_left{ float: none; padding: 0 26px}
	.main_02_left .txt{display: none};
	.main_02_left .main_02_d_02 ul{float: none; width: 100%}
	.main_02_left h1{font-size: 14px}
	.main_02_left h1 font{display: block; margin: 5px 0 0 0; font-size: 12px}
	.main_02_left .main_02_d{padding-bottom: 5px; margin-bottom: 5px;}
}
@media screen and (max-width:360px){
	#main_02 .bx-wrapper .bx-prev{background-size: 42px !important;}
	#main_02 .bx-wrapper .bx-next{background-size: 42px !important;}
	#main_02 .bx-wrapper .bx-controls-direction a{width: 42px !important; height: 42px !important;}
	
	.main_02_left{ float: none; padding: 0 40px}
}
#slider1 li{background: #f8f8f8}

#main_03{padding: 56px 0; display: block; width: 100%; background: #fff; overflow: hidden;}
#main_03 h1{font-size: 30px; color: #111; font-weight: normal; margin-bottom: 30px}

#main_03 i{background: #DC3823; color: #fff;
	width: 50px; text-align:center;
	height: 50px; line-height:50px;
	font-size:36px;
	border-radius:50%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
#main_03 .icon i{background: #777}
#main_03 .contact{font-size: 17px; float: right; width: 51%}
#main_03 .contact li{margin-bottom: 26px}

#main_04{background: #fff; padding: 56px 0; overflow: hidden;}
#main_04 h1{font-size: 30px; color: #111; font-weight: normal; margin-bottom: 20px}
#main_04 .box{float: left; width: 18%; margin-left: 3%; padding: 2%; color: #888; overflow: hidden;}
#main_04 .box{border:1px solid #ccc}
#main_04 .mn{margin-left: 0 !important;}
#main_04 .box:hover{border:1px solid #2B7A9C}
#main_04 .box .title{font-weight: 700; display: block; font-size: 16px; color: #666; margin-bottom: 15px}
#main_04 .box .con{height: 36px; margin-bottom: 80px; color: #666;}
@media screen and (max-width:1000px){
	#main_04 .box{width: 26%}
	#main_04{padding: 20px 0 30px 0}
	#main_04 h1{font-size: 26px}
}
@media screen and (max-width:640px){
	#main_04 .box{width: 44%}
	#main_04 .box .title{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 13px}
	#main_04 .box .con{font-size: 12px; height: 26px;}
	#main_04 h1{font-size: 22px; margin-bottom: 15px !important;}
}
@media screen and (max-width:430px){
	#main_04 .box{width: 43.5%}
	#main_04 .box .con{font-size: 11px; height: 10px;}
	#main_04 .box .title{margin-bottom: 3px}
	#main_04 h1{font-size: 17px; margin-bottom: 5px !important;}
}

#partners{margin-bottom: 30px;}
#footer_new{background: #333; color: #ddd; padding: 22px 0; font-size: 13px; clear: both;}
#footer_new .logo{float: left; width: 240px; margin: 15px 30px 0px 0}
#footer_new a{color: #ddd}
#footer_new .footer_li{margin-bottom: 6px}
#footer_new .footer_li a{color: #70ACC5; margin-right: 10px}

#footer_new .add{font-size: 14px}
#footer_new .add i{background: #DC3823; color: #fff;
	width: 30px; text-align:center;
	height: 30px; line-height:30px;
	font-size:22px;
	border-radius:50%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
#footer_new .tfe i{color: #ddd; margin-right: 6px}
#footer_new .tfe span{margin-right: 14px}

/* 관련 사이트 */
#footer_new .center {position: relative;} 
#footer_new .center .f_site {
  position: absolute;
  top: 16px;
  z-index: 9999;
  right: 0
}
#footer_new .icon{
	position: absolute;
	right: -5px;
	font-size: 20px;
	top:6px
}
#footer_new .center .f_site{position:absolute; z-index:9999; margin-top:14px; width:130px}
#footer_new .center .f_site .sitetitle{background: #fff; color:#333;  font-family:돋움; text-align: left; padding: 6px 0 6px 13px; border:1px solid #fff; width: 100%; display: block; cursor: pointer;}
#footer_new .center .f_site .sitetitle i{margin-right: 2px}
#footer_new .center .f_site ul{position:absolute;bottom:32px; padding:5px 0; width:143px; background:#fff; border:1px solid #ddd;}

#footer_new .center .f_site ul li a{font-size:11px; font-family: 돋움; color: #333; display: block; padding:5px 5px 5px 13px;}
#footer_new .center .f_site ul li a:hover{background: #2B7A9C; color: #fff }
@media screen and (max-width:1000px){
	#footer_m{background: #333; color: #ddd; padding: 20px 0; font-size: 13px; text-align: center; margin-top: 30px}
	#footer_m a{color: #ddd}
	
	#footer_m ul{padding: 0 10px;}
	#footer_m .fmm{text-align: center; margin-bottom: 10px}
	#footer_m .fmm img{width: 220px}
}
.top_wrap{border-bottom: 1px solid #ddd; background: #f8f8f8}
.top_wrap .center{overflow: hidden;}
.top_wrap a{
	padding: 0 10px; border-right: 1px solid #ddd;
	height: 40px; line-height:40px;
	float: left;
	}
.top_wrap a i{line-height: 40px}

@media screen and (max-width:700px){
	#footer_m .fmm img{width: 210px}
}
@media screen and (max-width:500px){
	#footer_m .fmm img{width: 170px}
	#footer_m{font-size: 12px}
}

/* 레프트 border */
.sub_center{position: relative;}


/* 레프트 */
#container .left {
	position:absolute;
	width:200px;
	height: 100%;
	left:0;
	border-left:1px solid #ddd; border-right:1px solid #ddd;	
}
#container .left .title{background: url("../images/left/bg.gif") top center; color: #fff; height: 140px; line-height: 140px; text-align: center; font-size: 26px}
#container .left .sub a{color: #333; display: block;
	font-size: 14px; padding: 12px 10px 12px 15px; border-bottom: 1px solid #ddd;
	cursor: pointer;
}

#container .left .sub a:hover,#container .left .sub a.active{
	color:#DC3823; font-weight: 700;
	background: url("../images/left/left_arrow.png") 95% center no-repeat;
}

/* 컨텐츠 시작 */
#container .content {width:840px; position: relative; margin: 0 0 0 268px; padding: 57px 0 70px 0; overflow:hidden;}

/* #container .content .title {float:left; width:690px; height:33px; border-bottom:2px solid #d7d3c8;} */
#container .content .title .tit {float:left; padding-left:15px;}
#container .content .title .loca {float:right; color:#888; padding-top:12px;}
#container .content .title .loca2 {color:#888; padding-right:9px;}
#container .content .w675 {float:right; width:675px; padding:35px 0 50px 0;}

.content .p_title{font-size: 36px; color: #111; line-height: 36px}
.content .lnb{position: absolute; top:78px; right: 0; font-family: 돋움,Dotum; font-size: 12px}
.content .lnb a,.content .lnb font{margin: 0 8px; font-size: 12px}
.content .page{margin-top: 50px; text-align: left;}


@media screen and (max-width:1000px){
	.subimg{color: #fff; padding: 50px 0; margin-bottom: 20px}
	.subimg h1{
		background:url("../images/renewal/sub/business/h1.png") top center repeat; color: #515151;
		width: 40%;
		padding: 30px 46px; line-height:1.4;
		font-size: 20px;
		text-align: left;
		font-weight: normal;
		display: inline-block;
		margin-left: 50px;
		font-weight: normal;
	}
	.sub2{background: url("../images/renewal/sub/business/m2.jpg") center center no-repeat;}
	.sub3{background: url("../images/renewal/sub/business/m3.jpg") center center no-repeat;}
	.sub4{background: url("../images/renewal/sub/business/m4.jpg") center center no-repeat;}
	.sub5{background: url("../images/renewal/sub/business/m5.jpg") center center no-repeat;}
	.sub6{background: url("../images/renewal/sub/business/m6.jpg") center center no-repeat;}
	.sub7{background: url("../images/renewal/sub/business/m7.jpg") center center no-repeat;}
	.subimg font{color: #dc3823}
	.subimg small{display: block; color: #666; font-size: 15px; margin-top: 15px; letter-spacing: -0.03em}
}
@media screen and (max-width:600px){
	.subimg h1{width: 70%; margin: 0 auto; font-size: 17px; padding: 30px 30px; display: block;}
	.subimg small{font-size: 14px; margin-top: 10px;}
}

@media screen and (max-width:400px){
	.subimg{padding: 20px 0}
	.subimg h1{font-size: 16px; padding: 20px}
	.subimg small{font-size: 12px; margin-top: 7px}
}

@media screen and (max-width:350px){
	.subimg h1{font-size: 15px}
	.subimg small{font-size: 11px;}
}

.greet h1{text-align: center;}
.greet .greet_div{font-size: 15px; margin-top: 50px;} /* background: url("../images/renewal/sub/intro/greet/01_bg.png") bottom right no-repeat; */
.greet .greet_div p{margin-bottom: 30px}
.greet .greet_div font{color: #2B7A9C; font-weight: 700}

@media screen and (max-width:1000px){
	.greet .greet_div{font-size: 13px; margin-top: 20px;} 
	.greet .greet_div p{margin-bottom: 20px}
	
	.greet_img{color: #fff; padding: 50px 0}
	.greet_img h1{
		background:url("../images/renewal/sub/intro/greet/h1.png") top center repeat; color: #fff;
		width: 40%;
		padding: 30px 46px; line-height:1.4;
		font-size: 20px;
		text-align: left;
		font-weight: normal;
		display: inline-block;
		margin-left: 50px
	}
	.greet_img font{color: #edfa5e}
	.gbg{background: url("../images/renewal/sub/intro/greet/m.jpg") top center no-repeat;}
}
@media screen and (max-width:600px){
	.greet_img h1{width: 70%; margin: 0 auto; font-size: 18px; padding: 20px; text-align: center; display: block;}
}

@media screen and (max-width:400px){
	.greet_img{padding: 30px 0}
	.greet_img h1{font-size: 16px; padding: 20px;}
}

/* 연혁 */
.history .wrap{overflow: hidden; padding-bottom: 40px;background: url("../images/renewal/sub/intro/history/line.gif ") 170px 0 repeat-y;}
.history .wrap h2{float: left; width: 160px; font-size: 36px; font-weight: 400; line-height: 1; color: #2B7A9C; font-family: nanum}
.history .wrap .con{float: right; width: 670px}
.history .con .month{font-size: 20px; color: #111; font-weight: normal; margin-bottom: 6px; line-height: 1;}

.history .con ul{padding-left: 66px; background: url("../images/renewal/sub/intro/history/bullet.png") 0 0 no-repeat;}
.history .con ul{margin-top: 40px}
.history .con ul:FIRST-CHILD{margin-top:0;}

@media screen and (max-width:1000px){
	.history .wrap{background: url("../images/renewal/sub/intro/history/line.gif ") 17.2% 0 repeat-y;}
	.history .wrap h2{width: 17%; font-family: Arial}
	.history .wrap .con{width:83%}
}
@media screen and (max-width:760px){
	.history .wrap{background: url("../images/renewal/sub/intro/history/line.gif ") 20.2% 0 repeat-y;}
	.history .wrap h2{width: 20%; font-size: 30px}
	.history .wrap .con{width:80%}
	.history .con ul{padding-left: 50px}
	.history .con .month{font-size: 17px}
}
@media screen and (max-width:560px){
	.history .wrap{background: url("../images/renewal/sub/intro/history/line.gif ") 24.2% 0 repeat-y;}
	.history .wrap h2{width: 24%; font-size: 30px}
	.history .wrap .con{width:76%}
	.history .con ul{padding-left: 36px}
}
@media screen and (max-width:480px){
	.history .wrap{background: url("../images/renewal/sub/intro/history/line.gif ") 20.6% 0 repeat-y;}
	.history .wrap h2{width: 20%; font-size: 24px}
	.history .wrap .con{width:80%}
	.history .con ul{padding-left:28px}
	.history .con .month{font-size: 16px}
}
@media screen and (max-width:380px){
	.history .wrap{background: url("../images/renewal/sub/intro/history/line.gif ") 0% 0 repeat-y; padding-bottom: 0}
	.history .wrap h2{width: 100%; font-size: 26px; background: #fff; padding: 30px 0 20px 0;}
	.history .wrap .con{width:100%}
	.history .con ul{padding-left:23px}
	.history .con .month{font-size: 16px}
	.history .wrap h2.smallh{padding-top: 10px}
}

/* 찾아 오시는 길 */
.c_info {margin:15px 0px 15px 0px; overflow: hidden;} 
.c_info ul{float: left;}

.c_info ul.logo{margin-right: 40px; width: 240px}
.c_info ul.logo img{width: 100%; margin-top: 30px}

.c_info li{display: block;}
.c_info li b{font-size:20px; font-weight: 700; display: block; margin-bottom: 10px}
.c_info li,ul.c_info li a{font-size:15px; line-height: 30px}
.c_info li span{background: #474747; color: #fff; padding: 2px 8px; font-weight: 700; font-size:15px; margin-right: 6px;
	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
}
.map_new{margin-top: 60px; overflow: hidden; clear: both;}
.map_wrap{width:100%; height:360px; border:1px solid #dddddd;}
.map_new h1{font-size:26px; font-weight: 700; border-bottom: 1px solid #333; padding-bottom: 15px; margin-bottom: 30px; text-align: left; color: #333}
.map_new .traffic{font-size: 17px; font-weight: 700; background: url("../images/renewal/sub/intro/map/01.gif") 0 0 no-repeat;
	line-height: 36px; height: 37px;
	display: inline-block; *display:inline; *zoom:1;
	padding-left: 46px;
	color: #DC3823
}
.map_new .car{font-size: 17px; font-weight: 700; background: url("../images/renewal/sub/intro/map/02.gif") 0 0 no-repeat;
	line-height: 36px; height: 37px;
	display: inline-block; *display:inline; *zoom:1;
	padding-left: 46px;
	color: #DC3823
}
.map_new li{margin-top: 10px; font-size: 14px; background: url("../images/renewal/sub/intro/map/bullet.gif") 0 8px no-repeat; padding-left: 12px}
@media screen and (max-width:1000px){
	.m_info{margin-top: 10px; overflow: hidden;}
	.m_info ul li{float: left; margin-right: 15px; font-size: 15px; margin-bottom: 10px}
	.m_info .m_map{float: none}
	.m_info i{color: #DC3823}
	.map_new{margin-top: 30px}
	.map_new h1{font-size: 20px; padding-bottom: 12px; margin-bottom: 15px}
	.map_new .traffic,.map_new .car{background: none; padding-left: 0; height: 30px; line-height: 30px; font-size: 15px}
	.map_new li{font-size: 13px}
}
@media screen and (max-width:600px){
	.map_wrap{height: 300px}
}
@media screen and (max-width:550px){
	.m_info ul li{font-size: 13px}
	.map_new .traffic,.map_new .car{height: 15px; line-height: 15px}
	.map_new li{font-size: 13px;}
}
@media screen and (max-width:480px){
	.map_wrap{height: 260px}
}
@media screen and (max-width:400px){
	.map_wrap{height: 220px}
}

/* 시스템 구축 */
.system_circle{overflow: hidden;}
.system_circle ul{float: left; width: 25%}
.system_circle span{
	display: block;
	text-align: center;
}
.system_circle .c_01{background: #0083A8}
.system_circle .c_02{background: #EF624C}
.system_circle .c_03{background: #BDD307}
.system_circle .c_04{background: #9663B1}

.system_circle .circle_wrap{text-align: center;}
.system_circle h1{
	width: 120px;
	height: 120px; line-height: 120px;
	color: #fff;
	text-align: center;
	font-size: 50px;
	border-radius:50%; -moz-border-radius:50%;; -webkit-border-radius:50%;;
	display: block;
	margin: 0 auto;
	text-align: center;
	
}

.system_circle ul h1{
	font-size: 17px;
	text-align: center;
	margin-top:5px;
	margin-bottom: 21px;
	line-height: 2
}

.system_circle ul h1 i{display: block; font-size: 46px; padding-top: 26px}

.system_circle ul li{
	background: url("../images/renewal/sub/intro/map/bullet.gif") 0 8px no-repeat; padding-left: 12px;
	margin-left: 15px
}
@media screen and (max-width:700px){
	.system_circle h1{width: 100px; height: 100px}
	.system_circle ul h1 i{padding-top: 20px;}
	.system_circle ul h1{font-size: 15px}
	.system_circle ul li{font-size: 12px}
}
@media screen and (max-width:500px){
	.system_circle ul li{background: url("../images/renewal/common/bullet_03.gif") 0 8px no-repeat; padding-left: 8px;}
	
	.system_circle ul{width: 50%; margin-bottom: 15px;}
	.system_circle ul h1{margin-bottom: 10px; font-size: 13px}
	
}

/* 웹사이트 */
.website{margin-top: 50px}
.website .web_title{
	width: 40%; margin: 0 auto; text-align: center;
	font-size: 17px; font-weight: normal;
	border:1px solid #ddd; background:#2B7A9C; color: #fff;
	height: 70px; line-height: 70px;
	display: block;
	
}
.website .web_wrap{margin-top: 30px; overflow: hidden;}
.website .web_wrap ul{width: 30%; margin-left:3%; float: left;}
.website .web_wrap ul h1{font-size: 16px; text-align: center; background: #f7f7f7; border:1px solid #ddd; padding: 10px 0}
.website .web_wrap ul li{border:1px solid #ddd; margin-top: -1px; background: #fff; padding: 11px 15px; height: 150px}
.website .web_wrap ul li span{display: block;background: url("../images/renewal/sub/intro/map/bullet.gif") 0 8px no-repeat; padding-left: 12px}


.website .web_wrap_02{margin-top: 30px}
.website .web_wrap_02 ul{width: 23.3%; margin-left:2%; float: left;}
.website .web_wrap_02 ul:FIRST-CHILD{margin-left: 0}
.website .web_wrap_02 ul h1{font-size: 16px; text-align: center; background: #f7f7f7; border:1px solid #ddd; padding: 10px 0}
.website .web_wrap_02 ul li{border:1px solid #ddd; margin-top: -1px; background: #fff; padding: 11px 15px; height: 150px}
.website .web_wrap_02 ul li span{display: block;background: url("../images/renewal/sub/intro/map/bullet.gif") 0 8px no-repeat; padding-left: 12px}

@media screen and (max-width:722px){
	.website{margin-top: 10px}
	.website .web_wrap ul li span{background: url("../images/renewal/common/bullet_03.gif") 0 8px no-repeat; padding-left: 8px; font-size: 12px;}
}
@media screen and (max-width:650px){
	.website .web_title{font-size: 15px; width: 50%; height: 60px; line-height: 60px; 
	}
	.website .web_wrap ul h1{font-size: 14px; padding: 5px 0;}
	
	.website .web_wrap{margin-top: 10px}
	.website .web_wrap ul{width: 100%; margin: 0 0 10px 0;}
	.website .web_wrap ul li{height: auto}
}
@media screen and (max-width:450px){
	.website .web_title{width: 60%; height: 50px; line-height: 50px; }
}
@media screen and (max-width:350px){
	.website .web_wrap ul h1{font-size: 13px}
	.website .web_title{width: 70%}
}

/* 유지보수 */
.mtc{margin-top: 50px; overflow: hidden;}
.mtc ul{float: left; width: 18%; background: url("../images/renewal/sub/business/maintenance/arrow.gif") 0 center no-repeat; padding-left: 63px; margin-left: 12px}
.mtc ul:FIRST-CHILD {background: none; padding-left: 0; margin-left: 0}

.mtc ul .li_num{font-size:17px; color: #43B3E3; font-weight: 700; margin-bottom: 6px}
.mtc ul .li_num img{vertical-align: middle;}

.mtc ul .li_con{font-size: 15px}

.mtc_02{margin-top: 30px; clear: both;}
.mtc_02 ul{clear: both; margin-top: 30px; overflow: hidden;}
.mtc_02 ul:hover i{background: #43B3E3}
.mtc_02 li{float: left; width: 85%}
.mtc_02 li.icon{width: 15%}
.mtc_02 li i{
	width: 87px; text-align:center;
	display: block;
	background: #DC4F4F;
	height: 87px; line-height: 87px;
	border-radius:50%; -moz-border-radius:50%; -wbkit-border-radius:50%;
	font-size: 40px;
	color: #fff
}
.mtc_02 li h1{font-size: 18px; margin: 10px 0 10px 0; color: #333}
.mtc_02 li span{font-size: 14px}
@media screen and (max-width:1000px){
	.mtc ul .li_con{font-size: 13px}
	.mtc_02 li h1{font-size: 16px}
}
@media screen and (max-width:841px){
	.mtc ul .li_num{font-size: 15px}
	.mtc ul{
    background: url("../images/renewal/sub/business/maintenance/arrow.gif") 0 10px no-repeat;
    padding-left: 30px;
    margin-left: 8px;
    width: auto
	}
	.mtc ul{background-size:20px}
}

@media screen and (max-width:700px){
	.mtc_02 li span{font-size: 13px}
	.mtc_02 li i{width: 70px; height: 70px; line-height: 70px; font-size: 33px}
}
@media screen and (max-width:650px){
	.mtc ul{width: 19%}
}
@media screen and (max-width:600px){
	.mtc_02 li.icon{width: 17%}
	.mtc_02 li{width: 83%}
	
}
@media screen and (max-width:512px){
	.mtc ul{background: none; margin-left: 0; padding-left: 0; margin-right: 2%; width: 23%}
	
	.mtc_02 li.icon{width: 20%}
	.mtc_02 li{width: 80%}
	.mtc_02 li h1{font-size: 15px; margin: 0 0 5px 0}
	.mtc_02 li span{font-size: 12px}
}
@media screen and (max-width:440px){
	.mtc ul .li_num{font-size: 13px}
	.mtc .li_num img{width: 20px}
	.mtc ul .li_con{font-size: 12px}
	
	.mtc_02 li.icon{width: 22%}
	.mtc_02 li{width: 78%}
	
	.mtc_02 li i{width:60px; height: 60px; line-height: 60px; font-size: 28px}
}
@media screen and (max-width:360px){
	.mtc ul .li_num{letter-spacing: -0.03em}
	.mtc .li_num img{display: block;}
	.mtc ul .li_con{font-size: 11px}
	.mtc_02 li h1{font-size: 14px}
}
@media screen and (max-width:350px){
	.mtc_02 li.icon{width: 23%}
	.mtc_02 li{width: 77%}
	
	.mtc_02 li i{width:56px; height: 56px; line-height: 56px; font-size: 26px}
}

.page .point{color: #DC3823}

/* .bg_color .bg_01{background: #0083A8}
.bg_color .bg_02{background: #EF624C}
.bg_color .bg_03{background: #BDD307}
.bg_color .bg_04{background: #9663B1} */

/* 레퍼런스 */
.portfolio h1{ margin-bottom: 10px}
.portfolio h1 img{width: 100%; border:1px solid #ddd}
.portfolio .title{
	position: absolute; bottom: 0;
	background: #111; opacity:0.8; color: #fff;
	width: 97%;
	height: 37px; line-height:1.5;
	 padding: 2%;
}
.portfolio .title li{display: block;}
.portfolio .title .name{font-weight: 700}
.portfolio .title .con{overflow: hidden; white-space:nowrap; text-overflow:ellipsis; width: 100%; font-size: 12px}

.refer_list{overflow: hidden; margin-bottom: 22px}
.refer_list div{float: left; width: 30%; margin: 1.5%; position: relative; border: 1px solid #ddd}
.refer_list div:hover{border: 1px solid #2B7A9C}

.refer_list div .picture{height: 221px; overflow: hidden;}
.refer_list div .picture img{width: 100%; height: 170px;  overflow: hidden;}
.refer_list .title{
	position: absolute; bottom: 0;
	background: #111; opacity:0.8; color: #fff;
	width: 94%;
	height: 37px; line-height:1.6;
	padding: 3%;
}
.refer_list .title li{display: block;}
.refer_list .title .name{font-weight: 700; font-size: 13px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.refer_list .title .con{overflow: hidden; white-space:nowrap; text-overflow:ellipsis; width: 100%; font-size: 12px; font-weight: normal; color: #f8f8f8}

.refer_list .new_bg{
	position: absolute; right: 0; top:0; font-size: 13px; background: #dc3823;
	display: inline;
	color: #fff;
	width: 55px; height: 26px; line-height: 24px;
	text-align: center;
	padding: 0
}


.view_wrap{border:1px solid #ddd;}
.view_wrap .img_wrap{background: url("../images/renewal/sub/reference/bg_size.png") center top no-repeat; height: 561px; margin-top: 60px}
.view_wrap .img_wrap .img{width: 600px; height: 364px; background: #111; margin: 0 auto; padding-top: 21px; overflow: hidden;}
.view_wrap .img_wrap .img img{width: 100%}
.view_ul{border-bottom: 1px solid #ddd; padding: 10px 20px; overflow: hidden; position: relative;}
.view_ul .view_menu{font-size: 30px; position: absolute; left: 20px}
.view_ul .view_menu i{color: #333}
.view_ul .view_title{font-size: 17px; line-height: 45px; text-align: center; font-weight: 700; color: #333}

.v_wrap{border-top:1px solid #555;}
.v_wrap ul{overflow: hidden; border-bottom:1px solid #ccc;}
.v_wrap ul li{float: left; padding: 10px}
.v_wrap ul .v_title{width: 100px; color: #111; font-weight: 700; background: #f7f7f7; padding: 10px}

.v_con{padding: 30px 0}
.v_con img{width: 838px; border:1px solid #ddd}

#v_more{margin: 80px}
#v_more img{width: 100%}

.more_btn{text-align: center; margin-bottom: 60px}
.more_btn a{background: #DC3823; 
	color: #fff;
	width: 160px; font-size:15px;
	height: 60px; line-height: 60px;
	display: inline-block; *display:inline; *zoom:1;
	margin: 0 auto;
	border:1px solid #CE230E
}

@media screen and (max-width:680px){
	.refer_list div{width: 46.5%}
	.v_wrap ul .v_title{width: 16%; padding: 1.5% 2%}
	.v_wrap ul li{font-size: 12px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; width: 74%;  padding: 1.5% 2%}
}
@media screen and (max-width:600px){
	.refer_list div .picture{height: 200px}
	.refer_list div .picture img{height: 150px}
}
@media screen and (max-width:510px){
	.refer_list div .picture{height: 177px}
	.refer_list div .picture img{height: 130px}
	
}
@media screen and (max-width:440px){
	.refer_list div{width: 46%;}
	.refer_list div .picture{height: 166px}
	.refer_list div .picture img{height: 120px}
	
	.v_wrap ul li{font-size: 11px}
	
}
@media screen and (max-width:380px){
	.refer_list div{width: 99%; margin: 0 0 10px 0}
	.refer_list div .picture{height: 183px}
	.refer_list div .picture img{height: 130px}
	.v_wrap ul .v_title{width: 18%; letter-spacing: -0.02em}
	.v_wrap ul li{width: 72%;}
}


/* top 버튼 */
.gotop{
	position: fixed;
	bottom: 42px;
	margin-left: 870px;
}
@media screen and (max-width:1000px){
	.gotop{
	margin: 0; right: 10px; bottom: 10px; background: #000; opacity:0.7; color: #fff;
		width: 42px; text-align:center;
		height: 42px; line-height: 42px;
		border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
		display: inline-block; *display:inline; *zoom:1;
	}
}

/* 게시판 리스트 */
.search_wrap{overflow: hidden;}
.search_new{
	overflow: hidden;
}
.search_new .sch_select{width: 26%;
	height: 31px; line-height: 31px;
	border:1px solid #ccc;
	vertical-align: middle;
}
.search_new .sch_input
	{width: 60%;
	border:1px solid #ddd;
	height: 30px; line-height: 30px;
	padding:0 5px;
	border:1px solid #ccc;
	vertical-align: middle;
	display: inline-block; *display:inline: *zoom:1;
}
.search_new .sch_input input{
	appearance:none !;-webkit-appearance:none;-moz-appearance:none;
	border:none;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	width: 96%; height: 28px; padding: 0 1%
}
.search_new .sch_btn{background: #fff; color: #555; border: 0;
	width:94px; text-align: center;
	height: 30px; line-height:30px;
	vertical-align: middle;
	border:1px solid #ccc;
	display: inline-block; *display:inline; *zoom:1;
}

.list_new{clear: both; margin-top: 30px;}

.list_new table{border-top:1px solid #555; width: 100%}
.list_new table th,.list_new table td{padding: 10px 5px}
.list_new table th{font-size: 15px; text-align: center; font-weight: 700; color: #333;
	border-bottom: 1px solid #ccc;
	background: #fafafa;
	padding: 12px 5px;
}
.list_new table td{font-size: 13px; border-bottom: 1px solid #ddd;}
.list_new table tr:hover td{background: #fafafa}

.list_new .ing,.list_new .fin{
	font-weight: 700;
	display: inline-block; *display:inline; *zoom:1;
	width: 60px;
	height: 28px; line-height: 28px;
	color: #fff
}
.list_new .ing{background: #007AAF;}
.list_new .fin{border:1px solid #aaa; color:#777}

#select_box {
    position: relative;
    width: 25.5%;
    height: 30px;
    background: url(../images/renewal/common/arrow.gif) 96% center no-repeat; /* 화살표 이미지 */
    border: 1px solid #ddd;
    float: left;
    margin-left: 1%;
}
#select_box label,#select_box_02 label{
    position: absolute;
    font-size: 12px;
    color: #666;
    top:0;
    left: 12px;
}
#select_box select#selectbox,#select_box_02 select#selectbox_02{
    width: 100%;
    height: 31px;
    min-height: 31px;
    line-height: 31px;
    padding: 0 10px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}

#select_box_02{
    position: relative;
    width: 20%;
    height: 30px;
    background: url(../images/renewal/common/arrow.gif) 96% center no-repeat; /* 화살표 이미지 */
    border: 1px solid #ddd;
    float: left;
}

/* 게시판 리스트 셀렉트 박스 */
.list_select{
    width: 25% !important;
    height: 28px;
    float: left;
    margin: 0 1% 0 0 !important;
    border:1px solid #ccc !important;
}
.list_select label{top:6px !important;}

@media screen and (max-width:1000px){
	.list_select{width: 20%; margin: 0 !important; float: left !important;}
	.search_new .sch_input{margin-left: -1px; padding: 0 1%; width: 65%}
	.search_new .sch_btn{width: 13%; position: absolute; right: 10px}
	.list_new{margin-top: 20px}
	.list_new table th{font-size: 13px; padding: 5px}
	.list_new table td{padding: 5px}
}

@media screen and (max-width:660px){
	#select_box{width: 26%; margin: 0}
	.search_new .sch_input{margin-left: -1px; padding: 0 1%; width: 55%}
	.search_new .sch_btn{width: 17%; position: absolute; right: 10px}
	#select_box{background: url(../images/renewal/common/arrow.gif) 95% center no-repeat;}
}
@media screen and (max-width:560px){
	.list_new table th{font-size: 12px}
	.list_new table th,.list_new table td{padding: 5px; font-weight: normal}
	
	.list_new .ing, .list_new .fin{width: 40px; height: 23px; line-height: 23px; font-size: 10px;}
	
}
@media screen and (max-width:480px){
	.list_new table th{letter-spacing: -0.1em}
	.list_new table th{font-size: 11px}
	.list_new table td{font-size: 11px}
	.list_new table .txtC{letter-spacing: -0.15em !important; font-size: 10px;}
	.list_new .ing, .list_new .fin{width: 33px; height: 20px; line-height: 20px; font-size: 10px;}
	
}

/* 게시판 뷰 */
.view_new table{border-top:1px solid #555; width: 100%}
.view_new table th,.view_new table td{padding: 10px}
.view_new table th{
	font-size: 15px; text-align: center; font-weight: 700; color: #333;
	border-bottom: 1px solid #ccc;
	background: #fafafa;
	text-align: left;;
	padding: 12px 10px;
}
.view_new table td{font-size: 13px; border-bottom: 1px solid #ddd;}
.view_new table .date{text-align: right; font-weight: normal; font-size: 13px; color: #666}

.view_02 table th{background:#fafafa; width: 120px; font-size: 13px !important; padding: 10px 10px 10px 15px; border-bottom: 1px solid #ddd; color: #474747}

.file_new {width:100%; border-bottom:1px solid #ccc;}
.file_new table td.tit{width:120px; height:30px; font-weight:bold; color:#827c71; background:#fafafa; text-align:center; border-right: 1px solid #ddd;
	 padding: 10px 0
}
.file_new table td.subject {line-height:21px;
 padding: 10px 0 10px 20px;
}

.bw_e span{float: left;}
.bw_e span{width: 34%; border: 1px solid #ddd}
.bw_e .e_span{width:2% !important; text-align: center; margin: 0 1%; border: 0}

/* 이전글 */
.prenext_new{border-top: 1px solid #ddd}
.prenext_new table{width: 100%;}
.prenext_new table .tit{width: 100px; padding-left: 10px; font-weight: 700; color: #333}
.prenext_new table .tit i{
	margin-left: 12px;
	color: #DC3823;
}

.prenext_new table td{
	border-bottom: 1px solid #ddd;
	padding: 10px;
	font-size: 12px
}
@media screen and (max-width:1000px){
	.boardWrite_new table th{display: none}
	.view_new table th{font-size: 14px; padding: 10px}
	.board_pretitle{text-align: right;}
}

@media screen and (max-width:700px){
	.file_new table td.tit{width: 40%}
	.view_new table th{font-size: 13px;}
	.file_new table td{font-size: 12px}
	.prenext_new table .tit{width: 20%}
}
@media screen and (max-width:480px){
	.view_new table th{font-size: 12px;}
	.file_new table td,.prenext_new table td,.prenext_new table td,.prenext_new table .tit{font-size: 11px}
}
@media screen and (max-width:400px){
	.prenext_new table .tit{width: 22%}
	.prenext_new table .tit i{margin-left: 6px}
	.prenext_new table .tit{padding-left: 5px}
}


/* 복리후생 및 전형절차 */
.people{overflow: hidden;}
.people li{float: left; width: 23%; text-align: center; padding: 0 1%;}
.people li img{width: 80%}
.people li span{display: block; margin-top: 15px; font-size: 14px}
.people li span font{color: #2B7A9C; font-weight: 700}


.talent{overflow: hidden;}
.talent .t_left{float: left; width: 48%}
.talent .t_left li{font-size: 15px; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px}
.talent .t_left .t_num_01{background: url("../images/renewal/sub/recruit/process/num_01.gif") 0 3px no-repeat; padding-left: 38px}
.talent .t_left .t_num_02{background: url("../images/renewal/sub/recruit/process/num_02.gif") 0 3px no-repeat; padding-left: 38px}
.talent .t_left .t_num_03{background: url("../images/renewal/sub/recruit/process/num_03.gif") 0 3px no-repeat; padding-left: 38px}
.talent .t_left .t_num_04{background: url("../images/renewal/sub/recruit/process/num_04.gif") 0 3px no-repeat; padding-left: 38px}
.talent .t_left .t_num_05{background: url("../images/renewal/sub/recruit/process/num_05.gif") 0 3px no-repeat; padding-left: 38px}

.talent .t_right{float: right; width: 48%}
.talent .t_right ul{overflow: hidden;}
.talent .t_right li{font-size: 15px; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px}
.talent .t_right .t_num_01{background: url("../images/renewal/sub/recruit/process/num_01_b.gif") 0 3px no-repeat; padding-left: 38px}
.talent .t_right .t_num_02{background: url("../images/renewal/sub/recruit/process/num_02_b.gif") 0 3px no-repeat; padding-left: 38px}
.talent .t_right .doc{background: #f7f7f7; padding:10px 15px; margin-top: 12px}
.talent .t_right span{
	display: block;
	background: url("../images/renewal/common/bullet_02.gif") 0 8px no-repeat;
	padding-left: 8px;
	margin-bottom: 3px;
}
.t_progress{overflow: hidden; background: url("../images/renewal/common/border.gif") center center no-repeat;}
.t_progress li{
	float: left;
	width: 23%; margin: 0 1%;
	text-align: center;
	background: #fff;
	color: #555;
	height: 120px; line-height:120px;
	border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
	font-size: 17px;
	position: relative;
	border:1px solid #ddd
}
.t_progress li span{position: absolute; top:0px; left: 10px; font-size: 32px; font-family: daum; line-height: 1.2; color: #888}
.t_progress li:FIRST-CHILD {
	margin-left: 0%
}
.t_progress li.lc{margin-right: 0; background: #DC3823; border:1px solid #DC3823; color: #fff}
.t_progress .lc span{color: #fff}

@media screen and (max-width:1000px){
	.talent .t_left li,.talent .t_right li{font-size: 14px}
}
@media screen and (max-width:700px){
	.people li span{font-size: 13px}
	.talent .t_left li,.talent .t_right li{font-size: 13px}
	.t_progress li span{font-size: 26px}
	.t_progress li{font-size: 15px; height: 100px; line-height: 100px;}
	.mt50{margin-top: 30px}
}
@media screen and (max-width:500px){
	.talent .t_left{width: 100%; float: none}
	.talent .t_right{width: 100%; float: none; margin-top: 30px;}
	.people li span,.talent .t_left li, .talent .t_right li{font-size: 12px}
	.talent .t_right span{font-size: 11px;}
	.talent .t_right .doc{margin-top: 0px}
	.t_progress li{height: 82px; line-height: 82px;}
	.t_progress li span{font-size: 20px}
}
@media screen and (max-width:460px){
	.t_progress li{width: 22.8%; height: 66px; line-height: 66px; font-size: 13px}
	.t_progress li span{font-size: 16px; left: 2px}
	
	.people li{width: 48%}
}

/* 입사지원 */
.board_write_new{border-top:1px solid #555}
.board_write_new ul{overflow: hidden; border-bottom: 1px solid #ddd; padding: 5px 0}
.board_write_new ul li{float: left; padding: 0%; line-height: 30px;}
.board_write_new ul li input[type="text"],.board_write_new ul li input[type="password"]{
	appearance:none !;-webkit-appearance:none;-moz-appearance:none;
	border:none;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	width: 98%; height: 28px; line-height: 28px; padding: 0 1%
}

.board_write_new ul li.bw_l{width: 16%; padding: 0 1%}
.board_write_new ul li.bw_r{ width: 81%; float: right;}
.board_write_new ul li.bw_r_02{width: 81%; float: right; padding: 0 !important;}


.board_write_new ul li.bw_r span{
	border: 1px solid #ddd;
	display:inline-block; *display:inline; *zoom:1;
	width: 99%
}
.board_write_new ul li.bw_r .small,.board_write_new .small2{width: 34% !important;}
.board_write_new ul li textarea{
	appearance:none !;-webkit-appearance:none;-moz-appearance:none;
	border:none;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	width: 98%; height: 28px; line-height: 28px; padding: 0 1%;
	min-height: 100px
}
.input_st{
	width: 98%;
	padding: 6px 1%;
}
.e_select{
	width: 31%; margin-left: 1%;
	height: 32px;
	border: 1px solid #ddd;
	
}
.bw_file{height: auto !important; line-height: 1.3; padding: 0 !important;}
.bw_file .file_input{border: 1px solid #ddd; width: 99%}
.bw_file p{line-height: 1.7; font-size: 11px; color: #888; margin-top: 6px;}

.phone_input span{float: left; border: 1px solid #ddd; width: 36.7%}
.phone_input span.dash{
	width:2.5%; text-align: center;
	display: inline-block; *display:inline; *zoom:1;
	float: left;
	border: 0
}

.boardWrite_new .textarea{
	width: 98%; padding: 1%;
	min-height: 200px;
	font-size: 12px;
	border:1px solid #ddd
}
.boardWrite_new .editor{
	width: 98%; padding: 1%;
	min-height: 200px;
}

.file_input{margin-bottom: 3px}
.file_input label {
	position:absolute;
    cursor:pointer;
    display:inline-block; *display:inline; *zoom:1;
    vertical-align:middle;
    overflow:hidden;
    width:20%;
    height:31px;
    background:#2B7A9C;
    color:#fff;
    text-align:center;
    line-height:31px;
    float: right;
    text-align: center;
    right: 5px;
}
.file_input label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    border: 0 !important;
    top:0
}
.file_input input[type=text] {
    vertical-align:middle;
    display:inline-block; *display:inline; *zoom:1;
    width:73% !important;
    height:20px;
    line-height:20px;
    font-size:11px;
    padding:0;
    border:0;
    border:1px solid #ddd;
}

.autoinput img{float: left; margin-top: -1px}
.autoinput span{border:1px solid #ddd; display: inline-block; margin:7px 0 0 -26px; display:inline-block; *display:inline; *zoom:1;}
.autoinput input{vertical-align: middle;}

.inputwrap label{margin: 0 10px 0 3px; vertical-align: middle; cursor: pointer; font-size: 12px;}

@media screen and (max-width:1000px){
	.file_input label{right: 10px;}
	#select_box label, #select_box_02 label{left: 5px}
}

@media screen and (max-width:800px){
	.board_write_new ul li.bw_l{font-size: 12px;}
}
@media screen and (max-width:700px){
	#select_box{width: 25%; margin:0 0.5% 0 0}
	.write_select{float: right !important; height: 26px !important; line-height: 26px !important;}
	.bw_e .e_span{font-size: 11px; width: 4% !important; margin: 0}
	.file_input label{width: 17%; font-size: 11px}
	.board_write_new ul li{line-height: 26px;}
	.board_write_new ul li input[type="text"]{height: 26px; line-height: 26px;}
	.file_input label{height: 28px; line-height: 28px;}
}
@media screen and (max-width:500px){
	.bw_e span{width: 33%}
	.bw_e .e_span{width: 3% !important; margin: 0 1%; font-size: 10px;}
	.phone_input span{width: 36%}
	.bw_r_02 .fr{float: right; margin-right: 0.5%}
	.board_write_new ul li.bw_l{font-size: 11px}
	.board_write_new ul li.bwls{letter-spacing: -0.1em; font-size: 10px !important;}
	.autoinput img{width: 40%; float: left;}
	.autoinput span{width: 110px; margin: 0 0 0 -26px;}
	
	.board_write_new ul li.bw_l{width: 17%;}
	.board_write_new ul li.bw_r{ width: 80%;}
	.board_write_new ul li.bw_r_02{width: 80%}
	
	.inputwrap label{font-size: 11px}
}
@media screen and (max-width:335px){
	.phone_input span{width: 35.5%}
}


/* 버튼 */
.submit_btn_wrap{text-align: center; margin-top: 60px}
.submit_btn_wrap .submit_btn{
	width: 170px;
	height: 60px; line-height:60px;
	border:1px solid #A22211;
	display: inline-block; *display:inline; *zoom:1;
	background: #DC3823; color: #fff;
	font-size: 17px;
}

.btn_new .btn_01{
	width: 150px;
	height: 60px; line-height:60px;
	border:1px solid #186384;
	display: inline-block; *display:inline; *zoom:1;
	background: #2B7A9C; color: #fff;
	font-size: 17px;
}

.btn_new .btn_02{
	width: 150px;
	height: 60px; line-height:60px;
	border:1px solid #186384;
	display: inline-block; *display:inline; *zoom:1;
	background: #2B7A9C; color: #fff;
	font-size: 17px;
}

.btn_new .btn_03{
	width: 150px;
	height: 60px; line-height:60px;
	border:1px solid #186384;
	display: inline-block; *display:inline; *zoom:1;
	background: #2B7A9C; color: #fff;
	font-size: 17px;
}

.list_btn_wrap{text-align: center; margin: 60px 0 30px 0; overflow: hidden;}
.list_btn_wrap .list_btn{
	width: 170px;
	height: 60px; line-height:60px;
	border:1px solid #186384;
	display: inline-block; *display:inline; *zoom:1;
	background: #2B7A9C; color: #fff;
	font-size: 17px;
}

.list_btn_wrap_02{text-align: center; margin: 30px 0 60px 0; overflow: hidden;}
.list_btn_wrap_02 .list_btn{
	width: 170px;
	height: 60px; line-height:60px;
	border:1px solid #282828;
	display: inline-block; *display:inline; *zoom:1;
	background: #555; color: #fff;
	font-size: 17px;
}

.btn_two{
	text-align: center; margin-top: 60px;
	overflow: hidden;
}

.btn_two .b_01{
	width: 140px;
	height: 60px; line-height:60px;
	border:1px solid #282828;
	display: inline-block; *display:inline; *zoom:1;
	background: #555; color: #fff;
	font-size: 17px;
}

.btn_two .b_02{
	width: 140px;
	height: 60px; line-height:60px;
	border:1px solid #777;
	display: inline-block; *display:inline; *zoom:1;
	background: #fff; color: #555;
	font-size: 17px;
	margin-right: 5px
}

.btn_two .b_03{
	width: 140px;
	height: 60px; line-height:60px;
	border:1px solid #186384;
	display: inline-block; *display:inline; *zoom:1;
	background: #2B7A9C; color: #fff;
	font-size: 17px;
}

.btn_new{
	text-align: center; margin-top: 60px;
	overflow: hidden;
}

.btn_new a{
	width: 140px;
	height: 60px; line-height:60px;
	display: inline-block; *display:inline; *zoom:1;
	font-size: 17px;
}

.btn_new .b_01{
	border: 1px solid #DC3823;
    background: #fff;
    color: #DC3823;
}

.btn_new .b_02{
	border: 1px solid #A22211;
    background: #DC3823;
    color: #fff
}

.btn_new .b_03{
	border:1px solid #186384;
	background: #2B7A9C; color: #fff;
}


.tab_new{overflow: hidden; margin-top: 30px}
.tab_new a{width: 16.6666666667%; text-align: center; float: left; color: #aaa}
.tab_new a{
	border-top: 1px solid #ddd;
	height: 42px; line-height: 42px;
}
.tab_new a:hover{
	color: #333;
}
.tab_new .active{border-top: 2px solid #4DB0C7; color: #111; font-weight: 700}
@media screen and (max-width:560px){
	.tab_new{margin-top: 15px}
	.tab_new a{width: 33.3%; border: 1px solid #ccc; background: #eee; color: #aaa; margin:0 0 0 -3px; border-bottom: 0;
		height: 30px; line-height: 30px; font-size: 11px
	}
	.tab_new a.active{background: #DC3823; color: #fff; border: 1px solid #ddd; border-bottom: 0}
	.mobile_cb{clear: both;}
	
	.tab_new a.mobile_b1{margin-left: 0}
	.tab_new a.mobile_b2{border-bottom: 1px solid #ddd}
	.subject span{display: none}
}

.top_btn{z-index: 999; cursor: pointer;}
.submit_margin{margin: 50px 0 10px 0}

/* 로그인 */
.login_wrap{border:1px solid #eee; width: 600px; margin: 0 auto; padding: 47px 80px; overflow: hidden; border-top:1px solid #111 !important; border-bottom: 1px solid #ccc;}
.login_wrap i{margin-right: 3px}
.login_wrap h1{font-size: 18px; margin-bottom: 20px}
.login_wrap h1 font{padding-bottom: 3px; color: #333}S
.login_wrap h1 i{font-size: 22px; margin-right: 6px; color: #2B7A9C}

.login_wrap .m_inq{
	margin-top: 20px;
	padding-top: 26px;
	border-top:1px dotted #ddd;
	overflow: hidden;
	vertical-align: text-bottom !important;
}
.login_wrap .m_inq i{margin-right: 6px; color: #DC3823}
.login_wrap .m_inq h2{font-size: 16px; color: #333; float: left; margin-right: 26px}
.login_wrap .m_inq h2 i{color: #282828}
.login_wrap .m_inq li{
	float: left;
	display: inline-block; *display:inline; *zoom:1;
	font-size: 14px
}
.login_wrap .m_inq li.mr{
	margin-right: 16px
}

.logdiv{overflow: hidden;}
.logdiv ul{float: left; width: 70%}
.login_wrap .lform{overflow: hidden;}
.login_wrap .lform li{line-height: 36px; padding: 6px 0;  border:1px solid #ddd; margin-bottom: 10px}
.login_wrap .lform li input{
	width: 94%;
	padding: 0 3%;
	height: 36px; line-height: 36px;
	vertical-align: middle;
	border: none;
	border-radius: 0;   -webkit-appearance: none;
	-moz-appearance: none; appearance:none;
	background: #fff !important;
}

.login_wrap .login_btn{
	background: #2B7A9C; color: #fff;
	text-align: center;
	overflow: hidden;
	font-size: 17px;
	font-weight: 700;
	float: right;
	width: 26%;
	height: 114px;
	line-height: 114px;
	display: inline-block; *display:inline; *zoom:1;
}
@media screen and (max-width:1000px){
	.login_div{padding: 60px 0}
	.login_wrap{width: 70%; padding: 6% 10%;}
}
@media screen and (max-width:800px){
	.login_wrap{padding:5% 10%}
	.login_wrap h1{font-size: 16px; margin-bottom: 15px}
	.login_wrap .m_inq h2{font-size: 14px}
	.login_wrap .m_inq li{font-size: 13px}
	
	.login_wrap .lform li{height: 30px; line-height: 30px;}
	.login_wrap .lform li input{height: 30px; line-height: 30px;}
	.login_wrap .login_btn{height: 98px; line-height: 98px;}
}
@media screen and (max-width:500px){
	.login_wrap{padding: 5% 7%; width: 80%}
	.login_wrap h1{font-size: 14px}
	.login_wrap .m_inq{margin-top: 12px; padding-top: 12px;}
}
@media screen and (max-width:460px){
	.login_wrap h1{font-size: 13px}
	.login_wrap .m_inq h2{margin-bottom: 3px}
	.logdiv ul{width: 100%}
	.login_wrap .login_btn{width: 100%; height: 50px; line-height: 50px; display: block;}
	.login_wrap .login_btn,.login_wrap .m_inq h2{font-size: 13px}
	.login_wrap .m_inq li{font-size: 12px; float:none; clear: both; display: block;}
	
	.login_div{padding:30px 0}
	
}

/* 메뉴 */
#header .lnb {
	height: 97px;
	margin:0px auto; clear: both;
	padding: 0 20px;
	width: 1100px; margin: 0 auto;
}
#header .lnb .logo{margin:20px 0 0 0; display: inline-block; *display:inline; *zoom:1; ;float: left; width: 236px}
#header .lnb .logo img{width: 100%}

/* 메뉴(전체메뉴) */
#header .lnb .menuwrap{float: right; margin-top: 45px;}
#header .lnb .menuwrap .m_menu{display: block; 
	height: 44px}
#header .lnb .menuwrap .m_menu a{
	font-size: 17px; margin-left:81px;
	display: inline-block; *display:inline; *zoom:1;
	padding: 0 3px 19px 3px;
}
#header .lnb .menuwrap .m_menu a:hover, #header .lnb .menuwrap .m_menu a.active{color: #111; font-weight: 700; background: url("../images/renewal/common/sub_bg.gif") bottom center no-repeat;
}
#header .lnb .menuwrap .s_menu{
	display:none;
	position: absolute;
	z-index: 999;
	background: #fff;
	width: 100%; left: 0;
	top:111px;
}
#header .lnb .menuwrap .s_menu ul{
	float: left;
	line-height: 2;
	border-left: 1px solid #ddd;
	
	padding-top: 10px;
	height: 170px;
	display: block;
}
#header .lnb .menuwrap .s_menu ul a{display: block; cursor: pointer}
#header .lnb .menuwrap .s_menu ul a:hover{color: #333; font-weight: 700}
#header .lnb .menuwrap:hover .s_menu{display: block; border-bottom: 1px solid #ddd}

#header .lnb .menuwrap .s_menu_00{width: 260px; padding-right: 105px; border-left: 0 !important;}
#header .lnb .menuwrap .s_menu_01{padding-left: 30px; width: 126px;}
#header .lnb .menuwrap .s_menu_02{width: 100px; padding-left:30px; width: 129px;}
#header .lnb .menuwrap .s_menu_03{padding-left:30px; width: 101px;}
#header .lnb .menuwrap .s_menu_04{letter-spacing: 0.01em; padding-left:26px; width: 136px;}
#header .lnb .menuwrap .s_menu_05{padding-left: 20px}

#header .lnb .menuwrap .s_menu_00 li span{display: block;}
#header .lnb .menuwrap .s_menu_00 li h1{color: #FFA700; font-size: 23px; margin: 0 0 17px 0 !important; line-height: 1.2 !important;}
#header .lnb .menuwrap .s_menu_00 li a{border:1px solid #ddd;  padding: 3px 14px;
	border-radius:5px;
	display:inline-block; *display:inline; *zoom:1;
}
#header .lnb .menuwrap .s_menu_00 li a:hover{border:1px solid #aaa}

/* 의뢰 및 견적문의 */
.password_new{ width: 360px; margin: 0 auto; border:1px solid #ddd; padding: 30px 60px; background: #fafafa; overflow: hidden;} 
.password_new h1{font-size: 16px; color: #565656; margin-bottom: 20px}
.password_new span{width: 220px; border: 1px solid #ddd; padding: 10px; float: left; background: #fff}
.password_new span input{
	appearance:none !;-webkit-appearance:none;-moz-appearance:none;
	border:none;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	width: 98%; height: 28px; line-height: 28px; padding: 0 1%
}

.password_new .c_btn{
    border: 1px solid #333;
    background: #555;
    color: #fff;
    
    width: 100px; text-align:center;
    height: 38px;
    line-height: 38px;
    display: inline-block; *display:inline; *zoom:1;
    float: right;
}
@media screen and (max-width:600px){
	.password_new{width: 60%; padding: 6% 10%}
	.password_new span{width: 70%; padding: 0; height: 44px; line-height: 44px; float: left;}
	.password_new .c_btn{ float: right; margin-left: -4px; width: 30%; height: 44px; line-height: 44px;}
}
@media screen and (max-width:500px){
	
	.password_new{width: 80%; padding:5%}
	.password_new span{width: 70%; padding: 0; height: 36px; line-height: 36px; float: left;}
	.password_new .c_btn{ float: right; margin-left: -4px; width: 30%; height: 36px; line-height: 36px;}
	.password_new h1{font-size: 13px; margin-bottom: 10px}
	.password_new .c_btn{font-size: 12px;}
}

/* paginate */
.paginate{overflow:hidden;clear:both;margin:0 auto;padding:29px 0 30px;text-align:center;zoom:1}
.paginate a{
	color:#666;font-family:'돋움',Dotum;
	font-size:12px;font-weight:bold;line-height:26px;text-decoration:none !important;
	width: 26px; text-align: center;
	border: 1px solid #ddd;
	display: inline-block; *display:inline; *zoom:1;
	height: 26px; line-height: 26px;
	margin-left: 0px;
	position: relative;
}
.paginate a:hover,.paginate a:focus,.paginate a:active{border:1px solid #2B7A9C; text-decoration: none}

.paginate a.active{
	color:#DC3823;
	font-weight:bold;
	border: 1px solid #DC3823
}
.paginate a.pre{margin-right:10px}
.paginate a.next{margin-left:16px}

.paginate a i{font-size: 14px; line-height: 24px}

.aspb span{color: #555}
.aspb font{font-weight: 700; color: #DC4F4F; font-size: 14px}
.aspb .func{margin-top: 6px; font-size: 13px; color: #777}
.aspb .func span{margin: 0 10px; font-size: 12px;}
@media screen and (max-width:650px){
	.aspb .func{font-size: 12px}
	.aspb font{font-size: 13px}
	.aspb .func span{margin: 0 5px}
}
@media screen and (max-width:420px){
	.aspb .func{font-size: 11px}
	.aspb font{font-size: 12px}
	.aspb .func span{font-size: 10px; vertical-align: baseline;}
}
.m1dep{position: relative; width:111px}
.m1dep:hover .m1dep_s{display: block;}
.m1dep_s{position: absolute; background: #eee; width: 111px; border: 1px solid #ccc; margin-left: -1px; display: none}
.m1dep_s a{font-size: 12px; color: #515151}
.m1dep_s a:hover,.m1dep_s a:active{background: #DC3823; color: #fff !important;}
.m1dep_s_02 a.active{color: #DC3823;}

.m1dep_02{position: relative; width: 120px}
.m1dep_02:hover .m1dep_s_02{display: block;}
.m1dep_s_02{position: absolute; background: #eee; width: 120px; border: 1px solid #ccc; margin-left: -1px; display: none}
.m1dep_s_02 a{font-size: 12px; color: #515151; padding: 5px 12px !important;}
.m1dep_s_02 a:hover,.m1dep_s a:active{background: #DC3823; color: #fff !important;}
.m1dep_s_02 a.active{color: #DC3823;}

@media screen and (max-width:1000px){
	.sub_center{width: auto;}
	#container .content{width: 100%; padding: 57px 0 0 0; clear: both; float: none; margin: 0}
	#container .left{display: none}
	.content .page{padding: 0 10px; margin-top: 36px;}
	.p_title,.content .lnb{display: none}
	.mlmenu{position: fixed; top:50px; border-bottom: 1px solid #ddd; z-index: 10; background: #eee; width: 100%}
	.mlmenu li{float: left; border-right:1px solid #ccc}
	.mlmenu li a{padding: 6px 12px; display: block;}
	.mlmenu li:FIRST-CHILD{padding-left: 10px;}
	.mlmenu .icon-angle-right{margin: 0 10px}
	.mlmenu .icon-home{font-size: 15px;}
	.mlmenu .icon-angle-down{position: absolute; right: 10px; top:10px}
	.mlmenu li.1dep{position: relative;}
	.mlmenu li.1dep .1dep_s{position: absolute;}
	.sub_title{font-size: 16px; background: url("../images/renewal/common/bullet.gif") 0 center no-repeat; padding-left: 22px;}
	.mtc_02{margin-top: -10px}
}

@media screen and (max-width:800px){
	.list_btn_wrap .list_btn,.list_btn_wrap_02 .list_btn,
	.btn_two .b_02,.btn_two .b_01{font-size: 15px}
}

@media screen and (max-width:480px){
	.sub_title{font-size: 14px;}
	.mlmenu li a{font-size: 12px}
	.list_btn_wrap .list_btn,.list_btn_wrap_02 .list_btn{width: 150px; height: 50px; line-height: 50px;}
	.btn_two .b_02,.btn_two .b_01{width: 120px; height: 50px; line-height: 50px;}
}
@media screen and (max-width:380px){
	.list_btn_wrap .list_btn,.list_btn_wrap_02 .list_btn,.btn_two .b_02,.btn_two .b_01{font-size: 13px}
}


.refer_btn{margin: 0 auto; clear: both; margin-top: 60px; overflow: hidden; text-align: center;}
.refer_btn a{
	border:1px solid #1D7398; display: inline-block;
	width:260px;
	text-align: center;
	height:70px; line-height: 70px;
	font-size: 15px;
	background: #2B7A9C; color: #fff
}
.refer_btn a:active{background: #10506B}

.refer_btn a i{margin-left: 36px}