@charset "utf-8";
/* view */
#bo_v{margin-bottom: 200px;}
#bo_v #bo_v_info{width: calc(100% - 40px);max-width:var(--max-width1);margin: 0 auto;}
#bo_v #bo_v_info a{}
#bo_v #bo_v_con{width: calc(100% - 40px);max-width:var(--max-width1);margin: 0 auto;padding: 20px;background: #F5F5F5;border-radius: 5px;margin-top: 20px;}
#bo_v #bo_v_con ul{padding: 0; list-style: none;margin: 0;}
#bo_v #bo_v_con ul li{display: flex;margin-bottom: 20px;}
#bo_v #bo_v_con ul li:last-child{margin-bottom: 0px;}
#bo_v #bo_v_con ul li p{font-size: var(--font-20); font-weight: bold;width: 100px;}
#bo_v #bo_v_con ul li span{font-size: var(--font-20); color: var(--color1);width: calc(100% - 100px);display: block; word-break: break-all;}
.d-none{display: block !important;flex-grow: 1 !important;}
#bo_btn_top>div>div{padding: 0 !important;}
#bo_btn_top>div>div .border-top{border-top: unset !important;}

@media screen and (max-width:1200px){
	#bo_v{margin-bottom: 150px;}
}





/* list */
#bo_list_wrap{margin-bottom: 200px;}
#bo_list_wrap form{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto;}
#bo_list_wrap form #bo_list{border-bottom: 2px solid var(--color1);}
#bo_list_wrap form #bo_list .list_head{font-weight: bold;font-size: var(--font-18);color: var(--color1);font-weight: 100;}
#bo_list_wrap form #bo_list .list_head a{color: var(--color1) !important}
#bo_list_wrap form #bo_list .list_con{font-size: var(--font-24);}
#bo_list_wrap form #bo_list .list_head li{height: 50px; border-bottom: 2px solid var(--color1);}
#bo_list_wrap form #bo_list .list_con li{border-top: 1px solid #ddd;height: 90px;cursor: pointer;}
#bo_list_wrap form #bo_list .list_head li,
#bo_list_wrap form #bo_list .list_con li{display: flex; justify-content: space-between; align-items: center; padding: 0 10px; text-align: center;}
#bo_list_wrap form #bo_list .list_head li p:first-child,
#bo_list_wrap form #bo_list .list_con li p:first-child{width: 50px;font-size: var(--font-18);}
#bo_list_wrap form #bo_list .list_head li p:last-child,
#bo_list_wrap form #bo_list .list_con li p:last-child{width: 80px;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap,
#bo_list_wrap form #bo_list .list_con li .subject_wrap{width: calc(100% - 130px);display: flex; align-items: center; padding: 0 10px;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap p,
#bo_list_wrap form #bo_list .list_con li .subject_wrap p{display: block;width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_list_wrap form #bo_list .list_con li span{width: 80px;font-size: var(--font-18);color: #787878;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap label{margin: 0;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap label input{margin-right: 10px;}
#bo_list_wrap form #bo_list .list_con li{}
#bo_list_wrap form #bo_list .list_con li .subject_wrap input{}
#bo_list_wrap .pagination{margin: 80px auto 50px !important;}
#bo_search{}
#bo_search>.alert{padding: 0 !important;margin: 0 !important;}
#bo_list_wrap form#fsearch{}
#bo_list_wrap form#fsearch>div.form-row{margin: 0 auto; width: 100%; max-width: 450px; justify-content: space-between;}
#bo_list_wrap form#fsearch>div.form-row>div:nth-child(1){width: 30%;}
#bo_list_wrap form#fsearch>div.form-row>div:nth-child(2){width: calc(70% - 5px);}
#bo_list_wrap form#fsearch input,
#bo_list_wrap form#fsearch select{height: 50px;box-shadow: unset;}
#bo_list_wrap form#fsearch .input-group-append{width: 50px;}
#bo_list_wrap form#fsearch .input-group-append button{width: 100%;}

@media screen and (max-width:1200px){
	#bo_list_wrap{margin-bottom: 150px;}
}
@media screen and (max-width:600px){
	#bo_list_wrap form #bo_list .list_head li p:first-child,
	#bo_list_wrap form #bo_list .list_con li p:first-child{display: none;}
	#bo_list_wrap form #bo_list .list_head li .subject_wrap,
	#bo_list_wrap form #bo_list .list_con li .subject_wrap{width: calc(100% - 100px);}
}



