@charset "utf-8";  /*html{overflow: hidden;}
*/ #wrap{overflow: auto; }
 #wrap.sub_page .popup_layor_box{z-index: -10;}
 #header{z-index: 11;}
 #header .inner, #footer .inner { max-width: 1400px;}
 #container{padding-top: 150px;}
 #content{min-height: 312px;}
  .sub_vis {position: relative; height: 92px; background: #0d8e64; background: linear-gradient(to right, #2a548e, #01a654);}
 .sub_vis .inner {padding-left: 365px; padding-right: 226px; box-sizing: border-box; max-width: 1400px; position: relative;}
 .sub_vis #path{float: left; margin: 36px 0 10px; color:#fff; line-height:18px;}
 .sub_vis #path a{position: relative; display: inline-block; color: #fff; font-size: 16px; margin: 0 8px; vertical-align: middle; line-height: 24px; border-bottom: 1px solid #fff;}
 .sub_vis #path a.home { width: 20px; height: 20px; background: url("/images/subsite_common/sub/sub_sp.png?build_20250707005?build_20241121001") no-repeat -10px -10px; text-indent: -99999px; margin: 0 3px 0 0; padding: 0;}
 .sub_vis #path a.home:before, .sub_vis #path a.home:after{content: none;}
 .sub_inner{clear: both; }
 .sub_inner.inner {max-width: 1400px;}
 .sub_inner > div{position: relative; float: left;}
 .sub_inner #left{width: 300px; margin-right: -320px; z-index: 2;}
 .sub_inner #left .title_box{background: #fac426; display: table; font-size: 32px; line-height: 30px; width: 100%; text-align: center; height: 120px; margin-top: -53px; border-radius: 10px 50px 0 0; color: #333333;}
 .sub_inner #left .title_box .title{display: table-cell; vertical-align: middle; font-weight: 300; text-align: left; padding: 0 25px; letter-spacing: -2px;}
 .sub_inner #left .title_box .title span{display: block; font-size: 14px; color: #464646; font-weight: 300; letter-spacing: normal;}
 .sub_inner #left #SubMenu{padding-bottom: 100px;}
 .sub_inner #left #SubMenu .snb{border: solid #dfdfdf; border-width: 0 1px;}
 #SubMenu .snb .snbA > a{position: relative; display: block; padding: 20px 40px 20px 30px; font-size: 17px; color: #171717; background-color: #fff; transition: ease-in-out 0.3s; border-bottom: 1px solid #dfdfdf;}
 #SubMenu .snb .snbA > a:before, #SubMenu .snb .snbA > a:after{content: ''; position: absolute; top: 0; width: 1px; height: 100%; z-index: 1; transition: ease-in-out 0.3s;}
 #SubMenu .snb .snbA > a:before{left: -1px;}
 #SubMenu .snb .snbA > a:after{right: -1px;}
 #SubMenu .snb .snbA.now > a, #SubMenu .snb .snbA.on > a, #SubMenu .snb .snbA > a:hover{background-color: #2a548e; color: #fff; }
 #SubMenu .snb .snbA.now > a:before, #SubMenu .snb .snbA.on > a:before, #SubMenu .snb .snbA > a:hover:before, #SubMenu .snb .snbA.now > a:after, #SubMenu .snb .snbA.on > a:after, #SubMenu .snb .snbA > a:hover:after{background-color: #2a548e;}
 #SubMenu .snb .snbA > a span.more{position: absolute; top: 23px; right: 22px; width: 12px; height: 12px; text-indent: -99999px;}
 #SubMenu .snb .snbA > a span.more:before{content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background-color: #858585; margin: -1px 0 0 -6px; transition: ease-in-out 0.3s;}
 #SubMenu .snb .snbA > a span.more:after{content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background-color: #858585; margin: -6px 0 0 -1px; transition: ease-in-out 0.3s;}
 #SubMenu .snb .snbA > a span.more.close:after{content: none;}
 #SubMenu .snb .snbA.now > a span.more:before, #SubMenu .snb .snbA.now > a span.more:after, #SubMenu .snb .snbA.on > a span.more:before, #SubMenu .snb .snbA.on > a span.more:after, #SubMenu .snb .snbA > a:hover span.more:before, #SubMenu .snb .snbA > a:hover span.more:after{background-color: #fff;}
 #SubMenu .snb .snbA .snbB{display: none; background-color: #f7f7f7; padding:17px 12px 17px 30px; border-bottom: 1px solid #dfdfdf;}
 #SubMenu .snb .snbA.now .snbB{display: block;}
 #SubMenu .snb .snbA .snbB > li > a{position: relative; display: block; color: #505050; padding: 1px 0 1px 8px;}
 #SubMenu .snb .snbA .snbB > li > a:before{content: ''; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background-color: #007dc6; border-radius: 5px;}
 #SubMenu .snb .snbA .snbB > li > a:hover { color:#000; font-weight:500; text-decoration: underline;}
 #SubMenu .snb .snbA .snbB > li.now > a, #SubMenu .snb .snbA .snbB > li.on > a{color: #2a548e; text-decoration: underline; font-weight:500;}
 #wrap .snb a.newwin .newicon { background: url("/images/www/main/main_sp_new.png?build_20250707005") no-repeat -209px -161px; width:16px; height:15px; margin:1px 0 0 6px;}
 #wrap .snb a.newwin:hover .newicon { background-position:-229px -161px;}
 #wrap .snb .snbB a.newwin:hover .newicon, #wrap .snb .snbB a.newwin:focus .newicon { background-position:-229px -161px;}
 .sub_inner #right{position: relative; padding-left: 374px; z-index: 1; width: 100%; box-sizing: border-box; margin: 50px 0 67px; }
 .contents_tools { margin: 30px 0 25px; right: -2%;}
 .contents_tools .content_util > li .util_box { right: 28px;}
 #right .cont_titlebox{position: relative; padding-right: 180px; padding-bottom: 32px; background: url("/images/subsite_common/sub/title_line.png?build_20250707005") repeat-x bottom; margin-bottom: 33px;}
 #right .cont_titlebox h3{display: block; font-size: 32px; font-weight: 400; line-height: 34px;}
 #right .cont_titlebox .sns_box{position: absolute; top: -2px; right: 0;}
 #right .cont_titlebox .sns_box ul li{float: left; margin-left: 8px;}
 #right .cont_titlebox .sns_box ul li:first-child{margin-left: 0;}
 #right .cont_titlebox .sns_box ul li a{display: block; width: 38px; height: 38px; text-indent: -99999px; background: url("/images/subsite_common/sub/sub_sp.png?build_20250707005") no-repeat -60px 0; transition: ease-in-out 0.3s; border-radius: 50%;}
 #right .cont_titlebox .sns_box ul li.facebook a{background-position: -60px 0; background-color: #2a548e;}
 #right .cont_titlebox .sns_box ul li.twitter a{background-position: -106px 0; background-color: #000;}
 #right .cont_titlebox .sns_box ul li.kakaostory a{background-position: -152px 0; background-color: #fac426;}
 #right .cont_titlebox .sns_box ul li.band a{background-position: -198px 0; background-color: #01a654;}
 #right .cont_titlebox .sns_box ul li a:hover{box-shadow: 2px 3px 4px rgba(0,0,0,0.6);}
 .section_wrap{margin-bottom: 40px;}
 .section_wrap > ul.section{display: inline-block; width: 100%; margin-bottom: -6px;}
 .section.depth4 > li{float: left; width: 25%;}
 .section.depth4 > li > a{display: block; text-align: center; height: 52px; line-height: 52px; border: 1px solid #c2c2c2; border-width: 0 1px 1px 0; font-size: 16px; transition: ease-in-out 0.3s;}
 .section.depth4 > li:first-child > a{border-left-width: 1px;}
 .section.depth4 > li.on > a, .section.depth4 > li > a:hover{color: #fff; background-color: #2a548e;}
 .section.depth4 > li > a.newwin .newicon {background: url("/images/www/main/main_sp_new.png?build_20250707005") no-repeat -209px -161px; width:16px; height:15px; margin:1px 0 0 6px;}
 .section.depth4 > li > a.newwin:focus .newicon{ background-position: -249px -161px;}
 .section.depth4 > li > a.newwin:hover .newicon{background-position: -249px -161px;}
 .section.depth4 > li a .hidden_select { display: block; text-indent: -999999px; width: 0; height: 0;}
 .section_wrap.five > .depth4 > li{width: 20%;}
 .section_wrap.five > .depth4 > li:nth-child(5n-4) > a{border-left-width: 1px;}
 .section_wrap.five > .depth4 > li:nth-child(n):nth-child(-n+5) > a{border-top-width: 1px;}
 .section_wrap.four > .depth4 > li{width: 25%;}
 .section_wrap.four > .depth4 > li:nth-child(4n-3) > a{border-left-width: 1px;}
 .section_wrap.four > .depth4 > li:nth-child(n):nth-child(-n+4) > a{border-top-width: 1px;}
 .section_wrap.three > .depth4 > li{width: 33.3333%;}
 .section_wrap.three > .depth4 > li:nth-child(3n-2){width: 33.3334%;}
 .section_wrap.three > .depth4 > li:nth-child(3n-2) > a{border-left-width: 1px;}
 .section_wrap.three > .depth4 > li:nth-child(n):nth-child(-n+3) > a{border-top-width: 1px;}
 .section.depth5{border: 2px solid #2a548e; padding: 15px 29px; box-sizing: border-box; margin-top: -30px;}
 .section.depth5 > li{float: left; margin-right: 30px;}
 .section.depth5 > li > a{position: relative; padding-left: 10px; transition: ease-in-out 0.3s;}
 .section.depth5 > li > a:before{content: ""; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background-color: #2a548e; transition: ease-in-out 0.3s; border-radius: 5px;}
 .section.depth5 > li.on > a, .section.depth5 > li > a:hover{color: #c83232;}
 .section.depth5 > li.on > a:before, .section.depth5 > li > a:hover:before{background-color: #c83232;}
 .section.depth5 > li > a.newwin .newicon {background: url("/images/www/main/main_sp_new.png?build_20250707005") no-repeat -209px -161px; width:16px; height:15px; margin:1px 0 0 6px;}
 .section.depth5 > li > a.newwin:hover .newicon {background-position: -269px -161px;}
 .section.depth5 > li > a .hidden_select { display: block; text-indent: -999999px; width: 0; height: 0;}
 #Satisfaction{position:relative; clear:both; border:1px solid #d4d4d4; padding:25px 20px;}
 #Satisfaction > p{font-size:16px; color:#000;line-height:16px;}
 #Satisfaction form ul{height:15px; margin-top:25px; }
 #Satisfaction form ul li{float:left; margin-right:35px; line-height:15px;}
 #Satisfaction form ul li input[type="radio"]{margin:0; cursor: pointer;}
 #Satisfaction form ul li label{padding-left: 7px; cursor: pointer; font-size: 16px;}
 #Satisfaction form .open_input_area{position:absolute; top:20px; left:345px; color:#fff; background-color:#606060; font-size:14px; border-radius:50px; padding:0 15px; line-height:30px; font-weight: 300;}
 #Satisfaction form .re_input_area{position:absolute; bottom:0; left:0; border:3px solid #403a3a; width:99.5%; background-color:#fff; display:none; z-index: 10;}
 #Satisfaction form .re_input_area label[for="point_text"]{position:absolute; top:11px; left:18px;}
 #Satisfaction form .re_input_area .simple_box{float:left; padding:0; margin:0; border:0; height:44px; line-height:44px; font-size:15px; font-weight:300;}
 #Satisfaction form .re_input_area input[type="text"]{width:79%; padding:0 2%; background-color:#f4f3f3; font-size:15px;}
 #Satisfaction form .re_input_area input[type="submit"]{width:10%; color:#fff; background-color:#1a4589;}
 #Satisfaction form .re_input_area a.opinion_reg{width:10%; text-align:center; color:#fff; background-color:#1a4589;}
 #Satisfaction form .re_input_area a.cancel_input{width:7%; text-align:center; color:#fff; background-color:#595f68;}
 #Satisfaction form .save_btn{position: absolute; top: 20px; left: 445px; color: #fff; background-color: #4264a3; font-size: 15px; border-radius: 50px; padding: 0 15px; line-height: 30px; font-weight: 300;}
 #Satisfaction .result{position: absolute; bottom: 25px; right: 20px;}
 #Satisfaction .result a{display: block; width: 85px; height: 30px; line-height: 30px; text-align: center; background-color: #606060; color: #fff; font-size: 15px; font-weight: 300; border-radius: 50px;}
 @media screen and (min-width:1101px) and (max-width:1500px){ .section.depth4 > li > a{font-size: 15px; letter-spacing: -1px;}
 }
 @media screen and (max-width:1380px){ .sub_vis .inner { padding-left: 340px;}
 .sub_inner #right{ padding-left:350px;}
 }
 @media screen and (max-width:1230px){ .sub_vis .inner { padding-left: 288px;}
 .sub_inner #left { width: 250px;}
 .sub_inner #right { padding-left: 288px;}
 }
 @media screen and (max-width:1100px){ .path_bg{display: none;}
 .sub_vis .inner{padding-left: 0;}
 #left{display: none;}
 .sub_inner #right{padding: 0 1.5%;}
 }
 #admin_info dl .part_cnt { font-weight: 300;}
 #admin_info dl .part { width: 170px;}
 #admin_info dl .part span { background-position: 0 1px;}
  #aside_menu{position: fixed; top: 0; right: 0; bottom: 0; padding-top: 80px; width: 90px; z-index: 11; letter-spacing: -0.5px;}
 #aside_menu .item > a.open_btn{background-color: rgba(0,0,0,0.3);}
 #aside_menu .item.super_search > a.open_btn{height: 73px; background-color: #162d4d;}
 #aside_menu .open_box > a.open_box_btn{display: block; background-color: #162d4d; width: 100%; height: 71px; color: #fff; border-top: 1px solid #162d4d; text-align: center; overflow: hidden; line-height: 75px; transition: ease-in-out 0.3s;}
 #aside_menu .open_box > a.open_box_btn span.icon{position: relative; display: inline-block; width: 27px; height: 27px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -356px 0; vertical-align: middle; margin-top: -3px; z-index: 0;}
 #aside_menu .open_box > a.open_box_btn span.icon:before{content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 27px; background-color: #fff; transform: rotate(0); opacity: 0; margin: -14px 0 0 -1px;}
 #aside_menu .open_box > a.open_box_btn span.icon:after{content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 27px; background-color: #fff; transform: rotate(0); opacity: 0; margin: -14px 0 0 -1px;}
 #aside_menu .open_box > a.open_box_btn span.ment{display: none; color: #fefefe; font-size: 14px; letter-spacing: -0.5px;}
 #aside_menu .open_box.open > a.open_box_btn{line-height: 1.7em;}
 #aside_menu .open_box.open > a.open_box_btn span.icon{background: #162d4d; margin: 12px 0 0px;}
 #aside_menu .open_box.open > a.open_box_btn span.icon:before{transform: rotate(-45deg); opacity: 1; animation: open_btn_before ease 0.3s;}
 #aside_menu .open_box.open > a.open_box_btn span.icon:after{transform: rotate(45deg); opacity: 1; animation: open_btn_after ease 0.3s;}
 #aside_menu .open_box.open > a.open_box_btn span.ment{display: block;}
 @keyframes open_btn_before{ from{transform: rotate(45deg);}
 to{transform: rotate(-45deg);}
 }
 @keyframes open_btn_after{ from{transform: rotate(-45deg);}
 to{transform: rotate(45deg);}
 }
 #aside_menu .open_box_inner { display: none;}
 #aside_menu .item.popup_box{height: 50px; margin-top: -122px;}
 #aside_menu .item.popup_box > a.popup_btn{display: block; width: 90px; height: 50px; line-height: 50px; color: #fff; background-color: #2a548e; text-align: center; transition: ease-in-out 0.3s;}
 #aside_menu .item.popup_box > a.popup_btn:hover{background-color: #c83232;}
 #aside_menu .item.super_search{position: relative; height: 73px;}
 #aside_menu .item.super_search > a.open_btn{border-bottom: 0;}
 #aside_menu .item.super_search:before{content: ''; position: absolute; top: 72px; left: 0; right: 0; height: 1px; background-color: rgba(255,255,255,0.28); z-index: 1;}
 #header.header_hover + #aside_menu .item.super_search:before, #header.header_sub_hover + #aside_menu .item.super_search:before, #header.gnb_mini_on + #aside_menu .item.super_search:before{background-color: #d1d1d1;}
 #aside_menu .item.super_search > a.open_btn span.icon{width: 28px; height: 28px; background-position: 0 0; margin: 22px auto 0;}
 #header.header_hover + #aside_menu .item.super_search > a.open_btn, #header.header_sub_hover + #aside_menu .item.super_search > a.open_btn, #header.gnb_mini_on + #aside_menu .item.super_search > a.open_btn{background-color: #fff; border-left: 1px solid #d1d1d1;}
 #header.header_hover + #aside_menu .item.super_search > a.open_btn:hover{background-color: #ffd33a;}
 #wrap.open_aside #aside_menu .item.super_search > a.open_btn{border: 0;}
 #header.header_hover + #aside_menu .item.super_search > a.open_btn span.icon, #header.header_sub_hover + #aside_menu .item.super_search > a.open_btn span.icon, #header.gnb_mini_on + #aside_menu .item.super_search > a.open_btn span.icon, #wrap.open_aside #header.header_hover + #aside_menu .item.super_search > a.open_btn:hover span.icon, #wrap.open_aside #header.header_hover + #aside_menu .item.super_search.show > a.open_btn span.icon{background-position: 0 -39px;}
 #wrap.open_aside #header.header_hover + #aside_menu .item.super_search > a.open_btn span.icon{background-position: 0 0;}
 #aside_menu .item > a.open_btn{display: block; width: 90px; height: 90px; color: #fff; border-bottom: 1px solid #fff; border-bottom-color: rgba(255,255,255,0.2); text-align: center; overflow: hidden; font-size: 14px; line-height: 14px; transition: ease-in-out 0.3s; background-color: #2a548e; box-sizing: border-box;}
 #aside_menu .item > a.open_btn span.icon{display: block; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat 0 0; text-indent: -99999px; margin: 20px auto 10px;}
 .open_aside #aside_menu .item.show > a.open_btn span.icon, .open_aside #aside_menu .item > a.open_btn:hover span.icon{background-position: 0 -39px;}
 #aside_menu .item.relation > a.open_btn span.icon{width: 27px; height: 29px; background-position: -37px 0;}
 #aside_menu .item.relation > a.cont_box .openbox_inner .type02 ul li .wide a{font-size: 11px;}
 #aside_menu .item.weather > a.open_btn span.icon{width: 41px; height: 27px; background-position: -74px 0;}
 #aside_menu .item.smart > a.open_btn span.icon{width: 27px; height: 23px; background-position: -125px 0;}
 #aside_menu .item.work > a.open_btn span.icon{width: 25px; height: 22px; background-position: -162px 0; margin-top: 15px;}
 #aside_menu .item.edu > a.open_btn span.icon{width: 34px; height: 29px; background-position: -197px 0;}
 #aside_menu .item.budget > a.open_btn span.icon{width: 29px; height: 24px; background-position: -241px 0;}
 #aside_menu .item.statistics > a.open_btn span.icon{width: 25px; height: 25px; background-position: -280px 0;}
 #aside_menu .item.event > a.open_btn span.icon{width: 31px; height: 28px; background-position: -315px 0;}
 #aside_menu .item.traffic > a.open_btn span.icon{width: 35px; height: 28px; background-position: -392px 0;}
 .open_aside #aside_menu .item.show > a.open_btn, .open_aside #aside_menu .item > a.open_btn:hover{background-color: #fff !important; color: #000 !important;}
 .open_aside #aside_menu .item.relation.show > a.open_btn span.icon, .open_aside #aside_menu .item.relation > a.open_btn:hover span.icon{width: 27px; height: 29px; background-position: -37px -39px;}
 .open_aside #aside_menu .item.weather.show > a.open_btn span.icon, .open_aside #aside_menu .item.weather > a.open_btn:hover span.icon{width: 41px; height: 27px; background-position: -74px -39px;}
 .open_aside #aside_menu .item.smart.show > a.open_btn span.icon, .open_aside #aside_menu .item.smart > a.open_btn:hover span.icon{width: 27px; height: 23px; background-position: -125px -39px;}
 .open_aside #aside_menu .item.work.show > a.open_btn span.icon, .open_aside #aside_menu .item.work > a.open_btn:hover span.icon{width: 25px; height: 22px; background-position: -162px -39px;}
 .open_aside #aside_menu .item.edu.show > a.open_btn span.icon, .open_aside #aside_menu .item.edu > a.open_btn:hover span.icon{width: 34px; height: 29px; background-position: -197px -39px;}
 .open_aside #aside_menu .item.budget.show > a.open_btn span.icon, .open_aside #aside_menu .item.budget > a.open_btn:hover span.icon{width: 29px; height: 24px; background-position: -241px -39px;}
 .open_aside #aside_menu .item.statistics.show > a.open_btn span.icon, .open_aside #aside_menu .item.statistics > a.open_btn:hover span.icon{width: 25px; height: 25px; background-position: -280px -39px;}
 .open_aside #aside_menu .item.event.show > a.open_btn span.icon, .open_aside #aside_menu .item.event > a.open_btn:hover span.icon{width: 31px; height: 28px; background-position: -315px -39px;}
 #aside_menu .item .item_inner{position: fixed; top: 0; right: 90px; width: 420px; height: 100%; display: none; padding-left: 66px; z-index: -2;}
 #aside_menu .item.show .item_inner{display: block !important;}
 #aside_menu .item .item_inner .cont_box{position: relative; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; padding: 30px; overflow: auto; border-left: 1px solid #162d4d;}
 #aside_menu .item .item_inner a.close{position: absolute; top: 0; left: 0; width: 66px; height: 66px; text-indent: -99999px; background-color: #162d4d;}
 #aside_menu .item .item_inner a.close:before{content: ''; position: absolute; top: 50%; left: 50%; width: 48px; height: 2px; background-color: #fff; margin: -1px 0 0 -24px; transform: rotate(45deg);}
 #aside_menu .item .item_inner a.close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 48px; height: 2px; background-color: #fff; margin: -1px 0 0 -24px; transform: rotate(-45deg);}
 .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;}
  #aside_menu .item.super_search .cont_box form{position: relative; border: 2px solid #2a548e; height: 45px; line-height: 45px; padding: 0 60px 0 0;}
 #aside_menu .item.super_search .cont_box form label{position: absolute; top: 0; left: 0; padding: 0 20px; color: #3a3a3a; height: 45px; line-height: 45px; cursor: text;}
 #aside_menu .item.super_search .cont_box form input[type="text"]{padding: 0 20px; border: 0; margin: 0; background: none; color: #3a3a3a; display: block; width: 100%; box-sizing: border-box; height: 45px; line-height: 45px;}
 #aside_menu .item.super_search .cont_box form button[type="submit"]{position: absolute; top: 0; right: 20px; width: 45px; height: 45px; background: none; border: 0; padding: 0; cursor: pointer;}
 #aside_menu .item.super_search .cont_box form button[type="submit"] span.icon{position: absolute; top: 50%; left: 50%; width: 23px; height: 24px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat 0 -717px; text-indent: -99999px; margin: -12px 0 0 -12px;}
 .quick_list_type01{clear: both; margin-top: 20px;}
 .quick_list_type01 strong{display: block; padding: 0 25px; background-color: #2a5482; color: #fff; height: 49px; line-height: 49px; font-size: 17px;}
 .quick_list_type01 ul{padding: 6px 15px 0; background-color: #f2f2f2;}
 .quick_list_type01 ul li{}
 .quick_list_type01 ul li a{position: relative; display: block; height: 44px; line-height: 44px; padding: 0 20px 0 0; border-bottom: 1px solid #dee2e8; font-size: 15px;}
 .quick_list_type01 ul li a span.icon{position: absolute; top: 50%; right: 7px; width: 6px; height: 11px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -43px -717px; text-indent: -99999px; margin: -5.5px 0 0 -3px;}
 .quick_list_type01.bookmark_menu strong{background-color: #2c9327;}
 .quick_list_type01.bookmark_menu ul li a{padding-left: 23px;}
 .quick_list_type01.bookmark_menu ul li a:before{content: ''; position: absolute; top: 50%; left: 11px; width: 4px; height: 4px; background-color: #2a548e; margin-top: -2px;}
 .quick_list_type01.hot_search strong span.icon{display: inline-block; width: 52px; height: 17px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -69px -717px; text-indent: -99999px; vertical-align: middle; margin: -3px 0 0 13px;}
 .quick_list_type01.hot_search ul li a span.num{display: inline-block; width: 26px; height: 26px; line-height: 26px; border-radius: 50%; background-color: #c53333; color: #fff; vertical-align: middle; margin: -3px 8px 0 0; text-align: center; font-weight: 100;}
 .quick_list_type01.hot_search ul li:nth-child(3) ~ li a span.num{background-color: #6b6b6b;}
  #aside_menu .item.weather .cont_box{padding: 0;}
 #aside_menu .item.weather .info_box{position: relative; background: url("/images/www/common/quick_weather_bg.jpg?build_20250707005") no-repeat center bottom; background-size: cover; padding: 50px 0 40px; text-align: center;}
 #aside_menu .item.weather .info_box .title_box{}
 #aside_menu .item.weather .info_box .title_box h2{color: #fff; font-size: 17px; letter-spacing: 0.1px;}
 #aside_menu .item.weather .info_box .title_box h2 span.icon{display: block; width: 110px; height: 32px; margin: 0 auto 11px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat 0 -990px; text-indent: -99999px;}
 #aside_menu .item.weather .info_box .weather_box{margin-top: 25px; color: #fff;}
 #aside_menu .item.weather .info_box .weather_box .main_info{}
 #aside_menu .item.weather .info_box .weather_box .main_info .now{position: relative; border-radius: 50%; width: 128px; height: 128px; border: 4px solid rgba(255,255,255,0.37); margin: 0 auto 20px; font-size: 24px; font-weight: 400;}
 #aside_menu .item.weather .info_box .weather_box .main_info .now span.icon{display: block; height: 57px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat 0 -1042px; text-indent: -99999px; margin: 17px auto 7px;}
 #aside_menu .item.weather .info_box .weather_box .main_info .now.none span.icon{width: 70px; background-position: 0 -1042px;}
 #aside_menu .item.weather .info_box .weather_box .main_info .now.sunny span.icon{width: 56px; background-position: -90px -1042px;}
 #aside_menu .item.weather .info_box .weather_box .main_info .now.rainy span.icon{width: 46px; background-position: -166px -1042px;}
 #aside_menu .item.weather .info_box .weather_box .main_info .now.cloudy span.icon{width: 82px; background-position: -232px -1042px;}
 #aside_menu .item.weather .info_box .weather_box .main_info .now.sunnycloudy span.icon{width: 70px; background-position: -334px -1042px;}
 #aside_menu .item.weather .info_box .weather_box .main_info .now.snow span.icon{width: 60px; background-position: -424px -1042px;}
 #aside_menu .item.weather .info_box .weather_box .main_info .now.night span.icon{width: 60px; background-position: -504px -1042px;}
 #aside_menu .item.weather .info_box .weather_box .main_info .temp_box{font-size: 17px; letter-spacing: -0.3px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .graph_box{height: 60px; padding: 0 25px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon{}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul{display: inline-block; width: 100%; margin-bottom: -6px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul li{float: left; width: 25%;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul li span.icon{display: block; height: 34px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat 0 -1129px; text-indent: -99999px; margin: 0 auto 5px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul li span.icon.none{width: 42px; background-position: 0 -1129px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul li span.icon.sunny{width: 35px; background-position: -62px -1129px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul li span.icon.rainy{width: 29px; background-position: -117px -1129px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul li span.icon.cloudy{width: 50px; background-position: -166px -1129px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul li span.icon.sunnycloudy{width: 43px; background-position: -236px -1129px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul li span.icon.snow{width: 41px; background-position: -299px -1129px;}
 #aside_menu .item.weather .info_box .weather_box .sub_info .weather_time_icon ul li span.icon.night{width: 47px; background-position: -360px -1129px;}
 #aside_menu .item.weather .dust{padding: 25px; background-color: #fff;}
 #aside_menu .item.weather .dust h3 { margin-bottom: 8px; margin-top: 20px !important;}
 #aside_menu .item.weather .dust .top_box{display: inline-block; width: 100%; margin-bottom: -6px;}
 #aside_menu .item.weather .dust .top_box .info_wrap{float: left;}
 #aside_menu .item.weather .dust .top_box .info_wrap h3{display: inline-block; vertical-align: middle;}
 #aside_menu .item.weather .dust .top_box .info_wrap p{display: inline-block; vertical-align: middle; font-size: 18px; color: #191919;}
 #aside_menu .item.weather .dust .top_box .info_wrap p span.txt{font-size: 26.5px; color: #db3400; font-weight: 400; margin-left: 10px;}
 #aside_menu .item.weather .dust .top_box .info_wrap p span.icon{display: inline-block; width: 53px; height: 23px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -130px -990px; text-indent: -99999px; margin: -3px 0 0 6px; vertical-align: text-top;}
 #aside_menu .item.weather .dust .top_box .state{float: right;}
 #aside_menu .item.weather .dust .top_box .state span.icon{display: block; height: 30px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -203px -990px; text-indent: -99999px;}
 #aside_menu .item.weather .dust .top_box .state.good span.icon{width: 85px; background-position: -203px -990px;}
  #aside_menu .item.weather .dust .top_box .state.normal span.icon{width: 120px; background-position: -308px -990px;}
  #aside_menu .item.weather .dust .top_box .state.bad span.icon{width: 92px; background-position: -448px -990px;}
  #aside_menu .item.weather .dust .mid_box{position: relative; box-sizing: border-box; padding: 25px 0 46px; overflow: hidden;}
 #aside_menu .item.weather .dust .now_dust{position: relative; margin-top: 18px; width: 100%;}
 #aside_menu .item.weather .dust .now_dust .base_graph{display: inline-block; width: 100%; margin-bottom: -5px;}
 #aside_menu .item.weather .dust .now_dust .base_graph > div{position: relative; float: left; width: 24.925%; border-radius: 50px; background-color: #014da1; height: 8px; margin-left: 0.1%;}
 #aside_menu .item.weather .dust .now_dust .base_graph > div.active ~ div{background-color: #c0c0c0;}
 #aside_menu .item.weather .dust .now_dust .base_graph > div:first-child{margin-left: 0;}
 #aside_menu .item.weather .dust .now_dust .base_graph > div span{position: absolute; top: 12px; font-size: 14px; color: #4c4c4c;}
 #aside_menu .item.weather .dust .now_dust .base_graph > div .text01{left: 0;}
 #aside_menu .item.weather .dust .now_dust .base_graph > div .text02{right: 0;}
 #aside_menu .item.weather .dust .now_dust .active_wrap{position: relative; top: -25px;}
 #aside_menu .item.weather .dust .now_dust .active_wrap.graph01{width: 25%;}
 #aside_menu .item.weather .dust .now_dust .active_wrap.graph02{width: 25%; margin-left: 25%;}
 #aside_menu .item.weather .dust .now_dust .active_wrap.graph03{width: 25%; margin-left: 50%;}
 #aside_menu .item.weather .dust .now_dust .active_wrap.graph04{width: 25%; margin-left: 75%;}
 #aside_menu .item.weather .dust .now_dust .active_item{position: absolute; top: -25px; left: 0; border-radius: 50px; background-color: #3597ca; text-align: center; width: 50px; height: 27px; line-height: 27px; color: #fff; margin-left: -25px; font-size: 14px;}
 #aside_menu .item.weather .dust .now_dust .active_item:before{content: ''; position: absolute; bottom: -4px; left: 50%; border-style: solid; border-width: 5px 6.5px 0 6.5px; border-color: #3597ca transparent; margin-left: -6.5px;}
 #aside_menu .item.weather .dust .bottom_box{border: 1px solid #d4d4d4; background-color: #f2f2f2; padding: 22px 30px 18px; }
 #aside_menu .item.weather .dust .bottom_box ul{display: inline-block; width: 100%; margin-bottom: -6px;}
 #aside_menu .item.weather .dust .bottom_box strong{float: left; width: 45%;}
 #aside_menu .item.weather .dust .bottom_box .figure{float: left; width: 34%; text-align: left; font-weight:300;}
 #aside_menu .item.weather .dust .bottom_box .state{float: left; width: 21%; text-align: center;}
 #aside_menu .item.weather h3.smell{ margin-top: 10px;}
 #aside_menu .item.weather .dust .bottom_box2{border: 1px solid #414351; background-color: #414351; padding: 23px 30px 15px; color: #fff;}
 #aside_menu .item.weather .dust .bottom_box.foul_odor_list li {display: block; overflow: hidden; width: 100%;}
  #aside_menu .item.smart .cont_box .title_box{position: relative; padding-bottom: 14px;}
 #aside_menu .item.smart .cont_box .title_box .bg{position: absolute; bottom: 0; right: 20px; width: 94px; height: 81px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat 0 -879px;}
 #aside_menu .item.smart .cont_box .title_box h2{display: block; width: 143px; height: 22px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -141px -717px; text-indent: -99999px; margin-bottom: 7px;}
 #aside_menu .item.smart .cont_box .title_box p{display: block; color: #222; font-size: 15px;}
 #aside_menu .item.smart .cont_box .quick_list_type02{margin-top: 15px;}
 #aside_menu .item.smart .cont_box .quick_list_type02.latest{margin-top: 0;}
 #aside_menu .item.smart .cont_box .quick_list_type02 h3.title{display: block; color: #fff; padding: 0 20px; height: 50px; line-height: 50px;}
 #aside_menu .item.smart .cont_box .quick_list_type02.latest h3.title{background-color: #1ea0a5;}
 #aside_menu .item.smart .cont_box .quick_list_type02.my_bookmark h3.title{background-color: #e2591c;}
 #aside_menu .item.smart .cont_box .quick_list_type02 h3.title span.icon{display: inline-block; width: 23px; height: 23px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -304px -717px; text-indent: -99999px; vertical-align: middle; margin: 0 5px 0 0;}
 #aside_menu .item.smart .cont_box .quick_list_type02.latest h3.title span.icon{background-position: -304px -717px;}
 #aside_menu .item.smart .cont_box .quick_list_type02.my_bookmark h3.title span.icon{background-position: -337px -717px;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .scroll_box{max-height: 500px; overflow: auto; scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner{border: solid #e3e3e3; border-width: 0 1px 1px 1px; background-color: #f7f4f1; padding: 24px;}
 #aside_menu .item.smart .cont_box .quick_list_type02.my_bookmark .quick_list_inner{padding: 0 24px;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .select_box{position: relative;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .select_box .select_open_btn{position: relative; display: block; padding: 0 41px 0 20px; border: 2px solid #1ea0a5; height: 41px; line-height: 41px; background-color: #fff;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .select_box .select_open_btn span.icon{position: absolute; top: 50%; right: 20px; width: 11px; height: 6px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -512px -717px; text-indent: -99999px; margin-top: -3px;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .select_box .select_list{display: none; position: absolute; top: 100%; left: 0; width: 100%; border: solid #e3e3e3; border-width: 0 1px 1px; z-index: 1; box-sizing: border-box; padding:5px 20px; background: #fff;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .select_box .select_list ul{}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .select_box .select_list ul li a{display: block; border-bottom: 1px solid #e3e3e3; height: 40px; line-height: 40px; padding: 0 20px; background-color: #fff;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .select_box .select_list ul li:last-child a{border-bottom: 0;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .list_box{padding: 8px 0;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .list_box li a{position: relative; display: block; padding-left: 20px; height: 44px; line-height: 44px; border-bottom: 1px solid #e3e3e3;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .list_box li:last-child a{border-bottom: 0;}
 #aside_menu .item.smart .cont_box .quick_list_type02 .quick_list_inner .list_box li a:before{content: ''; position: absolute; top: 50%; left: 7px; width: 4px; height: 4px; background-color: #1ea0a5; margin-top: -2px;}
 #aside_menu .item.smart .cont_box .quick_list_type02.my_bookmark .quick_list_inner .list_box li a:before{background-color: #e2591c;}
  #aside_menu .item.work .cont_box .title_box{position: relative; padding-bottom: 14px;}
 #aside_menu .item.work .cont_box .title_box .bg{position: absolute; bottom: 0; right: 7px; width: 111px; height: 74px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -114px -879px;}
 #aside_menu .item.work .cont_box .title_box h2{display: block; width: 103px; height: 22px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -380px -682px; text-indent: -99999px; margin-bottom: 7px;}
 #aside_menu .item.work .cont_box .title_box p{display: block; color: #222; font-size: 15px;}
 #aside_menu .item.work form{position: relative; border: 2px solid #e2591c; width: 100%; padding-left: 115px; box-sizing: border-box;}
 #aside_menu .item.work form .select_box{position: absolute; top: 0; left: 0; width: 115px;}
 #aside_menu .item.work form .select_box .selectric{padding-right: 35px; padding: 0 35px 0 15px;}
 #aside_menu .item.work form .select_box .selectric-label{height: 46px; line-height: 46px;}
 #aside_menu .item.work form .select_box .selectric-button{position: absolute; top: 50%; right: 17px; width: 0; height: 0; background: none; border-style: solid; border-width: 8px 6px 0 6px; border-color: #db3400 transparent; padding: 0; margin: -4px 0 0 0; text-indent: -99999px; cursor: pointer;}
 #aside_menu .item.work form .select_box .selectric-items li{font-size: 14px;}
 #aside_menu .item.work form .select_box .selectric-items li.highlighted, #aside_menu .item.work form .select_box .selectric-items li.selected{background-color: #c83232;}
 #aside_menu .item.work form .select_box .selectric-items li.highlighted a, #aside_menu .item.work form .select_box .selectric-items li.selected a{color: #fff;}
 #aside_menu .item.work form .work_search_box{position: relative; padding-right: 52px; margin-left: 2px;}
 #aside_menu .item.work form .work_search_box:before{content: ''; position: absolute; top: 50%; left: -2px; width: 2px; height: 18px; background-color: #cdcdcd; margin-top: -9px;}
 #aside_menu .item.work form .work_search_box label{position:absolute;top:-9999em;left:0;user-select:none;font-size:1rem;}
 #aside_menu .item.work form .work_search_box #work_search_input{border: 0; margin: 0; padding: 0 17px; height: 46px; line-height: 46px; background: none;}
 #aside_menu .item.work form .work_search_box #work_search_btn{position: absolute; top: 0; right: 0; background: none; border: 0; padding: 0; margin: 0; width: 52px; height: 46px; cursor: pointer;}
 #aside_menu .item.work form .work_search_box #work_search_btn span.icon{position: absolute; top: 50%; left: 50%; width: 26px; height: 25px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -466px -717px; text-indent: -99999px; margin: -13.5px 0 0 -13px;}
 #aside_menu .item.work .quick_item{margin: 15px 0;}
 #aside_menu .item.work .quick_item ul{display: inline-block; width: 100%; margin-bottom: -6px;}
 #aside_menu .item.work .quick_item ul li{float: left; width: 48%;}
 #aside_menu .item.work .quick_item ul li:nth-child(2n-1){margin-right: 4%;}
 #aside_menu .item.work .quick_item ul li:nth-child(n):nth-child(-n+2){margin-bottom: 4%;}
 #aside_menu .item.work .quick_item ul li a{position: relative; display: block; height: 143px; overflow: hidden; border: 1px solid #d4d4d4; text-align: center; transition: ease-in-out 0.15s;}
 #aside_menu .item.work .quick_item ul li a:hover{border-color: #2a548e;}
 #aside_menu .item.work .quick_item ul li a:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid transparent; transition: ease-in-out 0.15s;}
 #aside_menu .item.work .quick_item ul li a:hover:before{border-color: #2a548e;}
 #aside_menu .item.work .quick_item ul li a span.icon{display: block; height: 79px; margin: 18px auto 6px; background: url("/images/www/common/layout_sp.png?build_20250707005") no-repeat -245px -879px;}
 #aside_menu .item.work .quick_item ul li.item01 a span.icon{width: 66px; background-position: -245px -879px;}
 #aside_menu .item.work .quick_item ul li.item02 a span.icon{width: 70px; background-position: -331px -879px;}
 #aside_menu .item.work .quick_item ul li.item03 a span.icon{width: 64px; background-position: -421px -879px;}
 #aside_menu .item.work .quick_item ul li.item04 a span.icon{width: 62px; background-position: -505px -879px;}
 #aside_menu .work .quick_list_type01.department_info strong{background-color: #2a548e;}
 #aside_menu .work .quick_list_type01.list02 ul{display: inline-block; width: 100%; margin-bottom: -6px; box-sizing: border-box;}
 #aside_menu .work .quick_list_type01.list02 ul li{float: left; width: 50%;}
 #aside_menu .work .quick_list_type01.list02 ul li a{padding: 0 0 0 20px;}
 #aside_menu .work .quick_list_type01.list02 ul li a:before{content: ''; position: absolute; top: 50%; left: 11px; width: 4px; height: 4px; background-color: #2a548e; margin-top: -2px;}
 #wrap.open_aside ~ .nicescroll-rails{z-index: 13 !important;}
 #wrap.open_aside #aside_menu{position: fixed; background-color: #2a548e; overflow: auto; height: 100%; padding: 0;}
 #wrap.open_aside #aside_menu:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #2a548e; z-index: -1;}
 #wrap.open_aside #aside_menu .item{height: 12.5%; min-height: 84px;}
 #wrap.open_aside #aside_menu .item > a.open_btn{min-height: 84px;}
 #wrap.open_aside #aside_menu .item.popup_box{height: 50px; min-height: 50px; margin-top: 0;}
 #wrap.open_aside #aside_menu .item.super_search{height: 73px; min-height: 73px;}
 #wrap.open_aside #aside_menu .item.super_search > a.open_btn{min-height: 73px;}
 @media screen and (max-width:1590px){#aside_menu { display: none;}
}