@charset "utf-8";
html {width: 100%;height: 100%;min-height: 100%;}
body {font-size:16px; font-family:"Pretendard",sans-serif; color:#333; position: relative;height: 100%;min-height: 100%;font-weight:400;line-height:1.4;word-break:keep-all;}
a {text-decoration:none; color:inherit;}
.auto {margin:0 auto;position:relative; width:1400px;}
/* .auto:after,ul:after,dl:after,.clearFix:after {content:"";display:block;clear:both;} */
em , strong {font-weight:700;}
ul.list > li { float: left;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
html.fix {overflow-y: hidden;}
img {vertical-align:top;}
img.pc {}
img.m {display:none;}
.transtion {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out ;
-ms-transition: all 0.3s ease-out ;
-o-transition: all 0.3s ease-out ;
transition: all 0.3s ease-out ;
}

/* skip */
#skipNav {height:0; overflow: hidden;}
#skipNav li a {display: block;font-size:16px;width:100%;position:absolute;top:-9999px;left:0;text-align:center;z-index:999999;}
#skipNav li a:focus, #skipNav li a.on {position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#272727;padding:20px 0;color:#ffffff;}

/* header */

/*******************************************************************
*	탑링크, 헤더, GNB, 사이트맵 - 원본 오산대입학24년도
********************************************************************/
.top-link {
    background-color: #10223f;
    height: 40px
}

.top-link .inner {
    display: flex;
    align-items: center
}

.top-link a {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    width: 120px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.top-link a:nth-child(1) {
    background-color: var(--color2)
}
.top-link a:nth-child(2){
    background-color: #222222;
}
.top-link a:nth-child(3) {
    background-color: #a81e55;
}

@media (max-width: 1024px) {
    .top-link a {
        font-size:13px
    }
}

@media (max-width: 768px) {
    body {
        /* padding-top:104px */
    }

    .top-link {
        height: 34px
    }

    .top-link a {
        font-size: 12px;
        height: 34px;
        flex: 1
    }
}

.scroll-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.3s;
}

.header {
    height: 100px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid transparent;
    transition: all 0.3s;
}

body.sub .header{
    background-color: #fff;
    transition: all 0.3s;
}
body.sub .header.on{
    border-bottom: 1px solid #ddd;
}
body.sub .header .logo .logo_black{
    display: block;
}
body.sub .header .logo .logo_white{
    display: none;
}
body.sub .header .gnb>div>li>a{
    color: #000;
    transition: all 0.3s;

    white-space: nowrap;
}


/* .header.on, .header:hover {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    transition: all 0.3s;
} */

.header .logo .logo_black{
    display: none;
}
.header.on .logo .logo_black, .header:hover .logo .logo_black{
    display: block;
}
.header.on .logo .logo_white, .header:hover .logo .logo_white{
    display: none;
}



@media (max-width: 1200px) {
body.sub .header {
    border-bottom: 1px solid #ddd;
	}
}


@media (max-width: 768px) {
    .header {
        height:70px
    }
}

.header .auto {
    /* width: 1600px; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}


@media (max-width: 1600px) {

	.header_inner{
		width:100%;
	}

    .header .auto {
        /* width:100%; */
        padding: 0 20px;
    }
}

.logo img {
    height: 100%
}

@media (max-width: 1600px) {
    .logo img {
        height: 35px;
    }
}

.gnb {
    display: flex;
    align-items: center;
    gap: 55px;
	margin-top: 10px;
}

.gnb > div {
}

.gnb .gnbList li{
    list-style: none;
}


.gnb .dropdown {
    display: none;
    border-top: 1px solid #ddd;
    position: absolute;
    top: 104px;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 1000;
    padding: 0px;
    flex-direction: row;
    gap: 0px
}
/* .gnb > div:hover .dropdown{display:flex} */

@media (max-width: 1200px) {
    .gnb {
        display:none
    }
	
}

.gnb .dropdown .left-info {
    background-color: #0053a6;
    color: #111;
    flex: 1 0 calc((100vw - 900px)/2);
    background: url(/images/main/left-info-bg-3.png)no-repeat left calc((100vw - 1600px)/2) bottom 41px;
    border-right: 1px solid #ddd;
    min-height: 300px
}

.gnb .dropdown .left-info>div {
    margin-left: calc((100vw - 1400px)/2)
}

.gnb .dropdown .left-info h2 {
    margin: 0;
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 15px;
	    font-family: 'gamtanload';
    font-weight: 700;
	
}

.gnb .dropdown .left-info hr {
    margin: 0;
    padding: 0;
    border-top: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 60px;
    display: none
}

.gnb .dropdown .left-info p {
    line-height: 1.5;
	font-size: 16px;
    color: #666;
}

.gnb .dropdown .right-menus {
    display: grid;
    gap: 20px 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 30px calc((100% - 1400px)/2) 30px 50px;
    width: 100%;
    height: 100%
}

.gnb .dropdown .right-menus>div {
    display: flex;
    height: 55px
}

.gnb .dropdown .right-menus h3 {
    font-size: 16px
}

.gnb .dropdown .right-menus>div>a {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    height: 55px;
	/* font-family:'gamtanload';
	font-weight:700; */
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
    background: #f5f5f5;
    border-radius: 10px;
    position: relative;
    width: 100%;
    transition: background-color 0.3s,color 0.3s,border-color 0.3s;
    border: 1px solid transparent;
}


.gnb .dropdown .right-menus>div>a::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #cccccc;
    border-radius: 20px;
    right: 20px;
    transition: background-color 0.3s
}

