@charset "UTF-8";

@import url(reset.css);
@import url(font.css);

header{width: 100%;height: 140px;}
#visual{width: 100%;height: 800px;background: wheat;background: url(../img/visual_1.jpg)center top;}
#section01{width: 100%;height: 272px;background: #f7f7f7;}
#section02{width: 100%;height: 474px;background: #fff;}
#section03{width: 100%;height: 1018px;background: #fff;}
footer{width: 100%;height: 298px;background: #67513d;}

.center_box{width: 1200px;margin: 0 auto;}

/* header */
header h1{width: 341px;height: 74px;position: absolute;left: 50%;transform: translate(-50%,0);}


header .oth{width: 118px;height: 59px;float: left;text-align: center;line-height: 59px;position: relative;}
header .oth a{display: inline-block;font-size: 16px;color: #555;cursor: pointer;}
header .oth span{float: right;line-height: 59px;margin-left: 10px;}
header .oth .oth_select i{font-style: normal;}
header .oth ul{position: absolute;width: 100%;height: 250px;top: 59px;box-shadow: 2px 2px 10px rgba(0,0,0,0.2);z-index: 2;background: #fff;box-sizing: border-box;padding-top: 5px;display: none;}
header .oth ul li{height: 30px;line-height: 30px;color: #555;}      
header .oth ul li:hover{background: #f1e9e0 ;}
header .oth ul li span.material-symbols-outlined{color: #e17e00;margin: 0;margin-top: -14px;}


header .top_menu{width: 206px;height: 59px;float: right;text-align: right;}
header .top_menu a{font-size: 16px;height: 59px;line-height: 59px;padding: 0px 10px;color: #555;display: inline-block;cursor: pointer;}
header .top_menu a span{font-size: 16px;line-height: 59px;margin-left: 5px;}



header .gnb{width: 100%;height: 50px;float: left;font-size: 0;text-align: center;margin-top: 31px;}
header .gnb > li{display: inline-block;height: 50px;line-height: 50px;font-size: 18px;text-align: center;position: relative;}
header .gnb > li > a{display: block;padding: 0 44px;font-weight: bold;}
header .gnb > li:hover > a{color: #e17e00;}

header .gnb li .lnb{position: absolute;width: 100%;height: 290px;margin-top: 20px;box-sizing: border-box;z-index: 7;display: none;border-right: 1px solid #f1e9e0;}
header .gnb li .lnb li{font-size: 15px;text-align: center;line-height: 30px;color: #555;}
header .gnb li .lnb li a{display: block;}
/* header .gnb li .lnb:hover{background: #f1e9e0 ;} */
header .gnb li .lnb li:hover a{color: #e17e00;font-weight: bold;}

header .lnb_bg{position: absolute;background: #fff;width: 100%;height: 330px;top: 140px;left:0;border-top: 1px solid #f1e9e0;display: none;z-index: 5;border-radius: 0 0 25px 25px;}
header .lnb_bg_out{position: absolute;background: rgba(0,0,0,0.3);width: 100%;height: 100%;top: 140px;left:0;z-index: 3;display: none;}




/* visual */
#visual .text_box{width: 400px;height: 460px;float: left;padding-left: 60px;font-size: 88px;font-weight: bold;color: #fff;word-break: keep-all;margin-top: 192px;}
#visual .text_box span{font-size: 96px;color: #67513d;}
#visual .text_box span.believe{color: #e57912;}



/* section01*/
#section01 ul{width: 100%;height: 150px;background: #fff;box-shadow: 0 8px 16px rgba(0,0,0,0.02);border-radius: 15px;margin-top: 60px;float: left;font-size: 0;text-align: center;}
#section01 ul li{width: 180px;height: 150px;display: inline-block;vertical-align: top;cursor: pointer;}
#section01 ul li img{margin-top: 20px;}
#section01 ul li p{margin-top: 15px;font-size: 18px;color: #222;}
#section01 ul li:hover p{color:#e57912;}
#section01 ul li:hover img{animation: spin 1s ;}
@keyframes spin {
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(360deg);}
}
    
/* section02 */
#section02 .sick_box{font-size: 0;text-align: center;}
#section02 .sick_box li{width: 268px;height: 290px;border: 1px solid #cfcfcf;display: inline-block;text-align: left;margin: 85px 14px 0 14px;vertical-align: top;}
#section02 .sick_box li h3{font-size: 24px;word-break: keep-all;height: 75px;margin-top: 35px;margin-bottom: 10px;color: #555;display: block;padding: 0 20px;width: 228px;}
#section02 .sick_box li img{float: left;display: block;margin-top: 3px;}
#section02 .sick_box li i{font-style: normal;margin-left: 66px;text-align: left;display: block;height: 75px;}
#section02 .sick_box li .short{line-height: 52px;}
#section02 .sick_box li a{width: 100%;height: 170px;background: #f6f6f6;background: #f6f6f6;display: block;text-align: left;}
#section02 .sick_box li a p{height: 170px;font-size: 16px;padding: 20px 20px 0 20px;word-break: keep-all;position: relative;color: #777;line-height: 25px;border-top: 1px solid #f0f0f0;}
#section02 .sick_box li a p span{position: absolute;bottom: 25px;right: 15px;color: #d2af8c;font-size: 34px;}
#section02 .sick_box li:hover{border: 1px solid #67513d;box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
#section02 .sick_box li:hover a{background: #67513d;}
#section02 .sick_box li:hover p{color: #fff;}
#section02 .sick_box li:hover p span{color: #fff;}

/* section03 */
#section03 .section03_bg{background: #f1e9e0;width: 100%;height: 848px;}
#section03 .title{width: 333px;padding-top: 118px;}
#section03 .title p{font-size: 18px;color: #e17e00;margin-bottom: 16px;}
#section03 .title h2{font-size: 48px;}

#section03 .more{font-size: 16px;color: #333;width: 70px;height: 50px;line-height: 50px;float: right;cursor: pointer;float: right;}
#section03 .more span{float: right;display: block;margin-top: 12px;display: none;animation: more_spin 1s;}
@keyframes more_spin {
    0%{transform: rotate(0);}
    100%{transform: rotate(90deg);}
}
/* #section03 .more:hover{font-weight: bold;} */

#section03 .news_box{font-size: 0;margin-top: 70px;text-align: center;padding: 0;}
#section03 .news_box li{width: 370px;height: 207px;background: #fff;border-radius: 15px;border: 2px solid #fff;display: inline-block;margin: 0 13px 26px 13px;text-align: left;vertical-align: top;}

#section03 .news_box li:hover{border: 2px solid #e17e00;box-shadow: 0px 10px 20px rgba(0,0,0,0.08)}


#section03 .news_box span{color: #858584;font-size: 16px;margin-top: 30px;display: block;text-indent: 30px;}
#section03 .news_box p{color: #333;font-size: 24px;margin-top: 15px;height: 100px;word-break: break-all;width: 300px;line-height: 30px;margin-left: 30px;}
#section03 .news_box a{color: #e17e00;font-size: 18px;display: block;text-indent: 30px;margin: 0;}





/* footer */
footer .link_box{width: 100%;height: 139px;position: relative;}
footer .link_box h2{width: 220px;height: 88px;position: absolute;top: 20px;left: 20px;}
footer .link_box .address_box{width: 226px;height: 93px;float: right;}
footer .link_box .address{width: 226px;height: 39px;background: #75614e;line-height: 39px;}
footer .link_box .footer_oth{position: relative;margin-top: 20px;}
footer .link_box .footer_with{margin-top: 15px;}

footer .link_box .address_box .address > a{display:block;font-size: 14px;color: #fff;}
footer .link_box .address_box .address  i{font-style: normal;margin-left: 15px;}
footer .link_box .address_box .address span{float: right;line-height: 39px;margin-right: 15px;}

footer .link_box .address_box .address .ftr_add{position: absolute;width: 100%;height: 232px;top: -271px;box-shadow: 2px 2px 10px rgba(0,0,0,0.2);z-index: 2;background: #958678;box-sizing: border-box;padding-top: 10px;display: none;overflow: hidden;}
footer .link_box .address_box .address .ftr_add > li{height: 30px;line-height: 30px;margin-left: 15px;color: #555;font-size: 14px;width: 75px;border-right: 1px solid #cec7c1;}
footer .link_box .address_box .address .ftr_add li:hover a{color: #fff;}
footer .link_box .address_box .address .ftr_add_box{position: relative;}

footer .link_box .address_box .address .ftr_add .add_dtl{width: 135px;height: 210px;position: absolute;top: 10px;left: 90px;overflow: hidden;display: none;}
footer .link_box .address_box .address .ftr_add .add_dtl li{line-height: 30px;color: #fff;word-break: keep-all;font-size: 13px;margin-left: 15px;}
footer .link_box .address_box .address .ftr_add2 .add_dtl2{width: 135px;height: 210px;position: absolute;top: 10px;left: 90px;overflow: hidden;display: none;}
footer .link_box .address_box .address .ftr_add2 .add_dtl2 li{line-height: 30px;color: #fff;word-break: keep-all;font-size: 13px;margin-left: 15px;}

footer .link_box .address_box .address .ftr_add2{position: absolute;width: 100%;height: 182px;top: -221px;box-shadow: 2px 2px 10px rgba(0,0,0,0.2);z-index: 2;background: #958678;box-sizing: border-box;padding-top: 12px;display: none;overflow: hidden;}
footer .link_box .address_box .address .ftr_add2 > li{height: 30px;line-height: 30px;margin-left: 15px;color: #555;font-size: 14px;width: 75px;border-right: 1px solid #cec7c1;}
footer .link_box .address_box .address .ftr_add2 li:hover a{color: #fff;}
footer .link_box .address_box .address .ftr_add2 .add_dtl{width: 135px;height: 160px;position: absolute;top: 10px;left: 90px;overflow: hidden;}
footer .link_box .address_box .address .ftr_add2 .add_dtl li{line-height: 30px;color: #fff;word-break: keep-all;font-size: 13px;margin-left: 15px;}
footer .ftr_menu{height: 31px;font-size: 16px;font-size: 0;float: left;}
footer .ftr_menu li{display: inline-block;padding: 0 20px;font-size: 14px;}
footer .ftr_menu li a{color: #fff;line-height: 31px;display: block;}


footer .ftr_sns_box{width: 246px;height: 150px;float: right;}
footer .ftr_sns_box h3{color: #fff;margin-left: 20px;font-size: 16px;font-weight: bold;}
footer .ftr_sns_box ul{width: 246px;height: 55px;margin-top: 10px;}
footer .ftr_sns_box ul li{line-height: 55px;display: inline-block;margin-left: 16px;}

footer p{height: 31px;display: block;color: #f0f0f0;font-size: 14px;margin-left: 20px;margin-top: 70px;line-height: 31px;float: left;}

.go_top{width: 55px;height: 55px;color: #fff;text-align: center;position: absolute;right: 30px;border-radius: 50%;background: #000;cursor: pointer;}
.go_top span{color: #fff;font-size: 22px;line-height: 55px;}

.go_call{width: 55px;height: 55px;color: #fff;text-align: center;position: absolute;right: 30px;border-radius: 50%;background: #fff;box-shadow: 0px 5px 10px rgba(0,0,0,0.13);cursor: pointer;}
.go_call i{color: #000;font-size: 22px;line-height: 55px;}


/* --------------------------------------sub page------------------------------------------------------ */
.sub_header{box-shadow: 0px 0px 3px rgba(0,0,0,0.1)}
.snb{width: 100%;height: 70px;}
.snb li{height: 70px;line-height: 70px;font-size: 0;display: inline-block;position: relative;}
.snb li a{display: block;font-size: 18px;padding: 0 44px;color: #555;}
.snb li:hover a{color: #e17e00;}
.snb li.on a{color: #e17e00;}

.snb li:before {content: ""; position: absolute; width: 0; height: 3px; background: #e17e00; left: 50%; transform: translateX(-50%); bottom: -1px; transition: .2s;border-radius: 1.5px;}
.snb li.on:before,
.snb li:hover:before {width: 80%;}




#visual_sub{width: 100%;height: 427px;background: url(../img/sub_visual.png) center;border-top: 1px solid #f0f0f0;}
#visual_sub .text_box{width: 660px;height: 247px;margin: 0 auto;text-align: center;padding-top: 113px;}
#visual_sub .text_box strong{font-size: 48px;color: #333;}
#visual_sub .text_box p{color: #e17e00;width: 586px;height: 61px;font-size: 24px;display: block;margin: 45px auto 0 auto;}
 


.section_sub #section1{width: 100%;height: 417px;}
.section_sub #section1 .intro_box {margin: 0 auto; width: 1160px;height: 306px;text-align: center;margin-top: 47px;}
.section_sub #section1 .center{width: 196px;height: 196px;background:#fff;;float: left;border-radius: 20px;box-shadow: 2px 5px 10px rgba(0,0,0,0.13)}
.section_sub #section1 .center p{color: #555;font-size: 18px;display: block;margin-top: 53px;}
.section_sub #section1 .center strong{color: #333;font-size: 24px;font-weight: normal;word-break: keep-all;display: block;margin-top: 5px;}
.section_sub #section1 .center img{margin-top: 15px;}


.section_sub #section1 .side{width: 384px;height: 155px;float: left;margin-top: 21px;position: relative;}
.section_sub #section1 span{width: 66px;height: 55px;float: left;margin-top: 80px;padding: 0 16px;}
.section_sub #section1  .side .tit{width: 155px;height: 155px;background: #ecddcc;border-radius: 50%;position: absolute;top: 0;line-height: 155px;font-size: 18px;color: #444;}
.section_sub #section1  .left .tit{right: 0;}
.section_sub #section1  .side  .on{width: 100%;height: 100%;background: #fff7ed;border-radius: 80px;display: none;transition: .5s;}
.section_sub #section1  .right  .on p{width: 58px;height: 90px;position: absolute;right: 0;line-height: 30px;word-break: keep-all;top: 30px;left: 184px;}
.section_sub #section1  .right  .on .p1{width: 58px;height: 90px;position: absolute;text-align: left;}
.section_sub #section1  .right  .on .p2{width: 69px;height: 90px;position: absolute;left: 274px;text-align-last: left;}
.section_sub #section1  .left  .on p{width: 58px;height: 90px;position: absolute;right: 0;line-height: 30px;word-break: keep-all;top: 30px;left: 37px;}
.section_sub #section1  .left  .on .p1{width: 58px;height: 90px;position: absolute;text-align: left;}
.section_sub #section1  .left  .on .p2{width: 69px;height: 90px;position: absolute;left: 135px;text-align-last: left;}


.section_sub #section2{width: 100%;height: 463px;background: #f1eae1;position: relative;}
.section_sub #section2 img{margin-top: 87px;position: absolute;}
.section_sub #section2 .about_box{width: 430px;height: 463px;float: right;text-align: center;}
.section_sub #section2 .about_box p{font-size: 18px;display: block;height: 94px;line-height: 94px;color: #555;}
.section_sub #section2 .about_box h3{color: #333;font-size: 36px;display: block;}
.section_sub #section2 .about_box article{color: #957456;font-size: 18px;display: block;line-height: 30px;word-break: keep-all;margin-top: 52px;}