#header_area { float:none; width: 100%; }
.header_box { width: 1100px; margin: 0px auto; }
.header_box_area { float:left; width:100%; }
.header_box .logo { float: left; width: 162px; text-align: center; }
.header_box .banner { float: right; margin-top:20px; }
.header_box .menu_etc { float: right; margin-top:27px; margin-right:30px; }
.header_box .menu_etc img { margin-left:10px; }
.header_box .menu_box { float: right; margin-top:27px; margin-right:10px; }

#navi_area { float: none; position:absolute; top:81px; width: 100%; height: 40px; background:#f0f0f0; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; margin-bottom:0px; z-index:1000; }
#navi_area.on { border-bottom:1px solid #EA6C06; }

#merchant_navi_area { float: left; width: 100%; height: 40px; background-image: url(../images/navi_bg.gif); margin-bottom: 1px; position: absolute; top: 80px; }

.navi_box { width: 1100px; margin: 0px auto; height: 100%; }
.navi_menu_area { width:100%; display: flex; justify-content: space-between; position:relative; z-index:100; height: 100%; }
.navi_menu_area ul { display: flex; }

.navi_menu_box { width: 110px; color: #ffffff; border:none; background:none; text-align: center; margin-left:0; position: relative; }
.navi_menu_box_over { width: 110px; color: #ffffff; border:none; background:#ff8a00; text-align: center; margin-left:0; position: relative; }
:is(.navi_menu_box, .navi_menu_box_over)::after { content: ''; position: absolute; width: 100%; height: 3px; left: 0; bottom: 0; background:#ff8a00; scale: 0 1; transition: scale 0.2s ease-out; }
:is(.navi_menu_box.on, .navi_menu_box_over.on)::after { scale: 1; }
.navi_menu_box a, .navi_menu_box_over a { overflow:hidden; display:block; font-size:13px; font-family: 'S-CoreDream-6Bold'; display: flex; justify-content: center; align-items: center; height: 100%; }
.navi_menu_box img, .navi_menu_box_over img { margin-top:0; vertical-align:top; }
.navi_menu_box img.on, .navi_menu_box_over img.on { margin-top:-12px; }

.navi_menu_box_over.on { background: #ff8a00; }
.navi_menu_box_over a { color: #fff; }
.navi_menu_box_over img { margin-top:0; vertical-align:top; }
.navi_menu_box_over img.on { margin-top:-14px; }

.navi_menu_box .sub_depth, .navi_menu_box_over .sub_depth { padding-top:10px; height:219px; display:none; border-left:1px solid #d7d7d7; position: absolute; width: 100%; left: 0; top: 100%; translate: 0 1px; transition: background-color 0.2s ease-out; }
.navi_menu_box .sub_depth.last ,.navi_menu_box_over .sub_depth.last { border-right:1px solid #d7d7d7; }
.navi_menu_box .sub_depth.on ,.navi_menu_box_over .sub_depth.on { background: #ff8a0020; display:block; }
.navi_menu_box .sub_depth li, .navi_menu_box_over .sub_depth li { padding:6px 0; line-height:150%; }
.navi_menu_box .sub_depth li a, .navi_menu_box_over .sub_depth li a { margin:0; height:auto; color:#444; font-size:0.95em; line-height:120%; font-family: 'S-CoreDream-5Medium'; }
.navi_menu_box .sub_depth li a:hover, .navi_menu_box_over .sub_depth li a:hover { font-family: 'S-CoreDream-6Bold'; }

.sub_bg { position:absolute; top: 100%; width:100%; background:#fff; opacity:0.98; height:220px; border-bottom:1px solid #666; display:none; z-index:50; translate: 0 1px; }

#main_banner_area { float: left; width: 100%; margin-top:40px; height: 340px; background:none; background-position: center; background-repeat: no-repeat; margin-bottom: 20px; }
#sub_body_area { float: left; width: 100%; padding-bottom: 20px; margin-top:40px; }
#sub_body_tab_area { float: left; width: 100%; height: 60px; background-image: url(../images/sub_body_tap_bg.png); background-repeat: repeat-x; margin-top:40px; }
#sub_body_list_area { float: left; width: 100%; padding-bottom: 20px; margin-top:40px; }
#join_body_area { float: left; width: 100%; padding-bottom: 20px; margin-bottom: 1px; margin-top:40px; background-color: #f2f2f2; }
#sub_body_detail_area { float: left; width: 100%; margin-top:40px; padding-bottom: 20px; }

.login_info_box { color:#ffffff; display: flex; flex-direction: row-reverse; align-items: center; gap: 1rem; }
.login_info_box .info_btn { height: 100%; display: flex; gap: 4px; align-items: center; }
.login_info_box .info_field { float:right; color:#606060; font-size:12px; margin-right:1px; margin-top:7px; letter-spacing:-1px; }
.login_info_box .info_total { float:right; color:#606060; font-size:11px; letter-spacing:-1px; }
.login_info_box .info_letter { float:right; color:#606060; font-size:12px; letter-spacing:-1px; }