.gnb .dropdown .right-menus>div>a:hover {
    background-color: #ffffff;
    color: #0074a0;
	font-weight:500;
    border: 1px solid var(--color);
}

.gnb .dropdown .right-menus>div>a:hover::after {
    background-color: var(--color);
}

.gnb .dropdown .right-menus a .xi-angle-down-min {
    font-size: 24px
}

.gnb .dropdown .right-menus-dephs {
    display: none;
    padding: 10px 20px;
    display: none
}

.gnb .dropdown .right-menus-dephs a {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    height: auto;
    padding: 10px 0 10px 12px;
    position: relative
}

.gnb .dropdown .right-menus-dephs a::after {
    position: absolute;
    left: 0px;
    top: 16px;
    width: 3px;
    height: 3px;
    background: #666;
    content: '';
    border-radius: 100px
}

.gnb>div>li>a {
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    height: 100px;
    position: relative;
    transition: all 0.3s;
    white-space: nowrap;
}
.header.on .gnb>div>li>a, .header:hover .gnb>div>li>a{color: #000;transition: all 0.3s;}

.gnb>div>li>a.active, .header:hover .gnb>div>li>a.active {
    color: /* #0053a6 */ #0074a0;
}

.right-space-inner {
    display: flex;
    align-items: center;
    gap: 40px;
	margin-top: 10px;
}




#header .menu-right {
    top: 45px;
    right: 85px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 20px;
}
#header .menu-right a {
    display: flex;
    gap: 2px;
    color: #2bb4d3;
    font-size: 16px;
    align-items: center;
    flex-wrap: wrap;
}


@media (max-width: 768px) {
    .right-space-inner {
       /*  gap:20px; */
       /* gap: 49vw; */
    }
}

.link-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    position: relative;
    font-weight: 500;
    width: 170px;
    height: 45px;
    background-color: #6666ff;
    text-decoration: none;
}

.link-btn:hover {background-color: #4141e6;font-weight: 500;}

.link-btn img {
    margin-left: 10px
}

@media (max-width: 1200px) {
	#header .menu-right {display:none;}
    .link-btn {
        font-size:16px;
        width: 140px;
        height: 50px
    }
}

@media (max-width: 992px) {
    .link-btn {
        font-size:14px;
        width: 125px;
        height: 45px
    }
}

@media (max-width: 768px) {
    .link-btn {
        font-size:14px;
        width: 120px;
        height: 40px;
        font-weight: 500
    }
}

@media (max-width: 576px) {
    .link-btn {
        width:100px;
        height: 35px;
        gap: 3px
    }

    .link-btn img {
        margin-left: 5px;
        width: 13px
    }
}

@media (max-width: 1200px) {
    .link-btn {
        display:none
    }
	.right-space-inner {margin-top: 0px;}
	.header .auto {margin: 20px auto;}
	.sitemap-btn {
    width: 26px;
    height: 20px;
	}
}
.sitemap-btn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 22px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.sitemap-btn span {
    display: block;
    height: 2px;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

.header.on .sitemap-btn span, 
.header:hover .sitemap-btn span,
.sub .header .sitemap-btn span{background-color: #000;}

@media(max-width:680px){

.no-scroll .sitemap-btn span:nth-child(1) {
    transform: translateY(10px) rotate(45deg);
}

.no-scroll .sitemap-btn span:nth-child(2) {
    opacity: 0;
}

.no-scroll .sitemap-btn span:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
}

}

.sitemap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    z-index: 1000
}

.sitemap.active {
    display: block
}

.sitemap-content {
    background-color: #fff;
    color: #000;
    padding: 20px;
    width: 300px;
    margin: 100px auto
}

/* .wave {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 9
}

.wave img {
    position: relative;
    top: 0;
    left: 0;
    max-width: inherit;
    transition: 0.3s
} */




.right-quick-menu {
    width: 90px;
    height: 370px;
    border-radius: 15px;
    position: fixed;
    right: 30px;
    top: 200px;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    z-index: 9
}

.right-quick-menu .con {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    gap: 30px
}

.right-quick-menu .con a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.right-quick-menu .con a span {
    font-weight: 500;
    display: block;
    margin-top: 4px
}

.right-quick-menu .con a img {
    margin-bottom: 5px
}

.right-quick-menu .top {
    background-color: #555;
    color: #fff;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0 0 15px 15px
}

@media (max-width: 768px) {
    .right-quick-menu {
        width:70px;
        height: auto;
        top: 120px;
        display: none
    }

    .right-quick-menu .con a img {
        width: 30px;
        height: 30px
    }

    .right-quick-menu .con a {
        font-size: 12px
    }

    .right-quick-menu .top {
        height: 30px;
        font-size: 12px
    }
}

.sitemap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    z-index: 1000;
    overflow-y: auto;
}

.sitemap .scroll {
    padding-top: 30px;
    height: 70vh;
    position: relative;
}

.scroll-content {
    height: 100%;
    overflow-y: scroll;
    padding-right: 20px; /* To avoid content being hidden behind scrollbar */
    box-sizing: content-box;
}

.scroll-bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background-color: #f1f1f1;
}

.cs_scroll-bar-thumb {
    background-color: #888;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
}

.sitemap.active {
    display: block;
}

.sitemap-content {
    background-color: #fff;
    color: #000;
    margin: 50px auto;
    padding: 50px 40px/*  0 40px */;
    width: 80%;
    max-width: 1340px;
    border-radius: 10px;
    position: relative;
}



