@charset "utf-8";

.header{/* background:#11294d; *//* border-bottom: 1px solid #2d343e; */}
.header.fixed{border-bottom:none;}
.sub-container{/* padding: 100px 0 0; */min-height:100vh;}
.sub-visual{position: relative;display: inline-block;width: 100%;height: 340px;padding-top: 100px;background: url('../images/sub/bg-sub01.png') no-repeat;background-size: cover;}
.sub-visual.error{position: relative;display: inline-block;width: 100%;height: 340px;padding-top: 100px;background: url('../images/sub/bg-sub02.png') no-repeat;background-size: cover;}
.sub-visual .page-tit{    padding-top: 35px;color: #fff;font-size: 2.3rem;font-weight: 500;text-align: center;height: calc(100% - 60px);display: flex;width: 100%;justify-content: center;align-items: center;}
.sub-visual .page-tit h2{}
.sub-visual .inner {position: absolute;bottom:-35px;left: 50%;transform: translateX(-50%);z-index: 1;}
.header1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 1000; /* 가장 위에 오도록 설정 */
}
.sub-nav{height: 70px;border: 1px solid #CFCFCF;width: 100%;
			background: #fff;position: relative;z-index: 1000;
			box-shadow: 0 7px 14px rgba(100,100,100,0.15), 0 7px 14px rgba(100,100,100,0.15);}
