@charset "utf-8"; body{font-weight:300; color:#333;}
 .inner{width:97%; margin:0 auto; max-width: 1300px;}
 #wrap{position:relative; min-width:800px; overflow: hidden;}
 #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: 123px; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7;}
 #wrap.open_aside .dark_base{z-index: 12;}
 #wrap.open_aside #aside_menu{z-index: 13;}
 #wrap.gnb_hover #header{z-index: auto;}
 #wrap.gnb_hover #aside_menu{z-index: auto;}
 #wrap.gnb_hover #aside_menu .open_box{z-index: auto;}
 #wrap.gnb_hover #container{position: relative; z-index: -1;}
 .popup_on #header{z-index: auto !important;}
 .popup_on #aside_menu{z-index: -1 !important;}
 .popup_on #container{position: relative; z-index: -2 !important;}
 .popup_layor_box{position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 13; transform-origin: top right;  transition: ease-in-out 0.4s; opacity: 0; min-width: 800px;}
 .popup_layor_box .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2a548e; background: rgba(42,84,142,0.91); background: linear-gradient(to right, #2a548e, #3cbfb9); opacity: 0.91; z-index: 0;}
 .popup_layor_box .popup_inner{position: relative;  max-width: 1300px; margin: 0 auto; height: 100%; box-sizing: border-box;}
 .popup_layor_box .popup_inner h2.ment{position: absolute; top: 50%; left: 0; width: 358px; height: 254px; background: url(/images/www/main/mayor_sp.png?build_20231206001) no-repeat 0 0; text-indent: -99999px; z-index: 10; transform: translateY(-50%); margin-top: -140px;}
  .popup_layor_box .popup_inner h2.ment_wbt{position: absolute; top: 50%; left: 0; width: 375px; height: 180px; background: url(/images/www/main/mayor_sp_220701_2.png?build_20231206001) no-repeat 0 -291px; text-indent: -99999px; z-index: 10; transform: translateY(-50%); margin-top: -140px;}
 .popup_layor_box .popup_inner .control_box{}
 .popup_layor_box .popup_inner .control_box .util_box{position: absolute; top: 50%; left: 0; right: 0; text-align: center; z-index: 1; margin-top: 300px;}
 .popup_layor_box .popup_inner .control_box .util_box .pager{display: inline-block; vertical-align: middle; color: #fff; font-size: 17px; letter-spacing: -0.5px;}
 .popup_layor_box .popup_inner .control_box .util_box a{display: inline-block; vertical-align: middle; border-radius: 50%; border: 2px solid #fff; text-align: center; width: 24px; height: 24px; line-height: 24px; margin-left: 8px;}
 .popup_layor_box .popup_inner .control_box .util_box a span.icon{display: inline-block; vertical-align: middle; margin-top: -1px; height: 11px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat -183px -88px; text-indent: -99999px;}
 .popup_layor_box .popup_inner .control_box .util_box a.stop span.icon{width: 8px; background-position: -183px -88px;}
 .popup_layor_box .popup_inner .control_box .util_box a.start span.icon{width: 10px; background-position: -201px -88px; margin-left: 2px;}
 .popup_layor_box .popup_inner .control_box > a{position: absolute; top: 50%; width: 80px; height: 80px; margin-top: -40px; background-color: #172333; z-index: 1;}
 .popup_layor_box .popup_inner .control_box > a.prev{left: 0; margin-left: -150px;}
 .popup_layor_box .popup_inner .control_box > a.next{right: 0; margin-right: -150px;}
 .popup_layor_box .popup_inner .control_box > a span.icon{position: absolute; top: 50%; left: 50%; width: 18px; height: 21px; margin: -11px 0 0 -9px; text-indent: -99999px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat -107px -88px;}
 .popup_layor_box .popup_inner .control_box > a.prev span.icon{background-position: -107px -88px;}
 .popup_layor_box .popup_inner .control_box > a.next span.icon{background-position: -145px -88px;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box{position: absolute; top: 50%; transform: translateY(-50%); width: 1300px;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .hidden_list{position: absolute; width: 0; height: 0; text-indent: -99999px; display: none;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real{}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real > div{float: left;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real > .small_popup{width: 66%;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real > .small_popup .bxslider .slide_wrap > div{float: left; width: 48%; margin: 0 0 0 4%;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real > .small_popup .bxslider .slide_wrap > div:first-child{margin-left: 52%; margin-bottom: 3%;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real > .small_popup .bxslider .slide_wrap > div:nth-child(2){margin-left: 0;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real > .big_popup{margin-left: 2%; width: 32%;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real > .big_popup a { display:block;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real > .big_popup a img { display:block;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .slider_real > .big_popup a:focus-visible { border:2px solid #000;}
 /*.popup_layor_box .popup_inner .slide_wrap .slide_box .small_popup img{height: 260px;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box .big_popup img{height: 546px}
*/ .popup_layor_box .popup_inner .closeCheck{position: fixed; top: 43px; right: 143px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.39); display:none;}
 .popup_layor_box .popup_inner .closeCheck label{cursor: pointer;}
 .popup_layor_box .popup_inner .closeCheck label span.icon{display: inline-block; width: 30px; height: 30px; background-color: #fff; vertical-align: middle; margin: -3px 0 0 13px;}
 .popup_layor_box .popup_inner .closeCheck input[type="checkbox"]:checked + label span.icon{background: #fff url("/images/www/common/layout_sp.png?build_20231206001") no-repeat -288px -88px;}
 .popup_layor_box .popup_inner .closeCheck input[type="checkbox"]:focus-visible { outline: 3px solid #000; }
 .popup_layor_box a.close{position: absolute; top: 0; right: 0; width: 90px; color: #fff; padding: 15px 0 16px; background-color: #2a548e; text-align: center; z-index: 1;}
 .popup_layor_box a.close span.icon{position: relative; display: block; width: 46px; height: 46px; margin: 0 auto 10px;}
 .popup_layor_box a.close span.icon:before{content: ''; position: absolute; top: 50%; left: 50%; width: 60px; height: 2px; background-color: #fff; margin: -1px 0 0 -30px; transform: rotate(-45deg);}
 .popup_layor_box a.close span.icon:after{content: ''; position: absolute; top: 50%; left: 50%; width: 60px; height: 2px; background-color: #fff; margin: -1px 0 0 -30px; transform: rotate(45deg);}
 .popup_layor_box a.close span.ment{display: block; font-size: 16px; line-height: 18px;}
 .popup_on #header .header_top .right_box .popup_box > a.popup_btn{position: relative; text-indent: -99999px; z-index: -1;}
 #aside_menu .item > a.open_btn{background-color: rgba(0,0,0,0.3);}
  #header{position: absolute; top: 0; left: 0; right: 0; z-index: 2; transition: ease-in-out 0.3s;}
 #header .header_top{height: 50px; transition: ease-in-out 0.3s;}
 #header .header_top .util_box{float: left;}
 #header .header_top .util_box li{float: left; margin-left: 28px;}
 #header .header_top .util_box li a{display: block; height: 50px; line-height: 50px;}
 #header .header_top .util_box li a:hover{text-decoration: underline;}
 #header .header_top .right_box{float: right; margin-right: 130px;}
 #header .header_top .popup_btn{position: absolute; top: 0; right: 0; width: 90px; height: 50px; line-height: 50px; background-color: #2a548e; color: #fff; text-align: center; display: none;}
 /*#header.header_hover .header_top .popup_btn{display: block;}
*/ #header .header_bottom{position: relative; display: inline-block; width: 100%; margin-bottom: -6px; box-sizing: border-box; padding: 0 120px 0 210px; height: 73px;}
 #header .header_bottom.gnb_active{background-color: #fff;}
 #header .header_bottom .logo{position: absolute; top: 0; left: 28px; z-index: 1;}
 #header .header_bottom .logo a{display: block; height: 73px; line-height: 73px;}
 #header .header_bottom .logo a img{vertical-align: middle; margin-top: -6px;}
 #header .header_bottom .lang{position: absolute; top: 0; right: 90px; z-index: 0;}
 #header .header_bottom .lang > a.lang_btn{display: block; padding: 0 20px; height: 73px; line-height: 73px; color: #000; overflow: hidden;}
 #header .header_bottom .lang > a.lang_btn:hover{text-decoration: underline;}
 #header .header_bottom .lang > a.lang_btn span.icon{display: inline-block; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #172333 transparent; vertical-align: middle; text-indent: -99999px; margin-left: 8px;}
 #header .header_bottom .lang > a.lang_btn.on span.icon{transform: rotateX(180deg);}
 #header .header_bottom .lang > .lang_box{position: absolute; top: 60px; left: -4px; border: 2px solid #2a548e; border-radius: 3px; display: none;}
 #header .header_bottom .lang > .lang_box ul li a{display: block; border-bottom: 1px solid #e3e3e3; background-color: #fff; text-align: center; width: 100px; height: 40px; line-height: 40px; transition: ease-in-out 0.3s;}
 #header .header_bottom .lang > .lang_box ul li:last-child a{border-bottom: 0;}
 #header .header_bottom .lang > .lang_box ul li a:hover{background-color: #2a548e; color: #fff;}
 #header .super_search_box > a{position: absolute; top: 0; right: 0; width: 90px; height: 72px; text-align: center; overflow: hidden; font-size: 14px; transition: ease-in-out 0.3s; background-color: #fff; border-left: 1px solid #d1d1d1; display: none;}
 #header .super_search_box > a span.icon{display: block; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat 0 -39px; text-indent: -99999px; width: 28px; height: 28px; margin: 22px auto 0;}
 #header .super_search_box > .item_inner{position: absolute; top: 72px; right: 0; z-index: 1; display: none;}
 #header.white{background-color: #fff;}
 #header.white .header_top{position: relative;}
 #header.white .header_top:before{content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 1px; background-color: #e8e8e8; z-index: 1;}
 #header.white .header_bottom{border-bottom: 1px solid #e8e8e8;}
 #header.white .header_bottom .lang > a.lang_btn span.icon{border-color: #000 transparent;}
 #header.white .gnbbox_wrap.normal .gnb .gnbA > a{color: #000;}
 .admin_util_box #header.header_hover, .admin_util_box #header.header_sub_hover, .admin_util_box #header.gnb_mini_on{background-color: #fff; z-index: 11;}
 .admin_util_box #header.header_hover .header_top, .admin_util_box #header.header_sub_hover .header_top, .admin_util_box #header.gnb_mini_on .header_top{position: relative; background-color: #2a548e;}
 .admin_util_box #header.header_hover .gnbbox_wrap.normal .gnb .gnbA > a, .admin_util_box #header.header_sub_hover .gnbbox_wrap.normal .gnb .gnbA > a{color: #000;}
 .admin_util_box #header.header_hover .super_search_box > a, .admin_util_box #header.header_sub_hover .super_search_box > a, .admin_util_box #header.gnb_mini_on .super_search_box > a{display: block;}
 .admin_util_box #header.header_hover .header_top .util_box li a{color: #fff;}
 .gnbbox_wrap.normal{text-align: center;}
 .gnbbox_wrap.normal .gnb{display: inline-block; text-align: left; margin-bottom: -6px;}
 .gnbbox_wrap.normal .gnb .gnbA{float: left;}
 .gnbbox_wrap.normal .gnb .gnbA > a{position: relative; display: block; height: 73px; line-height: 73px; color: #fff; font-size: 17px; padding: 0 25px;}
 .gnbbox_wrap.normal .gnb .gnbA > a:before{content: ''; position: absolute; bottom: -1px; left: 50%; width: 0; max-width: 83px; height: 4px; background-color: #2a548e; transform: translateX(-50%); transition: ease-in-out 0.15s; transform-origin: center;}
 .gnbbox_wrap.normal .gnb .gnbA.on > a:before, .gnbbox_wrap.normal .gnb .gnbA > a:hover:before, .gnbbox_wrap.normal .gnb .gnbA.on > a:before, .gnbbox_wrap.normal .gnb .gnbA.gnbA_hover > a:before{width: 100%; transition: ease-in-out 0.3s;}
 .gnbbox_wrap.normal .gnb .gnb_wrap{display: none; position: absolute; top: 73px; left: 0; width: 100%; background-color: #f5f5f5;  z-index: 1; }
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner{}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box{float: left; width: 23.1%; text-align: right; box-sizing: border-box; padding: 21px 88px 21px 0;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box h2{position: relative; display: inline-block; font-size: 43px; line-height: 43px; color: #032a58; max-width: 218px; width: 100%; padding-top: 30px; font-weight: 400; margin-bottom: 16px; z-index: 0;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box h2:before{content: ''; position: absolute; top: 4px; width: 37px; height: 35px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat -231px -88px; z-index: -1;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box h2:after{content: ''; position: absolute; bottom: 1px; left: 0; right: 4px; height: 2px; background-color: #032a58;}
 .gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .title_box h2:before{right: 110px;}
 .gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .title_box h2:before{right: 92px;}
 .gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .title_box h2:before{right: 94px;}
 .gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap .gnb_inner .title_box h2:before{right: 94px;}
 .gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .title_box h2:before{right: 92px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box span{display: block; font-weight: 400;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick{float: left; width: 24.5%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu{padding: 40px 30px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu h3.title{position: relative; display: block; width: 100%; max-width: 218px; font-size: 17px; color: #302f2f; padding: 0 10px; padding-bottom: 17px; margin-bottom: 24px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu h3.title:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #032a58;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box{margin-bottom: 20px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul{display: inline-block; margin-bottom: -6px; width: 100%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li{float: left; width: 32%; margin: 2% 0 0 2%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li:nth-child(3n-2){margin-left: 0;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li:nth-child(n):nth-child(-n+3){margin-top: 0;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a{display: table; border: 1px solid #d2d2d2; text-align: center; width: 100%; height: 109px; transition: ease-in-out 0.3s;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.long_word a{letter-spacing: -1.5px; font-size: 14px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a:hover{border-color: #3C3C3C;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a .quick_inner{display: table-cell; vertical-align: middle;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a span.icon{display: block; margin: 0 auto 10px; height: 47px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat 0 -219px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul{display: inline-block; width: 100%; margin-bottom: -6px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li{float: left; width: 50%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li:nth-child(n):nth-child(-n+3){width: 33.333%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li:first-child{width: 33.3334%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li a{display: block; width: 100%; background-color: #184176; text-align: center; color: #fff; font-size: 15px; height: 50px; line-height: 50px; box-sizing: border-box; border-left: 1px solid #305484;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li:nth-child(1) a, .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li:nth-child(4) a{border-left: 0;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li:nth-child(n):nth-child(-n+3) a{border-bottom: 1px solid #305484;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.facebook a:hover{background-color: #3B5998;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.blog a:hover{background-color: #32B44A;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.instagram a:hover{background: #e22c7e;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.youtube a:hover{background-color: #d2272c;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.kakao_c a:hover{background-color: #f2da00; color: #000;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li a span.icon{display: inline-block; height: 20px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat 0 -169px; vertical-align: middle; margin: -3px 6px 0 0;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.facebook a span.icon{width: 10px; background-position: 0 -169px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.blog a span.icon{width: 12px; background-position: -20px -169px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.instagram a span.icon{width: 19px; background-position: -42px -169px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.youtube a span.icon{width: 23px; background-position: -71px -169px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.kakao_c a span.icon{width: 21px; height: 22px; background-position: -104px -169px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li.kakao_c a:hover span.icon{background-position: -135px -169px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox{}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .ment_box{position: relative; background-color: #2a548e; height: 104px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .ment_box span{position: absolute; top: 27px; left: 26px; width: 231px; height: 48px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat -177px -136px; text-indent: -99999px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .ment_box .bg{position: absolute; top: 22px; right: 21px; width: 95px; height: 62px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat -428px -129px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link{}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul{display: inline-block; width: 100%; margin-bottom: -6px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li{float: left; width: 50%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li:nth-child(n):nth-child(-n+3){width: 33.3333%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li:first-child{width: 33.3334%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li:nth-child(n):nth-child(-n+3) a{border-bottom: 1px solid #305484;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li a{display: block; background-color: #184176; color: #fff; text-align: center; height: 50px; line-height: 50px; font-size: 15px; border-left: 1px solid #305484;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li:nth-child(1) a, .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li:nth-child(4) a{border-left: 0;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li.facebook a:hover{background-color: #3B5998;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li.blog a:hover{background-color: #32B44A;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li.instagram a:hover{background: #e22c7e;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li.youtube a:hover{background-color: #d2272c;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .link ul li.kakao_c a:hover{background-color: #f2da00; color: #000;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap{position: relative; float: left; width: 52.4%; background-color: #fff; z-index: 0;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB{width: 251px; padding: 15px 0; min-height: 441px;}
 /*.gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .gnbB_wrap .gnbB{min-height: 545px;}
*/ .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB:before{content: ''; position: absolute; top: 0; left: 0; width: 251px; height: 100%; background-color: #2a8d86; z-index: -1;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB > li > a{position: relative; display: block; color: #fff; padding: 6px 30px; font-size: 16px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB > li.gnb_hover > a:before, .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB > li.on > a:before, .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap .gnbB > li > a:hover:before{content: ''; position: absolute; top: 0; left: -16px; right: 22px; height: 100%; background-color: #032a58; z-index: -1;}
 .gnbbox_wrap.normal .gnb .gnbC{display: none; position: absolute; top: 0; left: 251px; right: 0; padding: 36px 30px; margin-top: -2%;}
 .gnbbox_wrap.normal .gnb .gnbB > li.on .gnbC{display: block;}
 .gnbbox_wrap.normal .gnb .gnbC > li{float: left; margin: 2% 1% 0;}
 .gnbbox_wrap.normal .gnb .gnbC > li > a{position: relative; display: block; border: 1px solid #d1d1d1; padding: 0 15px; height: 50px; line-height: 50px; color: #302f2f; letter-spacing: -0.08em;}
 .gnbbox_wrap.normal .gnb .gnbC > li > a:before{content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 0 solid #032a58; transition: ease-in-out 0.1s;}
 .gnbbox_wrap.normal .gnb .gnbC > li.on > a:before, .gnbbox_wrap.normal .gnb .gnbC > li > a:hover:before{border-width: 2px;}
 /*.gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap{display: block;}
 .gnbbox_wrap.normal .gnb .gnbA1 .gnbB1 .gnbBc2 .gnbC{display: block;}
*/  .gnbbox_wrap.normal .gnb .gnbA3 .gnbBs3 .gnbC7 .gnbCc7 a{font-size:13px;}
  .gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a span.icon{height: 50px;}
 .gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick01 a span.icon{width: 51px; background-position: -579px -219px;}
 .gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick02 a span.icon{width: 53px; background-position: -86px -219px;}
 .gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick03 a span.icon{width: 32px; background-position: -189px -219px;}
 .gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick04 a span.icon{width: 48px; background-position: -271px -219px;}
 .gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick05 a span.icon{width: 50px; background-position: -369px -219px;}
 .gnbbox_wrap.normal .gnb .gnbA1 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick06 a span.icon{width: 65px; background-position: -469px -219px;}
 .gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a span.icon{height: 47px;}
 .gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick01 a span.icon{width: 41px; background-position: 0 -319px;}
 .gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick02 a span.icon{width: 40px; background-position: -91px -319px;}
 .gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick03 a span.icon{width: 39px; background-position: -181px -319px;}
 .gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick04 a span.icon{width: 53px; background-position: -555px -319px;}
 .gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick05 a span.icon{width: 47px; background-position: -362px -319px;}
 .gnbbox_wrap.normal .gnb .gnbA2 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick06 a span.icon{width: 46px; background-position: -459px -319px;}
 .gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a span.icon{height: 50px;}
 .gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick01 a span.icon{width: 50px; background-position: 0 -416px;}
 .gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick02 a span.icon{width: 53px; background-position: -100px -416px;}
 .gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick03 a span.icon{width: 45px; background-position: -203px -416px;}
 .gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick04 a span.icon{width: 43px; background-position: -298px -416px;}
 .gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick05 a span.icon{width: 40px; background-position: -391px -416px;}
 .gnbbox_wrap.normal .gnb .gnbA3 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick06 a span.icon{width: 40px; background-position: -481px -416px;}
 .gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a span.icon{height: 53px;}
 .gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick01 a span.icon{width: 58px; background-position: 0 -516px;}
 .gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick02 a span.icon{width: 51px; background-position: -108px -516px;}
 .gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick03 a span.icon{width: 37px; background-position: -577px -416px;}
 .gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick04 a span.icon{width: 44px; background-position: -322px -516px;}
 .gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick05 a span.icon{width: 54px; background-position: -416px -516px;}
 .gnbbox_wrap.normal .gnb .gnbA4 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick06 a span.icon{width: 55px; background-position: -520px -516px;}
 .gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a span.icon{height: 48px;}
 .gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick01 a span.icon{width: 45px; background-position: 0 -619px;}
 .gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick02 a span.icon{width: 44px; background-position: -95px -619px;}
 .gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick03 a span.icon{width: 48px; background-position: -189px -619px;}
 .gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick04 a span.icon{width: 46px; background-position: -287px -619px;}
 .gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick05 a span.icon{width: 49px; background-position: -383px -619px;}
 .gnbbox_wrap.normal .gnb .gnbA5 .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li.quick06 a span.icon{width: 39px; background-position: -482px -619px;}
 .gnb_bg{position: absolute; top: 73px; left: 0; width: 100%; background-color: rgba(0,0,0,0.74); z-index: -1;}
  .gnbbox_wrap.mini{display: none;}
 #aside_menu{position: absolute; top: 0; right: 0; bottom: 0; padding-top: 122px; z-index: 11; letter-spacing: -0.5px;}
 #wrap.gnb_hover #aside_menu .open_box > a.open_box_btn{display: none;}
 #wrap.close_active #aside_menu:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 #wrap #aside_menu .aside_bg{position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.74); z-index: -3; display: none;}
 #aside_menu .open_box_inner{display: none;}
 #header.gnb_active + #aside_menu{bottom: auto;}
 #header.gnb_active + #aside_menu .open_box{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.28); text-align: center; overflow: hidden; font-size: 14px; line-height: 14px; transition: ease-in-out 0.3s; background-color: #696969; box-sizing: border-box;}
 #aside_menu .item > a.open_btn span.icon{display: block; background: url("/images/www/common/layout_sp.png?build_20231206001") 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;}
 #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 > a.open_btn{background-color: #000 !important;}
 .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;}
 #aside_menu .item .item_inner a.close{position: absolute; top: 0; left: 0; width: 66px; height: 66px; text-indent: -99999px;}
 #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_20231206001") 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; 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: 16px;}
 .quick_list_type01 ul li:last-child a{border-bottom: 0;}
 .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_20231206001") 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_20231206001") 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.relation .cont_box .openbox{position: relative; margin-top: 10px;}
 #aside_menu .item.relation .cont_box .openbox:first-child{margin-top: 0;}
 #aside_menu .item.relation .cont_box .openbox > .open_btn{position: relative; display: block; height: 50px; line-height: 50px; padding: 0 50px 0 20px; color: #fff; overflow: hidden; transition: ease-in-out 0.3s;}
 #aside_menu .item.relation .cont_box .openbox.family_site > .open_btn{background-color: #2a8e86;}
 #aside_menu .item.relation .cont_box .openbox.dong > .open_btn{background-color: #2a548e;}
 #aside_menu .item.relation .cont_box .openbox.village > .open_btn{background-color: #2c9327;}
 #aside_menu .item.relation .cont_box .openbox > .open_btn:hover{background-color: #c83232;}
 #aside_menu .item.relation .cont_box .openbox > .open_btn:hover + .openbox_inner{border-color: #c83232;}
 #aside_menu .item.relation .cont_box .openbox > .open_btn span.icon{position: absolute; top: 50%; right: 20px; width: 13px; height: 7px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat -43px -738px; text-indent: -99999px; margin-top: -3.5px; transition: ease-in-out 0.3s;}
 #aside_menu .item.relation .cont_box .openbox > .open_btn span.icon.close{transform: rotateX(180deg);}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner{border: 2px solid;}
 #aside_menu .item.relation .cont_box .openbox.family_site > .openbox_inner{border-color: #2a8e86;}
 #aside_menu .item.relation .cont_box .openbox.dong > .openbox_inner{border-color: #2a548e;}
 #aside_menu .item.relation .cont_box .openbox.village > .openbox_inner{border-color: #2c9327;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 ul{display: inline-block; width: 100%; margin-bottom: -6px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li{float: left; width: 50%;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li a{display: table; width: 100%; height: 62px; padding: 0 12px; box-sizing: border-box;  transition: ease-in-out 0.3s; font-size: 14px}
 /*#aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li:nth-child(2n) a{border-left: 1px solid #e3e3e3;}
*/ #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li:nth-child(n):nth-child(-n+2) a{border-top: 0}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li a:hover{background-color: #ffd33a;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li a .box{display: table-cell; vertical-align: middle;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li a .box span.icon{display: inline-block; width: 42px; height: 42px; background: #eae9e9 url("/images/www/common/layout_sp.png?build_20231206001") no-repeat 0 -765px; vertical-align: middle; margin: 0 8px 0 0; border-radius: 50%; transition: ease-in-out 0.3s;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li a .box span.txt{display: inline-block; vertical-align: middle; line-height: 18px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item01 a .box span.icon{background-position: 0 -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item02 a .box span.icon{background-position: -52px -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item03 a .box span.icon{background-position: -104px -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item04 a .box span.icon{background-position: -156px -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item05 a .box span.icon{background-position: -208px -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item06 a .box span.icon{background-position: -260px -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item07 a .box span.icon{background-position: -312px -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item08 a .box span.icon{background-position: -364px -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item09 a .box span.icon{background-position: -416px -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item10 a .box span.icon{background-position: -468px -765px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item11 a .box span.icon{background-position: 0 -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item12 a .box span.icon{background-position: -52px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item13 a .box span.icon{background-position: -104px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item14 a .box span.icon{background-position: -156px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item15 a .box span.icon{background-position: -208px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item16 a .box span.icon{background-position: -260px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item17 a .box span.icon{background-position: -312px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item18 a .box span.icon{background-position: -364px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item19 a .box span.icon{background-position: -416px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item20 a .box span.icon{background-position: -468px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item21 a .box span.icon{background-position: -520px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item22 a .box span.icon{background-position: -572px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item23 a .box span.icon{background-position: -621px -817px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item24 a .box span.icon{background-position: -519px -768px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item25 a .box span.icon{background-position: -573px -768px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li.item26 a .box span.icon{background-position: -620px -766px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type01 li a:hover .box span.icon{background-color: #fff;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type02{}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type02 ul{overflow: hidden;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type02 ul li{float: left; width: 50%;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type02 ul li.wide a{font-size: 11px; padding: 0 30px 0 20px;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type02 ul li a{position: relative; display: block; padding: 0 50px 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #e3e3e3; transition: ease-in-out 0.3s;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type02 ul li a:hover{background-color: #ffd33a;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type02 ul li:last-child a{border-bottom: 0;}
 #aside_menu .item.relation .cont_box .openbox > .openbox_inner.type02 ul li a span.icon{position: absolute; top: 50%; right: 20px; width: 6px; height: 11px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat -43px -717px; text-indent: -99999px; margin: -5.5px 0 0 -3px;}
 #aside_menu .item.relation .cont_box .openbox.village > .openbox_inner.type02 ul li a{padding: 0 30px 0 10px;}
  #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_20231206001") 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 5px; background: url("/images/www/common/layout_sp.png?build_20231206001") 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_20231206001") 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_20231206001") 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 .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_20231206001") 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_20231206001") 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: 15px 30px; font-weight: 400;}
 #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;}
 #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: 15px 30px; font-weight: 400; 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_20231206001") 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_20231206001") no-repeat -141px -717px; text-indent: -99999px; margin-bottom: 7px;}
 #aside_menu .item.smart .cont_box .title_box p{display: block; color: #222;}
 #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_20231206001") no-repeat -304px -717px; text-indent: -99999px; vertical-align: middle; margin: -3px 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_20231206001") 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: 20px; width: 111px; height: 74px; background: url("/images/www/common/layout_sp.png?build_20231206001") 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_20231206001") no-repeat -380px -682px; text-indent: -99999px; margin-bottom: 7px;}
 #aside_menu .item.work .cont_box .title_box p{display: block; color: #222;}
 #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: 0; left: 0; padding: 0 17px; height: 46px; line-height: 46px; cursor: text;}
 #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_20231206001") 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_20231206001") 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: #000; 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: #000; 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;}
 #footer{position: relative;}
 #footer .inner{position: relative;}
 #footer .footer_top{background-color: #172333;}
 #footer .footer_top .inner{height: 44px; padding: 18px 0;}
 #footer .footer_top .inner .tab_box{float: left; width: 19.2%; margin-left: 1%; position: relative;}
 #footer .footer_top .inner .tab_box:first-child{margin-left: 0;}
 #footer .footer_top .inner .tab_box > a{display: block; height: 42px; line-height: 42px; border: 1px solid rgba(160,160,160,0.34); color: #fff; position: relative; padding: 0 20px; font-size: 15px;}
 #footer .footer_top .inner .tab_box > a:hover{background-color: #404040; transition: ease-in-out 0.15s;}
 #footer .footer_top .inner .tab_box > a span{position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; text-indent: -99999px; margin-top: -6px;}
 #footer .footer_top .inner .tab_box > a span:before{content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background-color: #707780; margin: -1px 0 0 -6px;}
 #footer .footer_top .inner .tab_box > a span:after{content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background-color: #707780; margin: -6px 0 0 -1px;}
 #footer .footer_top .inner .tab_box > a:hover span:before, #footer .footer_top .inner .tab_box > a:hover span:after{background-color: #fff;}
 #footer .footer_top .inner .tab_box > a span.open{}
 #footer .footer_top .inner .tab_box > a span.close:aftrer{content: none;}
 #footer .footer_top .inner .tab_box .linkbox{display: none; position: absolute; bottom: 61px; min-width: 100%; border: 1px solid #172333; background-color: #fff; padding: 25px; overflow: hidden; z-index: 11;}
 #footer .footer_top .inner .tab_box.sitebox01 .linkbox{width: 360px; left: 0;}
 #footer .footer_top .inner .tab_box.sitebox02 .linkbox{width: 240px; left: 0;}
 #footer .footer_top .inner .tab_box.sitebox03 .linkbox{width: 400px; right: 0;}
 #footer .footer_top .inner .tab_box.sitebox04 .linkbox{width: 230px; left: 0;}
 #footer .footer_top .inner .tab_box.sitebox05 .linkbox{width: 440px; right: 0;}
 #footer .footer_top .inner .tab_box .linkbox ul li{float: left;}
 #footer .footer_top .inner .tab_box .linkbox.lot ul li{width: 24.25%; margin-left: 1%;}
 #footer .footer_top .inner .tab_box .linkbox.lot ul li:nth-child(4n-3){margin-left: 0;}
 #footer .footer_top .inner .tab_box .linkbox.normal ul li{width: 49.5%;}
 #footer .footer_top .inner .tab_box .linkbox.normal ul li:nth-child(2n){margin-left: 1%;}
 #footer .footer_top .inner .tab_box .linkbox ul li a{display: block; padding: 3px 0;}
 #footer .footer_top .inner .tab_box .linkbox ul li a:hover{text-decoration: underline;}
 #footer .footer_top .inner .tab_box .linkbox .close{position: absolute; top: 10px; right: 10px; text-indent: -99999px; width: 21px; height: 21px;}
 #footer .footer_top .inner .tab_box .linkbox .close:before{content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #172333; margin: -1px 0 0 -10px; transform: rotate(-45deg);}
 #footer .footer_top .inner .tab_box .linkbox .close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background-color: #172333; margin: -1px 0 0 -10px; transform: rotate(45deg);}
 #footer .footer_top .inner .tab_box .linkbox .close:hover{transform: rotate(180deg); transition: ease-in-out 0.3s;}
 #footer .footer_bottom{background-color: #fff; padding: 30px 0;}
 #footer .footer_bottom .inner{position: relative; width: 100%; padding: 0 0 0 116px; height: 74px; transition: ease-in-out 0.3s; box-sizing: border-box;}
 #footer .footer_bottom .inner .f_cont{float: left; margin-left: 52px;}
 #footer .footer_link{display: inline-block; width: 100%; border-bottom: 1px solid #d2d2d2;}
 #footer .footer_link .inner {height: 67px; line-height: 67px; display: block; overflow: hidden;}
 #footer .gotop{position: absolute; top: 0; right: 0; width: 70px; height: 67px; background-color: #c83232; color: #fff; overflow: hidden; text-align: center; font-size: 14px; line-height: 20px; z-index: 1; transition: ease-in-out 0.3s;}
 #footer .gotop:hover{background-color: #2a548e;}
 #footer .gotop span.icon{position: relative; display: block; width: 14px; height: 8px; margin: 19px auto 3px;}
 #footer .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;}
 #footer .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;}
 #footer .footer_link ul{display: inline-block; width: 100%; margin-bottom: -10px;}
 #footer .footer_link li{float: left; margin: 0 50px 10px 0; transition: ease-in-out 0.3s;}
 #footer .footer_link li a{display: block; color: #000; font-size: 16px; line-height: 20px;}
 #footer .footer_link li.protection a{font-weight: 400;}
 #footer .footer_link li a:hover{text-decoration: underline;}
 #footer .footer_bottom .inner .f_logo{float: left; margin: 10px 0 0 -116px;}
 #footer .footer_bottom .inner .f_logo p{display: block; width: 87px; height: 51px; text-indent: -99999px; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat 0 -88px;}
 #footer .footer_bottom .inner .address_box{float: left; color: #000; font-size: 16px; margin-left: -116px; padding-left: 116px;}
 #footer .footer_bottom .inner .address_box address span{margin-left: 4px;}
 #footer .footer_bottom .inner .web_accessibility {position: absolute; right: 0;}
 #footer .mark{position: absolute; bottom: 30px; right: 0;}
 #footer .mark ul li{float: left; background: url("/images/www/common/layout_sp.png?build_20231206001") no-repeat; text-indent: -99999px;}
 #footer .mark ul li{width: 105px; height: 74px; background-position: 0 -207px;}
 @media screen and (max-width: 1790px){ .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_bigbox .ment_box .bg{display: none;}
 }
 @media screen and (min-width:1551px){ .gnbbox_wrap.normal .gnb .gnbC > li{width: 31.3333%;}
 /* .gnbbox_wrap.normal .gnb .gnbC > li.long_word{width: 64.6%;}
*/ /*.gnbbox_wrap.normal .gnb .gnbC > li:nth-child(3n-2){margin-left: 0;}
 .gnbbox_wrap.normal .gnb .gnbC > li:nth-child(n):nth-child(-n+3){margin-top: 0;}
*/ }
 @media screen and (min-width:1551px) and (max-width:1600px){ .gnbbox_wrap.normal .gnb .gnbC{padding: 25px 20px}
 .gnbbox_wrap.normal .gnb .gnbC > li{width: 48%;}
 .gnbbox_wrap.normal .gnb .gnbC > li.long_word{width: 98%;}
 }
 @media screen and (max-width:1600px){ .popup_layor_box .popup_inner h2.ment{left: 90px;}
 .popup_layor_box .popup_inner .control_box > a{position: fixed;}
 .popup_layor_box .popup_inner .control_box > a.prev{margin-left: 0;}
 .popup_layor_box .popup_inner .control_box > a.next{margin-right: 0;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box{width: 100%; padding: 0 110px; box-sizing: border-box;}
 .popup_layor_box .popup_inner .slide_wrap .slide_box img{width: 100%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu{padding: 40px 30px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .quick_box ul li a .quick_inner{letter-spacing: -1px; font-size: 14px;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick .hotmenu .sns_box ul li a{font-size: 14px;}
 }
 @media screen and (max-width:1550px){ .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .title_box{display: none;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnbB_wrap{width: 64%; margin-left: 2%;}
 .gnbbox_wrap.normal .gnb .gnb_wrap .gnb_inner .gnb_quick{width: 34%;}
 .gnbbox_wrap.normal .gnb .gnbC{padding: 25px 20px}
 .gnbbox_wrap.normal .gnb .gnbC > li{width: 48%;}
 .gnbbox_wrap.normal .gnb .gnbC > li.long_word{width: 98%;}
 /*.gnbbox_wrap.normal .gnb .gnbC > li:nth-child(2n-1){margin-left: 0;}
 .gnbbox_wrap.normal .gnb .gnbC > li:nth-child(n):nth-child(-n+2){margin-top: 0;}
*/ .gnbbox_wrap.normal .gnb .gnbC > li > a{letter-spacing: -1px;}
 /* .gnbbox_wrap.normal .gnb .gnbC > li.long_word > a{font-size: 13px;}
*/ }
 @media screen and (min-width:1201px){ .popup_layor_box .popup_inner .slide_wrap{display: block;}
 .popup_layor_box .popup_inner .mini_slide_wrap{display: none;}
 }
 @media screen and (max-width:1300px){ .popup_layor_box .popup_inner h2.ment{left: 50%; margin-left: -477px; margin-top: -110px; width: 284px; height: 199px; background-size: 280px;}
 }
 @media screen and (max-width:1200px){ .popup_layor_box .popup_inner h2.ment{margin-left: -310px; margin-top: -83px;}
 .popup_layor_box .popup_inner .slide_wrap{display: none;}
 .popup_layor_box .popup_inner .mini_slide_wrap .slide_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px;}
 .popup_layor_box .popup_inner .mini_slide_wrap{display: block; max-width: 900px; margin: 0 auto;}
 .popup_layor_box .popup_inner .mini_slide_wrap .slider_real > div{float: left; width: 48%;}
 .popup_layor_box .popup_inner .mini_slide_wrap .small_popup{float: left; margin-top: 286px;}
 .popup_layor_box .popup_inner .mini_slide_wrap .small_popup img{ height: 210px;}
 .popup_layor_box .popup_inner .mini_slide_wrap .big_popup{float: left; margin-left: 4%; margin-top: 59px;}
 .popup_layor_box .popup_inner .mini_slide_wrap .big_popup img{ height: 437px;}
 #header .header_top .util_box li.hide{display: none;}
 }
 @media screen and (max-width:1100px){ #header .header_bottom .logo{left: 50%; margin-left: -85.5px;}
 .gnbbox_wrap.normal{display: none;}
 .gnbbox_wrap.mini{display: block;}
 .gnbbox_wrap.mini .go_fullmenu{position: absolute; top: 0; left: 0; width: 80px; height: 72px;}
 .gnbbox_wrap.mini .go_fullmenu > .line{position: absolute; top: 50%; left: 50%; width: 30px; height: 25px; transform: translate(-50%,-50%);}
 .gnbbox_wrap.mini .go_fullmenu > .line > div{position: absolute; width: 30px; height: 3px; left: 0; background-color: #000; transition: ease-in-out 0.6s;}
 #header.white .gnbbox_wrap.mini .go_fullmenu > .line > div, #header.header_hover .gnbbox_wrap.mini .go_fullmenu > .line > div, #header.header_sub_hover .gnbbox_wrap.mini .go_fullmenu > .line > div, #header.gnb_mini_on .gnbbox_wrap.mini .go_fullmenu > .line > div{background-color: #111;}
 .gnbbox_wrap.mini .go_fullmenu > .line > div.line01{top: 0;}
 .gnbbox_wrap.mini .go_fullmenu > .line > div.line02{top: 50%; transform: translateY(-50%);}
 .gnbbox_wrap.mini .go_fullmenu > .line > div.line03{bottom: 0;}
 .gnb_mini_on .gnbbox_wrap.mini .go_fullmenu > .line > div.line01{top: 50%; transform: translateY(-50%) rotate(315deg); margin-top: -1.5px;}
 .gnb_mini_on .gnbbox_wrap.mini .go_fullmenu > .line > div.line02{display: none;}
 .gnb_mini_on .gnbbox_wrap.mini .go_fullmenu > .line > div.line03{bottom: 50%; transform: translateY(-50%) rotate(-315deg); margin-bottom: -1.5px;}
 #header #gnb_box{position: fixed; top: 123px; left: -100%; max-width: 430px; width: 100%; height: 100%; z-index: 100; padding-left: 5px; background-color: #40434c; overflow: auto;}
 #header #gnb_box .gnb{position: relative; background-color: #fff; z-index: 1;}
 #header #gnb_box .gnb:before{content: ''; position: absolute; width: 180px; height: 100%; background-color: #40434c; box-sizing: border-box; z-index: -1;}
 #header #gnb_box .gnb .gnbA{width: 180px;}
 #header #gnb_box .gnb .gnbA > a{position: relative; display: block; padding: 11px 15px; border-bottom: 1px solid #40434c; color: #fff; letter-spacing: -1px; font-weight: 100;}
 #header #gnb_box .gnb .gnbA.on > a{background-color: #2c70b0; background-color: #fff; color: #000;}
 #header #gnb_box .gnb .gnbA.on > a: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: 180px; height: 100%; overflow: auto; display: none;}
 #header #gnb_box .gnb .gnbA.on .gnbB{display: block;}
 #header #gnb_box .gnb .gnbB > li{}
 #header #gnb_box .gnb .gnbB > li > a{position: relative; display: block; padding: 11px 30px 11px 15px; border-bottom: 1px solid #d9d9d9;}
 #header #gnb_box .gnb .gnbB > li > a span.open, #header #gnb_box .gnb .gnbB > li > a span.close{position: absolute; top: 18px; right: 15px; text-indent: -99999px; width: 12px; height: 12px;}
 #header #gnb_box .gnb .gnbB > li > a span.open:before, #header #gnb_box .gnb .gnbB > li > a span.close:before{content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background-color: #40434c; margin: -1px 0 0 -6px;}
 #header #gnb_box .gnb .gnbB > li > a span.open:after{content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 12px; background-color: #40434c; margin: -6px 0 0 -1px;}
 #header #gnb_box .gnb .gnbA .gnbB > li.on > a{background-color: #ffcd33;}
 #header #gnb_box .gnb .gnbC_wrap{display: none; padding: 9px 15px; border-bottom: 1px solid #d2d2d2; background-color: #fff;}
 #header #gnb_box .gnb .gnbC {display: none; border-bottom: 1px solid #d2d2d2; background-color: #fff; background-color: #f3f3f3; padding: 8px 10px;}
 #header #gnb_box .gnb .gnbC > li{}
 #header #gnb_box .gnb .gnbC > li > a{position: relative; display: block; color: #000; padding: 2px 0 2px 9px; font-size: 14px;}
 #header #gnb_box .gnb .gnbC > li.on > a{color: #db3400;}
 #header #gnb_box .gnb .gnbC > li > a:before{content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50px; background-color: #797979;}
 #header #gnb_box .gnb .gnbC > li.on > a:before{background-color: #db3400;}
 #footer .footer_top .inner .tab_box{width: 24.25%;}
 #footer .footer_top .inner .tab_box:last-child{display: none;}
 }
 @media screen and (max-width:920px){ #footer .footer_bottom .inner{height: 94px;}
 #footer .footer_link li{margin-right: 15px;}
 #footer .footer_bottom .inner .f_cont .address_box address span{display: block; margin-left: 0;}
 }
 @media screen and (max-width:900px){ #footer .footer_top .inner .tab_box.sitebox01 > a{font-size: 14px;}
 }
 @media screen and (max-width:820px){ #footer .footer_top .inner .tab_box.sitebox01 > a{font-size: 13px;}
 }
  #aside_menu .item.super_search .cont_box form#smart_search > input#search_submit{position: absolute;right: 0; top: 0; background: #fff url("/total_search/images/search_btn.png") 10px 8px no-repeat; border: none; display: block; text-indent: -999em; width: 50px; height: 45px; cursor: pointer;}
 #aside_menu .item.super_search .cont_box form{border: 2px solid #007ec5;}