@charset "utf-8";
@import url("commons.css");

.at-body{margin-top:230px;}
header{position:relative;}
#top{width:100%; position:fixed;top:0px;left:0px; z-index:999; background:#fff;}
#top .top_banner {width:100%; position:relative; background:#230d0f; text-align:center}
#top .top_banner .img{width:100%; text-align:center; }
#top .top_banner .img img{max-width:100%; }
#top .head{position:relative; width:90%; max-width:1400px; min-width:1150px; margin:0px auto 16px; display:table;}
#top .head .left_m{float:left; margin:35px 0px 0px;}
#top .head .left_m img{width: 300px;height: auto;}
#top .head .logo{position:absolute; width:100%; top:30px; text-align:center; }
#top .head .logo img{width:280px; height:auto;}
#top .head .right_m{float:right; margin-top:4px; width:385px; position:relative;top:0px;}
#top .head .right_m .logins{text-align:right; margin-bottom:8px; }
#top .head .right_m .logins a{font-size:14px; display:inline-block; font-weight:600; }
#top .head .right_m .logins a:hover{color:#df334f;}
#top .head .right_m .logins a:first-child{margin-right:10px; }
#top .head .right_m .message{font-size:20px; color:#000; margin-bottom:5px; margin-left:3px }
#top .head .right_m .message span.red,
#top .head .right_m .message a.red{color:#df334f;}
#top .head .right_m .bnn div{display:inline-block;}
#top .head .right_m .bnn div img{height:38px; vertical-align:bottom;}
#top .nav{position:relative; width:100%; margin:auto; border-top:1px solid #e5e5e5;}
#top .nav .cen_menu{width:90%; margin:auto; max-width:1450px; min-width:1150px; height:auto; overflow:visible; display:table;}
#top .nav .cen_menu div.menu{position:relative; display:table-cell; width:150px; border-left:1px solid #fff; padding:20px 0px; font-size:17px; text-align:center; background:#4f3638; color:#fff; word-break:keep-all; font-weight:500;}
#top .nav .cen_menu div.menu.m5{background: url(../images/main/review_bg6.png) center no-repeat #4f3638;}
#top .nav .cen_menu div.menu:first-child{border-left:0;}
#top .nav .cen_menu div.menu a{font-size:20px; color:#fff; }
#top .nav .cen_menu div.menu a:hover{color:rgb(225, 46, 82)}
#top .nav .cen_menu div.menu.sm{width:190px;}
#top .nav .cen_menu .subM{display:none; width:200px; background:url(../images/main/nav_bg.png); padding:0px; position:absolute; left: -1.2vw; top:40px; border:1px solid #e7e7e6; word-break:keep-all; z-index:99;}
#top .nav .cen_menu .subM.sub_01{width:210px;}
#top .nav .cen_menu div.m1 .subM{left: 0px;}
#top .nav .cen_menu .subM a{display:block; padding:12px 0px; color:#040000; }
#top .nav .cen_menu .subM a:hover{color:#d53e58; font-weight:600; }
#top .nav .cen_menu .subM div{width:100%; text-align:center; border-bottom:1px solid #e7e7e6; }
#top .nav .cen_menu .subM div:last-child{border-bottom:0;}
#top .nav .cen_menu .subM div a{font-size:16px;color:#040000;}
#top .nav .cen_menu .subM div.sm a{font-size:14px;}
#top .nav a{position:relative;}
#top .nav a:hover{color:#e33e5c;}
#top .nav .right_menu{float:right; position:relative; right:10px; top:-28px;}
#top .nav .right_menu div{display:inline-block; margin-left:10px; font-size:13px; font-weight:500;}
#top .nav .right_menu div:first-child{margin-left:0px;}
#sub_menu{display:none; position:absolute; z-index:5; top:262px; left:0px; width:100%; height:430px; margin:auto; background:#fff;}

@media (max-width: 1560px){
#top .nav .cen_menu div.menu{font-size:15px;}
#top .nav .cen_menu div.menu a{font-size:18px;}
}
@media (max-width: 1415px){
#top .nav .cen_menu div.menu{font-size:14px;}
#top .nav .cen_menu div.menu a{font-size:16px;}
}
@media (max-width: 1320px){
#top .head .logo img{width:200px;}
#top .head .left_m{margin-top:35px;}
#top .head .left_m img{width: 250px;height: auto;}
}
@media (max-width: 1250px){
#top .nav .cen_menu div.menu{font-size:13px;}
#top .nav .cen_menu div.menu a{font-size:14px;}
}