/* write */
#bo_w{}
#bo_w form {}
#bo_w form > .ntc-txt {color: #333;font-size: 18px;text-align: right;}
#bo_w form > .ntc-txt > span {color: var(--color-main--deep);}
#bo_w form > ul {display: flex;justify-content: space-between;gap: 0 100px;flex-wrap: wrap;}
#bo_w form > ul:not(:last-child) {margin-bottom: 40px;}
#bo_w form > ul > li {display: flex;width: 100%;margin-bottom: 32px;padding: 18px 0;border-bottom: 2px solid #333;box-sizing: border-box;}
#bo_w form > ul > li:last-child {margin-bottom: 0;}
#bo_w form > ul > li.col2 {width: calc(50% - 50px);}
#bo_w form > ul > li > label {display: flex;align-items: center;width: 154px;margin-bottom: 0;font-weight: 500;position: relative;}
#bo_w form > ul > li > label::after {content: '';display: block;width: 1px;height: 20px;background: #D9D9D9;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
#bo_w form > ul > li > label > span {color: var(--color-main--deep);}
#bo_w form > ul > li > div > label:not(:last-child) {margin-right: 25px;}
#bo_w form > ul > li > div > label > input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
#bo_w form > ul > li > div > label::before,
#bo_w form > ul > li > div > label::after { content: ''; display: block; box-sizing: border-box; position: absolute; top: -1px; bottom: 0; margin: auto; }
#bo_w form > ul > li > div > label::before {border-radius: 2px;width: 20px;height: 20px;border-radius: 3px;border: 1px solid #E6E6E6;background: #fff;left: 0;}
#bo_w form > ul > li > div > label::after {border: 2px solid #fff;border-top: 0;border-right: 0;width: 10px;height: 6px;transform: rotate(-45deg);margin: 3px 0 0 3px;opacity: 0;top: -4px;left: 5px;margin: auto;}
#bo_w form > ul > li > div > label:has(input[type="checkbox"]:checked)::before { background: var(--color-main--deep);border: 0; }
#bo_w form > ul > li > div > label:has(input[type="checkbox"]:checked)::after { opacity: 1; transition: .35s linear; } 
#bo_w form > ul > li > div > input[type="text"],
#bo_w form > ul > li > div > input[type="email"],
#bo_w form > ul > li > div > input[type="number"]{width: 100%;height: 100%;font-size: 18px;border:none; outline: none;}
#bo_w form > ul > li > div > select {width: 100%;border: 0;color: #000;font-size: 18px;}
#bo_w form > ul > li > div > select:required:invalid {color: #898989;}
#bo_w form > ul > li > div > select > option {color: #000;}
#bo_w form > ul > li:has(textarea) {flex-direction: column;border: 0;}
#bo_w form > ul > li:has(textarea) > label {margin-bottom: 20px;}
#bo_w form > ul > li:has(textarea) > label::after {display: none;}
#bo_w form > ul > li > div:has(textarea) {width: 100%;padding: 0;}
#bo_w form > ul > li > div:has(textarea) > textarea {width: 100%;height: 250px;padding: 20px;border: 2px solid #333;box-sizing: border-box;font-size: 18px;resize: none;}
#bo_w form > ul > li > div.file_wrap {}
#bo_w form > ul > li > div.file_wrap .custom-file-input {height: 100%;font-size: 18px;}
#bo_w form > ul > li > div.file_wrap .custom-file {height: 40px;}
#bo_w form > ul > li > div.file_wrap .custom-file-label {height: 100%;margin-bottom: 0;border: 0;font-size: 18px;line-height: 1.0;}
#bo_w form > ul > li > div.file_wrap .custom-file-label::after {height: 100%;padding: 9px 46px;border-radius: 5px;background-color: #515151;color: #fff;font-size: 16px;}
#bo_w form > ul > li.agree-cont {flex-direction: column;border: 0;}
#bo_w form > ul > li.agree-cont > label {width: auto;margin-bottom: 20px;}
#bo_w form > ul > li.agree-cont > label::after {display: none;}
#bo_w form > ul > li.agree-cont > div {width: 100%;padding: 0;}
#bo_w form > ul > li.agree-cont .privacy-con {width: 100%;height: 250px;padding: 20px;margin-bottom: 10px;border: 2px solid #333;box-sizing: border-box;font-size: 18px;overflow-y: scroll;}
#bo_w form > ul > li.agree-cont .privacy-con::-webkit-scrollbar { width: 10px; }
#bo_w form > ul > li.agree-cont .privacy-con::-webkit-scrollbar-thumb { background-color: var(--color-main--deep); }
#bo_w form > ul > li.agree-cont .privacy-con::-webkit-scrollbar-track { background-color: #f9f9f9; }
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con{margin-top: 30px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li{margin-bottom: 30px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li:last-child{margin-bottom:0px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li>b{word-break: keep-all;display: flex;align-items: flex-start;line-height: 22px;margin-bottom: 10px;font-family: var(--font-pretendard);font-size:20px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li>b span{display: block;word-break: keep-all;margin-right: 10px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li p{display: block;word-break: keep-all;color: #000;font-family: var(--font-pretendard);font-weight: 500;font-size: 18px;margin-bottom: 10px;line-height: 20px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li>span{display: block;word-break: keep-all;color: #666666;font-size: 17px;margin-bottom: 10px;}

#bo_w form > ul > li.agree-cont input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
#bo_w form > ul > li.agree-cont input[type="checkbox"] + label {display: inline-flex;align-items: center;margin-bottom: 0;color: #333;font-size: 18px;position: relative;cursor: pointer;}
/* #bo_w form > ul > li.agree-cont input[type="checkbox"] + label:before,
#bo_w form > ul > li.agree-cont input[type="checkbox"] + label:after { content: ''; display: block; box-sizing: border-box; position: absolute; top: -1px; bottom: 0; margin: auto; } 
#bo_w form > ul > li.agree-cont input[type="checkbox"] + label:before {border-radius: 2px;width: 15px;height: 15px;border: 1px solid #d1d1d1;border-radius: 2px;background: #fff;left: 0;}
#bo_w form > ul > li.agree-cont input[type="checkbox"] + label:after { border: 2px solid #fff; border-top: 0; border-right: 0; width: 10px; height: 6px; transform: rotate(-45deg); margin: 3px 0 0 3px; opacity: 0; top: -4px; left: 2px; margin: auto; } */
/* #bo_w form > ul > li.agree-cont input[type="checkbox"]:checked + label:before { background: var(--color-main--deep); }
#bo_w form > ul > li.agree-cont input[type="checkbox"]:checked + label:after { opacity: 1; transition: .35s linear; } */
#bo_w form > .btn-submit {    display: block;
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    background: #333;
    color: #fff;
    font-weight: 600;
    text-align: center;
    transition: .35s;
    border: none;
    height: 70px;
    margin-top: 100px;background:#75451f}
#bo_w form > .btn-submit:hover,
#bo_w form > .btn-submit:focus {filter: grayscale(.4);}




@media all and (max-width: 1399px){
	#bo_w {margin: 0 20px;}
	#bo_w form > ul {gap: 0 50px;}
	#bo_w form > ul > li.col2 {width: calc(50% - 25px);}
	#bo_w form > ul > li > label {width: 120px;}
	#bo_w form > ul > li > div {width: calc(100% - 120px);}
}
@media all and (max-width: 1199px){
	#bo_w form > ul {gap: 0 20px;}
	#bo_w form > ul > li.col2 {width: calc(50% - 10px);}
}
@media all and (max-width: 1024px){
	#bo_w form > ul {gap: 0 20px;}
	#bo_w form > ul:not(:last-child) {margin-bottom: 18px;}
	#bo_w form > ul > li {margin-bottom: 18px;}
	#bo_w form > ul > li.col2 {width: 100%;}
}
@media all and (max-width: 768px){
	#bo_w form > .ntc-txt {font-size: 1.0em;}
	#bo_w form > ul > li > label {font-size: 18px;}
	#bo_w form > ul > li > div > label {font-size: 18px;}
}
@media all and (max-width: 640px){
	#bo_w {margin: 0;}
	
	#bo_w form > ul > li {flex-direction: column;gap: 10px 0;}
	#bo_w form > ul > li > label::after {display: none;}
	#bo_w form > ul > li > div {width: 100%;padding: 0;}
	#bo_w form > ul > li > div:has(textarea) > textarea {height: 200px;}
	#bo_w form > ul > li:has(textarea) > label,
	#bo_w form > ul > li.agree-cont > label {margin-bottom: 0;}
	#bo_w form > ul > li.agree-cont input[type="checkbox"] + label {font-size: 16px;}
}

@media all and (max-width: 480px){
	#bo_w form > ul > li > div.file_wrap .custom-file-label::after {padding: 4px 24px;}
}



#bo_w .file_wrap table,
#bo_w .file_wrap tbody,
#bo_w .file_wrap tr,
#bo_w .file_wrap td {
    display:block;
    width:100%;
}

#bo_w .file_wrap .row {
    display:block;
}

#bo_w .custom-file {
    position:relative;
    width:100%;
    height:52px;
}

#bo_w .custom-file-input {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
    z-index:2;
}

#bo_w .custom-file-label {
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    height:52px;
    padding:0 120px 0 18px;
    border:1px solid #ddd;
    box-sizing:border-box;
    background:#fff;
}

#bo_w .custom-file-label:after {
    content:"찾아보기";
    position:absolute;
    right:0;
    top:0;
    width:110px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#333;
    color:#fff;
}

