@CHARSET "UTF-8";

#hallym_sitemap_bass{}
#hallym_sitemap_bass > ul > li{position: relative;}
#hallym_sitemap_bass > ul > li::before{content:""; display: block; position: absolute; left:0; top: 0; width: 100%; height: 5px; background: url(../images/line_image.png) no-repeat left top;}
#hallym_sitemap_bass > ul > li ._stMpWrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
#hallym_sitemap_bass > ul > li .stMp_Title{font-size: 35px; color: #000000; font-family: "SBA Light"; width: 300px; padding: 41px 0 40px 40px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul{display: flex; flex-wrap: wrap; width: calc(100% - 300px); margin: -40px -24px 0; padding-top: 45px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li{width: calc(100%/3); padding: 0 24px; padding-top: 40px; margin-bottom: 40px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > a{border-radius: 5px; border: 1px solid #b9c2c8; display: block; width: 100%; font-size: 16px; line-height: 26px; color: #222222; font-family: "SBA Light"; padding: 14px 20px 10px; position: relative;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > a[target="_blank"]::after{content:""; display: block; position: absolute; right: 20px; top: 50%; margin-top: -7px; width: 14px; height: 14px; background: url(../images/blank_icon.png) no-repeat center center;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li.active > a,
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > a:hover{background-color: #0080e0; border: 1px solid #0080e0; color: white;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li.active > a[target="_blank"]::after,
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > a[target="_blank"]:hover::after{background: url(../images/blank_icon_white.png) no-repeat center center;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul{padding-top: 12px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li{margin-bottom: 10px; margin-left: 20px; position: relative; padding-left: 15px; line-height: 26px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li:last-child{margin-bottom: 0;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > a{font-size: 16px; color: #333333; background-image: linear-gradient(#0066b3, #0066b3); background-repeat: no-repeat; background-position: left bottom; background-size: 0 1px; transition: background-size .5s cubic-bezier(.12,.78,.48,.95); position: relative; line-height: 26px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > a[target="_blank"]::after{content:""; display: block; position: absolute; right: -20px; top: 50%; margin-top: -7px; width: 14px; height: 14px; background: url(../images/blank_icon.png) no-repeat center center;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 8px; width: 2px; height: 10px; background-color: #0066b3;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > a:hover{color: #0066b3; background-size: 100% 1px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li{padding-left: 12px; position: relative;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > a{font-size: 14px; color: #777777; background-image: linear-gradient(#00ada5, #00ada5); background-repeat: no-repeat; background-position: left bottom; background-size: 0 1px; transition: background-size .5s cubic-bezier(.12,.78,.48,.95); line-height: 22px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > a[target="_blank"]::after{content:""; display: block; position: absolute; right: -20px; top: 50%; margin-top: -8px; width: 14px; height: 14px; background: url(../images/blank_icon.png) no-repeat center center;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > a:hover{color: #00ada5; background-size: 100% 1px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 11px; width: 8px; height: 8px; background: url(../images/more_depth.png);}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > ul{margin-bottom: 3px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > ul > li{margin-left: 12px; line-height: 27px; margin-bottom: 2px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > ul > li:last-child{margin-bottom: 0;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > ul > li > a{font-size: 12px; color: #777777; padding-left: 12px; display: inline-block; background-image: linear-gradient(#0066b3, #0066b3); background-repeat: no-repeat; background-position: left 12px bottom 5px; background-size: 0 1px; transition: background-size .5s cubic-bezier(.12,.78,.48,.95); position: relative;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > ul > li > a:hover{color: #0066b3; background-size: 100% 1px;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > ul > li > a[target="_blank"]::after{content:""; display: block; position: absolute; right: -20px; top: 50%; margin-top: -7px; width: 14px; height: 14px; background: url(../images/blank_icon.png) no-repeat center center;}
#hallym_sitemap_bass > ul > li ._stMpWrap > ul > li > ul > li > ul > li > ul > li > a::before{content:""; display: block; position: absolute; left: 0; top: 13px; width: 8px; height: 1px; background-color: #858585;}

@media screen and (max-width: 1400px) {
    #hallym_sitemap_bass > ul > li .stMp_Title{width: 250px; font-size: 30px;}
    #hallym_sitemap_bass > ul > li ._stMpWrap > ul{width: calc(100% - 250px); margin: 0 -15px;}
    #hallym_sitemap_bass > ul > li ._stMpWrap > ul > li{padding: 0 15px 40px;}
}

@media screen and (max-width: 1200px) {
    #hallym_sitemap_bass > ul > li ._stMpWrap{flex-direction: column;}
    #hallym_sitemap_bass > ul > li .stMp_Title{width: 100%; padding: 30px 0 20px 30px;}
    #hallym_sitemap_bass > ul > li ._stMpWrap > ul{width: 100%; margin: 0 -10px;}
    #hallym_sitemap_bass > ul > li ._stMpWrap > ul > li{padding: 0 10px 40px;}
}

@media screen and (max-width: 768px) {
    #hallym_sitemap_bass > ul > li .stMp_Title{padding: 15px 0 5px 15px; font-size: 25px;}
    #hallym_sitemap_bass > ul > li ._stMpWrap > ul{padding-top: 10px;}
    #hallym_sitemap_bass > ul > li ._stMpWrap > ul > li{width: 100%; margin-bottom: 0;}
}