@media (max-width:1290px) {
.content-wrap{
gap:20px;
}
.search-input{
max-width:120px;
}
}

@media (max-width:1240px){
header{

}

.content-wrap{
display:block;
padding:10px 0 20px;
width:100%;
}
.member, .gnb, .sns-link, .banner-link, .add-banner{
}
.pc-box{
display:none;
}
.mobile-box{
position: fixed;
top: 0;
bottom: 0;
display: block;
right: 00px;
z-index: 999999999;
-webkit-transition: right 1s;
transition: right 1s;
width: auto;
overflow: visible;
background: #000;
margin-left: 0;
left: auto;
border: 0;
display:none;
}
.mobile-box-area{
z-index: 55;
width: 280px;
left: auto;
right: 0;
overflow-x: hidden;
overflow-y: auto;
height: 100%;
background: #fff;
text-align: left;
box-sizing: border-box;
padding: 20px;
position:relative;
}
.close-btn {
position: absolute;
right: 281px;
top: 0;
z-index: 99999;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
}
.sidebg{
display:block;
position: fixed;
height: 150%;
background: rgba(0,0,0,0.5);
width: 100%;
top: 0;
right: 0;
z-index: 44;
}

.logo{
box-sizing:border-box;
padding:0 2%;
display:flex;
justify-content: space-between;
max-width:100%;
align-items: center;
}
.logo a{
width:240px;
}
.mobile-all-btn{
display:flex;
width:40px;
height:40px;
background:#11a37f;
border-radius:5px;
justify-content: center;
align-items: center;
color:#fff;
font-size:24px;
}
.search{
padding:10px 2%;
box-sizing:border-box;
background:#f3ede9;
}
.search-input{
max-width:100%;
}

.cw-content{
width:96%;
margin:0 auto;
padding-top:10px;
}
.cwc-top{
flex-direction: column; 
}
.cwct-popup{
width:100%;
height:auto;
}
.mps-area img{
width:100%;
}
.cwct-right{
width:100%;
}
.main-business{
width:48%;
height:320px;
background-position:100% 100%;
}
.cwct-r-bottom{
gap:4%;
}
.cwct-video{
width:48%;
height:320px;
}

.cwc-bottom{
flex-direction: column;
}
.main-gallery-box{
width:100%;
height:100%;
}

.main-gallery-box .slick-list{
width:calc(100% + 20px);
margin-left:-20px;
}
.main-gallery-box .slick-slide{
margin-left:20px;
}
.mgs-img{
padding-top:35%;
}

.fb-tit{
width:120px;
}

.footer-area{
flex-direction: column;
text-align:center;
gap:20px 0;
}
.foot-logo{
margin:0 auto;
}
.fnb{
justify-content: center;
}
.fc-f2{
justify-content: center;
}
.foot-web{
margin:0 auto;
}
}


