/* Written By MJS */

@font-face{font-family:'NotoSerifKR'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

html,body, div{{color:#333;}}
html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,fieldset,header,h3,a{font-family:'Noto Sans KR', sans-serif;border:0;margin:0;padding:0;font-weight:normal; letter-spacing: -0.05em;}
ul,ol,i,li,ui{list-style:none}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
html, body{font-family:'Noto Sans KR', sans-serif;height:100%; width:100%; overflow-x:hidden;}





 /* 공통 STYLE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{position:relative;float:left;width:100%;overflow:hidden;}
.font{font-family:'NotoSerifKR' !important;}
.root_daum_roughmap{margin:0 !important;border:none !important;padding:0 !important;}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*메인 비주얼*/
.slick-track{display:flex;}
.slick-slide {display:block;}
#visual{position:relative; z-index:22; margin-top:120px;}
.visual-slide{position:relative; z-index:33; width:100%; overflow:hidden;}
.vs-box img{width:100%;}
.slick-track{position:relative; z-index:11;}
.visual-slide .slick-dots{position:absolute; display: flex; justify-content: center; width:100%; bottom:30px; z-index:33; gap:10px;}
.visual-slide .slick-dots li button{font-size:0em; width:40px; height:7px; border-radius:999px; background:rgba(255,255,255,0.5);}
.visual-slide .slick-dots li.slick-active button{background:rgba(255,255,255,1);}
.vs-slide-arrow{
position:absolute;
top:50%;
margin-top:-25px;
display:flex;
align-items: center;
justify-content: space-between;
gap:10px;
z-index:999;
width:90%;
left:5%;
}
.vs-slide-arrow button{
background:transparent;
width:50px;
height:50px;
display:flex;
align-items: center;
justify-content: center;
color:#aeaeae;
font-size:38px;
cursor:pointer;
}

/*메인 갤러리*/
#main-gallery{background-color:#f7f5f1; padding:60px 0; float:left; width:100%; z-index:88; 
position:relative;}
#main-gallery .mTitle{text-align:left; width:96%; max-width:1200px; margin:0 auto; float:unset; margin-bottom:20px; display:flex; align-items: baseline; gap:10px;}
.gallery-list{width:96%; max-width:1200px; margin:0 auto; clear:both; position:relative;}
.gallery-list .slider2{width:calc(100% + 20px);}
.gallery-list .sd2-box{width:23.5%;}
.gallery-list .sd2-box a{display:block;}
.gallery-list .slick-slide{margin-right:20px;}
.mg-img{width:100%; position:relative; padding-top:75%; overflow:hidden; background:#fff;}
.mg-img > div{position:absolute; width:100%; height:100%; overflow:hidden; left:0; top:0; display:flex; justify-content: center; 
align-items: center;}
.mg-img > div img{max-width:100%; transition: all 0.3s;}
.mg-text p{font-size: 16px; font-weight: 500; height: 25px; line-height: 25px; margin-top: 10px; box-sizing: border-box;overflow: hidden;} 
.mg-text span{font-family: 'Roboto', sans-serif; font-size: 14px; color: #888; letter-spacing: 0em;}
.gallery-list ul li a:hover .mg-img img{transform: scale(1.1);}
.gallery-btn{position:absolute; 
right:0;
top:-85px;
width:45px;
height:45px;
display:flex;
justify-content: center;
align-items: center;
color:#fff !important;
font-size:22px;
background:#cab20d;
transition: .5s ease;}

/*메인 주요사업*/
#business{position:relative;float:left;width:96%; margin-left:2%; padding:80px 0;background:rgba(255, 255, 255, 0.6);}
.business-slide{
width:96%;
max-width:1200px;
overflow:hidden;
margin:0 auto;
display:flex;
gap:4%;
}
.business-slide > div{width:48%; height:280px; overflow:hidden;}
.bu-box a{position:relative; background:#5ab379;}
.bs-img{width:100%;}
.bs-img img{width:120%;}
.bu-box .bs-text{
position:absolute;
width:50%;
height:100%;
background:#5ab379;
right:0;
top:0;
box-sizing:border-box;
padding-left:45px;
display:table;
table-layout:fixed;
transition: .3s ease;
color:#fff;
}
.bu-box.bubo1 .bs-text{background:#204491;}
.bu-box.bubo1 a:hover .bs-text{background:rgba(54, 74, 137, 0.8);}
.bu-box a:hover .bs-text{
background:rgba(54, 137, 83, 0.8);
width:100%;
}
.bu-box a:hover .bst-box{
vertical-align:middle;
}

.bu-box a:hover .bs-text p{
color:#fff;
}

.bu-box a:hover .bst3:after{
display:none;
}

.bu-box a:hover .bst1{
opacity:0.6;
color:#fff;
}
.bu-box a:hover .bst2{
font-size:35px;
}
.bu-box a:hover .bst3{
padding-bottom:50px;
font-size:35px;
}
.bu-box a:hover .bst4{
opacity:0.8;
}

.bu-box a:hover .bs-btn{
opacity:0;
}

.bu-box a:hover .bs-btn-on{
opacity:1;
bottom:50px;
}

.bst-box{
display:table-cell;
width:100%;
vertical-align:middle;
}

.bst1{
letter-spacing:0em;
text-transform:uppercase;
font-size:15px;
transition: .5s ease;
}

.bst2{
font-family: 'Raleway', sans-serif;
letter-spacing:0em;
text-transform:uppercase;
font-weight:800;
font-size:35px;
line-height:1.2em;
transition: .5s ease;
}

.bst3{
font-size:28px;
font-weight:600;
transition: .5s ease;
}
.bst3 img{
width:180px;
margin-top:10px;
}

.bst4{
font-weight:300;
margin-bottom:5px;
transition: .5s ease;
}

.bst3:after{
content:"";
display:block;
background:rgba(255,255,255,0.6);
width:32px;
height:3px;
margin:20px 0;
transition: .5s ease;
}

.bs-btn{
position:absolute; 
right:0;
top:0;
width:45px;
height:45px;
display:flex;
justify-content: center;
align-items: center;
color:#368853;
font-size:22px;
background:#d5eadc;
transition: .5s ease;
}
.bubo1 .bs-btn{color:#204491; background:#d9e0ee;}

.bs-btn-on{
position:absolute;
right:50px;
bottom:10px;
display:inline-block;
border:2px #fff solid;
padding:5px 25px;
transition: .8s ease;
color:#fff;
opacity:0;
}


.bu-jb{

}
.bu-jb a{
display:flex;
width:100%;
height:100%;
background:#204491;
justify-content: center;
align-items: center;
flex-direction: column;
color:#fff;
gap:15px;
}
.bu-jb a p{color:#fff; font-weight:600; font-size:20px;}
.bu-jb a img{width:180px;}


/* 상단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.w1200{position:relative;width:1200px;margin:0 auto;}


#h_top{position:relative;float:left;width:100%;height:39px;background:#f9f9f9;border-bottom:1px solid #e4e4e4;z-index:10000;}
#h_top ul{position:absolute;right:0;top:0;display:none;}
#h_top ul li{float:left;margin-left:15px;}
#h_top ul li a{float:left;line-height:40px;font-size:13px;color:#aaa;}
.top_cs{position:absolute;right:0;top:12px;}
.top_cs p{float:left;line-height:15px;font-size:13px;color:#333;padding-left:15px;background:url(../img/top_cs.png) no-repeat 0 2px;background-size:10px;margin-right:8px;}
.top_cs b{display:inline-block;line-height:16px;vertical-align:top;font-size:15px;
letter-spacing:-0.05em;font-weight:600;color:#54934f;}


/* 로고 */
#logo{position:relative;float:left;z-index:1000;}
#logo a{float:left;width:160px;padding:5px 0; height:80px; display:flex; align-items: center;}
#logo a img{width:100%;}


/* 전화아이콘, 모바일아이콘 숨기기 */
.page_cover,a#call,.mBtn,.mClose{display:none;}


#header{position:fixed;float:left;width:100%;background:#fff;transition:background 1s, height 1s; height:120px;overflow:hidden;z-index:1000000;border-bottom:1px solid #aaa;}
#header:hover{background:#fff;height:245px;border-bottom:1px solid #e4e4e4;}
#header header{position:relative;width:1200px;height:32px;margin:0 auto;}
/* 내비게이션 */
#menu{position:absolute;right:0;top:71px;}
#menu ul{display:inline-block;zoom:1;*display:inline;}
#menu ul li{position:relative;float:left;width:160px;text-align:center;}
#menu ul li a{position:relative;float:left;width:100%;line-height:100%;font-size:20px;color:#000;padding-bottom:30px;z-index:1000000;}
#menu ul li ul{position:absolute;top:-30px;left:0;width:100%;height:260px;padding-top:74px;}
#menu ul li ul:hover{background:#f9f9f9;}
#menu ul li li{float:left;width:100%;border:none;padding:0;margin:0;}
#menu ul li li a{float:left;width:100%;height:26px;line-height:26px;font-size:15px;letter-spacing:0.08em !important;color:#aaa;padding:0;margin:0;}
#menu a:hover{color:#359c59;}
.mobile-open-btn, .all-menu-area{
display:none;
}






/* 메인 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* 메인 타이틀 */
.mTitle{position:relative;float:left;width:100%;text-align:center;margin-bottom:50px;}
.mTitle b{line-height:100%;font-size:55px;color:#000;margin-bottom:16px; display:block; letter-spacing: -0.05em}
.mTitle span{line-height:22px;font-size:20px;color:#888; display:block;}
.mTitle2{position:relative;width:100%;text-align:center;margin-bottom:50px;}
.mTitle2 b{width:100%;line-height:100%;font-size:50px;color:#fff;margin-bottom:16px;}
.mTitle2 span{width:100%;line-height:22px;font-size:16px;color:#fff;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;}


/* ABOUT */
#about{position:relative;float:left;width:100%;padding:80px 0;background:#f8f6f3;}
/* 숫자카운트 */
#counter{position:relative;float:left;width:100%;}
#counter ul{position:relative;width:1200px;margin:0 auto;}
#counter ul li{position:relative;float:left;width:24.9%;border-left:1px solid #ccc;text-align:center;}
#counter ul li:first-child{border:none;}
#counter ul li p{float:left;width:100%;line-height:100%;font-size:20px;letter-spacing:1px;font-weight:400;color:#000;}
.cNum{position:relative;float:left;width:100%;line-height:70px;height:70px;font-size:20px;color:#fa6d33;text-align:center;overflow:hidden;margin-bottom:30px;}
.cNum b{display:inline-block !important;font-size:70px !important;letter-spacing:-4px;font-weight:600;color:#fa6d33;}
.cNum span{display:inline-block;line-height:110px;vertical-align:top;font-size:24px;color:#e58e6a;margin-left:8px;}




/*메인 주요사업*/
.busi_bn ul{display:flex; gap:20px 2%; flex-wrap:wrap; border:1px transparent solid;}
.busi_bn li{width:49%;}
.busi_bn li a{width:100%; overflow:hidden; position:relative; display:flex; justify-content: space-between; }
.busi_bn li.bb-top{width:100%;}
.busi_bn li.bb-top a{background-color:#f4f0dd;}
.busi_bn li.bb01 a{background-color:#f5e9d3;}
.busi_bn li.bb02 a{background-color:#e5ece5;}
.busi_bn li.bb03 a{background-color:#e5e9ec;}
.busi_bn li.bb04 a{background-color:#f8e7ec;}
.busi_bn li.bb05 a{background-color:#e9e5ec;}
.busi_bn li.bb06 a{background-color:#f8ebe7;}
.busi-img{width:45%; height:220px; display:flex; justify-content: flex-end;
align-items: center; z-index:11; flex-shrink: 0; overflow:hidden;}
.busi-img img{height:100%;}
.busi-txt{position:relative; z-index:22; display:flex; flex-direction: column; flex-grow: 0;
justify-content: center; align-items: flex-start; gap:10px; box-sizing:border-box; padding-left:60px;}
.busi-txt b{font-size:30px;line-height:1.1em}
.busi-txt p{opacity:0.8;}
.busi-txt b em{font-size:0.85em; font-style:normal; display:block;}
.busi-txt .mobile{display:none;}
.busi_bn ul li a span,.busi_bn ul li a:hover p{display:none;}
.busi_bn ul li a:hover span{display:inline-block;}
.busi_bn ul li a:hover span{background:#fa6d33;color:#fff; padding:5px 20px;}
.busi_bn ul li.bb-top a:hover span{background-color:#cead12;}
.busi_bn ul li.bb02 a:hover span{background-color:#5eb424;}
.busi_bn ul li.bb03 a:hover span{background-color:#24acb4;}
.busi_bn ul li.bb04 a:hover span{background-color:#a92647;}
.busi_bn ul li.bb05 a:hover span{background-color:#6524b4;}
.busi_bn ul li.bb06 a:hover span{background-color:#a92926;}

/* 마우스 오버시 효과 */
.busi_bn ul li a:hover .busi-img img{transform:scale(1.05);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*  마우스 아웃시 효과 */
.busi_bn ul li a .busi-img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}




/* WHY WE ARE? */
#hexagon{position:relative;float:left;width:100%;height:760px;padding:80px 0;background:url(../img/bg.gif) repeat-y;background-size:100%;}
.hex_shape{position:relative;width:600px;height:600px;margin:0 auto;background:url(../img/hexagon.png) no-repeat center center;;margin-top:130px;}
.hex1{position:absolute;left:-320px;top:50px;width:350px;padding:20px 30px;text-align:right;}
.hex2{position:absolute;left:-380px;top:300px;width:350px;padding:20px 30px;text-align:right;}
.hex3{position:absolute;left:-220px;top:540px;width:350px;padding:20px 30px;text-align:right;}
.hex4{position:absolute;right:-220px;top:-15px;width:350px;padding:20px 30px;text-align:left;}
.hex5{position:absolute;right:-390px;top:176px;width:350px;padding:20px 30px;text-align:left;}
.hex6{position:absolute;right:-320px;top:430px;width:350px;padding:20px 30px;text-align:left;}
.hex_shape b{float:left;width:100%;line-height:34px;font-size:24px;color:#fff;margin-bottom:20px;}
.hex_shape p{float:left;width:100%;line-height:18px;font-size:13px;color:#fff;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;}
/* 마우스 오버시 효과 */
.hex_shape div:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*  마우스 아웃시 효과 */
.hex_shape div{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.hex_shape div:hover b{color:#e4a51e;}
.hex_shape div:hover p{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;}


/* 게시판~온라인상담 */
#information{position:relative;float:left;width:100%;padding:80px 0 40px;background:#fff;}
#information:after{display:block; content:""; display:block; width:100%; clear:both;}
#board_w{position:relative;float:left;width:600px;height:432px;padding-top:1px;}
.board{position:relative;float:left;width:519px;height:130px;padding:40px;background:#fff;border:1px solid #ded9d0;border-right:none;margin-top:-1px;}
.board2{position:relative;float:left;width:519px;height:130px;padding:40px;background:#fff;border:1px solid #ded9d0;border-right:none;margin-top:-1px;}
.board_title{float:left;width:100%;line-height:100%;font-size:28px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:15px;}
ul.ticker{float:left;width:100%;height:auto;overflow:hidden;}
ul.ticker li{float:left;width:100%;height:25px;margin:5px 0;}
ul.ticker li p{float:left;width:75%;line-height:25px;font-size:16px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.ticker li p b.tic1{float:left;width:70px;line-height:25px;font-size:13px;font-weight:400;text-align:center;color:#fff;background:#fb6e34;margin-right:8px;}
ul.ticker li p b.tic2{float:left;width:68px;line-height:23px;font-size:13px;font-weight:400;text-align:center;color:#555;background:#fff;border:1px solid #555;margin-right:8px;}
ul.ticker li span{float:left;width:25%;line-height:25px;text-align:right;font-size:14px;color:#999;}
ul.board_list{float:left;width:100%;height:auto;overflow:hidden;}
ul.board_list li{float:left;width:100%; padding:2px 0;}
ul.board_list li a{float:left;width:75%;line-height:28px;font-size:16px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.board_list li span{float:left;width:25%;line-height:28px;text-align:right;font-size:14px;color:#999}
a.more{position:absolute;right:0px;top:-1px;color:#fff; width:35px; height:35px; 
display:flex; justify-content: center; align-items: center; background:#504a3b;}

.contact{position:relative;float:left;width:498px;height:331px;padding:45px;background:#f0ebe2; border:1px solid #ded9d0;}
.contact_title{position:relative;float:left;width:100%;line-height:40px;font-size:36px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:30px;}
.contact_title span{float:left;width:100%;line-height:22px;font-size:16px;font-weight:400;letter-spacing:-0.01em;color:#888;margin-top:20px;}
a.call_num{display:none;}
.cs_num{float:left;width:100%;padding-bottom:30px;border-bottom:2px dashed #cabca4;}
.cs_num b{float:left;width:100%;line-height:56px;font-size:48px;font-weight:800;color:#81a035; padding-left:74px;letter-spacing:-3px;
background:url(../img/cs_icon.png) no-repeat 0 50%;background-size:56px;}
.cs_text{float:left;width:100%;padding-top:30px;border-top:2px dashed rgba(255,255,255,0.8);}
.cs_text p{float:left;width:100%;line-height:30px;font-size:18px;margin-bottom:8px;}
.cs_text p span{float:left;width:100px;font-size:16px;text-align:center;background:#9f9077;color:#fff;margin-right:12px;}

/*.contact input.ip1{float:left;width:46%;height:52px;line-height:100%;font-size:18px;color:#000;padding-left:2%;margin-right:2%;border:none;background:#fff;}
.contact textarea{float:left;width:94%;padding:2%;height:120px;line-height:26px;font-size:18px;color:#000;margin:2% 0 0 0;border:none;background:#fff;}
.contact input::placeholder,.contact textarea::placeholder{color:#777 !important;}
/* 체크박스, 전문보기 */
/*.coun_check{float:left;width:100%;height:15px;margin:15px 0 25px 0;}
.coun_check input{float:left;width:15px;height:15px;line-height:14px;margin-right:8px;}
.coun_check span{float:left;font-size:14px;line-height:14px;color:#555;}
a.layer_btn{float:left;line-height:14px;font-size:14px;color:#000;margin-left:10px;}
button.coun_btn{float:left;width:100%;height:64px;line-height:61px;font-size:26px;font-weight:600;text-align:center;color:#fff;background:#fb6e34;cursor:pointer;border-bottom:4px solid #cd5523;}
button:hover.coun_btn{background:#f08052;border-bottom:4px solid #cd6d46;}
/* 전문보기 개인정보취급방침 */
/*.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999}
.layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);}
.layer .pop-layer{display:block;overflow-x:hidden;}
.pop-layer{display:none;position:absolute;top:50%;left:50%;width:46%;min-height:300px;background:#fff;border:1px solid #000;}	
.pop-layer .pop-container{position:relative;float:left;padding:4%;}
.assembly_title{position:relative;float:left;width:100%;color:#000;font-size:20px;font-weight:600;}
.btn-r{position:absolute;right:0;top:0;width:6%;z-index:100;}
a.cbtn{float:left;display:block;width:100%;height:42px;line-height:42px;background:#000;font-size:26px;color:#fff;text-align:center;}	
.rule_pop{float:left;width:100%;font-size:12px;line-height:16px;color:#777;margin-top:2%;}*/


.foot-banner{width:100%; max-width:1200px; margin:0 auto; clear:both; padding-bottom:30px;display:flex; gap:20px;  align-items: center;}
.foot-slide-box{flex-grow: 1; width:75%; margin-left:1%;}
.foot-banner ul{width:calc(100%); overflow:hidden;}
.foot-banner ul li a{display:block; position:relative; width:95%; height:60px;text-align:center; line-height:55px;overflow:hidden;box-sizing:border-box; border:1px #e0e0e0 solid; box-sizing:border-box;}
.foot-banner ul li a img{position:absolute; left:50%; top:50%; max-width:100%; }
.foot-banner .slick2-prev{display:block; width:30px; height:30px; font-size:0; background:url(../img/arrow-prev.png); background-size:cover; opacity:0.8; flex-shrink: 0; cursor:pointer;}
.foot-banner .slick2-next{display:block; width:30px; height:30px; font-size:0; background:url(../img/arrow-next.png); background-size:cover; opacity:0.8; flex-shrink: 0; cursor:pointer;}


/* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 카피라이트 */
#footer{position:relative;float:left;width:100%;background:#f4f4f1;padding:50px 0;z-index:1000;}
.footer_w{position:relative;width:1200px;margin:0 auto; box-sizing: border-box; background:url(../img/logo-f.png);
background-repeat:no-repeat; background-position:0% 50%; padding-left:190px; background-size:160px 55px;}
ul.copy{width:90%;}
ul.copy:after{clear:both; content:""; display:block; width:100%; height:0;}
ul.copy li{float:left;line-height:100%;font-size:13px;color:#222;font-weight:100;margin:0 12px 8px 0;padding-right:12px;border-right:1px solid #aaa;}
ul.copy li:last-child{border:none;}
.footer_w p{width:100%;line-height:100%;font-size:13px;font-weight:100;color:#999;margin-top:4px;}
.f_sns{position:absolute;top:0;right:0;}
.f_sns ul li{float:left;width:42px;margin-left:10px;}
.f_sns ul li a{float:left;width:100%;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;}
.f_sns ul li a:hover{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;}
.f_sns ul li a img{float:left;width:100%;}
.foot-link{margin-bottom:10px;}
.foot-link a{font-size:14px;}



/* 서브 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 서브 뒤 비치는 배경 */
/*.sub_bg{position:fixed;left:0;top:0;width:100%; max-width:2000px;height:430px;background:url(../img/sub-bg.jpg) no-repeat 50% 100px;z-index:1;overflow-x:hidden;}*/


#sub_visual{position:relative;float:left;width:100%;padding:120px 0 0px 0;background:url(../img/sub-bg.png);z-index:100;}
.s_visual{position:relative;width:1200px;margin:0 auto;height:180px; display:flex; flex-direction: column; justify-content: center; 
background-image:url(../img/sv-img.png); background-position:100% 50%; background-repeat:no-repeat; background-size:550px 182px;}
.s_visual h1{float:left;width:100%;line-height:100%;font-size:42px;font-weight:400;margin:0;padding:0;margin-bottom:25px; letter-spacing: -0.08em; font-weight:500;}
.navi{display:inline-block;  height:14px;background:url(../img/home1.png) no-repeat;background-size:13px;padding-left:12px;}
.navi p{float:left;line-height:100%;font-size:14px;color:rgba(0,0,0,0.7);padding-left:15px;margin-left:15px;background:url(../img/navi_arrow.png) no-repeat left 1px;}

#contents{position:relative;float:left;width:100%;background:#fff;z-index:1000;}
#contents:after{display:block; content:""; width:100%; height:1; clear:both;}
#page_navi{position:relative;float:left;width:99.8%;height:54px;text-align:center;background:#fcfcfc;border:1px solid #ccc;box-shadow:0 3px 3px #e0e0e0;margin-top:-27px;}
#page_navi a.icon_home{float:left;width:64px;height:54px;background:url(../img/home2.png) no-repeat center center;text-indent:-999px;border-right:1px solid #ccc; font-size:0;}
#page_navi b{float:left;width:220px;line-height:54px;font-size:18px;font-weight:400;color:#000;border-right:1px solid #ccc;}
.navi_m{position:relative;float:left;height:54px;width:220px;border-right:1px solid #ccc;}
.navi_m p{float:left;width:100%;line-height:54px;font-size:18px;color:#666;}
.navi_m p:hover{color:#333;}
.navi_m ul{position:absolute;left:-1px;top:54px;width:101%;background:#d88717;display:none;z-index:1000;}
.navi_m:hover ul{display:block;}
.navi_m ul li{float:left;width:100%;}
.navi_m ul li a{float:left;width:100%;line-height:40px;font-size:15px;color:#fff;border-top:1px solid #b87211;}
.navi_m ul li a:hover{background:#994c01;}
.arrow{display:none;}


.page{position:relative;float:left;width:100%;margin:60px 0; font-size:20px;}
/* 서브 타이틀 */
h3.stitle1{position:relative;float:left;width:100%;height:93px;text-align:center;background:url(../img/line.gif) no-repeat center 90px;background-size:60px;margin:60px 0 40px 0;overflow:hidden;}
h3.stitle1 span{float:left;width:100%;line-height:100%;font-size:16px;font-weight:300;color:#552c1b;margin-bottom:12px;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;margin-top:15px;}
h3.stitle1 b{float:left;width:100%;line-height:100%;font-size:36px;color:#552c1b;}


/* 서브 공통 style */
.sub_txt{position:relative;float:left;width:94%;padding:2.6% 3% 3%;background:#f4f1ed;}
.sub_txt p{float:left;width:100%;line-height:24px;font-size:18px;font-weight:300;text-align:justify;}
img.is_img{float:left;width:30%;vertical-align:top;margin:0 3% 3% 0;}
.sub_txt2{position:relative;float:left;width:100%;}
.sub_txt2 dl{position:relative;float:left;width:100%;border-top:1px solid #aaa;background:#f9f7f3;}
.sub_txt2 dl dt{clear:left;float:left;display:block;width:18%;line-height:100%;font-size:22px;font-weight:500;letter-spacing:-1px;color:#000;padding-left:2.5%}
.sub_txt2 dl dd {padding:0 2.5% 0 20.5%;line-height:22px;font-size:16px;font-weight:300;text-align:justify;color:#333;border-bottom:1px solid #aaa;}
.sub_txt2 dl dd:after{content: "";display: table;clear: both;}
.sub_txt2 dl dt,.sub_txt2 dl dd{padding-top:30px;padding-bottom:30px;}
.hashtag{float:left;width:100%;padding-top:8px;margin-top:20px;border-top:1px solid rgba(0, 0, 0, 0.1);}
.hashtag small{float:left;line-height:100%;font-size:16px;margin:12px 20px 0 0;color:#a05f1a;}



/* 오시는길 */
h5.ad_title{position:relative;float:left;width:100%;line-height:100%;font-size:30px;text-align:center;}
.wrap_controllers{display:none;}
.wrap_map{height:480px !important;}
.root_daum_roughmap .cont{display:none !important;}
.address{position:relative;width:100%;}
.address table{float:left;width:100%;background:#fff;border-top:1px solid #ccc;}
.address table th{width:16%;background:#f4f4f4;}
.address table td{line-height:22px;font-size:16px;color:#333;}
.address table th,.address table td{padding:12px 15px;text-align:left;border:1px solid #ccc;}
.address table th b{float:left;width:75%;height:20px;line-height:20px;font-size:18px;padding-left:28px;font-weight:400 !important;color:#000;background-size:20px;}
.address:after{content:""; display:block; width:100%; height:0px; clear:both;}
.iCon1{background:url(../img/sicon1.png) no-repeat;}
.iCon2{background:url(../img/sicon2.png) no-repeat;}
.iCon3{background:url(../img/sicon3.png) no-repeat;}
.iCon4{background:url(../img/sicon4.png) no-repeat;}
.iCon5{background:url(../img/sicon4.png) no-repeat;}
.location{margin-top:50px;}
.location-tit{font-weight:700; font-size:22px;
    display: inline-block;
    border-radius: 999px;
    background: #ce6b23;
    padding: 5px 30px;
    color: #fff; margin-bottom:30px;
}
.location > div{
display:flex;
}
.location dl{display:flex; width:50%; gap:30px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px #e0e0e0 solid;
align-items: center;}
.location dl dt{width:80px; height:80px; flex-shrink: 0; display:flex; justify-content: center; align-items: center;
background:#f5e9d3; color:#67432d; font-size:50px; border-radius:5px;
}
.location dl strong{
color:#ce6b23; display:block; margin-bottom:7px;
}
.location dl:nth-child(2) dt{
background:#d6eac6; color:#507630; 
}
.location dl:nth-child(2) strong{
color:#32aa30;
}
.location ul{
display:flex; gap:10px; flex-direction: column;
}
.location ul li{
display:flex; gap:7px;
}
.location ul li:before{
content:""; display:block; width:5px; height:5px;
background:#ccc; border-radius:999px; margin-top:10px;
flex-shrink: 0;
}




#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}
.sub-gallery-list{
display:flex; gap:30px 2%; flex-wrap:wrap; width:96%; 
max-width:1200px; margin:0 auto;
}
.sub-gallery-list li{width:23.5%;}
.sub-gallery-list li a{display:block;}
.s-gl-img{
position:relative; width:100%; padding-top:82%; overflow:hidden; 
border-radius:10px;
}
.s-gl-img.s-gl-youtube{
padding-top:56.25%;
}
.sub-gallery-list li a:hover .s-gl-img img{
 transform: scale(1.4);
}
.s-gl-img > div{
position:absolute; width:100%; height:100%; left:0; top:0;
display:flex; justify-content: center; align-items: center;
background:#f9f9f9;
}
.s-gl-img img{
width:100%; transition: all 0.3s;
}
.s-gl-txt{
margin-top:20px;
}
.s-gl-txt p{
line-height:1.5em; height:1.5em; overflow:hidden;
}
.s-gl-txt span{
opacity:0.6; font-size:0.85em;
}
.s-glt-meta{
font-size: 0.75em; color: var(--color3);
margin-bottom:0px;
}

.view-box{
width:96%; max-width:1280px; margin:0 auto;
}
.view-top{    
font-weight: 700; font-size: 26px;
margin-bottom: 30px; padding-bottom:30px;
 border-bottom:2px #e0e0e0 solid;
}
.view-cont{
border-bottom:1px #e0e0e0 solid;
padding-bottom:30px; margin-botto:30px;
}
.view-cont img{
max-width:100%;
}

/*page*/
.paging{width:95%;
max-width:1280px;
margin:50px auto 0;
display:flex;
align-items: center;
justify-content: center;
}

.paging a,
.paging strong{
height:36px;
width:36px;
box-sizing:border-box;
color:#222;
display:flex;
align-items: center;
justify-content: center;
font-size:15px;
border-radius:10px;
}

.paging .p-prev{
margin-right:10px;
color:#c5c5c5;
font-size:25px;
box-sizing:border-box;
border:1px #e0e0e0 solid;
}

.paging .p-next{
margin-left:10px;
color:#c5c5c5;
font-size:25px;
box-sizing:border-box;
border:1px #e0e0e0 solid;
}

.paging strong{
background:#444;
color:#fff;
}
.agree{display:flex; align-items: center; font-size:0.85em; margin-top:5px;}
.s-btn{text-align:center; display:flex; justify-content: center; align-items: center; margin-top:30px;}
.s-btn a{padding:10px 30px; display:inline-block; border-radius:5px; background:#d88717; color:#fff; font-weight:700;}
.s-btn a i{margin-right:10px;}

.s-tit1{
letter-spacing: -0.08em; margin-bottom:25px;
font-weight:700; font-size:32px;
}
.s-tit2{
letter-spacing: -0.08em; margin:5px 0 15px;
font-weight:500; font-size:24px; color:#dd7224;
}

.s-tit3{
letter-spacing: -0.08em; margin-bottom:15px;
font-weight:500; font-size:20px;
}

/*41서비스요금*/
.s-table1{
width:100%; table-layout: fixed;
}
.s-table1 thead th{
border-top:2px #333 solid; padding:15px 0; background:#f7f5f1;
border-bottom:1px #dfdbd4 solid; font-weight:700; color:#5b5245;
}
.s-table1 tbody th{
font-weight:700;
border-bottom:1px #dfdbd4 solid;
}
.s-table1 tbody td{
text-align:center; padding:15px 0;
border-bottom:1px #dfdbd4 solid;
border-left:1px #dfdbd4 solid;
}
.s-table1 tbody td span{
font-weight:500; font-size:0.85em; display:block; opacity:0.6;
}
.s-dl1{
display:flex;
border-top:1px #e0e0e0 solid;
margin-top:50px; padding-top:50px;
}
.s-dl1 > dt{
width:32%; flex-shrink: 0;
}
.s-dl1 > dd{
flex-grow: 1; font-size:18px;
}
.s-ul1{
display:flex; flex-direction: column; gap:10px;
}
.s-ul1 li{
display:flex; gap:7px;
}
.s-ul1 li:before{
content:""; display:block; width:5px; height:5px;
background:#ccc; border-radius:999px; margin-top:10px;
flex-shrink: 0;
}
.ma20{
margin-top:20px;
}
.ma30{
margin-top:30px;
}
.ma-line{
margin-top:40px; padding-top:30px; border-top:1px #e0e0e0 dashed;
}
.pay-box{
margin-top:40px; display:flex; flex-wrap:wrap;
gap:3%;
}
.pay-box dl{
width:48.5%; background:#eae6de; border-radius:20px;
box-sizing:border-box; padding:20px;
}
.pay-box dt{
font-size:1.125em; color:#dd7224; font-weight:700;
}
.pay-box dt span{
display:inline-block;
}
.pay-box dt span:after{
content:""; display:block; width:100%; height:3px; background: #dd7224;
margin:15px 0;
}
.pay-box dd ul{
display:flex; flex-direction: column; gap:5px;
}
.pay-box dd ul li{
display:flex; gap:5px; color:#3d372a; 
}
.pay-box dd ul li:before{
content:""; display:block; width:5px; height:5px; background:#b4a995;
border-radius:9999px; margin-top:12px;
}
.pay-p1{
width:100%; margin-top:10px; font-size:0.95em; opacity:0.6;
}

/*31가사서비스*/
.s-ul2{
display:flex; flex-direction: column; gap:30px;
max-width:900px; margin:0 auto;
}
.s-ul2 li{
display:flex; border:1px #e0e0e0 solid;
align-items: center; border-radius:25px; overflow:hidden;
}
.su2-img{order:2; width:280px; flex-shrink: 0;}
.su2-img img{width:100%;}
.su2-txt{order:1; padding-left:60px; box-sizing:border-box; flex-grow: 1;
word-break: keep-all;
}
.su2-txt strong{font-size:1.35em; margin-bottom:5px; display:block; color:#dd7224;}
.su2-txt p{font-size:1.015em; line-height:1.4em; margin-bottom:15px;}
.su2-txt a{display:inline-block; color:#fff; border-radius:5px; background:#574f49; 
font-size:0.9em; padding:5px 20px; transition: all 0.3s;}
.su2-txt a:hover{background:#c55237;}

/*21서비스안내*/
.su-dl2 dt{ font-weight:700; font-size:52px; margin-bottom:30px;}
.su-dl2 dd{display:flex;  gap:20px; align-items: flex-end;}
.dl2-img{width:540px; flex-shrink: 0;}
.dl2-img img{width:100%;}
.dl2-text{flex-grow: 1;}
.dl2-tit1{font-weight:700; color:#dd7224; font-size:38px; letter-spacing: -0.08em;
margin-bottom:20px; display:block;}
.dl2-tit1 span{color:#499d17; display:block;}
.dl2-box1{font-size:1.125em; line-height:1.8em;}
.dl2-box2{background:#f7f5f1; border-radius:20px; box-sizing:border-box;
padding:30px; margin-top:30px;}
.dl2-box2 strong{display:inline-block; border-radius:999px; background:#ce6b23; padding:5px 30px;
color:#fff;}
.dl2-box2 ul{margin-top:15px; display:flex; gap:15px;}
.dl2-box2 ul li{display:flex; gap:15px; letter-spacing: -0.08em; color:#574f49; align-items: center; font-weight:500;}
.dl2-box2 ul li:before{
content:""; display:block; width:1px; height:14px; align-items: center; background:#b5a99f;}
.dl2-box2 ul li:first-child:before{display:none;}

.sc-form-dl1 > dt{
font-weight:700;
border-bottom:1px #e0e0e0 solid;
color:#dd7224;
display:flex;
gap:20px;
align-items: center;
}

.sc-form-dl1 > dt span.fs-ex-box,
.fs-ex-box{
font-weight:600;
font-size:0.85em;
}
.fs-ex-box2{
font-weight:600;
color:#888;
font-size:0.8em;
}
.sc-form-dl1 > dt span{
position:relative;
display:inline-block;
font-size:30px;
padding-bottom:5px;
flex-shrink: 0;
}

.sc-form-dl1 > dt span:after{
content:"";
display:block;
width:100%;
height:3px;
background:#dd7224;
position:absolute;
left:0;
bottom:-1px;
}
.sc-form-dl1 > dt span.ess:after{
display:none;
}
.sc-form-dl1 > dd{
border-bottom:1px #e0e0e0 solid;
}
.sc-form-ul1{
display:flex;
flex-direction: column;
}
.ess{
color:#b13113;
display:block;
font-size:0.75em !important;
font-weight:600;
}
.sc-form-ul1 li{
padding:35px 0;
border-top:1px #e0e0e0 solid;
display:flex;
flex-wrap:wrap;
}
.sc-form-ul1 li:first-child{
border-top-width:0;
}

.sc-form-ul1 li > p{
font-weight:700;
display:flex;
align-items:center;
gap:5px;
flex-shrink: 0;
width:180px;
}
.sc-form-ul1 li > p.fs-w100{
width:100%;
margin-bottom:15px;
}

.sc-form-ul1 li .fs-p-w{
width:100%;
}
.sc-form-ul1 li .fs-p-w label{
margin-right:20px;
}

.sc-form-ul1 li > div{
flex-grow: 1;
width:80%;
display:flex;
gap:10px;
align-items: center;
flex-wrap:wrap;
}
.sc-form-ul1 li > div > p{
display:flex;
gap:5px;
align-items: center;
}
.sf-counsel-box p{
width:40%;
}
.sc-form-ul1 li > div span{
display:block;
}
.sc-form-ul1 input[type="text"], 
.sc-form-ul1 input[type="date"]{
border:1px #e0e0e0 solid;
height:45px;
border-radius:10px;
box-sizing:border-box;
font-size:18px;
}
.sc-form-ul1 select{
border:1px #e0e0e0 solid;
padding:10px;
border-radius:10px;
font-size:18px;
}

.sc-form-ul1 textarea{
border:1px #e0e0e0 solid;
height:120px;
border-radius:10px;
box-sizing:border-box;
width:100%;
overflow-y:scroll;
font-size:18px;
}
.sf-textarea{
border:1px #e0e0e0 solid;
height:120px;
border-radius:10px;
box-sizing:border-box;
width:100%;
margin-top:30px;
overflow-y:scroll;
}

.ta-text{
border:1px #e0e0e0 solid;
height:240px;
border-radius:10px;
box-sizing:border-box;
width:100%;
overflow-y:scroll;
margin:30px 0 10px;
padding:20px;
font-size:16px;
}

.is-w1{
width:22%;
}
.is-w2{
width:48%;
}
.is-w3{
width:40%;
}
.is-w4{
width:100%;
}
.is-btn{
background:#4d4540;
padding:0px 25px;
border-radius:10px;
color:#fff;
height:45px;
display:flex;
align-items: center;
font-size:16px;
}
.fs-p1{
font-size:0.85em;
width:100%;
}
.sc-form-ul1 input[type="radio"],
.sc-form-ul1 input[type="checkbox"],
.sf-chra{
appearance: none; /* 기본(네이티브) 모양을 제거 */
box-sizing: border-box;
background-clip: content-box;
width: 20px;
height: 20px;
border: 2px solid #c3c0ba;
cursor: pointer;
border-radius:9999px;
flex-shrink: 0;
box-sizing:border-box;
}
.sc-form-ul1 input[type="radio"]:checked,
.sc-form-ul1 input[type="checkbox"]:checked,
.sf-chra:checked{
background:#dd7224;
border-width:0;
}
.sc-form-ul1 input[type="radio"] + label,
.sc-form-ul1 input[type="checkbox"] + label,
.sf-chra + label{
position:relative;
}
.sc-form-ul1 input[type="radio"] + label i,
.sc-form-ul1 input[type="checkbox"] + label i,
.sf-chra + label i{
position:absolute;
color:#fff;
left:-35px;
top:50%;
margin-top:-10px;
font-size:16px;
display:none;
width:20px;
height:20px;
justify-content: center;
align-items: center;
}
.sc-form-ul1 input[type="radio"]:checked + label i,
.sc-form-ul1 input[type="checkbox"]:checked + label i,
.sf-chra:checked + label i{
display:flex;
}
.sc-form-ul1 input[type="radio"]:checked:before, .sc-form-ul1 input[type="checkbox"]:checked:before, .sf-chra:checked:before {
    position: absolute;
    content: "";
    background-image: url(../img/check4.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.agree-box{
box-sizing:border-box;
background:#f9f9f9;
padding:15px;
overflow-y:scroll;
height:200px;
font-size:16px;
color:#666;
margin:10px 0;
border:1px #e0e0e0 solid;
border-radius:10px;
}
.sf-agree-box{
padding:35px 0;
}
.agb-border-top{
border-top: 1px var(--bdcolor1) solid;
}
.agb-border-bottom{
border-bottom: 1px var(--bdcolor1) solid;
}
.sf-agree-box dt{
font-weight:700;
display:flex;
gap:5px;
align-items: center;
}
.sfa-check-box{
display:flex;
align-items: center;
gap:5px;
font-size:0.85em;
}

.completed-box{
text-align:center;
border-radius:var(--radius2);
background:var(--bg2);
padding:30px 0;
}
.ma50{
margin-top:50px;
}
.ma-b15 {
    margin-bottom: 15px;
}
.cont-box1{
display:flex; align-items: center; gap:5px;
}
.cont-box2{
background: #f5f5f5;
width: 100%;
box-sizing:border-box;
padding:0 30px;
line-height: 200%;
border-radius: 12px;
display:block;
font-size:0.9em;
color:#666;
display:none;
}
.sc-form-ul1 .mo-flex-box li{
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center; padding:15px 0;}

.mo-flex-box strong{
font-weight:700; margin-right:10px;
}


/*11인사말*/
.greeting{position:relative; box-sizing:border-box;
padding:50px; text-align:center; font-size:1.25em;}
.s11-top{
display:flex;
flex-direction: column; align-items: center; 
}
.s11-top span{font-weight:900;}
.color1{color:#499d17;}
.color2{color:#dd7224;}
.s11-top img{width:600px;}
.s11-top strong{font-size:38px; letter-spacing: -0.08em;
font-weight:900; display:block; margin:10px 0 30px; font-weight:500;}
.greeting:before, .greeting:after{
content:""; display:block; width:50px; height:100%;
border:5px #dd7224 solid; border-right-width:0;
position:absolute; top:0; left:0;
}
 .greeting:after{
border-right-width:5px; border-left-width:0px;
left:auto; right:0;
}
.s11-bottom{line-height:2; display:flex; flex-direction: column; gap:15px;}
.s11-box1{
display:flex; gap:2%;
}
.s11-box1 dl{
border:1px #d8d2c7 solid;
box-sizing: border-box;
margin-top: 50px; width:49%;
}
.s11-box1 dt{
background:#eae6de;
font-weight:700; padding:15px 0; font-size:1.115em;
color:#dd7224; text-align:center;
}
.s11-box1 .s11-1-1{
border-color:#ccdecc;
}
.s11-box1 .s11-1-1 dt{
background:#e5ece5; color:#4a8c23;
}
.s11-box1 dd{
padding:30px; box-sizing:border-box;
}
.s11-box1 dd ul{
display:flex; gap:10px; flex-direction: column;
}
.s11-box1 dd li span{font-weight:500;}
.s11-box1 dd li{
display:flex; gap:10px; color:#494746
}


/* PC /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width:1280px) {


}

 /* TABLET //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width:1024px) {
body,html{overflow-x:hidden; width:100%;}
.w1200{width:100%;}
.gnb-close-btn{
position:absolute;
right:281px;
top:0;
z-index:99999;
background:#fff;
width:35px;
height:35px;
line-height:35px;
text-align:center;
color:#333;
font-size:25px;
display:block;
}

.mobile-open-btn{
border-radius:0px;
z-index:99999;
background-image: linear-gradient(120deg, #ce6b23 0%, #ce8b23 100%);
width:45px;
height:45px;
justify-content: center;
align-items: center;
text-align:center;
color:#fff;
font-size:28px;
display:flex;
}

#sidebar{
position:fixed;
top:0;
bottom:0; 
display:none; 
right:-200px; 
z-index:99999; 
-webkit-transition: right 1s;  
transition: right 1s; 
width:auto; 
overflow:visible; 
background:#000;
margin-left:0;
left:auto;
border:0;
}

.sidebg{
display:block;
position: fixed;
height: 150%;
background: rgba(0,0,0,0.5);
width: 100%;
top: 0;
right: 0;
z-index: 44;
}
.mo-menu{
position:relative;
z-index:55; 
width:280px; 
left:auto; 
right:0; 
overflow-x:hidden; 
overflow-y:auto; 
height:100%; 
background:#fff;
display:block;
text-align:left;
box-sizing:border-box;
padding:20px;
}

.mo-menu > li{
display:block;
width:100%;
box-sizing:border-box;
border-left:0;
box-sizing:border-box;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px rgba(0,0,0,0.2) solid;
}

.mo-menu > li > ul > li{
padding:0px 0;
}

.mo-menu > li > a{
height:30px;
line-height:30px;
font-weight:800;
display:block;
width:100%;
font-size:1.125em;
}

.mo-menu > li > ul > li > a{
display:block;
font-size:1.125em;
}
#menu{display:none;}

.top_cs{position:unset; display:flex; justify-content: center; width:100%; height:39px; align-items: center;}
.top_cs a{display:flex; justify-content: center; align-items: center; height:39px;}

#header,
#header:hover{height:125px;}
#header header{width:100%;}
.menu_w{display:flex; justify-content: space-between; width:96%; margin:0 auto; height:85px; align-items: center;}
#logo a{padding:0; height:85px; display:flex;align-items: center;}

.footer_w{width:100%; background-position:50% 0; padding-left:0; padding-top:70px;}

.mTitle{margin-bottom:20px;}
.mTitle b{font-size:32px;}
.mTitle span{font-size:18px;}

#information{width:96%; margin-left:2%; padding:20px 0;}
#board_w{width:100%;}
.board,
.board2{width:100%; box-sizing:border-box; height:auto; border-right:1px #ccc solid;}
.contact{width:100%; box-sizing:border-box; height:auto;}
#footer{padding-left:2%; box-sizing: border-box;}

#business{padding:20px 0;}
.business-slide{gap:2%;}
.business-slide > div{width:49%; height:230px;}
.bs-img img{width:110%;}
#header, #header:hover{height:120px; border-bottom-color:#e0e0e0;}

.s_visual{width:96%;}
#page_navi{box-sizing:border-box; widtH:90%; margin-left:5%;}
.page{width:96%; margin-left:2%;}

#greeting p{word-break: keep-all;}

.orga-box{width:600px; margin:0 auto;}
.orga-box > div.orga-b2{margin-left:400px}
.orga-box > div.orga-b2:after{width:100px; left:-100px;}


.su-dl2 dd{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.dl2-box2 ul{flex-direction: column;}
.dl2-box2 ul li{flex-direction: column; align-items: flex-start;}
.dl2-box2 ul li:before{width:100%; height:1px;}
.dl2-text{width:100%;}

}

 /* MOBILE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width:768px) {
#header, #header:hover{height:100px;}
#logo a{width:140px;}
.menu_w{height:60px;}
.mobile-open-btn{width:35px; height:35px; font-size:22px;}

#visual{margin-top:100px;}
.visual-slide .slick-dots li button{width:10px; height:10px;}
.visual-slide .slick-dots{bottom:10px;}
.vs-slide-arrow{width:96%; left:2%;}
.vs-slide-arrow button{font-size:24px;}
.vs-box img{width:140%; position:relative; left:50%; margin-left:-70%;}

#business{padding:15px 0;}
.business-slide{flex-direction: column;}
.business-slide > div{width:100%; height:140px;}
.bu-box .bs-text{padding-left:20px; width:55%;height:140px;}
.bst3 img{width:120px;}
.bst3{font-size:20px;}
.bst3:after{width:18px; height:2px; margin:10px 0; display:none;}
.bs-btn{width:32px; height:32px; font-size:16px;}
.bst4{font-size:14px;}
.bs-img{width:100%;}

.busi_bn ul{gap:5px;}
.busi_bn li{width:100%;}
.busi_bn li a{}
.busi-txt{padding:20px;  width:100%;}
.busi-txt .mobile{display:block;}
.busi-txt b{font-size:22px;}
.busi-txt p{font-size:14px; width:80%; word-break: keep-all;}
.busi-img{width:50%; height:auto; position:absolute; right:0; bottom:0;}
.busi-img img{height:auto; width:100%;}

#main-gallery .mTitle{display:block;}
.mTitle b{font-size:28px; margin-bottom:5px;}
.mTitle span{font-size:14px; word-break: keep-all; max-width:280px; margin:0 auto; display:inline-block;}
#main-gallery{padding:20px 0;}
.gallery-btn{width:32px; height:32px; font-size:16px; top:0px;}
.gallery-list{position:unset;}
.gallery-list .slider2{flex-wrap:wrap; gap:10px 4%;}
.gallery-list .sd2-box{width:48%;}
.mg-text p{font-size:14px; margin-top:0;}
.mg-text span{font-size:12px;}

.board, .board2{padding:20px;}
#board_w{height:auto;}
.board_title{font-size:24px;}
ul.board_list li a{font-size:14px;}

.contact{padding:20px;}
.contact_title{font-size:24px; margin-bottom:15px;}
.contact_title span{font-size:14px; margin-top:5px; word-break: keep-all;}
.contact_title span br{display:none;}
.cs_num{padding-bottom:15px;}
.cs_text{padding-top:15px;}
.cs_num b{font-size:32px; background-size:35px; padding-left:45px;}
.cs_text p{font-size:15px;}

#footer{padding:20px 0;}
ul.copy{float:unset; display:inline-flex; justify-content: center; flex-wrap:wrap; width:100%;}
ul.copy li{float:unset;}
.footer_w p{float:unset; text-align:center;}

#sub_visual{padding-top:100px;}
.sub_bg{background-size:320%;}
.s_visual{height:80px; background-size:244px 80px; background-position:50%;}
.s_visual h1{font-size:28px; margin-bottom:0; display:none;}
.navi{display:none;}
.icon_home, #page_navi b, .navi_m p{display:none;}
.navi_m{width:100%; height:auto;}
.navi_m ul, .navi_m:hover ul {top:0; position:unset;text-align: center;width: 100%;
display:flex;height:40px; justify-content: center; align-items: center;
}
.navi_m ul li{float:unset; width:auto; text-align:center; display:flex; justify-content: center;}
#page_navi{width:100%; margin-left:0; height:auto; box-shadow: 0; border:0; margin-top:0;}
.navi_m ul li a{border-top:0; float:unset; display:block; padding:0 20px;}
.navi_m ul li a.select{font-size:1.05em; font-weight:700; position:relative;}
.navi_m ul li a.select:before{content:""; display:block; width:80%; left:10%; height:3px; background:#fff; bottom:0; position:absolute;}


.page{width: 94%;  margin:20px 3% 30px; font-size:15px;}

#greeting{margin-bottom:0;}
#greeting b{font-size:24px; margin-bottom:15px;}
#greeting p{font-size:15px; line-height:1.5em;}


.organization{padding:20px;}
.orga-box{gap:20px; width:260px; margin:0 auto;}
.orga-box > div{width:100px; height:45px; font-size:18px; }
.orga-box > div.orga-b2{margin-left:160px;}
.orga-box > div.orga-b2:after{width:30px; left:-30px;}
.orga-info{padding:20px; margin-top:20px; width:100%; font-size:16px;}
.orin-b{flex-direction: column; gap:5px; font-size:16px;}
.orin-ul{margin-top:15px; gap:7px;}
.orin-ul li{width:100%; gap:10px;}
.orin-ul li span{text-align:left; width:60px;}

.address table th{width:25%; padding:5px;}
.address table th b{font-size:16px;}
.address table td{font-size:15px; word-break: keep-all;}
.address table,
.address table tbody,
.address table tr,
.address table th,
.address table td{display:block; box-sizing:border-box;}
.address table tr{display:flex; flex-wrap:wrap;}
.address table th{border-top-width:0; display:flex; align-items: center;}
.address table td{width:75%; border-left-width:0; border-top-width:0;}

.sub-busi{border-width:3px; display:block; padding:20px;}
.subi-img{width:90%; margin:0 auto 20px;}
.subi-txt dt{font-size:17px; padding-left:18px;}
.subi-txt dt:after{width:5px; height:5px; border-width:4px;}
.subi-txt dd ul{flex-direction: column;}
.subi-txt dd ul li{font-size:15px; padding:10px 15px;}
.subi-txt dl{padding-top:15px;}
.subi-txt{gap:15px;}


.support-top{display:block;}
.supto-txt{padding-right:0; text-align:center;}
.support-top p{font-size:32px;}
.support-top p strong{font-size:0.65em;}
.support-top img{width:100%; margin-top:0;}
.support-top span{font-size:16px;}
.support-box dl{flex-direction: column; gap:10px;}
.support-box{padding:20px;}
.support-box dt{margin:0 auto;}
.support-box dd{font-size:16px; box-sizing:border-box; padding:15px; word-break: keep-all;}
.support-box dd em{display:block; margin-left:0;}


.foot-banner .slick2-prev,
.foot-banner .slick2-next{display:none;}
.foot-slide-box{margin-left:2%;}
.foot-link{text-align:center;}


.s11-top img{width:90%;}
.greeting{padding:20px; font-size:1em; margin-bottom:10px;}
.s11-top strong{font-size:23px; margin-bottom:10px;}
.s11-bottom{line-height:1.5em; word-break: keep-all; }
.s11-bottom br{display:none;}
.s11-box1{flex-direction: column; gap:0px;}
.s11-box1 dl{margin-top:20px; width:100%;}
.s11-box1 dd{padding:15px;}

.su-dl2 dt{font-size:32px; text-align:center;}
.su-dl2 dd{flex-direction: column; text-align:center;}
.dl2-tit1{font-size:23px;}
.dl2-box1{font-size:1em; word-break: keep-all;}
.dl2-box1 br{display:none;}
.dl2-img{width:100%; max-width:400px; margin:0 auto;}
.dl2-box2{text-align:center; padding:15px;}
.dl2-box2 ul{flex-direction: column; text-align:left;}
.dl2-box2 ul li{flex-direction: column; align-items: flex-start; word-break: keep-all;}
.dl2-box2 ul li:before{width:100%; height:1px;}
.s-dl1{margin-top:15px; padding-top:15px; flex-direction: column;}
.s-dl1 > dt{width:100%;}
.s-tit1{font-size:24px; margin-bottom:7px;}
.s-ul1 li strong{flex-shrink: 0;}
.s-dl1 > dd{font-size:15px;}

.sc-form-ul1 li{padding:10px 0;}
.sc-form-ul1 li > p{width:100%; font-size:16px; margin-bottom:10px;}
.sc-form-ul1 select{padding:5px; width:100%; font-size:15px;}
.sc-form-ul1 input[type="text"], .sc-form-ul1 input[type="date"]{font-size:15px; padding:5px; height:35px;}
.is-w2{width:100%;}
.is-w1{width:40%;}
.is-btn{height:35px; font-size:15px;}
.sc-form-dl1 > dt span{font-size:24px;}
.ma50{margin-top:30px;}
.cont-box2{padding:0 15px;}

.s-ul2 li{flex-direction: column;}
.su2-txt{padding:20px;}
.su2-txt strong{margin-bottom:10px;}
.s-tit2{font-size:18px; margin-bottom:7px;}
.s-tit3{font-size:16px; margin-bottom:7px;}
.ma-line{margin-top:15px; padding-top:10px;}

.sub-gallery-list li{width:49%;}
.view-top{font-size:22px; margin-bottom:15px; padding-bottom:15px; text-align:center;}

.pay-box dt span:after{margin:7px 0;}
.pay-box{gap:10px; margin-top:20px;}
.pay-box dl{width:100%;}
.pay-p1{margin-top:-5px;}
}