@charset "utf-8";

@media (max-width: 1400px) {
	/* sub 01 03 */
	.company-history .history-content {gap: 100px;}
	.company-history .history-item {padding: 0 0 44px 100px;}
	.company-history .history-item:after {width: 76px;}
}

@media (max-width: 1024px) {
	
	#sub {overflow:hidden;}
	/* sub-visual gnb */
	.sub-visual {height:auto; padding-top:90px;}
	.sub-visual .tit-box {padding:100px 0 120px;}
	.sub-visual .tit-box h2 {font-size:50px; margin-bottom:14px;}
	.sub-visual .tit-box p {font-size:20px;}
	.sub-visual03 .tit-box p,
	.sub-visual04 .tit-box p, 
	.sub-visual05 .tit-box p {margin-bottom:0;}
	.sub-visual .gnb {margin-top:40px;}
	.sub-visual .gnb ul {margin:0 -6px -12px;}
	.sub-visual .gnb ul li {padding:0 6px; margin-bottom:12px;}
	.sub-visual .gnb ul li a {min-width:auto; padding:5px 18px; height:48px; font-size:16px;}
	/* sub-title */
	.sub-title {padding:120px 0 60px;}
	.sub-title h3 {font-size:38px; padding-top:30px;}
	.sub-title h3:before {width:44px; height:6px; margin-left:-22px;}
	/* sub */
	.real-cont {padding-bottom:120px;}
	/* sub 01 01 */
	.greeting-visual img {height: 400px;}
	.greeting-info {flex-direction: column; gap: 30px; margin-top: 40px;}
	.greeting-slogan {width: 100%;}
	.greeting-slogan p {font-size: 30px;}
	.greeting-text {width: 100%;}
	.greeting-text h4 {margin-bottom: 20px; font-size: 24px;}
	.greeting-text > p {margin-top: 20px; font-size: 18px;}
	.greeting-sign {margin-top: 20px;}
	.greeting-sign span {margin-bottom: 20px;}
	.greeting-sign p {font-size: 16px;}
	.greeting-sign strong {font-size: 18px;}

	.greeting-reason {margin-top: 100px; padding: 100px 0;}
	.greeting-reason:after {background-size: 550px auto;}
	.sub-section-title h3 {font-size: 30px;}
	.greeting-reason .sub-section-title {margin-bottom: 50px;}
	.reason-items {flex-wrap: wrap; gap: 40px 20px;}
	.reason-item {width: calc((100% - 20px) / 2);}
	.reason-img {height: 266px;}
	.reason-text {padding-top: 20px;}
	.reason-text h4 {font-size: 22px;}
	.reason-text p {font-size: 16px;}

	.greeting-status {padding: 120px 0;}
	.greeting-status .sub-section-title .line {margin: 40px auto;}
	.status-items {flex-wrap: wrap; gap: 20px;}
	.status-item {width: calc((100% - 20px) / 2); padding: 30px 15px;}
	.status-icon {margin-bottom: 16px;}
	.status-item > strong {font-size: 24px;}
	.status-item > p {font-size: 16px;}

	.partner-layout {flex-direction: column; gap: 20px;}
	.partner-title {width: 100%;}
	.partner-content {width: 100%;}
	.partner-desc {margin-bottom: 40px;}
	.partner-desc p {font-size: 18px;}
	.partner-items {gap: 20px;}
	.partner-item {width: calc(50% - 10px); padding: 20px 25px;}
	.partner-icon {flex: 0 0 70px;}
	.partner-text strong {margin-top: 6px; font-size: 20px;}
	.partner-text p {font-size: 15px;}
	/* sub 01 02 */
	.company-overview .overview-content {flex-direction: column; gap: 20px;}
	.company-overview .overview-img {width: 100%; height: 350px;}
	.company-overview .overview-info {width: 100%;}
	.company-overview .overview-info-item {padding: 20px 0 13px;}
	.company-overview .overview-info-item dt {font-size: 18px;}
	.company-overview .overview-info-item dd {font-size: 16px;}
	/* sub 01 03 */
	.company-history .history-content {display: block;}
	.company-history .history-left {width: 100%; position: static; top: auto;}
	.company-history .history-right {width: 100%;}
	.company-history .history-img img {height: 400px;}
	.company-history .history-intro {margin-top: 32px; margin-bottom: 40px;}
	.company-history .history-intro h4 {font-size: 30px;}
	.company-history .history-intro p {font-size: 18px;}
	.company-history .history-item {padding: 0 0 35px 35px;}
	.company-history .history-item:before {top: 22px;}
	.company-history .history-item:after {display: none;}
	.company-history .history-info strong {font-size: 30px; margin-bottom: 5px;}
	.company-history .history-info p {font-size: 16px;}
	/* sub 01 04 */
	.company-license .license-list {gap: 40px 20px;}
	.company-license .license-item {width: calc((100% - 40px) / 3);}
	.company-license .license-item p {margin-top: 18px; font-size: 18px;}
	/* sub 01 05 */
	.location .tab-menu {margin-bottom:32px;}
	.location .tab-menu ul li a {width:160px; line-height:50px; font-size:18px;}
	.location .maps {height:450px; margin-bottom:40px;}
	.location .col {display:block; position:relative; padding-right:0; padding-top:100px;}
	.location .btn-box ul li a {font-size:14px; width:80px; height:80px; padding:15px; display:block;}
	.location .btn-box ul li a .icon {position:relative; display:block; margin-left:0; top:0; left:0;}
	.location .tit-box {max-width:none; margin-bottom:30px;}
	.location .tit-box h4 {font-size:32px;}
	.location .txt-box {width:100%;}
	.location .txt-box dl {font-size:18px;}
	.location .txt-box dl:not(:last-child) {margin-bottom: 15px;}
	.location .txt-box dt {max-width:150px;}
	.location .txt-box dt:before {top: 13px;}
	.location .txt-box dd {font-size: 16px;}
	/* sub 02 */
	.biz-overview {padding:50px 20px; margin-bottom: 80px;}
	.biz-overview .txt-box strong {font-size:28px;}
	.biz-overview .txt-box p {margin-top: 8px; font-size:16px;}
	.biz-overview .txt-box .en {bottom: -16px; font-size:48px;}

	.service-list-tit  {margin-bottom:30px;}
	.service-list-tit  h4 {font-size:30px;}
	.ol-wrap .col {margin-bottom:40px; padding:20px;}
	.ol-wrap .col .imb-box {height: 260px;}
	.ol-wrap .col .txt-box .num {font-size:40px; margin-bottom:15px;}
	.ol-wrap .col .txt-box p {font-size:20px;}
	.service-list .notice {margin-top: 16px; font-size: 18px;}

	.service-tab-depth1 {margin-bottom: 30px;}
	.service-tab-depth1 .depth1-btn {min-height: 60px; padding: 12px 10px; font-size: 16px;}
	.service-tab-depth2 {gap: 30px; margin-bottom: 52px; padding-left: 40px;}
	.service-tab-depth2 .depth2-btn {font-size: 18px;}
	.service-head {margin-bottom: 30px;}
	.service-head h5 {font-size: 26px;}
	.service-head p {font-size: 18px;}

	.service-process {gap: 20px;}
	.process-item {width: calc((100% - 20px) / 2); padding: 15px 15px 20px;}
	.process-txt {padding: 14px 10px 0;}
	.process-txt strong {font-size: 32px;}
	.process-txt p {font-size: 16px;}

	.before-after-list {gap: 20px; margin-top: 40px;}
	.before-after-row {gap: 20px;}
	.before-after-item {width: calc(50% - 10px); padding: 15px 15px 20px;}
	.before-after-item > p {padding: 12px 6px 0; font-size: 15px;}
	.before-after-item > p strong {margin-right: 12px; font-size: 18px;}

	/* sub 04 */
	.customer-review .review-list {gap: 20px;}
	.customer-review .review-item {width: calc((100% - 20px) / 2);}
	.customer-review .review-item a {padding: 30px 25px;}
	.customer-review .review-logo {height: 80px;}
	.customer-review .review-info h4 {font-size: 26px;}
	.customer-review .review-category {padding: 5px 15px; font-size: 15px;}
	.customer-review .review-info p {margin-top: 15px; font-size: 16px;}
	.customer-review .review-link {margin-top: 10px;}
	.customer-review .review-link span {font-size: 16px;}

	/* 일반게시판 뷰 페이지 */
	/* .custum-view {padding:80px 0 100px;}
	.custum-view .title {margin-bottom:40px;}
	.custum-view .title h4 {font-size:28px;}
	.custum-view .cols {margin-bottom:30px;}
	.custum-view .col .tit {max-width:240px;}
	.custum-view .col .tit h5 {font-size:20px;}
	.custum-view .col .txt {padding:15px 20px;}
	.custum-view .col .txt p {font-size:18px;}
	.custum-view .txt-box p {font-size:18px;} */
}

