@charset "utf-8";

@media (max-width: 1400px) {

	.consulting .cnt01 .ct02 .col {flex-wrap:wrap; margin:0 -10px -20px; justify-content:center;}
	.consulting .cnt01 .ct02 .col .row {width:33.33333%; margin-bottom:20px;}
	
}

@media (max-width: 1024px) {

	.consulting .visual {height:auto; padding:200px 15px 100px;}
	.consulting .visual .col {margin-bottom:120px;}
	.consulting .visual .col .row {padding:0 20px; width:33.333333%;}
	.consulting .visual .col .row:after {height:80px; margin-top:-40px;}
	.consulting .visual .col .row p {font-size:20px; margin-bottom:10px;}
	.consulting .visual .col .row h3 {font-size:40px;}
	.consulting .visual .col .row h3 span {font-size:30px;}
	.consulting .visual .tit-box p {font-size:20px;}
	.consulting .visual .tit-box h2 {font-size:32px; margin-bottom:40px;}
	.consulting .visual .tit-box .more a {font-size:20px; padding:0 30px; line-height:60px;}

	.consulting .cnt01 {padding:140px 0 120px;}
	.consulting .cnt01 .wrap {margin-bottom:80px;}
	.consulting .cnt01 .wrap .img {display:none;}
	.consulting .cnt01 .wrap .box {margin:60px auto 0;}
	.consulting .cnt01 .wrap .box dl {padding-bottom:10px; margin-bottom:20px;}
	.consulting .cnt01 .wrap .box dt {max-width:180px; padding-left:10px; font-size:20px;}
	.consulting .cnt01 .wrap .box dt:before {width:4px; height:4px; top:13px; left:0;}
	.consulting .cnt01 .wrap .box dd {font-size:18px;}
	
	.consulting .cnt01 .txt-box h3 {font-size:32px; margin-bottom:28px;}
	.consulting .cnt01 .txt-box p {font-size:20px;}
	.consulting .cnt01 .txt-box p br {display:none;}
	.consulting .cnt01 .txt-box p span {font-size:18px; margin-top:24px;}
	.consulting .cnt01 .tit-box {margin-bottom:60px;}
	.consulting .cnt01 .tit-box h4 {font-size:28px; margin-bottom:18px;}
	.consulting .cnt01 .tit-box p {font-size:18px; padding-left:10px;}
	.consulting .cnt01 .tit-box p:before {width:3px; height:16px; top:5px;}
	
	.consulting .cnt01 .ct01 {margin-bottom:100px;}
	.consulting .cnt01 .ct01 .col {padding-left:0; border:2px solid #00A4E4; border-radius:10px 10px 0 0; margin-top:20px; flex-wrap:wrap;}
	.consulting .cnt01 .ct01 .col .ti {width:100%; height:auto; padding:20px 0; position:relative; display:flex; align-items:center; justify-content:center; text-align:center;}
	.consulting .cnt01 .ct01 .col .ti p {font-size:16px; transform:rotate(0) translateX(0);}
	.consulting .cnt01 .ct01 .col .row {padding:20px;}
	.consulting .cnt01 .ct01 .col .row p {font-size:16px;}

	.consulting .cnt01 .ct02 .inner {border-radius:30px;}
	.consulting .cnt01 .ct02 .inner .ti {padding:20px;}
	.consulting .cnt01 .ct02 .inner .ti .num {font-size:20px;}
	.consulting .cnt01 .ct02 .inner .ti .tt {font-size:22px;}
	.consulting .cnt01 .ct02 .inner .ti h4 {font-size:24px;}
	.consulting .cnt01 .ct02 .inner .ti h4 strong {font-size:30px;}
	.consulting .cnt01 .ct02 .inner .ti p {font-size:16px;}
	.consulting .cnt01 .ct02 .inner .tx {height:60px;}
	.consulting .cnt01 .ct02 .inner .tx p {font-size:20px;}
	
	.consulting .cnt02 {padding:140px 0;}
	.consulting .cnt02 .tit-box {margin-bottom:30px;}
	.consulting .cnt02 .tit-box h3 {font-size:28px; margin-bottom:18px;}
	.consulting .cnt02 .tit-box p {font-size:18px; padding-left:10px;}
	.consulting .cnt02 .tit-box p:before {width:3px; height:16px; top:5px;} 

	.consulting .cnt03 {padding:120px 0 100px;}
	.consulting .cnt03 .tit-box {margin-bottom:100px; display:block;}
	.consulting .cnt03 .tit-box .tit {max-width:none; margin-bottom:24px;}
	.consulting .cnt03 .tit-box .txt {width:100%;}
	.consulting .cnt03 .tit-box h3 {font-size:32px;}
	.consulting .cnt03 .tit-box p {font-size:20px;}
	/* sub-contact */
	.sub-contact {padding:100px 0;}
	.sub-contact .tit {margin-bottom:32px;}
	.sub-contact .tit p {font-size:20px;}
	.sub-contact .tit h3 {font-size:32px;}
	.sub-contact .txt p {font-size:20px;}
	.sub-contact .txt p a {margin-left:20px;}
	.sub-contact .txt .more {margin-top:20px;}
	.sub-contact .txt .more a {font-size:20px; padding:0 30px; line-height:60px;}
	.sub-contact .txt .more a:before {height:66px;}
	/* sub 02 */
	.performance {padding:160px 0 120px;}
	.performance .title {margin-bottom:60px;}
	.performance .title h2 {font-size:48px; margin-bottom:28px;}
	.performance .title ul li {padding:0 20px;}
	.performance .title ul li p {width:80px; font-size:18px;}
	.performance .title ul li .case {font-size:30px;}
	.performance .col {margin:0 -10px -20px;}
	.performance .col .row {padding:0 10px; margin-bottom:20px;}
	.performance .inner .txt-box {padding:20px;}
	.performance .inner:hover .txt-box {opacity:1;}
	.performance .inner .txt-box p {font-size:20px;}
	.performance .inner .txt-box h4 {font-size:24px;}
	.performance .inner .over {display:none;}
	.performance .more {margin-top:80px;}
	.performance .more a {font-size:20px; padding:0 30px; line-height:60px;}
	.performance .more a:before {height:66px;}
	/* sub 03 */
	.expansion .visual {height:auto; padding:160px 15px 100px;}
	.expansion .visual .tit-box h2 {font-size:48px; margin-bottom:24px;}
	.expansion .visual .tit-box p {font-size:18px; margin-bottom:40px;}
	.expansion .visual .tit-box .more a {font-size:20px; padding:0 30px; line-height:60px;}
	.expansion .cnt01 {background:linear-gradient(311deg, #08173C 34.72%, #1D439D 101.28%); padding:230px 0 90px; position:relative;}
	.expansion .cnt01:before {content:''; width:50%; height:50%; position:absolute; top:15px; left:15px; background:url('../img/sub/expansion01bg_mob.png') no-repeat; background-size:contain;}
	.expansion .cnt01 .txt-box {margin-bottom:50px; display:block;}
	.expansion .cnt01 .txt-box .tt {font-size:22px; margin-bottom:20px;}
	.expansion .cnt01 .txt-box p {font-size:20px;}
	.expansion .cnt01 .txt-box p:last-of-type {margin-bottom:38px;}
	.expansion .cnt01 .txt-box h3 {font-size:38px;}
	.expansion .cnt01 .txt-box h3 strong {font-size:48px;}
	.expansion .cnt01 .col {justify-content:center; margin:0 0 80px;}
	.expansion .cnt01 .col .row {padding:0 20px;}
	.expansion .cnt01 .col .row:after {height:80px; margin-top:-40px;}
	.expansion .cnt01 .col .row p {font-size:20px;}
	.expansion .cnt01 .col .row h4 {font-size:48px;}
	.expansion .cnt01 .slide {height:100px;}
	.expansion .cnt01 .slide .item {padding:0 20px;}
	.expansion .cnt02 {padding:100px 0 120px;}
	.expansion .cnt02 .img-box {height:400px;  padding:0 15px; background:url('../img/sub/expansion02bg.jpg') center center no-repeat; background-size:cover;}
	.expansion .cnt02 .img-box:before {display:none;}
	.expansion .cnt02 h3 {font-size:38px;}
	.expansion .cnt02 .tit-box {padding:0 15px; margin-bottom:60px;}
	.expansion .cnt02 .txt-box {padding-left:15px;}
	.expansion .cnt02 .txt-box h4 {font-size:22px;}
	.expansion .cnt02 .txt-box p {font-size:20px; margin-bottom:18px;}

	.expansion .cnt03 .tit-box {height:400px; padding:80px 15px 0;}
	.expansion .cnt03 .tit-box h3 {font-size:28px;}
	.expansion .cnt03 .tit-box p {font-size:18px;}
	.expansion .cnt03 .history {margin-top:-100px; padding:60px 0 0;} 
	.expansion .cnt03 .history > ul > li .year{width: 100%; max-width:230px; padding-left: 60px; padding-right: 60px; padding-bottom:0;  text-align:center;}
	.expansion .cnt03 .history > ul > li .year span{font-size: 40px;}
	.expansion .cnt03 .history > ul > li .txt_cnt{width:1%; flex:1 1 auto; font-size:18px;line-height: 30px;padding-bottom: 60px; padding-left: 60px; padding-top: 0;}
	.expansion .cnt03 .history > ul > li:last-child .txt_cnt{padding-bottom:120px;}
	.expansion .cnt03 .history > ul > li .txt_cnt .box .month{width: 45px;padding-left: 0;}
	.expansion .cnt03 .history > ul > li:after{height:100%;left: 230px; top: 14px;}
	.expansion .cnt03 .history > ul > li .year:after{width: 13px;height: 13px; border: 3px solid #00d6e5; right: -7px;top: 13px; background:#fff; z-index:1;}

	.expansion .cnt04 {padding:100px 0 120px;}
	.expansion .cnt04 .maps {margin-bottom:40px;  border-radius:20px;}
	.expansion .cnt04 .maps .root_daum_roughmap {height:400px !important;}
	.expansion .cnt04 .maps .root_daum_roughmap .wrap_map {height:400px !important;}
	.expansion .cnt04 .col {display:block;}
	.expansion .cnt04 .tit-box {max-width:none; margin-bottom:40px;}
	.expansion .cnt04 .tit-box h3 {font-size:30px;}
	.expansion .cnt04 .txt-box {width:100%;}
	.expansion .cnt04 .txt-box dl {font-size:20px;}
	.expansion .cnt04 .txt-box dt {max-width:80px;}
	.expansion .cnt04 .txt-box dd {padding-left:0;}
	/* sub 04 */
	.inquiry {padding:160px 0 120px;}
	.inquiry .tit-box {margin-bottom:60px;}
	.inquiry .tit-box h3 {font-size:48px; margin-bottom:28px;}
	.inquiry .tit-box p {font-size:18px;}
	.inquiry .col {margin:0 -15px;}	
	.inquiry .col .row {padding:0 15px; margin-bottom:30px; display:block;}
	.inquiry .tit {max-width:none; font-size:20px; line-height:1.6em; margin-bottom:10px;}
	.inquiry .txt {width:100%;}
	.inquiry .txt input {padding:0 15px; font-size:16px; height:50px;}
	.inquiry .txt textarea {height:160px; padding:15px; font-size:16px;}
	.inquiry .txt .type {min-height:auto; flex-wrap:wrap;}
	.inquiry .txt .type > span {margin-right:20px; margin-bottom:20px;}
	.inquiry .txt .box label {font-size:16px;}
	.inquiry .txt .box label:before {width:18px; height:18px;}
	.inquiry .txt .box.check label:before {border-radius:4px;}
	.inquiry .txt .box input:checked + label:before {background-size:10px;}
	.inquiry .txt .tt a {font-size:18px; margin-left:10px;}
	.inquiry .btn {width:240px; line-height:60px; font-size:20px;} 

}

@media (max-width: 768px) {

	.performance .col .row {width:50%;}
	
}

@media (max-width: 640px) {
	
	.consulting .visual {padding:160px 15px 80px;}
	.consulting .visual .col {margin-bottom:60px;}
	.consulting .visual .col .row {padding:0 10px;}
	.consulting .visual .col .row:after {height:50px; margin-top:-25px;}
	.consulting .visual .col .row p {font-size:16px;}
	.consulting .visual .col .row p img {width:24px;}
	.consulting .visual .col .row h3 {font-size:28px;}
	.consulting .visual .col .row h3 span {font-size:24px;}
	.consulting .visual .tit-box p {font-size:16px;}
	.consulting .visual .tit-box h2 {font-size:26px; margin-bottom:30px;}
	.consulting .visual .tit-box .more a {font-size:16px; padding:0 20px; line-height:50px;}

	.consulting .cnt01 {padding:100px 0;}
	.consulting .cnt01 .wrap {margin-bottom:60px;}
	.consulting .cnt01 .wrap .box {margin:30px auto 0;}
	.consulting .cnt01 .wrap .box dl {margin-bottom:10px;}
	.consulting .cnt01 .wrap .box dt {max-width:130px; font-size:16px;}
	.consulting .cnt01 .wrap .box dt:before {top:9px;}
	.consulting .cnt01 .wrap .box dd {font-size:14px;}

		
	.consulting .cnt01 .txt-box h3 {font-size:26px; margin-bottom:20px;}
	.consulting .cnt01 .txt-box p {font-size:16px;}
	.consulting .cnt01 .txt-box p span {font-size:16px; margin-top:20px;}
	.consulting .cnt01 .tit-box {margin-bottom:30px;}
	.consulting .cnt01 .tit-box h4 {font-size:24px; margin-bottom:12px;}
	.consulting .cnt01 .tit-box p {font-size:16px;}
	.consulting .cnt01 .tit-box p:before {height:12px; top:6px;}	
	
	.consulting .cnt01 .ct01 {margin-bottom:60px;}
	.consulting .cnt01 .ct01 .col .ti {padding:10px 0;}
	.consulting .cnt01 .ct01 .col .ti p {font-size:14px;}
	.consulting .cnt01 .ct01 .col .row {padding:15px; width:50%;}
	.consulting .cnt01 .ct01 .col .row:nth-child(2) {border-bottom:1px solid #00A4E4; border-right:1px dashed #00A4E4;}
	.consulting .cnt01 .ct01 .col .row:nth-child(3) {border-right:0; border-bottom:1px dashed #00A4E4;}	
	.consulting .cnt01 .ct01 .col .row p {font-size:14px;}

	.consulting .cnt01 .ct02 .col .row {width:50%;}
	.consulting .cnt01 .ct02 .inner {border-radius:20px;}
	.consulting .cnt01 .ct02 .inner .ti .num {font-size:16px;}
	.consulting .cnt01 .ct02 .inner .ti .tt {font-size:18px;}
	.consulting .cnt01 .ct02 .inner .ti h4 {font-size:20px;}
	.consulting .cnt01 .ct02 .inner .ti h4 strong {font-size:24px;}
	.consulting .cnt01 .ct02 .inner .ti p {font-size:14px;}
	.consulting .cnt01 .ct02 .inner .tx {height:50px;}
	.consulting .cnt01 .ct02 .inner .tx p {font-size:16px;}
	
	
	
	
	.consulting .cnt02 {padding:100px 0;}
	.consulting .cnt02 .tit-box {margin-bottom:20px;}
	.consulting .cnt02 .tit-box h3 {font-size:24px; margin-bottom:14px;}
	.consulting .cnt02 .tit-box p {font-size:16px;}
	.consulting .cnt02 .tit-box p:before {height:12px; top:6px;} 

	.consulting .cnt03 {padding:80px 0;}
	.consulting .cnt03 .tit-box {margin-bottom:60px;}
	.consulting .cnt03 .tit-box .tit {margin-bottom:18px;}
	.consulting .cnt03 .tit-box h3 {font-size:24px;}
	.consulting .cnt03 .tit-box p {font-size:16px;}
	/* sub-contact */
	.sub-contact {padding:60px 0;}
	.sub-contact .tit {margin-bottom:24px;}
	.sub-contact .tit p {font-size:16px;}
	.sub-contact .tit h3 {font-size:28px;}
	.sub-contact .txt p {font-size:16px;}
	.sub-contact .txt p a {margin-left:15px;}
	.sub-contact .txt .more {margin-top:14px;}
	.sub-contact .txt .more a {font-size:16px; padding:0 20px; line-height:50px;}
	.sub-contact .txt .more a:before {height:56px;}
	/* sub 02 */
	.performance {padding:160px 0 100px;}
	.performance .title {margin-bottom:50px;}
	.performance .title h2 {font-size:32px; margin-bottom:20px;}
	.performance .title ul li {padding:0 10px; display:block; width:100%; max-width:160px;}
	.performance .title ul li p {width:100%; font-size:16px; text-align:center;}
	.performance .title ul li .case {font-size:24px;}
	.performance .inner .txt-box {padding:15px;}
	.performance .inner .txt-box p {font-size:16px;}
	.performance .inner .txt-box h4 {font-size:20px;}
	.performance .more {margin-top:50px;}
	.performance .more a {font-size:16px; padding:0 20px; line-height:50px;}
	.performance .more a:before {height:56px;}
	/* sub 03 */
	.expansion .visual {padding:160px 15px 80px;}
	.expansion .visual .tit-box h2 {font-size:32px; margin-bottom:18px;}
	.expansion .visual .tit-box p {font-size:16px; margin-bottom:30px;}
	.expansion .visual .tit-box .more a {font-size:16px; padding:0 20px; line-height:50px;}
	.expansion .cnt01 {padding:160px 0 80px;}
	.expansion .cnt01 .txt-box {margin-bottom:30px;}
	.expansion .cnt01 .txt-box .tt {font-size:18px; margin-bottom:16px;}
	.expansion .cnt01 .txt-box p {font-size:16px;}
	.expansion .cnt01 .txt-box p:last-of-type {margin-bottom:24px;}
	.expansion .cnt01 .txt-box h3 {font-size:28px;}
	.expansion .cnt01 .txt-box h3 strong {font-size:32px; margin-top:4px; display:block;}
	.expansion .cnt01 .col {margin:0 0 30px; flex-wrap:wrap;} 
	.expansion .cnt01 .col .row {padding:0 10px; width:50%; margin-bottom:30px;}
	.expansion .cnt01 .col .row:after {display:none;}
	.expansion .cnt01 .col .row p {font-size:16px;}
	.expansion .cnt01 .col .row p img {display:inline-block; width:24px; vertical-align:middle; margin-top:-4px; margin-right:10px;}
	.expansion .cnt01 .col .row h4 {font-size:28px;}
	.expansion .cnt01 .slide {height:80px; padding:15px 0;}
	.expansion .cnt01 .slide .item {padding:0 10px;}
	
	.expansion .cnt02 {padding:80px 0 100px;}
	.expansion .cnt02 .img-box {height:200px; }
	.expansion .cnt02 h3 {font-size:24px;}
	.expansion .cnt02 .tit-box {margin-bottom:30px;}
	.expansion .cnt02 .txt-box h4 {font-size:18px;}
	.expansion .cnt02 .txt-box p {font-size:16px; margin-bottom:10px;}

	.expansion .cnt03 .tit-box {height:auto; padding:60px 15px;}
	.expansion .cnt03 .tit-box h3 {font-size:24px;}
	.expansion .cnt03 .tit-box p {font-size:16px;}
	.expansion .cnt03 .history {margin-top:60px; padding:0;} 
	.expansion .cnt03 .history > ul > li {display:block;}
	.expansion .cnt03 .history > ul > li .year{max-width:none; padding-left: 30px; padding-right: 0; text-align:left; margin-bottom:30px;}
	.expansion .cnt03 .history > ul > li .year span{font-size:28px;}
	.expansion .cnt03 .history > ul > li .year span br {display:none;}
	.expansion .cnt03 .history > ul > li .txt_cnt{width:100%; font-size:16px;line-height: 1.8em;padding-bottom: 40px; padding-left: 30px; }
	.expansion .cnt03 .history > ul > li:last-child .txt_cnt{padding-bottom:80px;}
	.expansion .cnt03 .history > ul > li .txt_cnt .box .month{width: 40px;}
	.expansion .cnt03 .history > ul > li:after{left: 5px;}
	.expansion .cnt03 .history > ul > li .year:after{width: 11px;height: 11px; border: 2px solid #00d6e5; right: auto; left:0;top: 8px;}

	.expansion .cnt04 {padding:80px 0 100px;}
	.expansion .cnt04 .maps {margin-bottom:30px;}
	.expansion .cnt04 .maps .root_daum_roughmap {height:240px !important;}
	.expansion .cnt04 .maps .root_daum_roughmap .wrap_map {height:240px !important;}
	.expansion .cnt04 .tit-box {margin-bottom:30px;}
	.expansion .cnt04 .tit-box h3 {font-size:24px;}
	.expansion .cnt04 .txt-box dl {font-size:16px;}
	.expansion .cnt04 .txt-box dt {max-width:60px;}
	/* sub 04 */
	.inquiry {padding:160px 0 80px;}
	.inquiry .tit-box {margin-bottom:40px;}
	.inquiry .tit-box h3 {font-size:32px; margin-bottom:20px;}
	.inquiry .tit-box p {font-size:16px;}
	
	.inquiry .col {margin:0; display:block;}	
	.inquiry .col .row {padding:0; margin-bottom:20px;}
	.inquiry .col .row50 {width:100%;}
	.inquiry .tit {font-size:16px;}
	.inquiry .txt input {padding:0 10px; font-size:14px; height:40px;}
	.inquiry .txt textarea {height:100px; padding:10px; font-size:14px;}
	.inquiry .txt .type > span {margin-right:15px; margin-bottom:15px;}
	.inquiry .txt .box label {font-size:14px;}
	.inquiry .txt .box label:before {width:16px; height:16px; margin:-0.1em 8px 0 0;}
	.inquiry .txt .box.check label:before {border-radius:3px;}
	.inquiry .txt .box input:checked + label:before {background-size:8px;}
	.inquiry .txt .tt a {font-size:16px;}
	.inquiry .btn {width:160px; line-height:50px; font-size:16px;} 
	
}

@media (max-width: 400px) {
	.performance .col .row {width:100%;}
}