@charset "utf-8";

 /*공통*/
@media screen and (max-width:1200px){ 
    .inner{width:100%;}
}
/*****************[header]*****************/
@media screen and (max-width:1200px){
	.inner_header{width:100%;}
	.inner_header h1{padding-left:44%;}
	.Gmenu{top:88px; left:0;}
}
@media screen and (max-width:680px){
	.inner_header h1{padding-left:41%;}
}
@media screen and (max-width:600px){
	.inner_header h1{padding-left:39%;}
}
@media screen and (max-width:480px){
	.inner_header h1 img{width:100px;}
	.Gmenu{top:70px; left:0;}
}
@media screen and (max-width:400px){
	.inner_header h1 img{width:90px;}
	.Gmenu{top:66px; left:0;}
}
@media screen and (max-width:320px){
	.inner_header h1 img{width:80px;}
	.inner_header h1{padding-left:36%;}
	.Gmenu{top:58px; left:0;}
}

/******************visual*************************/
@media screen and (max-width:1200px){
	.pc_visual{margin-top:40px;}
}
@media screen and (max-width:800px){
	.pc_visual{display:none;}
	.mobile_visual{display:block;}
}
@media screen and (max-width:480px){
	.mobile_visual{margin-top:35px;}
}

/*****************************contents*****************************/
@media screen and (max-width:800px){
	.contents h2{padding:80px 0 46px 0; font-size:34px;}
}

@media screen and (max-width:580px){
	.contents h2{padding:60px 0 40px 0; font-size:28px;}
}
@media screen and (max-width:480px){
	.contents h2{font-size:24px;}
}
@media screen and (max-width:360px){
	.contents h2{padding:40px 0 30px 0; font-size:22px;}
}