@media (max-width:768px){
body, th, td, input, select, textarea, button{
font-size:14px;
}
.header-area{
flex-wrap:wrap;
gap:0;
width:100%;
padding-bottom:0;
}
.ha-bo-link{
width:66%;
flex-grow: 0;
font-size:14px;
box-sizing:border-box;
margin-right:2%;
}
.ha-logo-link img{
width:100%;
max-width:120px;
}
.ha-logo-link{
width:30%;
flex-grow: 0;
margin-left:2%;
}
.ha-qu-link{
width:100%;
flex-grow: 0;
justify-content:flex-end;
gap:2px;
border-top:1px rgba(0,0,0,0.1) solid;
margin-top:5px;
}
.ha-qu-link li{
gap:2px;
width:25%;
display:block;
border-left:1px rgba(0,0,0,0.1) solid;
box-sizing:border-box;
}
.ha-qu-link li:first-child{
border-left-width:0;
}
.ha-qu-link li a{
font-size:13px;
display:block;
text-align:center;
padding:5px 0;
}
.ha-qu-link li:before{
display:none;
}


.logo a{
width:200px;
}
.mbb-tab button{
padding:0 10px;
height:32px;
font-size:14px;
}
.main-board-more{
right:5px;
height:32px; 
}
.mbb-list{
height:auto;
padding:15px;
}
.mbb-list ul li{
font-size:14px;
}
.cwct-r-bottom{
margin-top:10px;
gap:10px;
flex-direction:column;
}
.main-business{
width:100%;
padding-top:65%;
height:auto;
}
.cwct-video{
width:100%;
padding-top:65%;
height:auto;
position:relative;
overflow:hidden;
}
.cwct-video .iframe{
position:absolute;
left:0;
top:0;
}
.cwc-bottom{
margin-top:10px;
gap:10px;
}
.main-gallery-box{
padding:20px;
padding-bottom:15px;
}
.main-gallery-slide{
overflow:hidden;
margin-top:10px;
}
.cwcb-tit{
font-size:18px;
}
.mgs-box a{
display:block;
}
.mgs-img{
width:100%;
padding-top:65%;
}
.mgs-txt p{
font-size:14px;
max-height:1.5em;
text-align:center;
margin-top:10px;
}
.mgs-txt span{
display:none;
}
.main-gallery-more{
left:75px;
height:35px;
top:15px;
}

.main-quick-box{
padding:0;
background:transparent;
}
.main-quick-box ul li{
width:49%;
box-sizing:border-box;
border:1px #e0e0e0 solid;
border-radius:5px;
}
.main-quick-box ul li a{
flex-direction: row;
height:37px;
padding:0 5px;
}
.main-quick-box ul li a img{
width:35px;
flex-shrink: 0;
}
.main-quick-box ul li a p{
flex-grow: 1;
}

.fb-tit{
width:90px;
}
.fb-slide{
padding-right:45px;
padding-left:15px;
}
.fb-slide .slick-arrow{
right:0;
width:15px;
}
.fb-slide .slick-prev{
right:30px;
}
.fb-ps{
right:15px;
width:15px;
}
.fb-slide:before{
height:12px;
margin-top:-6px;
}

.foot-center{
font-size:13px;
}
.fnb{
gap:5px;
flex-wrap:wrap;
}
.fnb a{
gap:5px;
}
.foot-logo{
width:200px;
}

.st-nav{
display:none;
}
.sub-tit{
justify-content: center;
}
.sub-tit > p{
font-size:26px;
}
.sub-content{
padding-top:20px;
}
.sc2-box{
flex-direction: column;
gap:20px;
}
.sc2-img{
order:1;
margin:0 auto;
}
.sc2-txt{
order:2;
text-align:center;
}
.sc2-t1{
font-size:24px;
word-break: keep-all;
margin-bottom:0px;
}
.sc2-t1 br{
display:none;
}
.sc2-t2 p{
margin-top:10px;
font-size:17px;
word-break: keep-all;
line-height:1.6;
}
.sc2-t2 p br{
display:none;
}
.sc2-t3{
margin-top:10px;
font-size:17px;
line-height:1.5;
}

 .history li{
    padding-left:0;
    }
    .history li:after{
    display:none;
    }

    .history li strong{
    font-size:24px;
    position:relative;
    display:block;
    left:0;
    }

    .history li p{
    padding-left:0;
    }

    .history li span{
    font-size:20px;
    width:70px;
    display:block;
    }

.cw-tit1{text-align:center;}
.cw-tab{flex-wrap:wrap;}
.cw-tab button{padding:5px 0; text-align:center; margin-top:10px;}
.cw-tit2{font-size:26px; margin-top:20px; margin-bottom:10px;}
.cw-table-box-w{width:100%; overflow-y:scroll;}
.cw-table-box-w .cw-table1{min-width:400px;}

.cw-tit3{font-size:20px; word-break: keep-all;}
.cw-tit4{margin-top:10px; padding:15px 20px;}
.cw-tit4 p{margin-bottom:5px;}
.cw-cont-dl1{margin-top:20px;}
.cw-cont-dl1 dd{margin-top:10px;}
.cw-cont-list1 li{flex-direction: column; gap:5px;}
.cw-cont-list1 li span{width:auto;}
.cw-cont-img{border:0; padding:0;}
.cw-cont-box{padding-top:20px; margin-top:20px;}
.cw-cont-list2{gap:30px;}
.cw-cont-list2 li:after {
    border-top: 15px solid #d1e3df;
    border-bottom: 15px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
bottom:-40px;
}
.cw-flex-box{display:block;}

.wb-top{padding:15px;}
.wb-top dl{margin-top:15px; padding-top:15px;}
.wb-top dd{padding-left:0;}
.wb-top dd li{gap:5px;}
.wb-top dd li:before{width:3px; height:3px; margin-top:7px;}
.wb-input{flex-wrap:wrap; padding:20px;}
.wb-input span{width:33%;}
.wb-input input{width:60%;}
}

@media (max-width:360px){

}