.page_contents  .tit{text-align: center;font-size: 2.5em; font-weight: 700;margin-bottom:100px}

.file_box {
    display:flex;
    align-items:center;
    gap:10px;
}

.file_box input[type="file"] {
    display:none;
}

.file_label {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:100px;
    height:42px;
    padding:0 18px;
    background:#333;
    color:#fff;
    border-radius:6px;
    cursor:pointer;
    font-size:15px;
    position: absolute;
    right: 0;
}

.file_name {
    color:#555;
    font-size:15px;
}

.agree-cont input[type="checkbox"] {
    appearance:auto;
    -webkit-appearance:checkbox;
    opacity:1;
    position:static;
    width:18px;
    height:18px;
    margin-right:8px;
    vertical-align:middle;
}


.agree-cont input[type="checkbox"] {
    display:inline-block !important;
    appearance:auto !important;
    -webkit-appearance:checkbox !important;
    opacity:1 !important;
    visibility:visible !important;
    position:static !important;
    width:18px !important;
    height:18px !important;
    margin:0 8px 0 0;
    vertical-align:middle;
}

.agree-check {
    display:flex;
    align-items:center;
    gap:8px;
}

.agree-check label {
    margin:0;
    cursor:pointer;
}










.sample-gallery { width:100%!important; background:#fff; } 
.customer-visual { position:relative; width:100%; height:450px; overflow:hidden; margin-top:100px; } 
.customer-visual-bg { position:absolute; inset:0; background:url(../../../img/sub/customer_bg.png) no-repeat center center/cover; } 
.customer-visual-text { position:absolute; left:50%; top:50%; z-index:2; width:100%; padding:0 20px; color:#fff; text-align:center; transform:translate(-50%,-50%); } 
.customer-visual-text h3 { margin:0; font-size:50px;; font-weight:600; margin-bottom:25px; } 
.customer-visual-text p { font-size:20px; line-height:1.6; font-weight:400; } 
.customer-sub-nav { width:100%; height:76px; border-bottom:1px solid #ddd; background:#fff; } 
.customer-sub-nav ul { display:flex; align-items:center; justify-content:center; height:100%; margin:0; padding:0; list-style:none; } 
.customer-sub-nav li { position:relative; height:100%; margin:0 22px; } 
.customer-sub-nav a { display:flex; align-items:center; height:100%; color:#777; font-size:23px; font-weight:400; text-decoration:none; transition:color .3s; } 
.customer-sub-nav li.active a,.customer-sub-nav li:hover a { color:#a37827; font-weight:600; } 
.customer-sub-nav li.active:after { content:""; position:absolute; left:50%; bottom:-3px; width:6px; height:6px; border-radius:50%; background:#a37827; transform:translateX(-50%); } 
.cinner {padding:100px 0; width:92%; max-width:1400px; margin:0 auto; position:relative}
#bo_w{width:100%;max-width:950px;margin:0 auto;}
#bo_w .list{width:100%;margin:0;padding:0;list-style:none;display:flex; flex-direction: column;gap:40px;;}
#bo_w .list li{display:flex;align-items:flex-start;flex-direction:column;width:100%;margin:0;padding:0;}
#bo_w .list li.col2{width:100%;position:relative; padding-left:10px;}
#bo_w .list li.col2:before {content:''; position:absolute; left:0; top:0; width:6px;height:auto; aspect-ratio: 1/1;border-radius: 50%; background: #805128;}
#bo_w .list li>label{display:block;width:100%;margin:0;font-size:25px;font-weight:400;color:#444;}
#bo_w .list li>label span{color:#95602e;}
#bo_w .list li:last-child {margin-top:20px; gap:20px}
#bo_w .list li>div{width:100%;}
#bo_w .list input[type="text"]{display:block;width:100%;height:50px;padding:0;border:0;border-bottom:1px solid #e5e5e5;border-radius:0;background:transparent;font-size:25px;color:#222;outline:0;box-shadow:none;}
#bo_w .list input[type="text"]:focus{border: 0 !important; border-bottom-color:#95602e;outline:0;box-shadow:none;}
#bo_w .list input[type="text"]::placeholder{font-size:25px;color:#aaa;}
#bo_w .list textarea{display:block;width:100%;height:170px;padding:10px;border:1px solid #ddd;border-radius:0;background:#fff;font-size:20px;line-height:1.7;color:#333;resize:none;outline:0;box-shadow:none;}
#bo_w .list textarea:focus{border-color:#95602e!important;outline:0;box-shadow:none;}
.inquiry-agreement{display:flex;align-items:center;gap:45px;margin-top:30px;}
.agreement-item{display:flex;align-items:center;font-size:18px;color:#555;}
.agreement-item>input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;opacity:0;}
.agreement-item>label{display:flex;align-items:center;gap:6px;margin:0;cursor:pointer;}
.agreement-item .check-icon{position:relative;display:block;flex:0 0 20px;width:20px;height:20px;border:1px solid #888;background:#fff;}
.agreement-item>input:checked+label .check-icon:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border-right:2px solid #555;border-bottom:2px solid #555;transform:rotate(45deg);}
.agreement-view-btn{margin:0 0 0 5px;padding:0;border:0;background:none;font-size:18px;color:#777;cursor:pointer;}
.agreement-view-btn:hover{color:#95602e;}
#bo_w .btn-submit{display:flex;align-items:center;justify-content:center;width:290px;height:78px;margin:105px auto 0;border:0;border-radius:12px;background:#95602e;font-size:20px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s;background: #75451f;}
#bo_w .btn-submit:disabled{opacity:.6;cursor:default;}
.agreement-modal{position:fixed;left:0;top:0;z-index:10000;display:none;align-items:center;justify-content:center;width:100%;height:100%;padding:30px;}
.agreement-modal.is-open{display:flex;}
.agreement-modal-bg{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.55);cursor:pointer;}
.agreement-modal-box{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:1000px;max-height:80vh;background:#fff;}
.agreement-modal-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:25px 30px;border-bottom:1px solid #e5e5e5;}
.agreement-modal-head h3{margin:0;font-size:22px;font-weight:600;color:#222;}
.agreement-modal-close{position:relative;width:32px;height:32px;padding:0;border:0;background:none;cursor:pointer;}
.agreement-modal-close span{position:absolute;left:5px;top:15px;width:22px;height:1px;background:#333;}
.agreement-modal-close span:first-child{transform:rotate(45deg);}
.agreement-modal-close span:last-child{transform:rotate(-45deg);}
.agreement-modal-content{flex:1;min-height:0;padding:30px;overflow-y:auto;font-size:14px;line-height:1.8;color:#555;}
.agreement-modal-content img{max-width:100%;height:auto;}
.agreement-modal-content table{width:100%;border-collapse:collapse;}
.agreement-modal-content th,.agreement-modal-content td{padding:10px;border:1px solid #ddd;}
.agreement-modal-bottom{display:flex;justify-content:center;flex:0 0 auto;padding:20px 30px;border-top:1px solid #e5e5e5;}
.agreement-modal-confirm{display:flex;align-items:center;justify-content:center;width:150px;height:48px;border:0;border-radius:6px;background:#95602e;font-size:15px;color:#fff;cursor:pointer;}
body.agreement-modal-open{overflow:hidden;}
#captcha  {margin-top:20px;display:block}
@media (max-width:1399px){
.customer-visual{height:400px;}
 .page_contents .tit{font-size:36px;}
}

@media (max-width:1199px){
.customer-visual{height:360px;}
.customer-visual-text h3{font-size:39px;}
}
@media (max-width:1024px){
.customer-visual{height:330px;margin-top:80px;}
.customer-visual-text h2{font-size:36px;}
.customer-visual-text p{margin-top:18px;font-size:15px;}

}
@media(max-width:768px){
.inquiry-agreement{align-items:flex-start;flex-direction:column;gap:15px;margin-top:25px;}
#bo_w .btn-submit{width:230px;height:62px;margin-top:65px;border-radius:9px;font-size:17px;}
.agreement-modal{padding:20px;}
.agreement-modal-box{max-height:85vh;}
.agreement-modal-head{padding:20px;}
.agreement-modal-head h3{font-size:18px;}

}

@media(max-width:500px){

}


@media (max-width:1399px){
.customer-visual{height:400px;}
.gallery-inner{width:min(calc(100% - 60px),1200px);}
.page_contents .tit{font-size:36px;}
.gallery-list{gap:50px 24px;}
}

@media (max-width:1199px){
.customer-visual{height:360px;}
.customer-visual-text h3{font-size:39px;}
.gallery-inner{padding:100px 0 130px;}
.gallery-list{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (max-width:1024px){
.customer-visual{height:330px;margin-top:80px;}
.customer-visual-text h2{font-size:36px;}
.customer-visual-text p{margin-top:18px;font-size:15px;}
.customer-sub-nav{height:68px;}
.customer-sub-nav li{margin:0 18px;}
.customer-sub-nav a{font-size:16px;}
.gallery-inner{width:calc(100% - 40px);padding:85px 0 110px;}
.gallery-title{margin-bottom:60px;}
.page_contents .tit{font-size:34px;}
.gallery-list{gap:45px 20px;}
#bo_w .list li>label ,
#bo_w .list input[type="text"],
#bo_w .list textarea{font-size:18px;}
}

@media (max-width:768px){
.customer-visual{height:280px;}
.customer-visual-text h2{font-size:32px;}
.customer-visual-text p{font-size:14px;}
.customer-sub-nav{height:62px;overflow-x:auto;}
.customer-sub-nav ul{justify-content:flex-start;width:max-content;min-width:100%;padding:0 20px;}
.customer-sub-nav li{margin:0 15px;}
.customer-sub-nav a{font-size:15px;white-space:nowrap;}
.gallery-inner{padding:70px 0 90px;}
.gallery-title{margin-bottom:50px;}
.page_contents .tit{font-size:30px;}
.gallery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px;}
.gallery-info{padding:15px 4px 0;}
.gallery-info h4{font-size:17px;}
.gallery-cover{display:none;}
.gallery-paging{margin-top:65px;}
}

@media (max-width:640px){
.customer-visual{height:250px;}
.customer-visual-text h2{font-size:29px;}
.customer-visual-text p{margin-top:14px;font-size:13px;}
.gallery-inner{width:calc(100% - 32px);padding:60px 0 80px;}
.gallery-title{margin-bottom:40px;}
.page_contents .tit{font-size:28px;}
.gallery-list{gap:35px 12px;}
.gallery-info h4{font-size:16px;}
}

@media (max-width:500px){
.customer-visual{height:220px;}
.customer-visual-text h2{font-size:26px;}
.customer-visual-text p{font-size:12px;}
.customer-sub-nav{height:58px;}
.customer-sub-nav ul{padding:0 12px;}
.customer-sub-nav li{margin:0 12px;}
.customer-sub-nav a{font-size:14px;}
.gallery-inner{width:calc(100% - 28px);padding:50px 0 70px;}
.page_contents .tit{font-size:25px;}
.gallery-list{gap:30px 10px;}
.gallery-image{border-radius:5px;}
.gallery-info{padding-top:12px;}
.gallery-info h4{font-size:15px;}
}