/* header */
.navi {position:relative; width:100%; height:100px; background:#fff; z-index:500; box-sizing:border-box;} 
.navi_logo {position:absolute; width:220px; height:100px; left:20px; top:0px; box-sizing:border-box;}
.navi_membox {position:absolute; height:100px; right:20px; top:0px; box-sizing:border-box; letter-spacing:-1px; text-align:center; padding-top:25px;}
.navi_membox a {display:inline-block; height:54px; line-height:50px; box-sizing:border-box; padding-left:18px; padding-right:18px; color:#0ca37e; font-size:16px; font-weight:600; letter-spacing:-2px; border-radius:10px; border:solid 2px #1ebf98; margin-left:3px; box-shadow:0px 0px 6px 2px rgba(0,0,0,.03);}
.navi_membox a:hover {color:#0e7b5d; text-decoration:underline #60c2a7; box-shadow:0px 0px 6px 2px rgba(0,0,0,.08); border:solid 2px #1ebf98;}

.navi_box {position:relative; width:600px; height:100px; box-sizing:border-box; margin:0 auto;}
.navi_box ul li {position:relative; float:left; width:200px; height:100px; font-weight:600; letter-spacing:-1px; font-size:20px; text-align:center;}
.navi_box ul li a {display:inline-block; height:100px; line-height:100px; color:#000;}
.navi_sub_box {position:absolute; width:100%; height:190px; left:0px; top:100px; background:rgba(255,255,255,.97); box-sizing:border-box; border-top:solid 1px #eeeeef; border-bottom:solid 1px #eeeeef;}
.navi_sub_menu {position:relative; width:600px; height:188px; box-sizing:border-box; margin:0 auto;}
.navi_sub_menu ul li {position:relative; float:left; width:200px; height:188px; box-sizing:border-box; padding-top:20px; text-align:center; line-height:190%; letter-spacing:-2px; font-size:16px; border-left:solid 1px #eeeeef;}
.navi_sub_menu ul li:nth-last-child(1) {border-right:solid 1px #eeeeef;}
.navi_sub_menu ul li a {color:#333;}
.navi_sub_menu ul li a:hover {text-decoration:underline rgba(0,0,0,.2); color:#000;}

/* footer */
.bottom {position:relative; width:100%; height:560px; background:#253038; box-sizing:border-box; padding-top:40px;}
.copy_wrap {position:relative; width:1200px; height:560px; margin:0 auto;}
.util_wrap {position:relative; width:1200px; height:30px;}
.util_wrap ul li {position:relative; float:left; height:30px; line-height:30px; padding-right:25px; color:rgba(255,255,255,.3); font-size:10px; letter-spacing:-1px;}
.util_wrap ul li a {color:rgba(255,255,255,.8); font-size:16px;}
.util_wrap ul li a:hover {text-decoration:underline;}
.add_wrap {position:relative; width:100%; height:470px;box-sizing:border-box; margin-top:30px; color:rgba(255,255,255,.5); font-size:14px; line-height:140%; font-weight:400;}
.add_box1 {position:absolute; width:600px; height:740px; left:0px; top:0px;}
.add_box1 span {font-weight:600; color:rgba(255,255,255,.6);}
.add_box2 {position:absolute; width:600px; height:740px; left:600px; top:0px; background:url("/img/inc/bot_logo.png") no-repeat 0px 615px;}
.add_box2 span {font-weight:600; color:rgba(255,255,255,.6);}
.copyr {font-size:12px; color:rgba(255,255,255,.4) !important;}

/* sub_navi */
.sub_navi {position:relative; width:100%; height:70px; background:#489aa8; z-index:800;}
.sub_navi_wrap {position:relative; width:1200px; height:70px; box-sizing:border-box; margin:0 auto;}
.sub_navi_box1 {position:absolute; width:80px; height:70px; left:0px; top:0px; box-sizing:border-box; line-height:70px; text-align:center; color:rgba(255,255,255,.9); font-weight:600; letter-spacing:-1px; font-size:16px; border-left:solid 1px rgba(255,255,255,.15); border-right:solid 1px rgba(255,255,255,.15); cursor:pointer;}
.sub_navi_box2 {position:absolute; width:160px; height:70px; left:80px; top:0px; box-sizing:border-box; line-height:70px; text-align:left; color:rgba(255,255,255,.9); font-weight:600; letter-spacing:-1px; font-size:16px; border-right:solid 1px rgba(255,255,255,.15); cursor:pointer; padding-left:20px; background:url("/img/inc/sub_nav_bg.png") no-repeat 134px 50%;}
.sub_navi_box3 {position:absolute; width:360px; height:70px; left:240px; top:0px; box-sizing:border-box; line-height:70px; text-align:left; color:rgba(255,255,255,.9); font-weight:600; letter-spacing:-1px; font-size:16px; border-right:solid 1px rgba(255,255,255,.15); cursor:pointer; padding-left:20px; background:url("/img/inc/sub_nav_bg.png") no-repeat 334px 50%;}

.sub_navi_menu2 {position:absolute; width:160px; height:180px; left:0px; top:70px; box-sizing:border-box; cursor:pointer; background:#fff; border:solid 1px #e4e6eb; border-top:none; box-shadow:0px 0px 5px 2px rgba(0,0,0,.05); padding-top:15px;}
.sub_navi_menu2 ul li {position:relative; width:100%; box-sizing:border-box; padding-top:8px; padding-bottom:8px; padding-left:20px; color:#666; letter-spacing:-1px; font-size:16px; font-weight:400; text-align:left; line-height:100%;}
.sub_navi_menu2 ul li:hover {color:#000; text-decoration:underline rgba(0,0,0,.3);}

.sub_navi_menu3 {position:absolute; width:360px; height:180px; left:0px; top:70px; box-sizing:border-box; cursor:pointer; background:#fff; border:solid 1px #e4e6eb; border-top:none; box-shadow:0px 0px 5px 2px rgba(0,0,0,.05); padding-top:15px;}
.sub_navi_menu3 ul li {position:relative; width:100%; box-sizing:border-box; padding-top:8px; padding-bottom:8px; padding-left:20px; color:#666; letter-spacing:-1px; font-size:16px; font-weight:400; text-align:left; line-height:100%;}
.sub_navi_menu3 ul li:hover {color:#000; text-decoration:underline rgba(0,0,0,.3);}