.sub_nav{display:none; background:#fff; }
.sub_nav .inner{width:90%; max-width:1450px; min-width:1150px; margin:auto; padding:2% 0; position:relative; display:table; }
.sub_nav .inner dl{display:table-cell; width:20.5%; font-size:18px; line-height:34px; padding-left:2%; border-right:1px solid #e6e6e6; vertical-align:top; }
.sub_nav .inner dl:first-child{padding-left:0; }
.sub_nav .inner dl.s_dl{width:18%; border-right:0;}
.sub_nav .inner dl dt, .sub_nav .inner dl dd{line-height:34px; }
.sub_nav .inner dl dt a{color:#4f3638; font-weight:600;}
.sub_nav .inner dl dd a{color:#000; }
.sub_nav .inner dl .mar_top{margin-top:30px; }
.sub_nav .inner dl .btn_contact{width:90%; padding:15px 0; background:transparent; border:1px solid #e6e6e6;}
.sub_nav .inner dl .btn_contact h2{font-size:18px; font-weight:600; color:#4f3638; font-family: 'NIXGONFONTS';}
.sub_nav .inner dl .btn_contact img{width:53px; height:65px; margin:15px auto; }
.sub_nav .inner dl .btn_contact p{font-size:16px; color:#4f3638; font-family: 'NIXGONFONTS';}
.sub_nav .inner dl dt a:hover,
.sub_nav .inner dl dd a:hover,
.sub_nav .inner dl .btn_contact:hover h2,
.sub_nav .inner dl .btn_contact:hover p{color:#e33e5c;}
.sub_nav .inner .btn_nav_close{background:transparent; border:0; position:absolute; top:2%; right:0%; z-index:3;  }

@media (max-width: 1415px){
	.sub_nav .inner{padding:1.8% 0}
	.sub_nav .inner dl{font-size:16px; line-height:32px; padding-left: 1.8%}
	.sub_nav .inner dl .btn_contact h2{font-size:16px;}
	.sub_nav .inner dl .btn_contact p{font-size:14px;}
}
@media (max-width: 1250px){
	.sub_nav .inner{padding:1.6% 0}
	.sub_nav .inner dl{font-size:14px; line-height:30px; padding-left: 1.2%}
	.sub_nav .inner dl .btn_contact h2{font-size:15px;}
	.sub_nav .inner dl .btn_contact p{font-size:13px;}
}
@media (max-width: 1180px){
	.sub_nav .inner{padding:1.6% 1%}
}


#fixed-form{position:fixed; bottom:0px; width:100%; left:0px; z-index:999; background:#333434;}
#fixed-form .fixed01{position:relative; display:table; width:100%; max-width:1624px; min-width:1150px; margin:auto;}
#fixed-form .fixed01 .col-fix{display:table-cell; border-left:1px solid #000; padding:10px 20px 8px;}
#fixed-form .fixed01 .col-01{text-align:center; vertical-align:middle;}
#fixed-form .fixed01 .col-01 img{width:150px; height:25px; }
#fixed-form .fixed01 .col-02{vertical-align:middle;}
#fixed-form .fixed01 .col-03{text-align: center; width: 250px; padding:0px; vertical-align:middle;}
#fixed-form .fixed01 .col-03 a{font-size:30px; letter-spacing: -0.5px; color:#fff; font-weight:300; }
#fixed-form .fixed01 .col-02 .col-form{display:table-cell; padding-right:5px; vertical-align: middle;}
#fixed-form .fixed01 .col-02 .col-form .input{height:31px; padding:10px 8px; background:transparent; color:#fff; border:0; background:#505050; width:100px;}
#fixed-form .fixed01 .col-02 .col-form .input::placeholder{color:#bebebe;}
#fixed-form .fixed01 .col-02 .col-form .input:-ms-input-placeholder{color:#bebebe;}
#fixed-form .fixed01 .col-02 .col-form .input_tel{width:70px;}
#fixed-form .fixed01 .col-02 .col-form .input_tel:first-child{margin:0px 3px}
#fixed-form .fixed01 .col-02 .col-form .sel{width:100px; height:31px; color:#fff; border:0; background:#505050;}
#fixed-form .fixed01 .col-02 .col-form .sel::placeholder{color:#bebebe;}
#fixed-form .fixed01 .col-02 .col-form .sel:-ms-input-placeholder{color:#bebebe;}
#fixed-form .fixed01 .col-02 .col-form .sel_tel{width:100px;}
#fixed-form .fixed01 .col-02 .col-form .sel_addr{width:67px;}
#fixed-form .fixed01 .col-02 .col-btn{display:table-cell; vertical-align:middle; padding-left:5px;}
#fixed-form .fixed01 .col-02 .col-btn input{width:105px; height:31px; }
#fixed-form .fixed01 .col-close{position:absolute; right:-30px; top:15px;}
#fixed-form .fixed01 .col-close img{cursor:pointer;}

@media (max-width: 1090px){
#fixed-form .fixed01 .col-03{display:none;}
}

.btm_fixed{position:fixed; bottom:12%; left:2%; z-index:9;}
.btm_fixed img{width:80px;}

.fixed-mid{position:fixed; bottom: 12%; right: 2%; z-index:9;}
.fixed-mid img{}
.fixed-mid .col-close{position:absolute; right:0px;}

.fixed-right{position:fixed; top:35%; right:1%; width:83px; border:1px solid #dedede; background:#fff; z-index:999; text-align:center;}
.fixed-right a{display:block; font-size:14px; line-height:16px; letter-spacing:-0.7px; padding:20px 0 8px; color:#040000; }
.fixed-right a .sp{font-size:12px; }
.fixed-right a img{display:block; margin:auto; margin-bottom:5px; }
.fixed-right .line{display:block; width:14px; height:0; margin:auto; border-bottom:1px solid #b7b7b7}
.fixed-right .top{padding:5px 0; display:block; color:#fff; background:#000; text-align:center; }

footer {position:relative;}
footer .copy a{color:#717171}