.sub-nav li{float: left;width: 272px;position: relative;}
.sub-nav li.home{width: 70px;font-size: 1.7rem;color: #3569ae;}
.sub-nav li.home a{text-align: center;background: #232E37 url("../images/common/icon/icon_home.png") center center no-repeat;display: block;height: 70px;}
.sub-nav li.home a:after{display:none !important;}
.sub-nav li a{display: inline-block;line-height: 70px;border-right: 1px solid #CFCFCF;width: 100%;padding: 0 32px;font-size: 16px;font-weight: 500;white-space: nowrap;
-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;
}
.sub-nav li a:after{content: "";display: block;width:14px;height: 8px;top:50%;right: 30px;transform:translateY(-50%);background: url("../images/common/icon/icon_arrow_bottom_b.svg") center center no-repeat; background-size: contain;position: absolute;transition: .3s ease-in-out;}
.sub-nav li.active a{}
.sub-nav li.active a:after{transform: translateY(-50%) rotate(180deg);}
.sub-nav li .nav-depth1{display:none;position: absolute;width: 100%;left: 0;top: 70px;background: #fff;box-shadow: 0 3px 5px rgb(0 0 0 / 20%);z-index: 1000;}
.sub-nav li .nav-depth1 li{position: relative; /* 서브메뉴 기준점 */
    display: inline-block;}
.sub-nav li .nav-depth1 li a{border: none;}
.sub-nav li .nav-depth1 li a:hover{background:#f5f5f5;}
.sub-nav li .nav-depth1 li a:after{display:none;}
.contents{min-height: calc(100vh - 240px);padding: 115px 0 120px;}

.sub-tit {font-size: 32px;font-weight: 600;margin-bottom: 60px;text-align: center;}
.sub-cont {}
.sub-tit2 {position: relative;font-size: 24px;font-weight: 700;padding-left: 32px;margin-bottom: 24px;}
.sub-tit2::before {content:"";display: block;position: absolute;left:0;top:50%;transform: translateY(-50%);width:20px;height:20px;background: linear-gradient(45deg, var(--color-main00), var(--color-main01));border-radius: 4px;}
.sub-tit3 {position: relative;font-size: 18px;font-weight: 600;padding-left: 18px;margin-bottom: 20px;color: var(--color-main01);}
.sub-tit3::before {content:"";display: block;position: absolute;left:0;top:50%;transform: translateY(-50%);width:12px;height:12px;background: var(--color-main01);border-radius: 4px;}


/* hello */
.quotes {position: relative;text-align: center;font-size: 40px;font-weight: 600;margin: auto;color: var(--color-main00);line-height: 48px;}
.quotes span {color: var(--color-main01);}
.quotes::before,
.quotes::after  {content: "";display: block;width: 53px;height: 53px;background-size: contain !important;;position: absolute;filter: grayscale(1);}
.quotes::before {top: -27px;left:-43px;transform: rotate(180deg);}
.quotes::after {bottom:-27px;right: -43px;}
.hello {margin-bottom: 80px;}
.hello.grid-wrap {padding: 0;}
.hello .txt {grid-column: span 5;}
.hello .txt p:nth-child(1) {font-size: 24px;font-weight: 700;margin-bottom: 24px;line-height: 1.5;}
.hello .txt p:nth-child(2) {font-size: 18px;font-weight: 500;line-height: 1.5;}
.hello .img {grid-column: span 3;}

.facilities-wrap {width:100%;}
.facilities-wrap .facilities_img {position: relative;width:100%;overflow: hidden;margin-bottom: 15px;}
.facilities-wrap .facilities_img .btn-prev,
.facilities-wrap .facilities_img .btn-next {width: 36px;height: 36px;background: #ffffff59 url("../images/common/icon/icon_arrow_next.png") center center no-repeat;cursor: pointer;padding: 10px;position: absolute;top: 50%;z-index: 3;border-radius: 50%;left: auto;right:16px;transform: translateY(-50%);}
.facilities-wrap .facilities_img .btn-prev {background: #ffffff59 url("../images/common/icon/icon_arrow_next.png") center center no-repeat;transform: translateY(-50%) rotate(180deg);left:16px;}

.facilities-wrap .facilities_img .swiper-slide {width:100%;height:445px;}
.facilities-wrap .facilities_img .swiper-slide img {width:100%;height:100%;object-fit: cover;}
.facilities-wrap .facilities_thumb {width:100%;overflow: hidden;margin-bottom: 15px;}
.facilities-wrap .facilities_thumb .swiper-slide {cursor: pointer;}
.facilities-wrap .facilities_thumb .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}

/* map */
.address-wrap {margin-bottom: 48px;}
.address-wrap .tit {}
.address-wrap .desc {}
.address-wrap .desc p {font-size: 18px; line-height: 1.8;}
.methods-wrap {display: flex;gap: 24px;justify-content: center;border: 1px solid var(--color-main00);padding: 24px;border-radius: 24px;}
.methods {flex: 1;}
.methods .tit {margin-bottom: 24px;font-size: 24px;font-weight: 700;color: var(--color-main00);}
.methods .desc {}
.methods ul {margin-bottom: 32px;}
.methods li {margin-bottom: 16px;}
.methods li p {margin-bottom: 8px;}
.methods .subway span {border: 1px solid;padding: 4px 8px;border-radius: 4px;display: inline-block;line-height: normal;}
.methods .exit {border-radius: 50% !important;padding: 4px 0;background: #fff153;font-weight: 500;}
.methods .desc .bus span {border: 1px solid; padding: 4px 8px;border-radius: 4px;display: inline-block;}
.methods .desc .bus span.blue {border-color:#0059ff;color: #0059ff;}
.methods .desc .bus span.green {border-color:#00c500;color: #00c500;}
.methods .tit::before {font-family:"Material Design Icons";display: inline-block;margin-right: 10px;}
.methods .tit.bus::before {content:"\F00E7";}
.methods .tit.subway::before {content:"\F04DF"}
.methods .tit.park::before {content:"\F03E3"}


/* intro - equipment */
.equipment-list {display: flex;gap: 48px 24px;flex-wrap: wrap;justify-content: center;}
.equipment-list li {width: calc((100% - 48px)/3);}
.equipment-list li a {display: block;}
.equipment-list li a .thumb-wrap {border-radius: 16px;overflow: hidden;width: 100%;height: 250px;}
.equipment-list li a .thumb-wrap img {width: 100%;height:100%; object-fit: cover; transition: .2s ease;}
.equipment-list li a .eq-info {padding-top: 16px;}
.equipment-list li a .eq-info {}
.equipment-list li a .eq-info .eq-tit {font-weight: 700;margin-bottom: 12px;transition: .2s ease;font-size: 20px;}
.equipment-list li a .eq-info dl {font-size: 14px;}
.equipment-list li a .eq-info dl div {display: flex;margin-bottom: 4px;}
.equipment-list li a .eq-info dl dt {width: 80px;font-weight: 600;}
.equipment-list li a .eq-info dl dd {}
.equipment-list li a:hover .thumb-wrap {box-shadow: 0 4px 16px #d3cbcb;}
.equipment-list li a:hover .thumb-wrap img {transform: scale(1.1);}
.equipment-list li a:hover .eq-tit {color: var(--color-main00);}

/* pagination */
.pagination {margin-top: 40px;text-align: center;}
.pagination a {display: inline-block;width: 30px;height: 30px;border: 1px solid #999;vertical-align: middle;text-align: center;text-indent: -1000px;overflow:hidden;padding: 5px 0;z-index: 3;position: relative;}
.pagination a:hover::before {content:"";width:100%;height:100%;display:block;border: 0;position: absolute;left: 0;top: 0;z-index: -1;}
.pagination a[class^=page] {position: relative;border-radius:3px;}
.pagination a[class^=page]::after {display: inline-block;font: normal normal normal 24px/1 "Material Design Icons";font-size: 24px;color: #121212;text-indent: 0;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;transition: .3s ease;}
.pagination .page-first {margin-right: 5px;}
.pagination .page-first::after {content: "\F013D";}
.pagination .page-prev {margin-right: 20px;}
.pagination .page-prev::after {content: "\F0141";}
.pagination .page-first:hover::after,
.pagination .page-prev:hover::after {transform: translate(-70%,-50%);}
.pagination .page-next {margin-left: 20px;}
.pagination .page-next::after {content: "\F0142";}
.pagination .page-last {margin-right: 0;margin-left: 5px;}
.pagination .page-last::after {content: "\F013E";}
.pagination .page-next:hover::after,
.pagination .page-last:hover::after {transform: translate(-30%,-50%);}
.pagination .number {color:#444;width: 30px;height: 30px;text-indent: 0;border: 0;}
.pagination .number.on {color: var(--color-main01);font-weight: bold;border-radius:3px;}

  
/* supportProject - consult */
.consultform-wrap {}
.consultform-wrap input, select {width: 100%; z-index: 1;}
.consultform-wrap textarea {resize: none;width: 100%;z-index: 1;}
.consultform-wrap .btn-area {margin: 24px auto;display: flex;justify-content: center;gap: 16px;}


.table {width: 100%;margin-bottom: 0;color: #333;max-width: 100%;}
.table th,.table td {padding: 1.2rem 0.7rem;vertical-align: middle;padding-left:10px;}
.table thead{border-top:1px solid #000;}
.table th {}
.table thead th {border-bottom:1px solid #e9e9e9;border-top: 0;/* background:#f8f8f8; */padding: .8rem 0;font-weight: 500;font-size: 1rem;}
.table tbody + tbody {border-top: 2px solid #e9e9e9;}
.table .title{text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.table .title a{position:relative;font-weight:500;}
.table .cont{text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.table .tr_gong .title{font-weight:600 !important;color:#000;}
.table tr:last-child td {border-bottom: 1px solid #e9e9e9;}
.tbl01 {border-top:2px solid #192231;}
.tbl01 th {background-color: #f5f5f5;}
.tbl01 tr:last-child th,
.tbl01 tr:last-child td {border-bottom: 1px solid #e9e9e9;}
.tbl01 th,
.tbl01 td {border: 1px solid #e9e9e9;}

/* supportProject - how */
.tit-tab-wrap {display: flex;align-items: center;justify-content: center;gap: 24px;margin-bottom: 48px;}
.tit-tab-wrap li {}
.tit-tab-wrap li a {display: block;padding: 12px 24px;border-radius: 32px;background: var(--color-gray);font-size: 24px;transition: .3s ease;}
.tit-tab-wrap li a.selected {background: var(--color-main00);font-weight: 700;color: #fff;}
.tit-tab-wrap li a:hover {background: #e6e8eb;}
.tit-tab-wrap li a.selected:hover {background: #ffb855;}

.cuttingroom-intro-wrap {margin-bottom: 64px;}
.cuttingroom-intro-wrap p {text-align: center;line-height: 1.5;font-size: 24px;font-weight: 700;}

.cuttingroom-info-wrap {margin-bottom: 48px;display: flex;justify-content: center;gap: 24px;align-items: stretch;}
.cuttingroom-info-wrap .right,
.cuttingroom-info-wrap .left {flex: 1;border-radius: 16px;display: flex;flex-direction: column;}
.cuttingroom-info-wrap .left {gap: 24px;}
.cuttingroom-info-wrap .left .top, 
.cuttingroom-info-wrap .left .bottom {display: flex;flex-direction: column;justify-content: center;border-radius: 16px;}
.cuttingroom-info-wrap .left .top {border: 1px solid var(--color-main00);border-radius: 16px;padding: 24px 16px;flex: 1;}
.cuttingroom-info-wrap .left .bottom {overflow: hidden;flex: 2;}
.cuttingroom-info-wrap .left .bottom img {width: 100%;height: 100%;object-fit: cover;}
.cuttingroom-info-wrap .right {padding: 24px 16px;border: 1px solid var(--color-main01);}



.cuttingroom-info-wrap .tit {font-size: 24px;font-weight: 700; margin-bottom: 24px;}
.cuttingroom-info-wrap .left ul {}
.cuttingroom-info-wrap .left ul li {font-size: 20px;margin-bottom: 24px;line-height: 1.5;}
.cuttingroom-info-wrap .left ul li:last-child {margin-bottom: 0;}
.cuttingroom-info-wrap .right {}
.cuttingroom-info-wrap .right .tit {}

.cuttingroom-how-wrap {}
.cuttingroom-how-wrap .list {width: max-content;margin: auto;}
.cuttingroom-how-wrap .list > div {margin-bottom: 32px;align-items: center;position: relative;}
.cuttingroom-how-wrap .list > div::after {content: "\F072E";font-family: "Material Design Icons";font-size:48px;position: absolute;bottom: -32px;left: 50%;transform: translateX(-50%);color: var(--color-main01);}
.cuttingroom-how-wrap .list > div:last-child::after {display: none;}
.cuttingroom-how-wrap .list .num {font-size: 68px;font-weight: 600;color: var(--color-main01);opacity: 0.3;position: absolute;top:50%;transform: translateY(-50%);left: -64px;}
.cuttingroom-how-wrap .list .desc {font-size: 30px;padding-top:40px;padding-bottom:40px;}
.cuttingroom-how-wrap .caution {background: #fafafa;border:1px solid #ddd;border-radius: 16px;padding: 16px 32px;color: #121212;margin-top: 24px;}
.cuttingroom-how-wrap .caution .tit {color:var(--color-main01);padding-left:16px;font-size: 20px;font-weight: 700;position: relative;display: block;margin-bottom: 12px;}
.cuttingroom-how-wrap .caution .tit::before {color:var(--color-main01);padding-left:16px;content: "\F05D6";font-family: "Material Design Icons";font-size: 14px;
margin-right: 10px;display: block;position: absolute;top: 50%;left: -18px;z-index: 1;transform: translateY(-50%);}
.cuttingroom-how-wrap .caution .cont {line-height: 1.5;}

.sub-cont {}
.sub-cont img {max-width: 100%;}
.sub-cont strong {font-weight: 700;}
.sub-cont strong.tit {position: relative;font-size: 1.3em;color: #333;display: block;margin-bottom: 20px;font-weight: 500;}
.sub-cont strong.tit::before {content:"";display: inline-block;width: 14px;height: 17px;background: url("../images/common/icon_bullet.svg") center center no-repeat;background-size: contain;margin-right: 10px;} 
.sub-cont strong.tit2 {display: block;margin-bottom: 15px;}

.hello img {
        margin-top:50px;border-radius:10px;
}

/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/ 
@media all and (max-width:1279px) { 

} 

@media all and (max-width:1024px) { 
  .hello .txt {margin-bottom: 48px;}
  .hello .img {grid-column: span 4;height: 400px;overflow: hidden;border-radius: 16px;}
  .hello img {width: 100%;height: 100%;object-fit: cover;object-position: top;}

  .equipment-list li {width: calc(50% - 12px);}

  .methods-wrap {flex-direction: column;}
  .methods li p {display: inline;margin-right: 16px;}
  .methods li p {}
} 

@media all and (max-width:768px) {
  .sub-visual {height: 240px;}
  .sub-nav {height: 56px;}
  .sub-nav > ul > li {width: calc((100% - 56px)/2);}
  .sub-nav li a {line-height: 56px;}
  .sub-nav li a:after {right: 16px;}
  .sub-nav li.home {width:56px;}
  .sub-nav li.home a {height: 56px;padding: 0;}
  .sub-nav li:last-child a {border-right: 0;}
  .sub-nav li .nav-depth1 {top: 56px;}
  .sub-nav li .nav-depth1 li {width: 100%;}
  .sub-nav li a {padding: 0 16px;}
  .sub-visual .page-tit {font-size: 32px;}

  .contents {padding: 80px 0 100px;}

  .sub-tit {font-size: 28px;margin-bottom: 32px;}
  .sub-tit2 {font-size: 22px;}
  .sub-tit3 {font-size: 16px;}

  .hello .txt p:nth-child(1) {font-size: 18px;margin-bottom: 16px;}
  .hello .txt p:nth-child(2) {font-size: 16px;}
  .facilities-wrap .facilities_img .swiper-slide {height: 360px;}

  .consultform-wrap {}
  .consultform-wrap .mb-th {width: 80px !important;}

  /* how */
  .cuttingroom-intro-wrap p {font-size: 16px;font-weight: 600;}
  .cuttingroom-info-wrap {flex-direction: column;}
  .cuttingroom-info-wrap .left .bottom {display: none;}
  .cuttingroom-info-wrap .tit {font-size: 20px;}
  .cuttingroom-info-wrap .left ul li {font-size: 16px;margin-bottom: 8px}
  .quotes {font-size: 30px;}
  .quotes::before, .quotes::after  {font-size: 30px;}
} 

@media all and (max-width:480px) {
  .address-wrap .desc p {font-size: 16px;}
  .methods-wrap {padding: 24px 16px;}
  .methods li p {margin-right: 0;display: block;}
  .methods li p:last-child {margin-right: 0;}

  .equipment-list {gap: 24px 16px;}
  .equipment-list li {width: calc(50% - 8px);}
  .equipment-list li a .thumb-wrap {height: 120px;border-radius: 8px;}
  /* .equipment-list {flex-direction: column;}
  .equipment-list li {width: 100%;} */
  .equipment-list li a .eq-info .eq-tit {font-size: 16px;}
  .equipment-list li a .eq-info dl div {flex-direction: column; margin-bottom: 8px;}
  .equipment-list li a .eq-info dl dd {font-size: 14px;}
  .quotes {font-size: 26px;}
  .hello img {margin-top:0px;}
}
 
.myinfo_outer{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:10px;

}

.myinfo_outer > div{
    padding:10px 10px;
    border-bottom: 1px solid #ddd;
    width:90%
}

.mybiz_info{
    display:grid;
    grid-template-columns: 200px 1fr;
}
.mybiz_info input,select{
    display: inline !important; z-index: 1;
}
.mybiz_info div{ 
    grid-gap:10px;
}
.mybiz_info div input,select,textarea {
    border: 1px solid #ddd;
    border-radius: 3px; 
	line-height:36px;
	z-index: 1;
	width:100%;
}
.mybiz_info div > img{
    width:auto; 
    box-sizing: border-box;

}

.mybiz_info > input[type="file"] {
    display: inline;z-index: 1;
}
.mybiz_info label{
    width:200px;padding:10px 0px;
}

.mybiz_info > .input-width{
    width:120px;padding:10px;
}

.control-label{font-size:18px;padding-left:10px;margin-bottom:10px;font-weight:600;}
 
.jf-parent{display:grid;grid-template-columns:1fr 1fr;padding-bottom:20px;}

.jf-parent1{display:grid;grid-template-columns:1fr;padding-bottom:20px;}
 
.consent-div {
    display: grid;grid-template-columns:50px 1fr; align-items:center;
 
}

.consent-div input {
    margin-right: 5px; /* 체크박스와 텍스트 간격 조정 */
}

.three-parent{
	display:grid;grid-template-columns:1fr; 
}

.three-parent div{
	margin:5px;
}

.three-parent div:nth-child(1){
	padding:5px 0;background-color:#f5f5f5;
}