body,
body a{color:#3C3E3F;}
a,div,img,button,area,input,select,audio{outline:none;}

.wrap .btn-primary{color:#fff;border-color:#887F7A;background:#887F7A;}
.wrap .btn-primary:hover{text-decoration:none;border-color:#887F7A;background:#887F7A;}

#wrap{position:relative;overflow:hidden;}

.empty-page{position:relative;max-width:1260px;margin:0 auto;padding:120px;text-align:center;background:#fff;}

.container{margin-top:140px;text-align:center;}
.wrap-main .container{margin-top:77px;}
.left-menu{display:none;margin:30px 0 80px 0;}
.cp-left-menu .container{max-width:1260px;margin-left:auto;margin-right:auto;}
.cp-left-menu .left-menu{display:block;float:left;width:16%;}
.cp-left-menu .content{float:right;width:79%;}
.col-full{position:relative;max-width:1260px;margin:0 auto;text-align:left;}

@media(max-width:1290px) {
.col-full{padding:0 15px;}
}

.skip_navigation{position:relative;}
.skip_navigation a{position:absolute;display:block;top:-10000px;left:0;padding:10px 0;text-align:center;font-size:15px;line-height:15px;color:#fff;background:#000;}
.skip_navigation a:focus{position:static;top:0;}

.header{position:fixed;z-index:1009;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 60px;background:#fff;}
.header:after{content:'';position:absolute;z-index:10;left:0;right:0;bottom:0;height:1px;background:#ececec;pointer-events:none;}
.header .logo>span:nth-child(1)>img{height:30px;}
.header .logo>span:nth-child(2){position:relative;}
.header .logo>span:nth-child(2)>img{height:20px;margin:-4px 0 0 30px;}
.header .logo>span:nth-child(2):before{content:'';display:block;position:absolute;top:-3px;left:15px;width:1px;height:19px;background:#606060;}
.header nav{display:flex;gap:20px;}
.header nav .s1-box{position:relative;}
.header nav .s1>a{display:block;position:relative;padding:31px 0;margin:0 20px;font-size:16px;font-weight:500;transition:opacity .2s;}
.header nav .s1>a:hover,
.header nav .s1-box.active .s1>a{color:#655C57;font-weight:800;}
/*.header nav .s1-box.active .s1>a:before{content:'';position:absolute;bottom:22px;left:0;width:100%;height:1px;background:#655C57;}*/
.header nav .s2-box{position:absolute;z-index:1;top:100%;left:-5px;padding:24px 0;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;pointer-events:none;}
.header nav:hover .s1-box.active .s2-box{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;}
.header nav .s2-box.active,.header nav .s1-box:hover .s2-box{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
.header nav .s1-box.active:hover .s2-box,.header nav .s1-box:hover .s2-box{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
.header nav .s2-box-inside{display:flex;min-width:max-content;}
.header nav .s1-box:nth-child(6) .s2-box{left:auto;right:0;}
.header nav .s2-box a{padding:24px 20px;font-size:16px;font-weight:500;text-decoration:none;transition:background .2s;}
.header nav .s2-box .s2 a:hover,
.header nav .s2-box .s2.active a{font-weight:700;}
.header .menu-toggle{display:none;}
.header .mobile-nav{display:none;}
.wrap-main .header nav .s2-box{background:transparent;box-shadow:none;clip-path:none;}
.wrap-main .header nav .s2-box a{color:#fff;}

@media(max-width:1080px){
.header{padding:13px 24px;border-bottom:1px solid #ececec;}
.header:after{display:none;}
.header .logo>span:nth-child(1)>img{height:20px;}
.header .logo>span:nth-child(2)>img{height:12px;margin-left:20px;}
.header .logo>span:nth-child(2):before{top:1px;left:10px;height:12px;}

.header .menu-toggle{display:flex;flex-direction:column;justify-content:center;width:26px;cursor:pointer;z-index:25;}
.header .menu-toggle span{display:inline-block;background:#767676;height:3px;width:100%;border-radius:2px;margin:3px 0;transition:all .3s ease;}
.header .menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(3px, 7px);}
.header .menu-toggle.active span:nth-child(2){opacity:0;}
.header .menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px, -10px);}
.wrap-main .header .menu-toggle span{background:#3C3E3F;}
.header .mobile-nav{display:block;position:fixed;top:0;left:calc(-100% + 80px);width:calc(100% - 80px);height:100vh;background:#111;color:#fff;padding-top:80px;transition:left .3s ease;z-index:22;}
.header .mobile-nav.open{left:0;}
.header .mobile-nav-inside{display:flex;flex-direction:column;gap:4px;padding-left:25px;}
.header .mobile-nav .s1>a{display:block;position:relative;padding:10px 0;color:#fff;text-decoration:none;font-size:18px;font-weight:500;}
.header .mobile-nav .s1>a:hover{opacity:.7;}
.header .mobile-nav .s1 .arrow{display:inline-block;position:absolute;top:10px;right:25px;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform 0.3s ease;margin-left:10px;}
.header .mobile-nav .s1-box.active .arrow{top:16px;transform:rotate(-135deg);}
.header .mobile-nav .s2-box{display:none;flex-direction:column;padding:10px 10px 0 15px;}
.header .mobile-nav .s2-box a{display:block;padding:9px 0;font-size:15px;color:#efefef;}
.header .mobile-nav .s1-box.active .s2-box{display:flex;}
.header nav{display:none;}

.container{margin-top:100px;}
.wrap-main .container{margin-top:54px;}
}

.content.no_margin{margin:0;}

.page-route{padding:0 0 12px 0;margin-bottom:80px;border-bottom:1px solid #ddd;}
.page-route li:nth-child(1){text-align:left;font-size:24px;font-weight:bold;}
.page-route li:nth-child(2){margin-top:15px;font-size:14px;text-align:right;}

.page-top-navi{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:60px;}
.page-top-navi.has-page-route{margin-top:-20px;}
.page-top-navi li a{display:block;height:15px;padding:16px 25px;font-size:15px;line-height:1;text-align:center;border-radius:6px;border:1px solid #dfdfdf;}
.page-top-navi li.active a{height:16px;padding-top:15px;margin:0;font-weight:bold;color:#fff;background:#d3a869;border-color:#d3a869;}

.sub2-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px;margin-bottom:30px;}
.sub2-items .sub2-item{min-width:0;}
.sub2-items .sub2-item>a{position:relative;display:flex;align-items:center;height:clamp(52px,7vw,82px);padding:0 52px 0 clamp(24px,3vw,38px);border:1px solid #dedede;border-radius:12px;background:#fff;color:#202020;font-size:clamp(15px,2vw,19px);font-weight:700;line-height:1.3;text-decoration:none;transition:background .2s,color .2s,border-color .2s;}
.sub2-items .sub2-item>a:after{content:'';position:absolute;top:50%;right:28px;width:9px;height:9px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:translateY(-50%) rotate(45deg);}
.sub2-items .sub2-item>a:hover{border-color:#aaa;background:#f7f7f7;}
.sub2-items .sub2-item.active>a{border-color:#655C57;background:#655C57;color:#fff;}
.body-view-style .sub2-items{grid-template-columns:repeat(4,1fr);margin:0 96px;}

.sub3-items{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin:25px 0 0 0;}
.sub3-items a{display:inline-flex;align-items:center;justify-content:center;padding:0 6px 3px 6px;font-size:19px;}
.sub3-items a.active{padding:0 2px 2px 2px;margin:0 4px;border-bottom:1px solid #655C57;font-weight:600;}

@media (max-width:1260px) {
.page-top-navi{padding:0 15px;}
}

@media (max-width:900px){
.sub2-items{grid-template-columns:repeat(2,1fr);gap:12px;}
.sub2-items .sub2-item>a{height:52px;padding-left:24px;padding-right:48px;}
.sub2-items .sub2-item>a:after{right:24px;}
.body-view-style .sub2-items{margin:0;}
}

@media (max-width:560px){
.sub2-items{grid-template-columns:1fr;gap:10px;}
.sub2-items .sub2-item>a{height:38px;padding-left:20px;padding-right:44px;border-radius:10px;font-size:17px;}
.sub2-items .sub2-item>a:after{right:20px;width:8px;height:8px;border-width:2px;}
}

.page-title{margin:80px 0 80px 0;text-align:center;}
.page-title li:nth-child(1){font-size:15px;color:#E23545;}
.page-title li:nth-child(2){margin-top:15px;font-size:24px;line-height:30px;}
.page-title li:nth-child(3){margin-top:6px;font-size:18px;line-height:22px;color:#787878;}

.footer{padding:73px 0 77px 0;margin-top:62px;font-size:14px;color:#fff;background:#494949;}
.footer a{font-size:14px;color:#fff;}
.wrap-main .footer{margin-top:0;}
.footer .footer-nav li{position:relative;display:inline-block;}
.footer .footer-nav li:before{content:'';position:absolute;top:17px;right:-2px;width:1px;height:13px;background:#fff;}
.footer .footer-nav li:last-child:before{display:none;}
.footer .footer-nav li>a{display:block;font-weight:600;height:14px;padding:15px 17px;color:#fff;}
.footer .footer-nav li:first-child>a{padding-left:0;}
.footer .footer-info{padding:25px 0;line-height:1.4;}

.form_bottom_btn{margin-top:60px;text-align:center;}
.form_bottom_btn .btn{display:inline-block;vertical-align:top;padding:16px 52px;margin:0 6px;font-size:22px;line-height:22px;color:#fff;background:#999;border:none;cursor:pointer;border-radius:10px;}
.form_bottom_btn .btn.btn-submit{background:#585955;}
.form_bottom_btn .btn.btn-list{color:#3C3E3F;background:#EEEFF3;}

.list_no_data{padding:30px 0;text-align:center;font-size:15px;color:#767676;}

.list-btns{position:relative;min-height:27px;text-align:right;}
.list-btns.position-top{margin-bottom:30px;}
.list-btns.position-bottom{margin-top:30px;}
.list-btns .btn{padding:12px 32px;margin:0 4px;font-size:16px;line-height:1;font-weight:500;border:1px solid #dfdfdf;background:none;border-radius:8px;}

.txt-title{position:relative;margin:30px 0 25px 0;text-align:left;font-size:22px;font-weight:500;}
.txt-title strong{color:#191919;}
.txt-title .right-btn-box{position:absolute;top:1px;right:0;font-size:15px;font-weight:300;}
.txt-title .right-btn-box .action-btn{cursor:pointer;}
.txt-title .right-select-box{position:absolute;top:-3px;right:10px;}
.txt-title .right-select-box select{background:none;font-size:15px;color:#fff;border:none;cursor:pointer;}
.txt-title .right-select-box select option{background:#1e1e1e;}
.txt-title.border{padding-bottom:18px;border-bottom:2px solid #191919;}
.txt-title .txt-title-inside img{display:none;}

.password_form .txt-title{text-align:center;}
.password_form .form_box{text-align:center;}
.password_form .form_box input[type=password]{width:250px;height:40px;border-radius:3px;}
.password_form .form_box .btn{padding:12px 20px;font-size:15px;color:#fff;background:#887F7A;border-color:#887F7A;border-radius:3px;}

@media screen and (max-width:1259px) {
.left-menu{margin:0;}
.cp-left-menu .left-menu{display:none;float:none;width:100%;background:#fff;}
.cp-left-menu .content{float:none;width:100%;margin:0;}
.col-full{max-width:100%;margin:0;}
}

@media screen and (max-width:767px) {
.content{margin:0 0 30px 0;}
.page-route{padding:0 15px 12px 15px;}

.footer{padding:25px 15px 30px 15px;}
.footer .footer-nav li>a{padding:15px 12px;}

.form_bottom_btn{margin:60px 14px 0 14px;}
.form_bottom_btn .btn{display:block;width:100%;padding:13px 0;text-align:center;margin:0 0 14px 0;}
}