@charset "utf-8"; body{font-weight:300; color:#333;}
 #wrap_hide{display: none; position: absolute; top: 149px; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7;}
  #header{position: relative; padding-left: 10px;box-sizing:border-box;z-index: 2;}
 #header .inner{display:flex;align-items:center;justify-content:space-between;text-align: center; width: 100%;max-width:100%; height: 92px;}
 #header h1{height: 64px; line-height: 64px;}
 #header h1 a{display: block; height: 100%;}
 #header h1 a img{vertical-align: middle;}
 #header .gnb_box{display: inline-block;text-align: left;}
 #header .gnb_bg{display:none;position:absolute;top:92px;left:0;width:100%;height:414px;border-top:1px solid #eee;background:#fff;box-shadow:3px 9px 12px rgba(51,51,51,.05);z-index:1;}
 #header .right_util{text-align: left;}
 #header .right_util > li{position: relative; float: left; z-index: 0; }
 #header .right_util > li:first-child{margin-left: 0;}
 #header .right_util > li > a{height: 92px;line-height: 92px;text-align: center;padding: 0 15px;}
 #header .right_util > li.btn_inquiry > a{color:#fff;}
 #header .right_util > li > a span{background: url("/images/www/common/layout_sp.png?build_20250625002") no-repeat 0 0; vertical-align: middle; display: inline-block;}
 #header .right_util .sitemap a span{ width:30px; height: 22px; text-indent: -9999px; }
 #header .right_util .search a span{ background-position:0 -51px; width:31px; height: 27px;text-indent: -9999px; }
 #header .right_util .search{border-right: 1px solid #e5e5e5;}
 #header .right_util .search{padding-right: 15px;}
 #header .right_util .login a, #header .right_util .logout a {font-size: 13px; letter-spacing: -1px; position: relative; text-align: center; overflow: hidden; line-height: 13px;}
 #header .right_util .login a .icon, #header .right_util .logout a .icon{background-position:0 -100px; width: 31px; height: 23px; display: block;margin:26px auto 0}
 #header .right_util .login, #header .right_util .logout{padding: 0 15px;}
 #header .right_util .btn_inquiry{ background-color:#006bb9; font-size: 18px;padding: 0 19px; }
 .bta_a{display:inline-block;margin-right: 45px;}
 .bta_a a.btn_etc{height: 36px!important;background-color: #ffffff;border: 2px solid #0f9314;color: #0f9314;font-size: 15px;padding: 9px 18px!important;transition: all 0.5s ease 0s;border-radius: 30px;align-items: center;font-weight: 500;}
 .bta_a a.btn_etc:hover{background-color: #0f9314; color: #fff;}
 .gnb_box .gnb .gnbA{position: relative; float: left;}
 .gnb_box .gnb .gnbA > a{position: relative; display: block; height: 92px; line-height: 92px; text-align: center; padding: 0 30px; font-size: 20px; font-weight:500;}
 .gnb_box .gnb .gnbA.on > a, .gnb_box .gnb .gnbA > a:hover{color: #006bb9;}
 .gnb_box .gnb .gnb_wrap{position: absolute; top: 92px;width:100%; height:414px;text-align:center;z-index: 52;border-top:1px solid #eee; background-color: #fff;padding:16px 0;box-sizing:border-box;display: none;}
 .gnb_box .gnb .gnb_wrap.open{z-index: 53;}
 .gnb_box .gnb .gnb_wrap.complete:before{top: -9px;}
 .gnb_box .gnb .gnb_wrap .gnbB > li{position: relative;}
 .gnb_box .gnb .gnb_wrap .gnbB > li > a{position: relative; display: block; padding: 16px 0; font-size: 16px; color: #212121; white-space: nowrap; min-width: 100px; background-color: #fff;transition:background .2s; }
 .gnb_box .gnb .gnb_wrap .gnbB > li.on > a, .gnb_box .gnb .gnb_wrap .gnbB > li > a:hover, .gnb_box .gnb .gnb_wrap .gnbB > li.open > a{background-color: #006bb9; color: #fff;}
 .gnb_box .gnb .gnb_wrap .gnbB > li.accordion.on > a:before, .gnb_box .gnb .gnb_wrap .gnbB > li.accordion > a:hover:before, .gnb .gnb_wrap .gnbB > li.accordion.open > a:before{background-position: -52px -51px;}
 .gnb_box .gnb .gnb_wrap .gnbC{position: absolute; right: 0; top: -2px; background-color: #fff; border: 2px solid #bf341f;  transform: translateX(100%); padding: 13px 25px 13px 20px; display: none; z-index: 1; white-space: nowrap;}
 .gnb_box .gnb .gnb_wrap .gnbC > li{}
 .gnb_box .gnb .gnb_wrap .gnbC > li > a{display: block; font-size: 15px; color: #212121; line-height: 20px; padding: 5px 0;}
 .gnb_box .gnb .gnb_wrap .gnbC > li.on > a, .gnb_box .gnb .gnb_wrap .gnbC > li > a:hover{color: #bf341f; text-decoration: underline;}
 .dark_base{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 10; display: none;}
  #footer{clear: both;margin-top: 84px;}
 #footer .footer_top{ height: 69px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
 #footer .footer_top ul{float: left; margin: 22px 0;}
 #footer .footer_top ul li{float: left; margin-left: 40px; line-height: 1.7em;}
 #footer .footer_top ul li:first-child{margin-left: 0;}
 #footer .footer_top ul li a{display: block; color: #000; font-size: 16px;}
 #footer .footer_top ul li a:hover{text-decoration: underline;}
 #footer .footer_top .gotop{float: right; width: 87px; height: 69px; background-color:#ffcd33; overflow: hidden; font-size: 16px; text-align: center; transition: ease-in-out 0.3s; line-height: 69px; display: block; color: #000;}
 #footer .footer_top .gotop:hover{background-color: #005fa4;color:#fff;}
 #footer .footer_bottom{padding: 30px 0 40px;}
 #footer .footer_bottom img{display: inline-block; margin: 0 63px 20px 0; width: 100px;}
 #footer .footer_bottom address span{display: block}
 #footer .footer_bottom address{display: inline-block; color: #323232; font-size: 15px; line-height: 24px; margin-top: 10px;}
 #footer .footer_bottom address .copyright{ font-size: 14px; color: #565656; margin-top:0px; }
 #footer .footer_bottom .copy_txt {border-top:1px solid #d7d7d7;}
  .gnb_box .gnbB > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250625002") no-repeat -149px 0; text-indent: -99999px; vertical-align: middle; margin: -7px 0 0 7px;}
 .gnb_box .gnbB > li > a.newwin:hover .newicon, .gnb_box .gnbB > li > a.newwin:focus .newicon{background-position: -24px 0;}
 .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250625002") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;}
 .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin:hover .newicon, .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin:focus .newicon{background-position: -79.5px 0;}
 #SubMenu .snb .snbA > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250625002") no-repeat -149px 0; text-indent: -99999px; vertical-align: middle; margin: -7px 0 0 7px;}
 #SubMenu .snb .snbA > a.newwin:hover .newicon, #SubMenu .snb .snbA > a.newwin:focus .newicon{background-position: -26px 0;}
 #SubMenu .snb .snbA .snbB > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250625002") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;}
 #SubMenu .snb .snbA .snbB > li > a.newwin:hover .newicon, #SubMenu .snb .snbA .snbB > li > a.newwin:focus .newicon{background-position: -79.5px 0;}
 .section.depth4 > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250625002") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;}
 .section.depth4 > li > a.newwin:hover .newicon, .section.depth4 > li > a.newwin:focus .newicon{background-position: -26px 0;}