@media (max-width: 640px) {
	
	/* sub-visual gnb */
	.sub-visual {padding-top:80px;}
	.sub-visual .tit-box h2 {font-size:38px; margin-bottom:10px;}
	.sub-visual .tit-box p {font-size:16px;}
	.sub-visual .gnb {margin-top:30px;}
	.sub-visual .gnb ul li a {padding:5px 15px; height:40px; font-size:14px;}
	/* sub-title */
	.sub-title {padding:100px 0 60px;}
	.sub-title h3 {font-size:30px; padding-top:24px;}
	.sub-title h3:before {width:36px; height:4px; margin-left:-18px;}
	/* sub */
	.real-cont {padding-bottom:100px;}
	/* sub 01 01 */
	.greeting-visual img {height: 260px;}
	.greeting-info {gap: 20px; margin-top: 30px;}
	.greeting-slogan p {font-size: 26px;}
	.greeting-text h4 {font-size: 20px;}
	.greeting-text > p {font-size: 16px;}

	.greeting-reason {margin-top: 80px; padding: 80px 0;}
	.greeting-reason:after {background-size: 320px auto;}
	.sub-section-title h3 {font-size: 26px;}
	.greeting-reason .sub-section-title {margin-bottom: 40px;}
	.reason-items {flex-wrap: wrap; gap: 30px 20px;}
	.reason-item {width: 100%;}
	.reason-img {height: 200px;}
	.reason-text h4 {font-size: 20px;}
	.reason-text p {font-size: 16px;}

	.greeting-status {padding: 100px 0;}
	.greeting-status .sub-section-title .line {margin: 30px auto;}
	.status-item {padding: 30px 5px;}
	.status-icon {width: 56px;}
	.status-item > strong {font-size: 20px;}

	.partner-desc {margin-bottom: 40px;}
	.partner-desc p {font-size: 16px;}
	.partner-item {width: 100%; padding: 20px;}
	.partner-text strong {margin-top: 8px; font-size: 18px;}
	/* sub 01 02 */
	.company-overview .overview-content {gap: 20px;}
	.company-overview .overview-img {height: 300px;}
	.company-overview .overview-info-item {padding: 18px 0 13px;}
	.company-overview .overview-info-item:before {width: 110px;}
	.company-overview .overview-info-item dt {width: 110px; font-size: 16px;}
	.company-overview .overview-info-item dd {padding: 0 0 0 15px; font-size: 16px;}
	/* sub 01 03 */
	.company-history .history-img img {height: 300px;}
	.company-history .history-intro {margin-top: 32px; margin-bottom: 40px;}
	.company-history .history-intro h4 {font-size: 26px;}
	.company-history .history-intro p {font-size: 16px;}
	.company-history .history-item {padding: 0 0 30px 30px;}
	.company-history .history-dot {top: 12px;}
	.company-history .history-info strong {font-size: 26px;}
	.company-history .history-info p {font-size: 16px;}
	/* sub 01 04 */
	.company-license .license-list {gap: 30px 20px;}
	.company-license .license-item {width: calc((100% - 20px) / 2);}
	.company-license .license-img {padding: 10px;}
	.company-license .license-item p {margin-top: 16px; font-size: 16px;}
	/* sub 01 05 */
	.location .tab-menu {margin-bottom:24px;}
	.location .tab-menu ul li a {width:120px; line-height:40px; font-size:16px;}
	.location .maps {height:300px; margin-bottom:30px;}
	.location .col {padding-top:80px;}
	.location .btn-box ul li a {font-size:12px; width:60px; height:60px; padding:10px;}
	.location .btn-box ul li a .icon img {width:24px;}
	.location .tit-box {margin-bottom:20px;}
	.location .tit-box h4 {font-size:26px;}
	.location .txt-box dl {font-size:16px; display:block; margin-bottom:10px;}
	.location .txt-box dl:last-child {margin-bottom:0;}
	.location .txt-box dt {max-width:none; padding-left: 20px;}
	.location .txt-box dt:before {top: 11px; left: 4px;}
	.location .txt-box dd {width:100%; padding-left: 20px;}
	/* sub 02 */
	.biz-overview {padding:50px 20px;}
	.biz-overview .txt-box strong {font-size:24px;}
	.biz-overview .txt-box .en {bottom: -12px; font-size:40px;}

	.service-list-tit  {margin-bottom:20px;}
	.service-list-tit  h4 {font-size:26px;}
	.ol-wrap .col {margin-bottom:30px; display: block; padding: 15px;}
	.ol-wrap .col > div {width:100%;}
	.ol-wrap .col .imb-box {height: 220px;}
	.ol-wrap .col .txt-box {padding: 30px 10px;}
	.ol-wrap .col .txt-box .num {font-size:34px; margin-bottom:10px;}
	.ol-wrap .col .txt-box p {font-size:18px;}
	.service-list .notice {font-size: 16px;}

	.service-tab-depth1 {flex-wrap: wrap; border-bottom: none;}
	.service-tab-depth1 .depth1-btn {flex: auto; width: 50%; min-height: 56px; font-size: 15px; border-bottom: 2px solid transparent;}
	.service-tab-depth1 .depth1-btn.active {border: 2px solid #029242 !important; margin-bottom: 0;}
	.service-tab-depth1 .depth1-btn:nth-child(2n) {border-right: 1px solid transparent;} 
	.service-tab-depth2 {gap: 20px; margin-bottom: 40px; padding-left: 20px;}
	.service-tab-depth2 .depth2-btn {font-size: 16px;}
	.service-head {margin-bottom: 30px;}
	.service-head h5 {font-size: 22px;}
	.service-head p {font-size: 16px;}

	.process-item {width: 100%;}
	.before-after-list {margin-top: 40px;}
	.before-after-row {flex-wrap: wrap;}
	.before-after-item {width: 100%;}

	/* sub 04 */
	.customer-review .review-item {width: 100%;}
	.customer-review .review-logo {height: 70px;}
	.customer-review .review-info h4 {font-size: 22px;}
	/* 일반게시판 뷰 페이지 */
	/* .custum-view {padding:60px 0 80px;}
	.custum-view .title {margin-bottom:30px;}
	.custum-view .title h4 {font-size:24px;}
	.custum-view .cols {margin-bottom:20px;}
	.custum-view .col {display:block; margin-bottom:16px;}
	.custum-view .col .tit {max-width:none; margin-bottom:8px;}
	.custum-view .col .tit h5 {font-size:18px;}
	.custum-view .col .txt {width:100%; padding:15px;}
	.custum-view .col .txt p {font-size:16px;}
	.custum-view .txt-box p {font-size:16px;} */
	
}

@media (max-width: 400px) {
	
}