/*quick*/
@media screen and (max-width:1200px){
	.quick{margin-top:0; position:relative; z-index:99;}
}
@media screen and (max-width:680px){
	.quick li p{font-size:14px;}
	.quick li strong{font-size:19px;}
}
@media screen and (max-width:580px){
	.quick li{height:90px;}
	.quick li a{padding:23px 0;}
	.quick li p{letter-spacing:-1px;}
	.quick li strong{font-size:18px;}
}
@media screen and (max-width:414px){
	.quick li{display:block; width:100%; border-bottom:1px solid #d8d8d6;}
	.quick li:first-child{border-top:1px solid #d8d8d6;}
	.quick li:nth-child(2){border-right:0; border-left:0;}
}

/*intro*/
@media screen and (max-width:800px){
	.intro p{font-size:18px;}
	.intro span{font-size:22px; padding:24px 0}
}
@media screen and (max-width:680px){
	.intro {padding:0 20px 86px;}
	.intro p{letter-spacing:-1px;}
	.intro span br{display:block;}
}
@media screen and (max-width:580px){
	.intro p{font-size:16px;}
	.intro span{font-size:20px; padding:20px 0}
}
@media screen and (max-width:480px){
	.intro {padding:0 20px 56px;}
	.intro p{font-size:15px;}
	.intro span{font-size:18px; padding:20px 0}
}
@media screen and (max-width:360px){
	.intro p{font-size:14px;}
	.intro span{font-size:17px; padding:16px 0}
}

/*construction*/
@media screen and (max-width:1200px){
	.construction ul li img{width:140px; height:140px;}
	.construction li{padding:0 10px;}
}

@media screen and (max-width:800px){
	.construction{height:660px; background:url(../image/main/construction_bg_mobile.jpg) no-repeat;}
	.construction li{padding:0 30px;}
	.construction li p{padding-bottom:30px;}
}
@media screen and (max-width:600px){
	.construction{height:840px;}
	.construction li p{font-size:16px;}
}
@media screen and (max-width:414px){
	.construction{height:750px;}
	.construction ul li img{width:120px; height:120px;}
}
@media screen and (max-width:360px){
	.construction{height:1400px;}
	.construction ul li img{width:140px; height:140px;}
	.construction li p{font-size:15px;}
}

/*portfolio*/
@media screen and (max-width:1200px){
	.portfolio .inner{width:90%;}
	.portfolio .tab_content li{margin-right:5px;}
	.list_hover, .main_pot_img{min-height:250px;}
}

@media screen and (max-width:1024px){
	.portfolio .tab_content li a div p{padding:10px 0 10px 10px;}
	.list_hover, .main_pot_img{min-height:250px;}
}

@media screen and (max-width:800px){
	.list_hover, .main_pot_img{min-height:300px;}
	.portfolio .tab_content ul{margin-bottom:0;}
	.portfolio .tab_content li{width:42%; margin-right:0; margin-bottom:20px;}
	.portfolio .tab_content li:nth-child(2n+1){margin-right:20px;}
	.portfolio .tab_content li a div p{padding:10px 0 10px 40px;}
	
}
@media screen and (max-width:680px){
	.list_hover, .main_pot_img{min-height:200px;}
	.portfolio{margin-bottom:80px;}
	.portfolio .tab li{font-size:16px;}
	.portfolio .tab_content li{width:48%}
	.portfolio .tab_content li a div{position:relative; padding:10px 10px;}
	.portfolio .tab_content li a div strong{font-size:16px; }
	.portfolio .tab_content li a div p{padding:10px 0 10px 10px;}
	.portfolio .tab_content .more_btn{padding-top:20px;}
	.portfolio .tab_content .more_btn a{padding:14px 100px;}
}
@media screen and (max-width:600px){
	.list_hover, .main_pot_img{min-height:240px;}
    .portfolio .tab li:nth-child(1),
	.portfolio .tab li:nth-child(2),
	.portfolio .tab li:nth-child(3),
	.portfolio .tab li:nth-child(4){width:25%;}
	.portfolio .tab li:nth-child(5),
	.portfolio .tab li:nth-child(6),
	.portfolio .tab li:nth-child(7){margin-top:-1px; width:33.33%;}
	.portfolio .tab li:nth-child(4){border-right:1px solid #ddd;}
	.portfolio .tab_content .more_btn{padding-top:16px;}
	.portfolio .tab_content .more_btn a{padding:14px 80px;}
	.portfolio .tab_content .more_btn a img{width:16px;}
}
@media screen and (max-width:580px){
	.portfolio .tab_content li{width:70%; margin:1% 0}
	.portfolio .tab_content li:nth-child(2n+1){margin-right:0px;}
}
@media screen and (max-width:480px){
	.portfolio .tab_content .more_btn{padding-top:16px;}
	.portfolio .tab_content .more_btn a{padding:10px 60px; font-size:14px;}
	.portfolio .tab_content li a div strong{font-size:16px;}
}
@media screen and (max-width:380px){
	.portfolio{margin-bottom:60px;}
	.portfolio .tab li{font-size:15px;}
	.portfolio .tab_container{width:96%;}
	.portfolio .tab_content li{width:90%;}
	.portfolio .tab_content li a div span{padding:7px; font-size:13px;}
	.portfolio .tab_content li a div p{padding:5px; font-size:13px;}
	.portfolio .tab_content li a div strong{font-size:15px;}
}

/*consulting*/
@media screen and (max-width:1200px){
	.consulting .inner{width:90%;}
}
@media screen and (max-width:800px){
	.consulting{background:url(../image/main/consulting_bg_mobile.jpg)no-repeat;}
	.consulting .news{padding-left:0; padding-bottom:20px; line-height:50px;}
	.consulting div > img.consulting_pc{display:none;}
	.consulting div > img.consulting_mobile{display:block;}
	.consulting .news h3{display:block; text-align:center; font-size:20px;}
	.consulting .news span{display:none;}
	.consulting .news ul{display:block; text-align:center;}
	.consulting .news li.hidden{display:block;}
	.consulting .news li p:first-child{margin-right:120px;}
	.consulting .news li p:last-child{margin-right:0;}
	.consulting .news .btn{display:none;}
}
@media screen and (max-width:640px){
	.consulting .news{line-height:46px;}
	.consulting .news li p:first-child{margin-right:50px;}
}
@media screen and (max-width:580px){
	.consulting .news li p{display:block; text-align:center;}
	.consulting .news li p:first-child{margin-right:0;}
	.consulting .news li p:last-child{display:none;}
}
@media screen and (max-width:480px){
	.consulting .news h3{font-size:18px;}
	.consulting .news{font-size:15px;}
}
@media screen and (max-width:480px){
	.consulting{padding-bottom:40px;}
}
/*map*/
@media screen and (max-width:800px){
	.location h2{padding-bottom:20px;}
	.location p{margin-bottom:60px;}
	.location iframe{height:500px;}
}
@media screen and (max-width:580px){
	.location span{width:170px; height:30px; font-size:15px; line-height:30px;}
	.location p{font-size:22px; margin-bottom:40px;}
}
@media screen and (max-width:414px){
	.location p{font-size:20px;}
	.location iframe{height:400px;}
}
@media screen and (max-width:360px){
	.location span{width:160px; height:26px; font-size:14px; line-height:26px;}
	.location p{font-size:18px; margin-bottom:30px;}
	.location iframe{height:360px;}
}

/*footer*/
@media screen and (max-width:1200px){
	footer h1{float:none; text-align:center;}
	footer .copyright{float:none; width:90%; padding:0px; text-align:center;}
	footer .copyright li{padding:8px 0 0 25px;}
	footer .sns{float:none; padding-top:20px; text-align:center; }
}
@media screen and (max-width:414px){
	footer h1{padding-top:10px;}
	footer h1 img{width:100px;}
}