@charset "utf-8"; body{font-weight:300; color:#333;} .inner{width:97%; margin:0 auto; max-width: 1290px;} #wrap{min-width:1290px; position:relative; letter-spacing: -0.5px; } #wrap_hide{display: none; position: absolute; top: 149px; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7;} #header{position: relative; padding-right: 200px; z-index: 2;} #header .inner{text-align: center; width: 100%; height: 94px;} #header h1{position: absolute; top: 0; left: 50px; height: 94px; line-height: 94px;} #header h1 a{display: block; height: 100%;} #header h1 a img{vertical-align: middle;} #header .gnb_box{display: inline-block; text-align: left; margin-bottom: -6px;} #header .right_util{position: absolute; top: 0; right: 0; text-align: left;} #header .right_util > li{position: relative; float: left; margin-left: 25px; z-index: 0;} #header .right_util > li:first-child{margin-left: 0;} #header .right_util > li > a{display: block; height: 94px; line-height: 94px;} #header .right_util > li > a.util_open{display: block; width: 95px; background-color: #c10d1b; text-align: center;} #header .right_util > li > a.util_open span.icon{display: inline-block; width: 27px; height: 27px; text-indent: -99999px; background: url("/images/najuart/common/layout_sp.png?build_20250704001") no-repeat 0 0; vertical-align: middle;} #header .right_util > li > .quickmenu_box{position: absolute; top: 100%; right: 0; width: 100%; background-color: #c83232; } #header .right_util > li > .quickmenu_box > ul > li > a{position: relative; display: block; height: 95px; overflow: hidden; text-align: center; color: #fff; font-size: 14.5px;} #header .right_util > li > .quickmenu_box > ul > li:first-child > a:before{content: ''; position: absolute; bottom: 0; left: 50%; width: 57px; height: 1px; background-color: #d04f4f; background-color: rgba(255,255,255,0.14); margin-left: -29px;} #header .right_util > li > .quickmenu_box > ul > li > a span.icon{display: block; background: url("/images/najuart/common/layout_sp.png?build_20250704001") no-repeat 0 0; margin: 20px auto 7px;} #header .right_util > li > .quickmenu_box > ul > li.quick_search > a span.icon{width: 26px; height: 27px; background-position: -47px 0;} #header .right_util > li > .quickmenu_box > ul > li.quick_site > a span.icon{width: 30px; height: 31px; background-position: -93px 0;} #header .right_util > li > .quickmenu_box .quick_search_box{position: absolute; top: 0; right: 100%; padding: 24px 28px; background-color: #c83232; height: 95px; box-sizing: border-box; display: none} #header .right_util > li > .quickmenu_box .quick_search_box form{position: relative; padding-right: 68px; border: 2px solid #2a548e; height: 100%;} #header .right_util > li > .quickmenu_box .quick_search_box form label{position: absolute; top: 0; left: 20px; height: 47px; line-height: 47px; font-size: 16px; color: #333;} #header .right_util > li > .quickmenu_box .quick_search_box form input{display: block; margin: 0; padding: 0 20px; border: 0; background-color: #fff; height: 100%;} #header .right_util > li > .quickmenu_box .quick_search_box form button{position: absolute; top: 0; right: 0; width: 68px; height: 100%; background-color: #2a548e; color: #fff; margin: 0; padding: 0; text-align: center; border: 0; font-size: 16px;} .gnb_box .gnb{} .gnb_box .gnb .gnbA{position: relative; float: left;} .gnb_box .gnb .gnbA > a{position: relative; display: block; height: 94px; line-height: 94px; text-align: center; padding: 0 15px; font-size: 18px; transition: ease-in-out 0.3s;} .gnb_box .gnb .gnbA.on > a, .gnb_box .gnb .gnbA > a:hover{color: #c83232;} .gnb_box .gnb .gnb_wrap{position: absolute; top: 79px; left: 50%; transform: translateX(-50%); z-index: 52; background-color: #fff; border: 2px solid #384f56; display: none;} .gnb_box .gnb .gnb_wrap.open{z-index: 53;} .gnb_box .gnb .gnb_wrap:before{content: ''; position: absolute; top: 0; left: 50%; width: 18px; height: 7px; background: url("/images/najuart/common/layout_sp.png?build_20250704001") no-repeat -25px -51px; margin-left: -9px; transition: ease-in-out 0.3s; z-index: -1;} .gnb_box .gnb .gnb_wrap.complete:before{top: -9px;} .gnb_box .gnb .gnb_wrap .gnbB > li{position: relative; border-bottom: 1px solid #dbdbdb;} .gnb_box .gnb .gnb_wrap .gnbB > li:last-child{border-bottom: 0;} .gnb_box .gnb .gnb_wrap .gnbB > li > a{position: relative; display: block; padding: 16px 60px 16px 20px; font-size: 16px; color: #212121; white-space: nowrap; min-width: 100px; background-color: #fff;} .gnb_box .gnb .gnb_wrap .gnbB > li.on > a, .gnb_box .gnb .gnb_wrap .gnbB > li > a:hover, .gnb_box .gnb .gnb_wrap .gnbB > li.open > a{background-color: #2a548e; color: #fff;} .gnb_box .gnb .gnb_wrap .gnbB > li.accordion > a:before{content: ''; position: absolute; top: 50%; right: 20px; width: 7px; height: 10px; background: url("/images/najuart/common/layout_sp.png?build_20250704001") no-repeat -69px -51px; margin-top: -5px;} .gnb_box .gnb .gnb_wrap .gnbB > li.accordion.on > a:before, .gnb_box .gnb .gnb_wrap .gnbB > li.accordion > a:hover:before, .gnb .gnb_wrap .gnbB > li.accordion.open > a:before{background-position: -52px -51px;} .gnb_box .gnb .gnb_wrap .gnbC{position: absolute; right: 0; top: -2px; background-color: #fff; border: 2px solid #384f56; transform: translateX(100%); padding: 13px 25px 13px 20px; display: none; z-index: 1; white-space: nowrap;} .gnb_box .gnb .gnb_wrap .gnbC > li{} .gnb_box .gnb .gnb_wrap .gnbC > li > a{display: block; font-size: 15px; color: #212121; line-height: 20px; padding: 5px 0;} .gnb_box .gnb .gnb_wrap .gnbC > li.on > a, .gnb_box .gnb .gnb_wrap .gnbC > li > a:hover{color: #133c76; text-decoration: underline;} .dark_base{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 10; display: none;} @media screen and (max-width:1400px){ #header h1{left: 20px;} .gnb_box .gnb .gnbA > a{padding: 0 24px;} } #header.quicksite_on .right_util .aside_wrap{position: fixed; top: 0; right: 0;} #header .right_util .quickmenu_box .quick_site .item_inner{position: fixed; top: 0; right: -484px; width: 420px; height: 100%; padding-left: 66px; z-index: -1; display: none;} #header .right_util .quickmenu_box .quick_site .cont_box{position: relative; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; padding: 30px; overflow: auto;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox{position: relative; margin-top: 10px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox:first-child{margin-top: 0;} #header .right_util .quickmenu_box .quick_site .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;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox.family_site > .open_btn{background-color: #2a8e86;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox.dong > .open_btn{background-color: #2a548e;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox.village > .open_btn{background-color: #2c9327;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .open_btn:hover{background-color: #c83232;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .open_btn:hover + .openbox_inner{border-color: #c83232;} #header .right_util .quickmenu_box .quick_site .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_20250704001") no-repeat -43px -738px; text-indent: -99999px; margin-top: -3.5px; transition: ease-in-out 0.3s;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .open_btn span.icon.close{transform: rotateX(180deg);} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner{border: 2px solid;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox.family_site > .openbox_inner{border-color: #2a8e86;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox.dong > .openbox_inner{border-color: #2a548e;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox.village > .openbox_inner{border-color: #2c9327;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 ul{display: inline-block; width: 100%; margin-bottom: -6px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li{float: left; width: 50%;} #header .right_util .quickmenu_box .quick_site .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;} /*#header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li:nth-child(2n) a{border-left: 1px solid #e3e3e3;} */ #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li:nth-child(n):nth-child(-n+2) a{border-top: 0} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li a:hover{background-color: #ffd33a;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li a .box{display: table-cell; vertical-align: middle;} #header .right_util .quickmenu_box .quick_site .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_210202.png?build_20250704001") no-repeat 0 -765px; vertical-align: middle; margin: 0 8px 0 0; border-radius: 50%; transition: ease-in-out 0.3s;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li a .box span.txt{display: inline-block; vertical-align: middle; line-height: 18px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item01 a .box span.icon{background-position: 0 -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item02 a .box span.icon{background-position: -52px -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item03 a .box span.icon{background-position: -104px -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item04 a .box span.icon{background-position: -156px -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item05 a .box span.icon{background-position: -208px -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item06 a .box span.icon{background-position: -260px -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item07 a .box span.icon{background-position: -312px -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item08 a .box span.icon{background-position: -364px -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item09 a .box span.icon{background-position: -416px -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item10 a .box span.icon{background-position: -468px -765px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item11 a .box span.icon{background-position: 0 -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item12 a .box span.icon{background-position: -52px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item13 a .box span.icon{background-position: -104px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item14 a .box span.icon{background-position: -156px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item15 a .box span.icon{background-position: -208px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item16 a .box span.icon{background-position: -260px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item17 a .box span.icon{background-position: -312px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item18 a .box span.icon{background-position: -364px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item19 a .box span.icon{background-position: -416px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item20 a .box span.icon{background-position: -468px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item21 a .box span.icon{background-position: -520px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item22 a .box span.icon{background-position: -572px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item23 a .box span.icon{background-position: -621px -817px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li.item24 a .box span.icon{background-position: -519px -768px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type01 li a:hover .box span.icon{background-color: #fff;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type02{} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type02 ul{overflow: hidden;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type02 ul li{float: left; width: 50%;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type02 ul li.wide a{font-size: 12.5px; padding: 0 30px 0 20px;} #header .right_util .quickmenu_box .quick_site .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;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type02 ul li a:hover{background-color: #ffd33a;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox > .openbox_inner.type02 ul li:last-child a{border-bottom: 0;} #header .right_util .quickmenu_box .quick_site .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_20250704001") no-repeat -43px -717px; text-indent: -99999px; margin: -5.5px 0 0 -3px;} #header .right_util .quickmenu_box .quick_site .cont_box .openbox.village > .openbox_inner.type02 ul li a{padding: 0 30px 0 10px;} #header .right_util .quickmenu_box .quick_site .item_inner > .close{position: absolute; top: 0; left: 0; width: 66px; height: 66px; text-indent: -99999px;} #header .right_util .quickmenu_box .quick_site .item_inner > .close:before{content: ''; position: absolute; top: 50%; left: 50%; width: 48px; height: 2px; background-color: #fff; margin: -1px 0 0 -24px; transform: rotate(45deg);} #header .right_util .quickmenu_box .quick_site .item_inner > .close:after{content: ''; position: absolute; top: 50%; left: 50%; width: 48px; height: 2px; background-color: #fff; margin: -1px 0 0 -24px; transform: rotate(-45deg);} #header .right_util .quickmenu_box .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;} #container{position: relative; z-index: 1;} #footer{clear: both;} #footer .footer_top{background-color: #40434c; height: 69px;} #footer .footer_top ul{float: left; margin: 22px 0;} #footer .footer_top ul li{float: left; margin-left: 40px; line-height: 1.7em;} #footer .footer_top ul li:first-child{margin-left: 0;} #footer .footer_top ul li a{display: block; color: #fff;} #footer .footer_top ul li a:hover{text-decoration: underline;} #footer .footer_top .gotop{float: right; width: 69px; height: 69px; background-color: #ffcd33; overflow: hidden; color: #292929; font-size: 16px; text-align: center; transition: ease-in-out 0.3s;} #footer .footer_top .gotop:hover{background-color: #ffa40c;} #footer .footer_top .gotop span.icon{display: block; margin: 18px auto 5px; width: 15px; height: 8px; background: url("/images/najuart/common/layout_sp.png?build_20250704001") no-repeat 0 -51px;} #footer .footer_bottom{padding: 30px 0 40px;} #footer .footer_bottom img{display: inline-block; margin: 0 63px 0 0;} #footer .footer_bottom address{display: inline-block; color: #323232; font-size: 15px; line-height: 24px;} #footer .footer_bottom address .copyright{display: block; font-size: 14px; color: #565656;} #footer .footer_bottom .foot_qr{float: right; margin-top: -10px; margin-right: 0px; padding-bottom: 30px;} .sub_vis{position: relative; height: 96px; background: #167a90; background: linear-gradient(to right, #2a548e, #00a393);} .sub_vis #path{float: left; margin: 28px 0; color:#fff;} .sub_vis #path a{position: relative; display: inline-block; color: #fff; font-size: 15px; margin-left: 10px; vertical-align: middle; padding-right:16px;} /*.sub_vis #path a:before{content: ''; position: absolute; top: 50%; left: 0; width: 9px; height: 1px; background-color: #fff; transform: rotate(45deg); margin-top: -4px;} .sub_vis #path a:after{content: ''; position: absolute; top: 50%; left: 0; width: 9px; height: 1px; background-color: #fff; transform: rotate(-45deg); margin-top: 2px;} */ .sub_vis #path a.home{width: 40px; height: 40px; background: #3C4854 url("/images/subsite_common/sub/sub_sp.png?build_20250704001") no-repeat 0 0; text-indent: -99999px; margin-left: 0; padding: 0; border-radius: 50%;} .sub_vis #path a.home:before, .sub_vis #path a.home:after{content: none;} .sub_inner{margin-top: 40px;display: flex; width: 100%;} .sub_inner #left{width: 19%; border: solid #dfdfdf 1px;} .sub_inner #left .title_box{background-color: #fac426; color: #000; display: table; font-size: 23px; line-height: 30px; width: 100%; text-align: center; height: 95px;} .sub_inner #left .title_box .title{display: table-cell; vertical-align: middle; font-weight: 400;} .sub_inner #left #SubMenu{border-width: 0 1px; padding-bottom: 100px;} #SubMenu .snb .snbA > a{position: relative; display: block; padding: 20px 40px 20px 20px; font-size: 17px; color: #171717; background-color: #fff; transition: ease-in-out 0.3s; border-bottom: 1px solid #dfdfdf;} #SubMenu .snb .snbA.now > a, #SubMenu .snb .snbA.on > a, #SubMenu .snb .snbA > a:hover{background-color: #2a548e; color: #fff; margin: 0 -1px; padding: 20px 41px 20px 21px;} #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: 10px 12px;} #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: 2px; background-color: #325280;} #SubMenu .snb .snbA .snbB > li.now > a, #SubMenu .snb .snbA .snbB > li.on > a, #SubMenu .snb .snbA .snbB > li > a:hover{color: #2a548e; text-decoration: underline;} .sub_inner #right{box-sizing: border-box; width: 85%; margin-left: 4%;} .sub_inner #right .left_line{display: none;} .sub_inner #right .left_line > div{position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #dfdfdf;} .sub_inner #right .left_line .line01{left: 0;} .sub_inner #right .left_line .line02{left: 233px;} #right .cont_titlebox{position: relative; padding-right: 180px; padding-bottom: 26px; background: url("/images/subsite_common/sub/title_line.png?build_20250704001") 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_20250704001") 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: #109051;} .section_wrap.five > .section > li{width: 20%;} .section_wrap.five > .section > li:nth-child(5n-4) > a{border-left-width: 1px;} .section_wrap.five > .section > li:nth-child(n):nth-child(-n+5) > a{border-top-width: 1px;} .section_wrap.four > .section > li{width: 25%;} .section_wrap.four > .section > li:nth-child(4n-3) > a{border-left-width: 1px;} .section_wrap.four > .section > li:nth-child(n):nth-child(-n+4) > a{border-top-width: 1px;} .section_wrap.three > .section > li{width: 33.3333%;} .section_wrap.three > .section > li:nth-child(3n-2){width: 33.3334%;} .section_wrap.three > .section > li:nth-child(3n-2) > a{border-left-width: 1px;} .section_wrap.three > .section > 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; width: auto !important;} .section.depth5 > li.on {width: auto !important;} .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: 5px; background-color: #2a548e; transition: ease-in-out 0.3s;} .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:first-child > a{} .section.depth5 > li.on > a, .section.depth5 > li > a:hover{} #content .sitemap { margin-left:2.5%; } #content .sitemap > h3 {font-size: 22px;color:#2a548e;font-weight:500;letter-spacing: -1px; margin:30px 0px 20px;} #content .sitemap:first-child > h3{margin-top: 0;} #content .sitemap > .sitemap_list > ul {padding:20px;background-color: #fafafa;border: 2px solid #dfdfdf; border-radius:3px; overflow: hidden;} #content .sitemap > .sitemap_list > ul > li { font-size:15px; width:30%; float:left; margin-left:2.2%; } #content .sitemap > .sitemap_list ul li a:hover { color:#db3400; } #content .sitemap > .sitemap_list > ul > li > ul { margin:8px 0 15px 0; padding:5px 10px; border-width:1px 0px; border-color:#ccc; border-style:dashed; background-color: #fff; } #content .sitemap > .sitemap_list > ul > li > ul > li { background:url("/images/common/sub/content_bl.png?build_20250704001") no-repeat -136px -422px; padding:0 0 0 10px; font-size:14px; padding-left:12px; border-bottom:0px; } #content .sitemap > .sitemap_list > ul > li > ul > li > ul { background-color:#fff; padding:10px; margin-left:-15px; border-radius:15px; } #content .sitemap > .sitemap_list > ul > li > ul > li > ul > li {} #content .sitemap > .sitemap_list > ul > li > ul > li > ul > li > ul { padding-left:20px;} #content{margin-bottom: 90px;} .selectric-wrapper {position: relative; cursor: pointer;} .selectric {position: relative; overflow: hidden; } .selectric-label {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 24px 0 0; line-height: 29px; color: #000; height: 29px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .selectric-open {z-index: 9999;} .selectric-open .selectric {border-color: #d4d4d4;} .selectric-open .selectric-items {display: block; width: 120px; top: 100%; height: auto !important;} .selectric-disabled {filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .selectric-hide-select {position: relative; overflow: hidden; width: 0; height: 0; display: none;} .selectric-hide-select select {position: absolute; left: -100%; top: -99999%; display: none;} .selectric-hide-select.selectric-is-native {position: absolute; width: 100%; height: 100%; z-index: 10;} .selectric-hide-select.selectric-is-native select {position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0;} .selectric-input {position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; display: none;} .selectric-temp-show {position: absolute !important; visibility: hidden !important; display: block !important;} .selectric-button{position: absolute; top: 0; right: 1px; width: 17px; height: 16px;} .selectric-items {display: none; position: absolute; z-index: -1; top: 100%; left: 0; background: #fdfdfd; border: 1px solid #d4d4d4; box-shadow: 0 0 10px -6px; font-size: 14px;} .selectric-items .selectric-scroll {height: 100%; overflow: auto;} .selectric-above .selectric-items {top: auto; bottom: 100%;} .selectric-items ul, .selectric-items li {list-style: none; padding: 0; margin: 0;} .selectric-items li {display: block; padding: 10px; color: #2f2f2f; cursor: pointer;} .selectric-items li.selected {background: #f0f0f0; color: #222222;} .selectric-items li.highlighted {background: #e4e4e4; color: #222222;} .selectric-items li:hover {background: #d7d7d7; color: #222222;} .selectric-items .disabled {filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #2f2f2f !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .selectric-items .selectric-group .selectric-group-label {font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #161616;} .selectric-items .selectric-group.disabled li {filter: alpha(opacity=100); opacity: 1;} .selectric-items .selectric-group li {padding-left: 25px;} iframe[aria-hidden="true"]{display: none;} .gnb_box .gnbB > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;} .gnb_box .gnbB > li > a.newwin:hover .newicon, .gnb_box .gnbB > li > a.newwin:focus .newicon{background-position: -26px 0;} .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;} .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin:hover .newicon, .gnb_box .gnb .gnb_wrap .gnbC > li > a.newwin:focus .newicon{background-position: -79.5px 0;} #SubMenu .snb .snbA > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;} #SubMenu .snb .snbA > a.newwin:hover .newicon, #SubMenu .snb .snbA > a.newwin:focus .newicon{background-position: -26px 0;} #SubMenu .snb .snbA .snbB > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;} #SubMenu .snb .snbA .snbB > li > a.newwin:hover .newicon, #SubMenu .snb .snbA .snbB > li > a.newwin:focus .newicon{background-position: -79.5px 0;} .section.depth4 > li > a.newwin .newicon{display: inline-block; width: 16px; height: 15px; background: url("/images/common/newicon_sp.png?build_20250704001") no-repeat -159px 0; text-indent: -99999px; vertical-align: middle; margin: -2px 0 0 8px;} .section.depth4 > li > a.newwin:hover .newicon, .section.depth4 > li > a.newwin:focus .newicon{background-position: -26px 0;}