#wrap{width: 100%; font-family:'NanumSquare',serif;}

.title{font-size: 2rem; color:#000; text-align: center; font-weight: 700; padding:135px 0 50px;}
.title_bar{width: 150px; height: 3px; background: rgba(0,0,0,0.5); margin: 0 auto;}
.subtitle{font-size: 1.2rem; color:#666; text-align: center; padding:30px 0; line-height: 1.5;}
.title, .subtitle{width: 93%; margin: 0 auto;}


/*고객센터 시작*/
#info{width: 100%; background: #f2f2f2;}
#info div{width:685px; overflow: hidden; margin: 0 auto;}
#info div ul{float: left; padding: 28px 0 25px;}
#info div ul a{float: left; transition: all;}
#info div ul a:hover{transform: translateY(-8px); transition-duration: 0.3s;}
#info div ul a img{width: 40px; height: 40px; margin-right: 10px;}
#info div ul .info_text{float:left; font-size: 1rem; line-height: 2;}
#info div ul .info_text span{font-size: 1.3rem; font-weight: 700;}
#info div ul .m_info_text{font-size: 1rem; padding-top: 9%; display: none;}
.tel, .kakao{width: 172px;}
.mail{width: 190px;}
.tel{margin-right: 10px;}
.tel{margin-right: 15px;}
.online{width: 136px;}
#info div .m_tel{width: 100%; margin: 0 auto; display: none;}
#info div .m_tel img{width: 60px; height: 60px;}
#info div .m_tel .info_text{font-size: 2rem; padding-top: 1%; line-height: 1.5;}
#info div .m_tel .info_text span{font-size: 0.9rem;}
/*고객센터 끝*/

/*자동슬라이드 시작*/
#auto_slide{width: 100%; background: #000;}
/*자동슬라이드 끝*/

/*회사소개 시작*/
#intro{width: 100%; background: #242433;}
#intro .intro{width: 768px; height: 580px; background:url(../images/intro_bg.jpg) no-repeat; margin:0 auto; position: relative;}
#intro .intro_title{width: 314px; position: absolute; top:154px; left: 45px;}
#intro .intro_title img{ width: 233px; margin: 0 auto;}
#intro .intro_title p{font-size:1.7rem; color:#fdd000; line-height: 1.3; padding-top: 40px; font-weight: 300;}
#intro .intro_subtitle{width: 356px; position: absolute; top: 170px; left: 395px;}
#intro .intro_subtitle img{width: 130px; margin-left: 220px;}
#intro .intro_subtitle p{color: #fff; padding-top: 24px; line-height: 1.5; text-align: justify; font-weight: 300; font-size: 1.1rem;}
/*회사소개 끝*/

/*자격증 시작*/
#license{width: 100%; overflow: hidden; margin-bottom: 135px;}
#license div {width: 640px; margin:0 auto;}
#license .license {width: 25%; float: left; margin-top:5%;}
#license .license li{width: 95%; margin:0 auto;}
#license .license li img{border: 1px solid #efefef;}
#license .license li p{color:#999; text-align: center; line-height: 2;}
/*자격증 끝*/

/*사업분야 시작*/
#business{width: 100%; overflow: hidden; padding-bottom: 135px;}
#business div{width: 732px; margin: 0 auto; overflow: hidden; padding:20px 0 0;}
#business div ul{width: 32%; float: left; transition: all;}
#business div ul:hover{transform: translateY(-10px); transition-duration: 0.3s;}
#business div > ul:nth-last-child(2){margin: 0 2%;}
#business div img{width: 121px; height: 94px; margin: 0 auto; padding-top: 35px;}
#business .bu_title{font-size:1.6rem; text-align: center; margin: 20px 0;}
#business .bu_subtitle{width: 90%; margin: 0 auto; line-height: 1.5; text-align: center;}
.btn_b{width: 100px; color:#000; padding: 10px 0; margin: 25px auto; text-align: center; border: 1px solid #000;}
.btn_b:hover, .btn_b:active{background: #000; color:#fff; text-decoration: none;}
.btn_w{width: 100px; color:#fff; padding: 10px 0; margin: 25px auto; text-align: center; border: 1px solid #fff;}
.btn_w:hover, .btn_w:active{background: #fff; color:#000;}
/*사업분야 끝*/

/*조직구성도 시작*/
#chart{width: 100%; background: url(../images/patten_bg.jpg) repeat; overflow: hidden; padding-bottom: 135px;}
#chart img{width:50%; max-width: 900px; margin: 0 auto;}
#chart .chart_m{width: 95%; display: none;}
/*조직구성도 끝*/

/*주요업무 시작*/
#whatwedid{width: 100%; background: #f2f2f2; padding-bottom: 135px;}
#whatwedid img{width: 50%; max-width: 900px; margin: 20px auto 0;}
#whatwedid .whatwedid_m{width: 95%; display: none;}
/*주요업무 끝*/

/*두더베스트 시작*/
#dothebest{width: 100%; background: #242433;}
#dothebest .dothebest_title{font-size: 2.5rem; color:#fdd000; font-weight: 300; padding: 20px 0 0 0;}
#dothebest p{width:90%; color:#fff; font-size: 1.1rem; text-align: center; line-height: 1.5; padding-bottom: 20px; margin: 0 auto;}
/*두더베스트 시작*/

/*오시는길 시작*/
#location{width: 100%; background: #fdd000; overflow: hidden; padding-bottom: 135px;}

#location .content{width: 100%;}
#location .content .tabs{width: 400px; margin: 0 auto; overflow: hidden;}
#location .content .tabs span{width:46%; margin: 0 1%; font-size: 1.1rem; padding: 15px; box-sizing: border-box; border: 1px solid #000; text-align: center; float: left; }
.active{background: #000; color:#fff;}
#location .content .slide_content{width:100%; margin: 2% 0 0; overflow: hidden; clear: both; }
#location .content .slide_content .tabslider{width: 100%; height: 350px; overflow: hidden; position: relative;}
#location .content .slide_content .tabslider ul{width: 100%; height: 350px; overflow: hidden; top:0;}
#location .content .slide_content .tabslider ul li{width:100%; height: 350px; position: absolute; top:0; left: 0;}

.map_text{width: 700px; margin: 25px auto 0;}
.map_text .map_text1{width:55%; float: left;}
.map_text .map_text2{width:43%; margin-left:2%; float: left;}
.map_text .map_text2 > p:last-child{letter-spacing: 0; line-height: 1.5;}
.map_text .map_text1 .map_text_title:nth-last-child(2){padding-top: 21px;}
.map_text_title{font-size: 1.8rem; font-weight: 700; padding-top: 10px;}
.map_text_title span{font-size: 1.3rem; display: inline-block;}
.map_text p{line-height: 1.5; color:#000;}
/*오시는길 끝*/

@media only screen and (max-device-width:1024px) {
	/*transition 해제*/
	#business div ul:hover, #info div ul a:hover{transform: none;}

}

@media only screen and (max-device-width:768px) {
	/*공통css*/
	.title{padding: 25% 0 8% 0;}
	#license{margin-bottom: 25%;}
	#chart, #business, #whatwedid, #location{padding-bottom: 25%;}

	/*퀵메뉴*/
	.quick{display: none;}

	/*고객센터*/
	.tel, .kakao, .mail, .online{display: none;}
	#info div{width: 248px; margin: 0 auto;}
	#info div .m_tel{display: block;}

	/*회사소개*/
	#intro{overflow: hidden;}
	#intro .intro, #intro .intro_title, #intro .intro_subtitle{position: static;}
	#intro .intro{width: 93%; height: auto; background: #242433; margin: 0 auto;}
	#intro .intro_title{width: 100%; padding:20% 0 8%;}
	#intro .intro_title img{width:250px;}
	#intro .intro_title p{padding-top: 8%; text-align: center;}
	#intro .intro_subtitle{width: 100%; padding-bottom: 20%;}
	#intro .intro_subtitle img{float:right; margin: 0 0 8% 0;}
	#intro .intro_subtitle p{font-size: 1.1rem; clear: both; padding: 0;}

	/*자격증*/
	#license div {width: 95%; margin:0 auto;}

	/*조직구성도*/
	#chart img{width: 95%;}

	/*사업분야*/
	#business div{width: 95%;}
	#business div ul{transition: none;}

	/*주요업무*/
	#whatwedid a{width: 95%}
	#whatwedid img{width: 100%;}

	/*오시는길*/
	.map_text {width: 95%;}
}

@media only screen and (max-device-width:570px) {
	/*공통*/
	.subtitle{font-size: 1rem;}

	/*사업분야*/
	#business div{padding-top: 0;}
	#business div ul{width: 100%;}
	#business div > ul:nth-last-child(2){margin: 2% 0;}

	/*두더베스트*/
	#dothebest .dothebest_title{font-size: 1.5rem;}
	#dothebest p{font-size: 1rem;}

	/*오시는길*/
	.map_text .map_text1, .map_text .map_text2{width: 100%;}
	.tabslider{height: 560px;}
	.map_text .map_text2{margin-left:0;}
	.map_text .map_text2 > p:last-child{line-height: 1.5;}

}
@media only screen and (max-device-width:440px) {
	#intro .intro_title img{width:220px;}

	/*자격증*/
	#license div {width: 95%; margin:0 auto;}
	#license .license {width: 50%; float: left; margin-top:5%;}
	#license .license li{width: 95%; margin:0 auto;}
	#license .license li p{color:#999; text-align: center; line-height: 2;}

	/*조직도*/
	#chart .chart_m{display: block;}
	#chart .chart{display: none;}

	/*주요업무*/
	#whatwedid .whatwedid_m{display: block;}
	#whatwedid .whatwedid{display: none;}

	/*오시는길*/
	#location .content .tabs{width: 95%;}
	#location .content .tabs span{width: 48%;}
}