.sitemap-content h2 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}

.sitemap-content .menu-section {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 10px;
    align-items: center;
}

.sitemap-content .menu-section:last-child {
    border-bottom: 0;
}

.sitemap-content .menu-section h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    background: var(--gradient);
    padding: 40px 30px;
    border-radius: 15px;
    background-image: url(/images/main/menu-section-h3-bg.png) no-repeat right bottom;
	/* background-color: linear-gradient(to top right, #2bb4d3 20%, #15b3ec); */
    height: 100%;
}

.sitemap-content .menu-section > ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0px 0 20px;
}

.sitemap-content .menu-section > ul > li {
    margin: 0px 0;
    border-right: 1px solid #eee;
    padding-left: 20px;
    padding: 20px;
}

.sitemap-content .menu-section > ul > li:nth-child(4n) {
    border-right: 0;
}

.sitemap-content .menu-section ul li > a {
    color: #222;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    display: block;
    line-height: 1.5;
	white-space: nowrap;
}

.sitemap-content .menu-section ul li > a:hover {
    color: var(--color);
}

.sitemap-content .menu-section .submenu {
    margin-top: 16px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.sitemap-content .menu-section .submenu a {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    position: relative;
    padding-left: 10px;
}

.sitemap-content .menu-section .submenu a::after {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background: #333;
    content: '';
    left: 0;
    top: 11px;
}

.close-btn {
    position: absolute;
    top: 40px;
    right: 36px;
    background: none;
    border: none;
    font-size: 34px;
    cursor: pointer;
    color: #000;
}

@media(max-width: 1430px) {
	.sitemap-content .menu-section h3 {
    padding: 24px 20px;
	}
	.sitemap-content .menu-section > ul {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0px 0 10px;
	}
	.sitemap-content .menu-section > ul > li:nth-child(4n) {
    border-right: 1px solid #eee;
	}
	.sitemap-content .menu-section > ul > li:nth-child(3n) {
    border-right: none;
	}
}
@media(max-width: 1300px) {
	.sitemap-content .menu-section h3 {
    padding: 24px 20px;
	}
	.sitemap-content .menu-section > ul {
    grid-template-columns: 1fr 1fr;
    padding: 0px 0 10px;
	}
	.sitemap-content .menu-section > ul > li:nth-child(3n) {
    border-right: 1px solid #eee;
	}
	.sitemap-content .menu-section > ul > li:nth-child(2n) {
    border-right: none;
	}
}

@media(max-width: 1200px) {
    .sitemap {
        display: none !important;
    }
	
}

.mobile-gnb {
    width: 100%;
    height: calc(100vh - 104px);
    left: -100%;
    top: 104px;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    position: fixed;
    transition: left 0.3s ease-in-out;
    z-index: 12;
    overflow: hidden
}

.mobile-gnb>div {
    display: flex;
    height: 100%
}

.mobile-gnb.show {
    left: 0
}

.mobile-gnb .tab1 {
    background: linear-gradient(#15b3ec 30%, #2bb4d3);
    height: 100%;
    width: 134px;
    overflow-y: auto
}

.mobile-gnb .tab1 a {
    color: #fff;
    font-weight: 700;
    display: flex;
    padding: 15px 10px;
    font-size: 15px;
    line-height: 1.5
}

.mobile-gnb .tab1 a:hover,.mobile-gnb .tab1 a.active {
    background: var(--color3)
}

.mobile-gnb .tab2 {
    width: calc(100% - 133px);
    overflow-y: auto;
    display: none;
}

.mobile-gnb .tab2[id="tab1-1"]{display: block;}

.mobile-gnb .tab2.show {
    display: block !important;
}

.mobile-gnb .tab2 .drop-menu>a {
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    width: 100%;
    font-size: 15px;
    color: #111;
    padding: 15px
}

.mobile-gnb .tab2 .drop-menu2 {
    background: #ebf2f8;
    padding: 5px 10px;
    display: none
}

.mobile-gnb .tab2 .drop-menu2.show {
    display: block
}

.mobile-gnb .tab2 .drop-menu2 a {
    color: #666;
    position: relative;
    display: block;
    padding: 6px
}

body.no-scroll {
}

@media(min-width: 1200px) {
    .mobile-gnb {
        display:none;
    }
	
}



@media(min-width: 768px) {

    .mobile-gnb {
        top:99px;
		height: calc(100vh - 99px);
    }
	
}

@media (max-width: 1024px) {
    .mobile-gnb {
        top: 75px;
        height: calc(100vh - 75px);
    }
}
@media (max-width: 640px) {
    .mobile-gnb {
        top: 73px;
        height: calc(100vh - 73px);
    }
}

.right-space-inner .dropdown {
    display: none;
    border-top: 1px solid #ddd;
    position: absolute;
    top: 140px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 1000;
    padding: 0px;
    flex-direction: row;
    gap: 0px
}

.right-space-inner .right-space-inner-dropdown {
    padding: 24px 0
}

.right-space-inner .right-space-inner-dropdown:hover .dropdown {
    display: flex
}

.right-space-inner .dropdown .left-info {
    background-color: #0053a6;
    color: #111;
    flex: 1 0 calc((100vw - 900px)/2);
    background: url(/images/main/left-info-bg-2.png)no-repeat left calc((100vw - 1600px)/2) bottom 41px;
    border-right: 1px solid #ddd;
    min-height: 470px
}

.right-space-inner .dropdown .left-info>div {
    margin-left: calc((100vw - 1600px)/2)
}

.right-space-inner .dropdown .left-info h2 {
    margin: 0;
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 15px
}

.right-space-inner .dropdown .left-info hr {
    margin: 0;
    padding: 0;
    border-top: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 60px;
    display: none
}

.right-space-inner .dropdown .left-info p {
    line-height: 1.5
}

.right-space-inner .dropdown .right-menus {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 30px calc((100% - 1600px)/2) 30px 50px;
    width: 100%;
    height: 100%
}

.right-space-inner .dropdown .right-menus>div {
    height: auto;
    background: url(/images/main/right-space-inner-dropdown-icon01.png)no-repeat right top
}

.right-space-inner .dropdown .right-menus h3 {
    font-size: 18px
}

.right-space-inner .dropdown .right-menus>div>a {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    height: 55px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    justify-content: space-between;
    border-radius: 10px;
    position: relative;
    width: 100%
}

.right-space-inner .dropdown .right-menus>div>a::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 18px;
    background: var(--color3);
    border-radius: 20px;
    left: 0
}

.right-space-inner .dropdown .right-menus a .xi-angle-down-min {
    font-size: 24px
}

.right-space-inner .dropdown ul {
    padding: 10px 20px;
    display: block;
    padding-top: 0px
}

.right-space-inner .dropdown ul a {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    height: auto;
    padding: 4px 0 4px 12px;
    position: relative;
    display: block;
    text-decoration: none
}

.right-space-inner .dropdown ul a::after {
    position: absolute;
    left: 0px;
    top: 14px;
    width: 3px;
    height: 3px;
    background: #666;
    content: '';
    border-radius: 100px
}

.right-space-inner .dropdown ul a:hover {
    color: #ed1b71
}

.right-space-inner .dropdown ul a:hover::after {
    background: #ed1b71
}

.right-space-inner .dropdown .right-menus>div {
    height: auto;
    background-position: right top 10px;
    background-repeat: no-repeat
}

.right-space-inner .dropdown .right-menus>div:nth-child(1) {
    background-image: url(/images/main/right-space-inner-dropdown-icon01.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(2) {
    background-image: url(/images/main/right-space-inner-dropdown-icon02.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(3) {
    background-image: url(/images/main/right-space-inner-dropdown-icon03.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(4) {
    background-image: url(/images/main/right-space-inner-dropdown-icon04.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(5) {
    background-image: url(/images/main/right-space-inner-dropdown-icon05.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(6) {
    background-image: url(/images/main/right-space-inner-dropdown-icon06.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(7) {
    background-image: url(/images/main/right-space-inner-dropdown-icon07.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(8) {
    background-image: url(/images/main/right-space-inner-dropdown-icon08.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(9) {
    background-image: url(/images/main/right-space-inner-dropdown-icon09.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(10) {
    background-image: url(/images/main/right-space-inner-dropdown-icon10.png)
}

.right-space-inner .dropdown .right-menus>div:nth-child(11) {
    background-image: url(/images/main/right-space-inner-dropdown-icon11.png)
}

.custom-news-tab a[data-tab="custom-tab1"].active::after {
    display: block
}

.custom-news-tab a::after {
    display: none
}

.sns-con {
    position: relative
}

.sns-con .line {
    width: 100vw;
    height: 1px;
    background: #0054a6;
    display: block;
    position: absolute;
    right: 0px;
    top: calc(50% - -8px);
    z-index: 1
}

.next-cir {
    width: 120px;
    height: 120px;
    z-index: 9;
    background: #0054a6;
    color: #fff;
    font-size: 18px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    right: -60px;
    top: calc(50% - 100px);
    justify-content: center;
    position: absolute;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer
}
@media (max-width: 1400px) {
.gnb .dropdown .right-menus {
    padding: 20px;
	        height: 170px;
        gap: 16px;
	}
	.gnb .dropdown .left-info {display:none;}
}
@media (max-width: 1024px) {
    .next-cir {
        width:100px;
        height: 100px;
        font-size: 16px;
        right: -50px;
        top: calc(50% - 50px)
    }
	
}

@media (max-width: 768px) {
    .next-cir {
        width:80px;
        height: 80px;
        font-size: 14px;
        right: -40px;
        top: calc(50% - 80px)
    }
}

@media (max-width: 480px) {
    .next-cir {
        width:60px;
        height: 60px;
        font-size: 12px;
        right: -30px;
        top: calc(50% - 71px)
    }

    .sns-con .line {
        top: 10px;
        top: calc(50% - -18px)
    }
}

.bg-cover {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    display: none
}

.gnb > div > a.active::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #0053a6;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    bottom: -6px;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%)
}

/* .right-space-inner-dropdown.active>a::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ed1b71;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    bottom: -27px;
    left: 50%;
    z-index: 9999;
    transform: translateX(-50%)
} */




.pc-img{display: block;}
.m-img{display: none;}

@media(max-width:680px){

.pc-img{display: none;}
.m-img{display: block;}

}



.top-button {
    width: 55px;
    height: 55px;
    background-color: #222;
    color: #fff;
    border-radius: 100px;
    border: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 11;
}

.top-button.visible {
    opacity: 1;
    visibility: visible;
}

.top-button.hidden {
    opacity: 0;
    visibility: hidden;
}

@media(max-width:768px){
.top-button {
display: flex;
}

}


/*******************************************************************
*	서브비주얼 --- sub_visual
********************************************************************/
#sub_visual{overflow:hidden;position:relative;height: /* 300 */70px;background-repeat:no-repeat;margin-top: 100px;/* border-bottom: 1px solid #d9d9d9; */}
#sub_visual .auto{height:100%; position: relative;}
#sub_visual .bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-size:cover; z-index:10; background-color: #ccc;}
#sub_visual .sv_cover{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.35); z-index:11;}
/* #sub_visual.sub_visual01 .bg{background-image:url(../../images/contents/sub_visual01.png);}
#sub_visual.sub_visual02 .bg{background-image:url(../../images/contents/sub_visual01.png);}
#sub_visual.sub_visual03 .bg{background-image:url(../../images/contents/sub_visual01.png);}
#sub_visual.sub_visual04 .bg{background-image:url(../../images/contents/sub_visual01.png);}
#sub_visual.sub_visual05 .bg{background-image:url(../../images/contents/sub_visual01.png);}
#sub_visual.sub_visual06 .bg{background-image:url(../../images/contents/sub_visual01.png);} */
#sub_visual .sub_visual_title{z-index:11;width: 100%;color:#fff;position:absolute;top: /* 40% */40%;transform:translateY(-50%);left:0;font-size:32px;font-weight:700;line-height:130%;}
#sub_visual .sub_visual_title dt{font-size: 40px;font-weight: 500;text-align: center;}
#sub_visual .sub_visual_title dd{font-size:18px;font-weight: 300;margin-top: 10px;font-family:var(--eng);line-height:150%;}


/* animate */
#sub_visual .bg{transform:scale(1.07);}
#sub_visual .bg.animate{transition:5s ease-out; transform:scale(1);}
#sub_visual .sv_cover{opacity: 1;}
#sub_visual .sv_cover.animate{transition:4s ease; opacity:0;}
#sub_visual .sub_visual_title dd{position: relative;left:20px;transition:2s;transition-delay: 2s;opacity:0;text-align: center;}
#sub_visual .sub_visual_title dd.animate{left:0; transition:2s; transition-delay: 2s; opacity:1;}
.sub_visual01{background:url('/images/contents/sub_visual01.jpg')no-repeat center / cover;}
.sub_visual02{background:url('/images/contents/sub_visual02.jpg')no-repeat center / cover;}
.sub_visual03{background:url('/images/contents/sub_visual03.jpg')no-repeat center / cover;}
.sub_visual04{background:url('/images/contents/sub_visual04.jpg')no-repeat center / cover;}
.sub_visual05{background:url('/images/contents/sub_visual05.jpg')no-repeat center / cover;}

@media(max-width:1400px){

	#sub_visual .sub_visual_title{left: 0;}
	
}
@media(max-width:1200px){
#sub_visual {margin-top: 100px;height:20px;}
}
@media(max-width:1024px){
    #sub_visual{margin-top: 100px;height:0px;}
    #sub_visual .sub_visual_title dt{font-size:30px;}
    #sub_visual .sub_visual_title dd{font-size:16px; margin-top: 10px;}

}
@media(max-width:768px){
	#sub_visual{margin-top: 75px;height:10px;}
}


/*******************************************************************
*	lnb
********************************************************************/


#lnb.mobile,
.main #lnb.mobile{display: none;}



@media(max-width:1024px){



}

@media(max-width:1024px){


#header #lnb.mobile{border-color:#d9d9d9; border-bottom:0; }
#header #lnb.mobile .auto{color:#333;}



}

.sub_contents_tit{
	font-size:36px;
	font-weight:700;
	/* font-family: 'gamtanload'; */
	color:#222;
	text-align:center;
	margin-bottom:40px;
}

@media(max-width:1024px){
	.sub_contents_tit{
	font-size:28px;
	margin-bottom:24px;
	}

}
 

 /*******************************************************************
*	로컬네비 --- lnb
********************************************************************/
#lnb{
    /* display: none; */
    text-align:center;
    position: absolute;
    z-index:11;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #fff;
    width: /* 1600px */100%;
    margin: 0 auto;
    }
#lnb .subLnbWrap{width: 100%;}
#lnb .subLnbWrap > ul{}
#lnb .subLnbWrap > ul{display:flex;/* border:1px solid #d9d9d9; */width: 100%;height: 100%;    align-items: center;
    align-content: center;
    justify-content: center;}
#lnb .subLnbWrap > ul > div{display: flex; align-items: center; justify-content: center; color:#666; font-size:17px; font-weight: 300; /* border-right:1px solid #d9d9d9; */}
#lnb .subLnbWrap > ul > div:last-child{border-right: 0;}
#lnb .subLnbWrap > ul > div.active{color:var(--color); /* background:var(--color) */ font-weight:600;}
#lnb, #lnb .subLnbWrap > ul > div{height: 70px;}
/* #lnb.lnb01 .subLnbWrap > ul > div{width:100%;}
#lnb.lnb02 .subLnbWrap > ul > div{width:50%;}
#lnb.lnb03 .subLnbWrap > ul > div{width:33.3333%;}
#lnb.lnb04 .subLnbWrap > ul > div{width:25%;}
#lnb.lnb05 .subLnbWrap > ul > div{width:20%;}
#lnb.lnb06 .subLnbWrap > ul > div{width:16.6666%;}
#lnb.lnb07 .subLnbWrap > ul > div{width:14.285%;}
#lnb.lnb08 .subLnbWrap > ul > div{width:12.5%;} */


#lnb .subLnbWrap > ul > div > a{display:block;width: 100%;height: 100%;display:flex;align-items:center;justify-content:center;line-height: 150%;padding: 10px 18px;font-size: 18px;}

#lnb .auto > div, #lnb02 .auto > div{width:100px; position: relative;}
#lnb .mainBtn, #lnb02 .mainBtn{padding:0 10px;font-size:14px; background-size:10px; background-position:right 10px top 50%;}
#lnb .auto > div ul div a, #lnb02 .auto > div ul div a{font-size:14px; padding:3px 10px;}

.depth03LnbWrap{display: none;}

#lnb .depth03{display:none;}

#snb{/* display: none; */}
#snb ul {display:flex; align-items:center; justify-content:center; margin-bottom:40px;}
#snb ul li{display:flex; position: relative; font-size:18px; font-weight: 300; color:#666; margin:0 45px; padding-bottom: 10px;}
#snb ul li.active{color:var(--color);}
#snb ul li.active::after{position:absolute; content:''; width:100%; height:3px; background:var(--color); left:50%; bottom:0; transform:translateX(-50%);}
#snb ul li a{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}

#lnb .subLnbWrap > ul > div > a h3{position:relative; white-space: none;}
#lnb .subLnbWrap > ul > div > a h3::after{
	content:'|';
	color:#eee;
	font-weight:200;
	position:absolute;
	top:0; right: -20px;
}
#lnb .subLnbWrap > ul > div:last-child > a h3::after{
	display:none;
}
 
@media(max-width:1600px){
    #lnb{width:100%;/* transform: translate(0); *//* margin-bottom: 25px; */}
    #lnb, #lnb .subLnbWrap > ul > div > a{height: 50px;}
    #lnb .subLnbWrap {overflow-x: scroll;  -ms-overflow-style: none; /* IE and Edge */   scrollbar-width: none; /* Firefox */}
    #lnb .subLnbWrap > ul > div > a{font-size:14px;}
#lnb, #lnb .subLnbWrap > ul > div{height:50px}
 	#lnb .subLnbWrap::-webkit-scrollbar{ display: none; /* Chrome, Safari, Opera*/}
}

@media(max-width:1200px){
#lnb{display: none;}

}

@media(max-width:600px){

    #lnb.lnb05 .subLnbWrap > ul,
	#lnb.lnb06 .subLnbWrap > ul,
	#lnb.lnb07 .subLnbWrap > ul,
	#lnb.lnb08 .subLnbWrap > ul{width: max-content;}

    #lnb.lnb05 .subLnbWrap > ul > div,
	#lnb.lnb06 .subLnbWrap > ul > div,
	#lnb.lnb07 .subLnbWrap > ul > div,
	#lnb.lnb08 .subLnbWrap > ul > div{width:120px !important;}

#snb{overflow-x:scroll;  -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}

#snb::-webkit-scrollbar{ display: none; /* Chrome, Safari, Opera*/}

#snb ul{width:max-content; margin-top: 20px;}
#snb ul li{margin: 0 20px;}

}



/* footer */
#footer {background: #1a2d43;color:#fff;/* z-index:9999; */}
#footer .footer-top {padding:60px 0 15px;}
#footer .footer-top .fLogo {position:absolute;bottom:0;left:0;/* width:300px; */}
#footer .footer-top .f-cs {position:absolute;top:0;right:0;color:#fff;}
#footer .footer-top .f-cs dt {float:left;font-size: 20px;position:relative;}
#footer .footer-top .f-cs dt img {position:absolute;top:0;left: -50px;max-width: 37px;}
#footer .footer-top .f-cs dd {padding-left: 92px;}
#footer .footer-top .f-cs dd .tel {font-size: 20px;font-weight:700;}
#footer .footer-top .f-cs dd .time {font-size: 16px;opacity: 0.5;position: absolute;left: 0;}
#footer .footer-top .f-menu {text-align:right;color:#fff;}
#footer .footer-top .f-menu li {display:inline-block;padding: 0 15px;position:relative;font-size:18px;}
#footer .footer-top .f-menu li:after {content:"";position:absolute;top:7px;bottom:3px;right:-2px;width:1px;background:#ffffff;opacity:0.6;}
#footer .footer-top .f-menu li:last-child:after {display:none;}
#footer .footer-top .f-menu02 {text-align:center;color:#fff;margin-top:10px;}
#footer .footer-top .f-menu02 li {display:inline-block;position:relative;font-size:17px;}
#footer .footer-top .f-menu02 li:after {content:"/";margin-left:3px;}
#footer .footer-top .f-menu02 li:last-child:after {display:none;}
#footer .footer-bottom {padding:30px 0;/* border-top: 1px solid #444; */}
#footer .footer-bottom address {font-size:15px;color:#fff;}
#footer .footer-bottom address .copyright {font-size:14px;color:#fff;margin-top:35px;opacity:0.6;}
/* #footer .footer-bottom address .copyright span {color:#fff;} */
#footer .footer-bottom address span{font-size:16px;}
#footer .footer-bottom address span:after {content:"|";    margin: 0 3px 0 8px;}
#footer .footer-bottom address span:last-child:after {display:none;}

#footer .title-line {
    background: #ffffffa8;
    width: 100%;
    height: 1px;
}

#footer .f-menu.mobile_ui {
	display: none;
    text-align: right;
    color: #fff;
	}
	#footer .f-menu.mobile_ui li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    font-size: 18px;
	}
	#footer .f-menu.mobile_ui li:after {
    content: "";
    position: absolute;
    top: 7px;
    bottom: 3px;
    right: -2px;
    width: 1px;
    background: #ffffff;
    opacity: 0.6;
	}
	#footer .f-menu.mobile_ui li:last-child:after {display:none;}
	
	
#footer .footer-bottom .footer-bottom_flexwrap{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
	}
#footer .footer-bottom .tel_text{
    text-align: end;
	}
#footer .footer-bottom .tel_text .tit{
	font-size: 26px;
	font-weight: 700;
	font-family: 'gamtanload';
	color:#fff;
	margin-bottom: -5px;
}
#footer .footer-bottom .tel_text .num{
	font-size: 34px;
	font-weight: 700;
	color:#fff;
	margin-bottom: 30px;
}
#footer .footer-bottom .tel_text .txt{
	font-size: 16px;
	font-weight: 300;
	color:#fff;
}



#sitemap {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);/* width:1400px; */z-index:11000;/* display:none; */line-height:1.6;}
#sitemap .inner{display:none;}

#sitemap .inner .btnClose {position:absolute;top:30px;right:20px;}
#sitemap .inner h1 {background:var(--blue);text-align:center;line-height:90px;font-size:25px;color:#fff;font-weight:700;}
#sitemap .inner .sitemap-menu {background:#fff;padding:20px;text-align:center;vertical-align:top;}
#sitemap .inner .sitemap-menu .gnbList > li {display:inline-block;margin:0 10px;min-width:120px;}
#sitemap .inner .sitemap-menu .gnbList > li > a {display:block;font-size:18px;color:#333;font-weight:500;position:relative;padding-bottom:8px;}
#sitemap .inner .sitemap-menu .gnbList > li > a:after {content:"";position:absolute;bottom:-0px;right:0;width:28px;height:15px;background:url("") no-repeat;background-size:100% auto;display:none;}
#sitemap .inner .sitemap-menu .gnbList > li:hover > a:after {display:block;}
#sitemap .inner .sitemap-menu .gnbList > li .sub {position:relative;padding-top:10px;}
#sitemap .inner .sitemap-menu .gnbList > li .sub:before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right, #380c9d 30%, #1f5b9f 80%);display:none;}
#sitemap .inner .sitemap-menu .gnbList > li:hover .sub:before {display:block;}
#sitemap .inner .sitemap-menu .gnbList > li .sub > li a {font-size:15px;color:#666;}
#sitemap .inner .sitemap-menu .gnbList > li .sub > li a:hover {color:#52509f;font-weight:500;}
div.cover {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:1000;display:none;}

#btnTop {
	display:none;
	width:70px;height:100vh;
	right:0px;
	border-left: 1px solid #999;
	
	/* background-size:100%;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url("../../../images/board/iconTop.png"); */
	transition:0.3s all ease-out;}
#btnTop.on {
	/* background-image:url("../../../images/board/iconTop_on.png") */
}

/* hover */
@media all and (min-width:1201px){
	
}

@media all and (max-width:1860px){
	#header .gnb-banner {display:none;}
}
@media all and (max-width:1400px){
	#header .header-top {padding-top:20px;}
	#header .header-top .logo {position:relative;top:0;width:253px;}
	#header .header-sns {top:0;}
	#header .btnAllMenu {top:20px;}
	#header .header-bottom {height:60px;padding-top:0;}
	#header .header-bottom:after {top:60px;}

	#header .btnHome {display:block;}
	#header .header-top {padding:20px 0;}
	#header .header-top .logo {width:100%;}	
	#header .header-sns {display:none;}
	#header .header-bottom {display:none;}
	#header .header-banner {display:none;}
	#btnTop {width:40px;right:40px;}
	
	.auto {padding:0 20px; width: 100%;}
	#header .gnbList > li > a {font-size:18px;padding:0 20px;}
	#header .menu-right {display:none;}

	#footer .footer-top .f-cs {position:relative;display:inline-block;vertical-align:top;padding-left: 0;max-width: 100%;margin-right:-4px;display: block;margin: 0 auto;}
	#footer .footer-top .f-cs dt {font-size: 16px;float: none;margin-top: 10px;}
	#footer .footer-top .f-cs dt img {width:30px;left: 0;display: none;}
	#footer .footer-top .f-cs dd {padding-left: 0;}
	#footer .footer-top .f-cs dd .tel {font-size:20px;}
	#footer .footer-top .f-cs dd .time {font-size:14px;position: relative;}
	#footer .footer-top .f-menu {margin-top:20px;}
	
	#footer .footer-top .f-menu li:after {bottom:5px;}
	#footer .footer-top .f-menu02 li {font-size:14px;}
	#footer .footer-bottom {padding:20px;}
	#footer .footer-bottom address {font-size:14px;}
	#footer .footer-bottom address .copyright {font-size:12px;}
	#footer .footer-top .fLogo {
	/* position:relative; */display:inline-block; vertical-align:top; max-width: 100%; margin-right:-4px; display: block; margin: 0 auto; 
	}
	#footer .footer-top .fLogo {
    padding: 0 20px;
	}
	#footer .footer-top {padding:20px 0;padding-top: 50px; }
	/*  */
	
	
	  
	/*  */
	
	#footer .footer-top {text-align:center;}
	
	
}

@media all and (max-width:1200px){
	#footer .footer-top .f-menu li {display: none;}
	#footer .f-menu.mobile_ui {
	display:block;
	margin-top: 20px;
	text-align: left;
	}
	#header .menu-right {
        display: flex;
    }
	
	#footer .footer-bottom .tel_text {
    text-align: start;
	margin: 12px 0 30px;
	}
	#footer .footer-bottom .footer-bottom_flexwrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: normal;
	}
	#footer .footer-top .fLogo img {height:42px;/* padding: 0 20px; */}
	/* #footer .title-line {
		margin: 0 20px;
	} */
	.footer-bottom .auto{
	padding: 0;
	}
	#footer .f-menu.mobile_ui li {
    padding: 0 13px;
	}
	#footer .f-menu.mobile_ui li:first-child{
    padding: 0 13px 0 0;
	}
	#footer .footer-bottom address p span{
	white-space: nowrap;	
	}
	#footer .footer-bottom .tel_text .num {
    font-size: 32px;
	}
	#footer .footer-bottom .tel_text .tit {
    font-size: 24px;
	}

}
@media all and (max-width:1024px){
	#header {height:auto;}
	#footer .footer-bottom address span {
    font-size: 15px;
	}



}
@media all and (max-width:768px){
	#header .menu-right {
        display: none;
    }
	/* #gnb { top:60px} */
	#mobileGnb .gnbList > li > a {height:46px;line-height:45px;}
	#mobileGnb .gnbList > li > .sub {padding:10px;}
	#mobileGnb .gnbList > li > .sub li a {font-size:14px;}
}
@media all and (max-width:640px){
	#footer .footer-top {
        padding: 15px 0;
        padding-top: 60px;
    }
	img.pc {display:none;}
	img.m {display:block;}
	#header .logo a {padding:10px 0;}
	#header .logo a img {height: 33px;}
	#header .btnHome {width:25px;top:3px;}
	#header .btnAllMenu {width:25px;top:2px;}
	
	/* #footer .footer-top .fLogo img {height:auto;} */

	#footer .footer-top .f-cs {padding-left:10px;}
	#footer .footer-top .f-cs dt {font-size:14px;}
	#footer .footer-top .f-cs dt img {display:none;}
	#footer .footer-top .f-cs dd {/* text-align:right; *//* padding-left:45px; */}
	#footer .footer-top .f-cs dd .tel {font-size:12px;}
	#footer .footer-top .f-cs dd .time {font-size:10px;}
	#footer .footer-top .f-menu {margin-top:5px;}
	#footer .footer-top .f-menu li {font-size:12px;padding:0 5px;}
	#footer .footer-top .f-menu li:after {top:5px;bottom:2px;}
	#footer .footer-top .f-menu02 {margin-top:0;}
	#footer .footer-top .f-menu02 ul li {font-size:11px;}
	#footer .footer-bottom address {font-size:12px;}
	/* #footer .footer-bottom address span {display:block;} */
	#footer .footer-bottom address .copyright span {display:inline;}

	#btnTop {right:10px;}
	
	/* #footer .footer-bottom address span::after{
        display: none;
    } */
	    #footer .footer-bottom .tel_text {
        text-align: start;
        margin: 0px 0 28px;
    }
	#footer .footer-bottom .tel_text .tit {
    font-size: 22px;
	}
	#footer .footer-bottom .tel_text .num {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
	}
	#footer .footer-bottom .tel_text .txt {
    font-size: 15px;
	}

	
}
@media all and (max-width:520px){
	#footer .footer-bottom .tel_text .tit {
        font-size: 20px;
    }
    #footer .footer-bottom .tel_text .num {
        font-size: 30px;
        font-weight: 600;
    }
	#footer .footer-bottom .tel_text .txt {
        font-size: 14px;
    }
	#footer .footer-bottom .tel_text {
        text-align: start;
        margin: 6px 0 22px;
    }
	#footer .f-menu.mobile_ui li {
    padding: 0 12px;
    font-size: 16px;
	}
	#footer .f-menu.mobile_ui li:first-child{
    padding: 0 12px 0 0;
	}
	#footer .footer-bottom address p{
    line-height: 1.2;
    }
	#footer .footer-bottom address span {
        font-size: 14px;
    }
}
@media all and (max-width:400px){
    #footer .f-menu.mobile_ui li {
        padding: 0 10px;
        font-size: 14px;
    }
}

