@charset "utf-8"; body{font-weight:200; color:#333;}
 .inner{width:97%; margin:0 auto; max-width: 1400px;}
 #wrap{height: 100%; overflow: auto;}
 #wrap .wrap_innerbox{position:relative; min-width:1024px;}
 #wrap_hide{display: none; position: absolute; top: 123px; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7;}
 #gnb_wrap_hide{display: none; position: fixed; top: 130px; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7;}
 .vertical_wrap{display: table;}
 .vertical_box{display: table-cell; vertical-align: middle;}
 #header{position: relative; letter-spacing: -0.25px; z-index: 11;}
 #header.header_over{z-index: 100;}
 #header .header_top{border-bottom: 1px solid #efefef; height: 86px;}
 #header .header_top h1{float: left; height: 86px; line-height: 86px;}
 #header .header_top h1 img{vertical-align: middle;}
 #header .header_top .inner{ position: relative;}
 #header .header_top .top_util{float: left; height: 86px; line-height: 86px; font-size: 15px; margin-left: 25%;}
 #header .header_top .top_util > div{display: inline-block; line-height: 1.5em; vertical-align: middle;}
 #header .header_top .top_util .super_search{position: relative; padding-right: 75px; margin-right: 70px;}
 #header .header_top .top_util .super_search .search_inputbox{position: relative;}
 #header .header_top .top_util .super_search .search_inputbox span.icon{position: absolute; top: 13px; left: 13px; width: 23px; height: 21px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat 0 0;}
 #header .header_top .top_util .super_search .search_inputbox input{border: solid #bbb; border-width: 1px 0 1px 1px; margin: 0; padding: 0 0 0 46px; background-color: #f8f8f8; height: 44px; line-height: 44px; width: 188px;}
 #header .header_top .top_util .super_search input[type="submit"]{position: absolute; top: 0; right: 0; width: 75px; height: 46px; background-color: #046fd9; color: #fff; border-radius: 0 11px 0 0; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); border: 0; cursor: pointer;}
 #header .header_top .top_util .header_util { position: absolute; right: 10px; top:16px;}
 #header .header_top .top_util .header_util > div{float: left;}
 #header .header_top .top_util .header_util > div > a{display: block; text-align: center; }
 #header .header_top .top_util .header_util .login_box a{float: left; margin-right: 30px; width: 62px;}
 #header .header_top .top_util .header_util .login_box a.mypage{width: 74px;}
 #header .header_top .top_util .header_util .login_box a:last-child{margin-right: 30px;}
 #header .header_top .top_util .header_util .login_box a span.icon{display: block; height: 28px; margin: 0 auto 3px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat 0 0;}
 #header .header_top .top_util .header_util .login_box a.login_btn span.icon{width: 35px; background-position: -32px 0;}
 #header .header_top .top_util .header_util .login_box a.mywork span.icon{width: 28px; background-position: -122px 0;}
 #header .header_top .top_util .header_util .login_box a.mypage span.icon{width: 28px; background-position: -424px 0;}
 #header .header_top .top_util .header_util .login_box a.login_btn:hover span.icon{background-position: -77px 0;}
 #header .header_top .top_util .header_util .login_box a.mywork:hover span.icon{background-position: -160px 0;}
 #header .header_top .top_util .header_util .login_box a.mypage:hover span.icon{background-position: -459px 0;}
 #header .header_top .top_util .header_util .lang{position: relative; padding: 0 16px; border: solid #efefef; border-width: 0 1px; font-size: 14px;}
 #header .header_top .top_util .header_util .lang > .lang_btn{display: block; line-height: 54px;}
 #header .header_top .top_util .header_util .lang > .lang_btn:hover{ color:#046fd9; }
 #header .header_top .top_util .header_util .lang > .lang_btn span{display: inline-block; vertical-align: middle; margin-top: -3px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat 0 0;}
 #header .header_top .top_util .header_util .lang > .lang_btn span.icon{width: 19px; height: 19px; background-position: -198px 0; margin-right: 7px; margin-top: 3px;}
 #header .header_top .top_util .header_util .lang > .lang_btn span.arrow{width: 11px; height: 7px; background-position: -227px 0; text-indent: -99999px; margin-left: 13px; margin-top: 4px}
 #header .header_top .top_util .header_util .lang > .lang_box{position: absolute; top: 100%; left: 16px; right: 13px; border: 1px solid #000; z-index: 2; background-color: #fff; text-align: center; padding: 10px 0; display: none;}
 #header .header_top .top_util .header_util .lang > .lang_box a{display: block; font-size: 14px; line-height: 26px; transition: ease-in-out 0.15s;}
 #header .header_top .top_util .header_util .lang > .lang_box a:hover{color: #d21b4f;}
 #header .header_top .top_util .header_util .covid_btn{padding: 0 12px; margin-left: 7px; color: #046df9;}
 #header .header_top .top_util .header_util .covid_btn a{ background: linear-gradient(to top, #ffe16c 20%, transparent 0%); padding: 0 3px; color: #046fd9;}
 #header .header_top .top_util .header_util .covid_btn a span.icon{display: block; width: 41px; height: 21px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -248px 0; margin: 0 auto 7px;}
 #header .header_top .top_util .header_util .covid_btn a:hover span.icon{background-position: -299px 0;}
 #header .header_bottom{position: relative; height: 60px; border-bottom: 1px solid #cacaca; z-index: 1; background-color: #fff;}
 #header .header_bottom .gnb_wrapper{float: left; width: 100%; padding-right: 261px; box-sizing: border-box; margin-right: -261px;}
 #header .header_bottom .allpage_wrapper{float: right; width: 238px;}
 #header .header_bottom .allpage_wrapper > a{display: block; width: 226px; height: 49px; line-height: 49px; background-color: #046fd9; color: #fff; text-align: center; border-radius: 0 0 20px 20px; box-shadow: 5px 5px 5px rgba(85,118,151,0.3); border: 1px solid #046fd9; margin-top: -1px; transition: ease-in-out 0.15s;}
 #header .header_bottom .allpage_wrapper > a span.icon{display: inline-block; width: 27px; height: 24px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -350px 0; margin: 0 5px 0 0; vertical-align: middle;}
 #header .header_bottom .allpage_wrapper > a:hover{background-color: #fff; color: #046fd9;}
 #header .header_bottom .allpage_wrapper > a:hover span.icon{background-position: -387px 0;}
 #header .header_bottom .allpage_wrapper .allpage_box{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f4f5f9; padding: 45px 118px 76px 93px; z-index: 100; display: none;}
 #header .header_bottom .allpage_wrapper .allpage_box:before{content: ''; position: absolute; top: 0; right: 204px; width: 185px; height: 143px; background: url("/images/www/common/allpage_bg01.png?build_20251030002") no-repeat 0 0; z-index: -1;}
 #header .header_bottom .allpage_wrapper .allpage_box:after{content: ''; position: absolute; bottom: 0; left: 68px; width: 309px; height: 246px; background: url("/images/www/common/allpage_bg02.png?build_20251030002") no-repeat 0 0; z-index: -1;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner{position: relative; z-index: 0; margin-right: -25px; height: 100%; overflow-y: auto; overflow-x: hidden;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box{margin-top: 48px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box:first-child{margin-top: 0;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box h2{display: block; font-size: 27px; line-height: 30px; height: 30px; margin-bottom: 30px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box h2 span.icon{display: inline-block; width: 28px; height: 25px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -583px 0; vertical-align: middle; margin: -3px 10px 0 0;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list{margin-right: -51px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list ul{display:flex;flex-wrap:wrap; width: 100%; margin:0 0 -32px -35px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li{margin: 0 0 27px 35px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li a{display: block; width: 156px; text-align: center; font-size: 15px; letter-spacing: -2px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li a .img_box{display: block; width: 156px; height: 131px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002?build_20240822005") no-repeat 0 -394px; margin-bottom: 7px; transition: ease-in-out 0.15s;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li a:hover .img_box{box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list01 a .img_box{background-position: 0 -394px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list02 a .img_box{background-position: -191px -394px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list03 a .img_box{background-position: -382px -394px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list04 a .img_box{background-position: -573px -394px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list05 a .img_box{background-position: -764px -394px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list06 a .img_box{background-position: -955px -394px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list07 a .img_box{background-position: -1146px -394px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list08 a .img_box{background-position: -1337px -394px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list09 a .img_box{background-position: -1528px -394px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list10 a .img_box{background-position: 0 -594px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list11 a .img_box{background-position: -191px -594px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list12 a .img_box{background-position: -382px -594px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list13 a .img_box{background-position: -573px -594px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list14 a .img_box{background-position: -764px -594px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list15 a .img_box{background-position: -191px -1004px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list16 a .img_box{background-position: -1146px -594px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list17 a .img_box{background-position: -1337px -594px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list18 a .img_box{background-position: -1528px -594px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list19 a .img_box{background-position: 0 -799px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list20 a .img_box{background-position: -191px -799px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list21 a .img_box{background-position: -382px -799px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list22 a .img_box{background-position: -573px -799px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list23 a .img_box{background-position: -764px -799px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list24 a .img_box{background-position: -955px -799px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list25 a .img_box{background-position: -1146px -799px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list26 a .img_box{background-position: -1337px -799px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list27 a .img_box{background-position: -1528px -799px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list28 a .img_box{background-position: 0px -1004px;}
  #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list29 a .img_box {background-position: -383px -1004px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list30 a .img_box {background-position: -573px -1004px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list31 a .img_box {background-position: -764px -1004px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list32 a .img_box {background-position: -958px -1004px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list33 a .img_box {background-position: -1146px -1004px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list34 a .img_box {background-position: -1337px -1004px;;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li.site_list35 a .img_box {background-position: -1525px -1004px;;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .nomal_list ul{display: inline-block; width: 100%; margin-bottom: -12px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .nomal_list li{float: left; margin: 0 10px 12px 0;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .nomal_list li a{display: block; padding: 0 13px; height: 36px; line-height: 36px; border: 1px solid #c1c2c2; border-radius: 2px; background-color: #fff; transition: ease-in-out 0.15s;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .nomal_list li a:hover{background-color: #046fd9; color: #fff; border-color: #046fd9;}
 #header .header_bottom .allpage_wrapper .allpage_box .btn_close{position: absolute; top: 21px; right: 21px; border-radius: 50%; background-color: #046fd9; width: 59px; height: 59px; text-indent: -99999px; z-index: 1;}
 #header .header_bottom .allpage_wrapper .allpage_box .btn_close:before, #header .header_bottom .allpage_wrapper .allpage_box .btn_close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 39px; background-color: #fff; margin: -18.5px 0 0 -1.5px;}
 #header .header_bottom .allpage_wrapper .allpage_box .btn_close:before{transform: rotate(-45deg);}
 #header .header_bottom .allpage_wrapper .allpage_box .btn_close:after{transform: rotate(45deg);}
 #header .header_bottom .left_box{position: relative; float: left; margin-right: -210px; z-index: 1;}
 #header .header_bottom .left_box a.go_tour{display: block; width: 170px; height: 60px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -1173px 0; text-indent: -99999px;}
 .gnb_wrapper .gnb span.newicon{display: inline-block; width: 16px; height: 13px; text-indent: -99999px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat 0 -37px; vertical-align: middle; margin-left: 4px;}
 .gnb_wrapper .gnb .gnbA{float: left; width: 13%;}
 .gnb_wrapper .gnb .gnbA:first-child{width: 14.5%; margin-left: 195px;}
 .gnb_wrapper .gnb .gnbA > a{position: relative; display: block; height: 60px; line-height: 60px; font-size: 21px; padding: 0 10px; text-align: center; transition: ease-in-out 0.3s;}
 .gnb_wrapper .gnb .gnbA > a:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 4px; background-color: #d21b4f; transition: ease-in-out 0.3s;}
 .gnb_wrapper .gnb .gnbA.on > a:after, .gnb_wrapper .gnb .gnbA > a:hover:after{width: 90px;}
 .gnb_wrapper .gnb .gnbA:first-child > a{color: #046fd9;}
 .gnb_wrapper .gnb .gnbA > a:hover{color: #d21b4f;}
 .gnb_wrapper .gnb .gnbA > a span.newicon{background-position: 0 -37px;}
 .gnb_wrapper .gnb_wrap{position: absolute; top: 61px; left: 0; width: 100%; z-index: 0; background-color: #fff; box-shadow: 0 14px 14px 0 rgba(0,0,0,0.35); display: none;}
 .gnb_wrapper .gnbA:hover .gnb_wrap{z-index: 1;}
 .gnb_wrapper .gnbA .gnb_wrap:before{content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: #046fd9;}
 .gnb_wrapper .gnb_wrap .gnb_inner{position: relative; width: 100%; padding-left: 237px; box-sizing: border-box; background-color: #fff;}
 .gnb_wrapper .gnb_wrap .gnb_inner .title_box{position: absolute; top: 0; left: 0; width: 237px; height: 100%; color: #fff; background-color: #046fd9; box-sizing: border-box; text-align: center;}
 .gnb_wrapper .gnb_wrap .gnb_inner .title_box span.icon{display: block; width: 97px; height: 97px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat 0 -60px; margin: 82px auto 30px;}
 .gnb_wrapper .gnb_wrap .gnb_inner .title_box h2{font-size: 29px; margin-bottom: 20px;}
 .gnb_wrapper .gnb_wrap .gnb_inner .title_box p{font-size: 14px; line-height: 17px;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB{position: relative; z-index: 0; float: left; background-color: #fff;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB:before{content: ''; position: absolute; top: 0; left: 247px; width: 1px; height: 100%; background-color: #cacaca; z-index: 1;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li{position: relative; clear: both; float: left; border-top: 1px solid #cacaca; z-index: 0;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:before{content: ''; position: absolute; top: -1px; left: 100%; width: 1000%; height: 100%; background-color: #fff; border-top: 1px solid #cacaca;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:hover{z-index: 2;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:hover, .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:hover:before{background-color: #046fd9;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:hover:after{content: ''; position: absolute; top: 0; left: 172px; width: 64px; height: 100%; background: url("/images/www/common/gnb_bg.png?build_20251030002") repeat-y; z-index: -1;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:first-child, .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:first-child:before{border-top: 0; top: 0;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li > a{position: relative; float: left; width: 193px; padding: 10px 27px; font-size: 17px; z-index: 1; word-break:keep-all;}
 /*.gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li > a:hover{text-decoration: underline;}
*/ .gnb_wrapper .gnbA:not(.gnbA3) .gnbC_wrap{float: left; width: 100%; margin-left: -247px; padding-left: 247px; box-sizing: border-box;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbC{position: relative; padding: 10px 40px; float: left;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbC > li{position: relative; float: left; padding-left: 9px; margin-right: 47px;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbC > li:before{content: ''; position: absolute; top: 11px; left: 0; width: 5px; height: 5px; background-color: #01babd;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbC > li a{position: relative; display: block; padding: 2px 5px; z-index: 0; transition: ease-in-out 0.25s;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:hover > a,.gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:hover .gnbC > li a{color: #fff}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:hover > a span.newicon, .gnb_wrapper .gnbA:not(.gnbA3) .gnbB > li:hover .gnbC > li a span.newicon{background-position: -52px -37px}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbC > li.on a{background-color: #ffe16c; color: #000 !important;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbC > li a:hover{color: #000 !important;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbC > li a:hover span.newicon{background-position: 0 -37px !important;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbC > li a:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #046fd9; background-color: transparent; z-index: -1; transition: ease-in-out 0.25s;}
 .gnb_wrapper .gnbA:not(.gnbA3) .gnbC > li a:hover:before{height: 100%; background-color: #ffe16c;}
 .gnb_wrapper .gnbA3 .gnb_wrap, .gnb_wrapper .gnbA3 .gnbB_wrap{background-color: #f4f5f9;}
 .gnb_wrapper .gnbA3 .gnbB_wrap{height: 100%; overflow: hidden;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB{position: relative; padding: 60px 45px; overflow: hidden; text-align: center;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li{float: left; width: 16.6666%; margin-top: 55px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li:nth-child(6n-5){width: 16.6667%;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li:nth-child(n):nth-child(-n+6){margin-top: 0;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li a{display: block; }
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li a .icon{position: relative; display: table; width: 92px; height: 89px; background-color: #fff; border-radius: 20px; margin: 0 auto 12px; transition: ease-in 0.15s;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li a:hover .icon{box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li a .icon span{display: block; height: 50px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat 0 -175px; margin: 0 auto;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc1 a .icon span{width: 50px; background-position: 0 -175px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc2 a .icon span{width: 47px; background-position: -180px -175px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc3 a .icon span{width: 43px; background-position: -893px -296px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc4 a .icon span{width: 45px; background-position: -360px -175px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc5 a .icon span{width: 43px; background-position: -539px -175px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc6 a .icon span{width: 39px; background-position: -720px -175px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc7 a .icon span{width: 41px; background-position: -719px -296px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc8 a .icon span{width: 36px; background-position: -7px -296px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc9 a .icon span{width: 48px; background-position: -179px -296px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc10 a .icon span{width: 49px; background-position: -358px -296px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc11 a .icon span{width: 49px; background-position: -536px -296px;}
 .gnb_wrapper .gnbA3 .gnbB_wrap .gnbB > li.gnbBc12 a .icon span{width: 50px; background-position: -892px -175px;}
 .gnb_wrapper .gnbA.gnbA3 .gnbC{display: none !important;}
  .gnbbox_wrap.mini{display: none;}
 #banner_top {background: #f4f5f9;}
 #banner_top > .toggle_wrap {color: #222; font-size: 14px; padding: 10px 0;}
 #banner_top > .toggle_wrap > div > .nuri_txt > i.flag {display: inline-block; width: 32px; height: 22px; background: #fff url("/images/www/main/flag_ico.png?build_20251030002") no-repeat 0 0; vertical-align: middle; margin-right: 10px; border: 1px solid #ddd;}
 #footer{position: relative; border-top: 1px solid #d9d9d9;}
 #footer .inner{position: relative;}
 #footer .footer_link{display: inline-block; width: 100%; border-bottom: 1px solid #d2d2d2;}
 #footer .footer_link .inner {height: 80px; line-height: 80px; display: block; box-sizing: border-box; padding-right: 260px;}
 #footer .footer_link ul{display: inline-block; vertical-align: middle;}
 #footer .footer_link li{float: left; transition: ease-in-out 0.3s;}
 #footer .footer_link li a{position: relative; display: block; color: #000; font-size: 16px; line-height: 20px; padding-left: 28px; margin-left: 32px;}
 #footer .footer_link li:first-child a{margin-left: 0; padding-left: 0;}
 #footer .footer_link li:first-child a:before{content: none;}
 #footer .footer_link li a:hover{text-decoration: underline;}
 #footer .footer_link li a:before{content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #2f313d;}
 #footer .footer_link .f_util{position: absolute; top: 50%; right: 3px; margin-top: -18.5px;}
 #footer .footer_link .f_util a{float: left; border-radius: 50px; background-color: #676d7b; color: #fff; margin-left: 5px; padding: 0 13px; height: 37px; line-height: 37px; transition: ease-in-out 0.15s;}
 #footer .footer_link .f_util a:hover{background-color: #046fd9;}
 #footer .footer_link span.btn_personal{ background: linear-gradient(to top, #ffe16c 50%, transparent 50%);}
 #footer .footer_bottom{background-color: #fff; padding: 30px 0;}
 #footer .footer_bottom .inner{position: relative; width: 100%; padding: 0 0 0 190px; transition: ease-in-out 0.3s; box-sizing: border-box;}
 #footer .footer_bottom .inner .f_cont{float: left; margin-left: 52px;}
 #footer .footer_bottom .inner .f_logo{float: left; margin: 5px 0 0 -190px;}
 #footer .footer_bottom .inner .f_logo p{display: block; width: 143px; height: 33px; text-indent: -99999px; background: url("/images/www/common/f_logo.png?build_20251030002") no-repeat 0 0;}
 #footer .footer_bottom .inner .address_box{color: #000; margin-left: -190px; padding-left: 190px; font-size: 15px;}
 #footer .footer_bottom .inner .address_box p{color: #555; font-size: 13px;}
 #footer .mark{position: absolute; top: -13px; right: 0;}
 #footer .mark ul li{float: left; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat; text-indent: -99999px;}
 #footer .mark ul li{width: 105px; height: 74px; background-position: 0 -207px;}
 #container{position: relative;}
 #aside{position: fixed; top: 202px; right: 17px; z-index: 11;}
 #aside .btn_aside{display: block; width: 103px; font-size: 20px; padding: 13px 0; font-size: 13px; line-height: 19px; text-align: center; margin-bottom: 8px; transition: ease-in-out 0.15s; box-sizing: border-box; border-radius: 20px;}
 #aside .btn_aside.btn_smart{background-color: #ffe16c; box-shadow: inset -3px 0 2px rgba(0,0,0,0.15);}
 #aside .btn_aside.btn_smart:hover{box-shadow: inset 1px 2px 0 rgba(0,0,0,0.15);}
 #aside .btn_aside.btn_total_menu{background-color: #fff; box-shadow: inset 1px 2px 2px rgba(0,0,0,0.2); border: 1px solid #dfdcdc;}
 #aside .btn_aside.btn_total_menu:hover{box-shadow: inset -2px 0 2px rgba(0,0,0,0.15);}
 #aside .btn_aside span.icon{display: block; width: 32px; height: 31px; margin: 0 auto 6px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -497px 0;}
 #aside .btn_aside.btn_smart span.icon{width: 32px; background-position: -497px 0;}
 #aside .btn_aside.btn_total_menu span.icon{width: 23px; background-position: -539px 4px;}
 #aside .btn_aside strong{position: relative; display: block; font-size: 16px; font-weight: 400; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -798px 0; margin: 0 auto; width: 58px; height: 17px; text-indent: -99999px;}
 #aside .smart_menu_wrapbox .btn_aside strong{background-position: -1051px 0;}
 #aside .total_menu_wrapbox .btn_aside strong{background-position: -1051px -26px;}
 #aside .smart_menu_innerbox{position: fixed; top: 0; right: 0; width: 30%$; height: 100%; z-index: 10; box-sizing: border-box; transition: ease-in-out 0.3s; overflow: hidden;}
 #aside .smart_menu_innerbox .smart_menu{background-color: #f6f6f6; padding: 43px 45px; box-sizing: border-box; max-height: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.4); margin-left: 20px;}
 #aside .smart_menu_innerbox .scroll_box{height: 100%; overflow-y: auto; overflow-x: hidden;}
 #aside .smart_menu_innerbox .smart_item{margin-top: 40px;}
 #aside .smart_menu_innerbox .smart_item:first-child{margin-top: 0;}
 #aside .smart_menu_innerbox strong{display: block; height: 45px; line-height: 45px; font-size: 23px; margin-bottom: 12px;}
 #aside .smart_menu_innerbox strong span.icon{display: inline-block; height: 45px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -798px 0; vertical-align: middle; margin: 0 10px 0 0;}
 #aside .smart_menu_innerbox .likey strong span.icon{width: 48px; background-position: -798px 0;}
 #aside .smart_menu_innerbox .latest strong span.icon{width: 57px; background-position: -866px 0;}
 #aside .smart_menu_innerbox .smart_cont{background-color: #fff; padding: 29px 15px;}
 #aside .smart_menu_innerbox .smart_cont li{position: relative; padding-right: 140px;}
 #aside .smart_menu_innerbox .latest .smart_cont li{padding-right: 100px;}
 #aside .smart_menu_innerbox .smart_cont li:hover{background-color: #f6f6f6; transition: ease-in-out 0.15s;}
 #aside .smart_menu_innerbox .smart_cont li > a{display: block; height: 32px; line-height: 32px; padding: 0 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: #323232;}
 #aside .smart_menu_innerbox .smart_cont li > a:hover{text-decoration: underline;}
 #aside .smart_menu_innerbox .smart_cont li > a span[data-state]{display: inline-block; padding: 0 10px; background-color: #02994a; color: #fff; height: 20px; line-height: 21px; border-radius: 50px; font-size: 13px; margin-right: 7px;}
 #aside .smart_menu_innerbox .smart_cont li > a span[data-state="www"]{background-color: #046fd9;}
 #aside .smart_menu_innerbox .smart_cont li > a span.date{margin-right: 16px;}
 #aside .smart_menu_innerbox .smart_cont li .util_box{position: absolute; top: 0; right: 11px;}
 #aside .smart_menu_innerbox .smart_cont li .util_box > a{float: left; margin-left: 12px; font-size: 13px; color: #707070; height: 32px; line-height: 32px;}
 #aside .smart_menu_innerbox .smart_cont li .util_box > a:hover{text-decoration: underline;}
 #aside .smart_menu_innerbox .smart_cont li .util_box > a:first-child{margin-left: 0;}
 #aside .smart_menu_innerbox .btn_close{position: absolute; top: 20px; right: 20px; height: 32px; line-height: 32px; font-size: 15px;}
 #aside .smart_menu_innerbox .smart_cont li .util_box > a span.icon{display: inline-block; vertical-align: middle; margin-right: 4px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -744px 0;}
 #aside .smart_menu_innerbox .smart_cont li .util_box > a.btn_del span.icon{width: 10px; height: 10px; background-position: -744px 0;}
 #aside .smart_menu_innerbox .smart_cont li .util_box > a.btn_open span.icon{width: 14px; height: 12px; background-position: -764px 0;}
 #aside .smart_menu_innerbox .btn_close span.icon{display: inline-block; width: 42px; height: 32px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -630px 0; vertical-align: middle; margin-left: 12px;}
 #aside .smart_menu_innerbox .btn_close:hover{color: #046fd9;}
 #aside .smart_menu_innerbox .btn_close:hover span.icon{background-position: -682px 0; margin: 0 auto; width: 58px; height: 17px;}
  .smart_menu_wrapbox { float: left; margin:0 20px; width: 62px;}
 .smart_menu_wrapbox .icon{background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -497px 0; display:block; width:32px; height:31px; margin:0 auto 6px;}
 .total_menu_wrapbox { float: left; width: 62px;}
 .total_menu_wrapbox .icon{background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -539px 4px; display:block; width:23px; height:31px; margin:0 auto 6px;}
 .smart_menu_innerbox{position: fixed; top: 0; right: 0; width: 0; height: 100%; z-index: 10; box-sizing: border-box; transition: ease-in-out 0.3s; overflow: hidden; display: none;}
 .smart_menu_innerbox .smart_menu{background-color: #f6f6f6; padding: 43px 45px; box-sizing: border-box; max-height: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.4); margin-left: 20px;}
 .smart_menu_innerbox .scroll_box{height: 100%; overflow-y: auto; overflow-x: hidden;}
 .smart_menu_innerbox .smart_item{margin-top: 40px;}
 .smart_menu_innerbox .smart_item:first-child{margin-top: 0;}
 .smart_menu_innerbox strong{display: block; height: 45px; line-height: 45px; font-size: 23px; margin-bottom: 12px;}
 .smart_menu_innerbox strong span.icon{display: inline-block; height: 45px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -798px 0; vertical-align: middle; margin: 0 10px 0 0;}
 .smart_menu_innerbox .likey strong span.icon{width: 48px; background-position: -798px 0;}
 .smart_menu_innerbox .latest strong span.icon{width: 57px; background-position: -866px 0;}
 .smart_menu_innerbox .smart_cont{background-color: #fff; padding: 29px 15px;}
 .smart_menu_innerbox .smart_cont li{position: relative; padding-right: 140px;}
 .smart_menu_innerbox .latest .smart_cont li{padding-right: 100px;}
 .smart_menu_innerbox .smart_cont li:hover{background-color: #f6f6f6; transition: ease-in-out 0.15s;}
 .smart_menu_innerbox .smart_cont li > a{display: block; height: 32px; line-height: 32px; padding: 0 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: #323232;}
 .smart_menu_innerbox .smart_cont li > a:hover{text-decoration: underline;}
 .smart_menu_innerbox .smart_cont li > a span[data-state]{display: inline-block; padding: 0 10px; background-color: #02994a; color: #fff; height: 20px; line-height: 21px; border-radius: 50px; font-size: 13px; margin-right: 7px;}
 .smart_menu_innerbox .smart_cont li > a span[data-state="www"]{background-color: #046fd9;}
 .smart_menu_innerbox .smart_cont li > a span.date{margin-right: 16px;}
 .smart_menu_innerbox .smart_cont li .util_box{position: absolute; top: 0; right: 11px;}
 .smart_menu_innerbox .smart_cont li .util_box > a{float: left; margin-left: 12px; font-size: 13px; color: #707070; height: 32px; line-height: 32px;}
 .smart_menu_innerbox .smart_cont li .util_box > a:hover{text-decoration: underline;}
 .smart_menu_innerbox .smart_cont li .util_box > a:first-child{margin-left: 0;}
 .smart_menu_innerbox .btn_close{position: absolute; top: 20px; right: 20px; height: 32px; line-height: 32px; font-size: 15px;}
 .smart_menu_innerbox .smart_cont li .util_box > a span.icon{display: inline-block; vertical-align: middle; margin-right: 4px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -744px 0;}
 .smart_menu_innerbox .smart_cont li .util_box > a.btn_del span.icon{width: 10px; height: 10px; background-position: -744px 0;}
 .smart_menu_innerbox .smart_cont li .util_box > a.btn_open span.icon{width: 14px; height: 12px; background-position: -764px 0;}
 .smart_menu_innerbox .btn_close span.icon{display: inline-block; width: 42px; height: 32px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -630px 0; vertical-align: middle; margin-left: 12px;}
 .smart_menu_innerbox .btn_close:hover{color: #046fd9;}
 .smart_menu_innerbox .btn_close:hover span.icon{background-position: -682px 0; margin: 0 auto; width: 58px; height: 17px;}
 #container .gotop{position: absolute; bottom: 27px; left: 50%; margin-left: 762px; width: 70px; height: 67px; background-color: #0d8133; color: #fff; overflow: hidden; text-align: center; font-size: 14px; line-height: 20px; z-index: 1; border-radius: 50%; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
 #container .gotop:hover{background-color: #046fd9;}
 #container .gotop span.icon{position: relative; display: block; width: 14px; height: 8px; margin: 19px auto 3px;}
 #container .gotop span.icon:before{content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; background-color: #fff; transform: rotate(45deg); margin: -1px 0 0 -2px;}
 #container .gotop span.icon:after{content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; background-color: #fff; transform: rotate(-45deg); margin: -1px 0 0 -8px;}
 .m_wrapper{display: none;}
 @media screen and (max-width:1400px){ .gnb_wrapper .gnb .gnbA:first-child{margin-left: 0;}
 .gnb_wrapper .gnb .gnbA { width:14.666%;}
 #header .header_bottom .left_box a.go_tour{ display: none;}
 #header .header_top .top_util { margin-left: 15%;}
 }
 @media screen and (max-width:1699px){ aside#aside{position: absolute; bottom: 288px; top: auto; right: auto; left: 50%; width: 224px; margin-left: -112px;}
 aside#aside#aside > div{float: left; margin: 0 0 0 18px;}
 aside#aside#aside > div:first-child{margin-left: 0;}
 aside#aside#aside .btn_aside{margin: 0;}
 #footer{position: relative; margin-top: 143px; z-index: 0; padding-bottom: 80px;}
 #footer:before{content: ''; position: absolute; top: -144px; left: 0; width: 100%; height: 143px; z-index: -1; background-color: #f3f4f5;}
 #footer .footer_link .inner{padding: 0;}
 #footer .footer_link li a{padding-left: 24px; margin-left: 24px;}
 #footer .footer_link .f_util{top: 130px; right: 171px; z-index: 1;}
 #footer .footer_bottom .inner{width: 97%;}
 #container .gotop{display: block; left: auto; right: 3%; bottom: -170px;}
 }
 @media screen and (max-width:1300px){ #header .header_top .top_util .super_search{margin-right: 35px;}
 }
 @media screen and (max-width:1240px){ #header .header_top{height: auto;}
 #header .header_top .inner{width: 97%; margin: 0 auto 0 3%;}
 #header .header_top h1{display: none;}
 .gnb_wrapper, #header .header_top .top_util .super_search{display: none;}
 #header .header_top .top_util{float: none; height: auto; line-height: normal;}
 #header .header_top .top_util > div{width: 100%; box-sizing: border-box; padding-right: 30px !important;}
 #header .header_top .top_util .header_util { position: relative !important; top:0 !important; right: 170px !important;}
 #header .header_top .top_util .header_util > div{float: right;}
 #header .header_top .top_util .header_util .login_box{float: left; margin-top: 12px;}
 #header .header_top .top_util .header_util .login_box a{float: right; width: auto !important;}
 #header .header_top .top_util .header_util .login_box a span.icon, #header .header_top .top_util .header_util .covid_btn a span.icon{display: inline-block; vertical-align: middle; margin: 0 5px 0 0;}
 #header .header_top .top_util .header_util .covid_btn{margin-top: 14px;}
 #header .header_top .top_util .header_util .covid_btn a{position: relative; background: none; z-index: 0;}
 #header .header_top .top_util .header_util .covid_btn a:before{content: ''; position: absolute; bottom: 0; right: -1px; width: 97px; height: 10px; background-color: #ffe16c; z-index: -1;}
 #header .header_top .top_util .header_util .lang > .lang_btn{height: 49px; line-height: 49px;}
 #header .header_bottom{position: static; height: 79px;}
 #header .header_bottom .allpage_wrapper{position: absolute; top: 0; right: 0; width: auto;}
 #header .header_bottom .allpage_wrapper > a{margin: 0; border-radius: 0; box-shadow: none; width: 206px; font-size: 15px; height: 47px; line-height: 47px;}
 .m_wrapper{position: relative; display: block; text-align: center;}
 .m_wrapper h1{display: inline-block;}
 .m_wrapper h1 a{display: block; height: 79px; line-height: 75px;}
 .m_wrapper h1 a img{vertical-align: middle;}
 .m_wrapper > div{text-align: left;}
 .m_wrapper .m_gnbbox .go_fullmenu, .m_wrapper .m_search_wrapper .m_search_open{position: absolute; top: 0; width: 75px; height: 75px;}
 .m_wrapper .m_gnbbox .go_fullmenu span.icon, .m_wrapper .m_search_wrapper .m_search_open span.icon{position: absolute; top: 50%; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat -953px 0; text-indent: -99999px;}
 .m_wrapper .m_gnbbox .go_fullmenu{left: 1.5%;}
 .m_wrapper .m_gnbbox .go_fullmenu span.icon{left: 0; width: 31px; height: 26px; background-position: -953px 0; margin: -13px 0 0 0;}
 .m_wrapper #gnb_box{display: none;}
 .m_wrapper .m_search_wrapper .m_search_open{right: 1.5%;}
 .m_wrapper .m_search_wrapper .m_search_open span.icon{right: 0; width: 27px; height: 24px; background-position: -1004px 0; margin: -12px 0 0 0;}
 .m_wrapper .m_search_wrapper .m_search_box{position: absolute; top: 0; right: 57px; padding:10px 0; background-color: #fff; height: 78px; border:4px solid #046fd9; box-sizing: border-box; display: none}
 .m_wrapper .m_search_wrapper .m_search_box form{position: relative; padding-right: 68px; height: 100%;}
 .m_wrapper .m_search_wrapper .m_search_box form label{position: absolute; top: 0; left: 20px; height: 54px; line-height: 54px; font-size: 19px; color: #333;}
 .m_wrapper .m_search_wrapper .m_search_box form input{display: block; margin: 0; padding: 0 20px; border: 0; background-color: #fff; height: 100%; width:330px;}
 .m_wrapper .m_search_wrapper .m_search_box form button{position: absolute; top: 10px; right:25px; width:32px; height: 32px; text-indent: -9999px;background:url("/images/subsite_common/layout_sp_2023.png?build_20251030002") -170px -180px no-repeat; border: 0; cursor: pointer}
 .m_wrapper .m_search_wrapper .m_search_box .close_search{position: absolute; top:-4px; right: -78px; height: 78px; width: 78px; background-position:-153px -73px; background-color:#2f313d; text-indent: -99999px;}
 .m_wrapper .m_search_wrapper .m_search_box .close_search:before, .m_wrapper .m_search_wrapper .m_search_box .close_search:after{content: ''; position: absolute; top: 50%; left: 50%; width: 42px; height: 3px; background-color: #fff; margin: -1.5px 0 0 -21px;}
 .m_wrapper .m_search_wrapper .m_search_box .close_search:before{transform: rotate(-45deg);}
 .m_wrapper .m_search_wrapper .m_search_box .close_search:after{transform: rotate(45deg);}
 #header #gnb_box{position: fixed; top: 130px; left: -100%; width: 500px; height: 100%; z-index: 9; box-sizing: border-box; padding-bottom: 130px;}
 #header #gnb_box .gnb_util{background-color:#008fcc; height:60px}
 #header #gnb_box .gnb_util .bottom_box{display: inline-block; width: 100%; margin: 15px 0 0 28px;}
 #header #gnb_box .gnb_util .bottom_box a{float: left; font-size: 15px; color:#fff;}
 #header #gnb_box .gnb_util .bottom_box a:first-child{margin-left: 0;}
 #header #gnb_box .gnb_util .bottom_box a.home{padding: 0; width: 29px; text-align: center; display:none;}
 #header #gnb_box .gnb_util .bottom_box a span.icon{display: inline-block; background:#f4f4f4 url("/images/subsite_common_mobile/common/layout_sp_2023.png?build_20251030002") no-repeat -276px -17px; background-size: 360px; vertical-align: middle; margin: -3px 5px 0 0; text-indent: -99999px;border-radius: 50%; width: 36px; height: 36px;}
 #header #gnb_box .gnb_util .bottom_box a.home span.icon{margin: -3px 0 0 0; width: 16px; height: 14px; background-position: -57px -1px;}
 #header #gnb_box .gnb_util .bottom_box a.logout span.icon{ background-color:#ffe16c;}
 #header #gnb_box .gnb_util .bottom_box a.logout {color:#ffe16c;}
 #header #gnb_box .gnb_close{position: absolute; top: 19px; right: 17px; width: 20px; height: 20px;}
 #header #gnb_box .gnb_close span.icon{position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; background: url("/images/subsite_common_mobile/common/layout_sp_2023.png?build_20251030002") no-repeat -129px 0; background-size: 360px; text-indent: -99999px;}
 #header #gnb_box .gnb{position: relative; background-color: #fff; z-index: 1; padding-top:10px; height: 100%; box-sizing: border-box;}
 #header #gnb_box .gnb:before{content: ''; position: absolute; width: 210px; height: 100%; background-color: #fff; box-sizing: border-box;border-right: 1px solid #d8d8d8;top: 0; }
 #header #gnb_box .gnb .gnbA{width: 210px;}
 #header #gnb_box .gnb .gnbA > a{position: relative; display: block; padding: 11px 15px; color: #000; letter-spacing: -1px; transition: ease-in-out 0.15s;}
 #header #gnb_box .gnb .gnbA.on > a, #header #gnb_box .gnb .gnbA.on2 > a, #header #gnb_box .gnb .gnbA > a:hover{border-radius: 5px; background-color: #079751; color: #fff; margin: 0 10px;}
 #header #gnb_box .gnb .gnbA.on > a:before, #header #gnb_box .gnb .gnbA.on2 > a:before, #header #gnb_box .gnb .gnbA > a:hover:before{content: ''; position: absolute; top: 0; left: -5px; width: 5px; height: 100%; background-color: #fff;}
 #header #gnb_box .gnb .gnbB{position: absolute; top: 0; left: 210px; width: 290px; height: 100%; overflow: auto; display: none; background-color:#ededed;}
 #header #gnb_box .gnb .gnbA.on .gnbB{display: block;}
 #header #gnb_box .gnb .gnbB > li > a{position: relative; display: block; padding: 11px 30px 11px 15px; border-bottom: 1px solid #fff; background-color: #ededed; z-index: 0;}
 #header #gnb_box .gnb .gnbB > li > a .gnbB_txt{position: relative; z-index: 0; }
 #header #gnb_box .gnb .gnbB > li > a .gnbB_txt:before{content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 8px; background-color: #ffe16c; z-index: -1; transition: ease-in-out 0.15s;}
 #header #gnb_box .gnb .gnbB > li.on > a .gnbB_txt:before, #header #gnb_box .gnb .gnbB > li.on2 > a .gnbB_txt:before, #header #gnb_box .gnb .gnbB > li > a:hover .gnbB_txt:before{width: 100%;}
 #header #gnb_box .gnb .gnbB > li.gnbBc1 > a { padding-top:20px;}
 #header #gnb_box .gnb .gnbB > li > a span.open, #header #gnb_box .gnb .gnbB > li > a span.close{position: absolute; top: 19px; right: 15px; text-indent: -99999px; width: 12px; height: 7px; display:block;}
 #header #gnb_box .gnb .gnbB > li > a span.open {background:url("/images/subsite_common_mobile/common/layout_sp_2023.png?build_20251030002") no-repeat -333px 0; background-size: 360px;}
 #header #gnb_box .gnb .gnbB > li > a span.close {background:url("/images/subsite_common_mobile/common/layout_sp_2023.png?build_20251030002") no-repeat -333px -16px; background-size: 360px;}
 #header #gnb_box .gnb .gnbB > li.gnbBc1 > a span.arrow{top: 26px;}
 #header #gnb_box .gnb .gnbA .gnbB > li.on > a, #header #gnb_box .gnb .gnbA .gnbB > li.on2 > a{background-color: #ededed;}
 #header #gnb_box .gnb .gnbC_wrap{display: none; padding: 9px 8px; border-bottom: 1px solid #d2d2d2; background-color: #fff;}
 #header #gnb_box .gnb .gnbC{ padding: 8px 5px;}
 #header #gnb_box .gnb .gnbC > li > a{position: relative; display: block; color: #000; padding: 2px 0 2px 14px; font-size: 14px; transition: ease-in-out 0.15s;}
 #header #gnb_box .gnb .gnbC > li.on > a, #header #gnb_box .gnb .gnbC > li.on2 > a, #header #gnb_box .gnb .gnbC > li > a:hover{color: #fff; background-color:#008fcc}
 #header #gnb_box .gnb .gnbC > li > a:before{content: ''; position: absolute; top: 11px; left:5px; width: 4px; height: 4px; background-color: #079751; transition: ease-in-out 0.15s;}
 #header #gnb_box .gnb .gnbC > li.on > a:before, #header #gnb_box .gnb .gnbC > li.on2 > a:before, #header #gnb_box .gnb .gnbC > li > a:hover:before{background-color: #fff;}
 #header #gnb_box ul.gnblink { position:absolute; bottom:50px; z-index:5; width:210px;}
 #header #gnb_box ul.gnblink li { width:140px; margin:0 auto 17px; }
 #header #gnb_box ul.gnblink li a { display:block; text-align:center; position:relative;}
 #header #gnb_box ul.gnblink li a:before { content:""; display:block; margin:0 auto 5px; width:55px; height:55px; background-color:#ffe16c; border-radius:55px;}
 #header #gnb_box ul.gnblink li a:after { content:""; display:block; position:absolute; left:50%; background:url("/images/subsite_common_mobile/common/layout_sp_2023.png?build_20251030002") no-repeat 0 0; background-size: 360px;}
 #header #gnb_box ul.gnblink li.yswww a:after { width:35px; height:18px; top:18px; background-position:-43px -96px; margin-left:-17.5px;}
 #header #gnb_box ul.gnblink li.ystour a:after { width:38px; height:45px;top:10px; background-position:0 -79px; margin-left:-19px; border-radius:0 0 10px 10px;}
 #header #gnb_box .gnb span.newicon{display: inline-block; width: 16px; height: 13px; text-indent: -99999px; background: url("/images/www/common/layout_sp_2023.png?build_20251030002") no-repeat 0 -37px; vertical-align: middle; margin-left: 4px;}
 #header #gnb_box .gnbA.on > a span.newicon, #header #gnb_box .gnbA > a:hover span.newicon, #header #gnb_box .gnbC > li a:hover span.newicon{background-position: -52px -37px;}
 #footer .footer_link .f_util{right: 0;}
 #footer .footer_bottom .inner{padding: 0;}
 #footer .footer_bottom .inner .f_logo{display: none;}
 #footer .footer_bottom .inner .address_box{margin: 0; padding: 0;}
 #footer .mark{display: none;}
 }
 @media screen and (max-width:1000px){ #header .header_bottom .allpage_wrapper .allpage_box { padding:4%;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner {overflow-x :auto;}
 }
 @media screen and (max-width:400px){ /* #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list { margin-right: -800px;}
 #header .header_bottom .allpage_wrapper .allpage_box .allpage_inner .item_box .site_list li { margin: 0 2% 2% 0;}
 */ }