/* 2021-08-04 모바일 전체메뉴 수정 */
#mobileGnb .gnbList > li {padding:20px 10px;border-bottom:1px solid #d9d9d9;}
#mobileGnb .gnbList > li > a {height:auto;line-height:1.4;border-bottom:none;padding-left:0;}
#mobileGnb .gnbList > li > .sub {background:none;border-bottom:none;padding:10px 10px 10px 20px;}
#mobileGnb .gnbList > li > .sub li {width:auto;float:none;margin-top:10px;}
#mobileGnb .gnbList > li > .sub li:first-child {margin-top:0;}
#mobileGnb .gnbList > li > .sub li a {color:#333;}
#mobileGnb .gnbList > li.on > a {color:#52509f;}
#mobileGnb .sns {position:static;padding:0 20px;margin-top:20px;}
#mobileGnb .sns a {float:left;margin-right:10px;}
@media all and (max-width:768px){
    #mobileGnb .gnbList > li > .sub {padding:0 10px 0 20px;margin-top:10px;}
}





.sns{display: none;}

@media all and (max-width:640px){

.sns{background:#f6f6f6; height:60px; display:flex; align-items:center; justify-content:center;}
.sns a{margin:0 10px;}
.sns a img{max-width:33px;}

    

}


/*******************************************************************
* loading --- common
********************************************************************/
.loading{
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    background:#fff;
    z-index:100000000;
}