/* common */
.common_btn_next:before,.common_btn_prev.menu:before{display:none}
.common_btn_next,.common_btn_prev{cursor:pointer;width:40px !important;height:40px !Important}
.common_btn_prev{background:url(../img/common_btn_prev.png) center top no-repeat}
.common_btn_next{background:url(../img/common_btn_next.png) center top no-repeat}
.common_btn_prev:hover,.common_btn_next:hover{background-position:center -40px}
.common_arrow_btn .btn_prev2{background:url(../img/common_btn_prev2.png) center top no-repeat}
.common_arrow_btn .btn_next2{background:url(../img/common_btn_next2.png) center top no-repeat}
.common_arrow_btn .btn_prev2:hover,.common_arrow_btn .btn_next2:hover{background-position:center -40px}
.common_arrow_btn .swiper-button-prev:after,.common_arrow_btn .swiper-button-next:after{display:none}

.section_btn_title{display:flex;justify-content:space-between;width:100%}
.section_btn_title .btn_more{color:#999;font-size:21px}
.section_btn_title .btn_more:hover{color:#666}
.section_btn_title .btn_white{color:#fff;font-size:16px}
.section_btn_title .btn_white:hover{color:#fff !important}

#wrap{width:100%;max-width:2560px;min-width:100%;margin:0 auto}

.inner {
    width:min(1024px,100%);
    margin-inline:auto;
    position:relative
}
img {
    max-width: 100%;
    object-fit: cover;
}
@media (max-width:1024px) {
    .inner {
        padding-inline: 25px;
    }
}
@media (max-width:768px) {
    
}
@media (max-width:500px) {
    
}



/* 상단에 추가 */
.view_mode{position:fixed;top:0;left:50%;transform:translateX(-50%);background:#fff;padding:10px 20px;border-radius:0 0 10px 10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:9999}
.view_mode a{display:inline-block;padding:8px 15px;color:#666;font-size:14px;transition:all 0.3s ease}
.view_mode a i{font-size:16px;margin-right:5px}
.view_mode a.on{color:#213C92;font-weight:500}
.view_mode a:hover{color:#213C92}
.view_mode a b{font-weight:400}

/* section */
.sec_box{max-width:1500px;margin:0 auto}
.sec-wrap,.header,.sec-content,.sec-footer{position:relative;width:100%;margin:0;padding:0}

/* header */
header {
	width:100%;
    position: relative;
    z-index: 97;
}
header .nav {
	width:min(1024px,100%);
    margin-inline: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
header .nav .logo {
    width: min(276px,27%);
    height: 90px;
    display: flex;
    align-items: center;
    padding-left: 13px;
}
header .nav > li {
	vertical-align:middle;
	position:relative;
}
header .nav > li:not(.logo) {
    /* width: calc(73%/6); */
    padding-inline: 29px;
}
header .nav > li:nth-of-type(7) {
    display: none;
}
header .nav>li>a {
	font-size:18px;
	font-weight:700;
	letter-spacing:-2px;
	color:#071125;
	display:block;
    line-height: 90px;
    text-align: center;
}
header .nav>li>a:hover,
header .nav>li>a:focus {
	color:#006cb8;
}
header .nav ul{
	position:absolute;
	top:90px;
	left:0;
	width:204px;
	z-index:150;
	background-color:#fff;
	text-align:left;
	display:none;
}
header .nav ul li {
	font-size:17px;
	background-color:#fff;
}
header .nav ul li a {
	padding:15px 32px;
	color:#314978;
	font-weight:bold;
	display:block;
	letter-spacing:-1px;
	cursor:pointer;
}
header .nav ul li a:hover,
header .nav ul li a:focus {
	background-color:#314978;
	color:#fff;
	transition:all 0.5s ease;
}
header .nav .search_popup {
    position: absolute;
    top:100%;
    right: 0;
	width:400px;
    z-index: 99;
    padding: 15px 20px;
    background: #fff;
    display: none;
}

header .nav .search_wrap_inner {
    padding-inline: 15px;
    position: relative;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
header .nav .search_wrap_inner input {
    width: 80%;
    line-height: 50px;
    
}
header .nav .search_wrap_inner i,
header .nav .search_wrap_inner button {
	width: min(30px,12%);
    background: none;
    font-size: 22px;
    color: #071125;
}


/* 모바일메뉴 */
#sitemap {
	position:fixed;
	top:90px;
    right: -100%;
    z-index: 999;
    background: #fff;
    width: 280px;
    height: 100%;
    visibility: hidden;
    transition: all 0.3s;
}
/* body::before {
    content: "";
    position: absolute;
    top:0; 
    left: 0;
    width: 100%;
    
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}
body:has(#sitemap.open)::before {
    height: 100%;
    visibility: visible;
    background: rgba(0,0,0,0.5);
    opacity: 1;
    z-index: 96;
} */

#sitemap > ul > li:nth-of-type(6) {
    display: none;
}
.menu-bg {
    content: "";
    position: absolute;
    top:0; 
    left: 0;
    width: 100%;
    
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}
body:has(#sitemap.open) .menu-bg {
    height: 100%;
    visibility: visible;
    background: rgba(0,0,0,0.5);
    opacity: 1;
    z-index: 96;
}



#sitemap.open {
	visibility: visible;
	right:0;
}
#sitemap li h3,
#sitemap li a {
    display: block;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -3px;
    padding: 20px 25px;
    border-bottom: 1px solid #e1e1e1;
    text-align: right;
    cursor: pointer;
}
#sitemap ul.depth-1 {
    display: none;
    /* height: 0;
    overflow: hidden;
    transition: all 0.2s; */
}
#sitemap ul.depth-1 li a {
    font-size: 22px;
}
#sitemap .m-open {
    color: rgb(0, 108, 184);
}
#sitemap .m-open  ul.depth-1 {
    /* height: auto; */
    color: #314978;
}

@media (max-width:1024px) {
    header .gnb_al_li_plus,
    header .btn_search {
        display: none;
    }
    header .nav {
        justify-content: space-between;
        padding-inline: 25px;
    }
    header .nav > li:not(.logo) {
        padding-inline: 0;
    }
    header .nav .logo {
        width: calc(100% - 60px);
        max-width: 276px;
        padding-left: 0;
    }
    
    header .mo-menu-btn {
        display: flex;
        flex-flow: column wrap;
        height: 90px;
        align-items: center;
        justify-content: center;
        gap: 12px;
        cursor: pointer;
    }
    header .mo-menu-btn span {
        display: block;
        width: 32px;
        height: 3px;
        background: #000;
        
    }
}
@media (max-width:768px) {
    
}
@media (max-width:500px) {
    
}





/* allmenu */
/* #sitemap {
	display:none;
	position:fixed;
	top:75px;
	right:-100%;
	width:100%;
	height:calc(100% - 50px);
	background:#fff;
	padding:50px 20px;
	z-index:10;
	transition:all ease .5s;
	-webkit-transition:all ease .5s;
	-o-transition:all ease .5s;
	-moz-transition:all ease .5s;
	-ms-transition:all ease .5s;
	overflow:hidden;
	overflow-y:auto
}
#sitemap .top_info {
	display:none
}
#sitemap>ul {
	max-width:1380px;
	overflow:hidden;
	margin:0 auto;
	padding-top:20px
}
#sitemap>ul>li {
	float:left;
	width:20%;
	padding:0 10px
}
#sitemap>ul>li h2 {
	font-size:18px;
	color:#333
}
#sitemap>ul>li h3 {
	font-size:18px;
	color:#333;
	font-weight:500;
	margin:0 0 10px
}
#sitemap>ul>li>ul {
	margin:10px 0 0 0
}
#sitemap>ul>li>ul>li>a {
	color:#999;
	font-size:16px;
	padding:7px 0;
	display:block;
}
#sitemap>ul>li h3>a:hover {
	color:#014099;
}
#sitemap>ul>li>ul>li>a:hover {
	color:#014099;
}
#sitemap .top_info {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:45px;
	overflow:hidden;
	z-index:10;
	text-align:left;
	padding:0 20px
}
#sitemap .top_info a {
	display:inline-block;
	width:auto;
	height:45px;
	padding:0 20px;
	background:#f8f8f8;
	text-align:center;
	color:#666;
	line-height:43px;
	border:1px solid #ddd;
	margin-right:5px
}
#sitemap .top_info a:first-child {
	margin-left:0
}
#sitemap.open {
	display:block;
	right:0;
}
.header.stm-hd {
	background:#fff
}
.header.stm-hd .logo {
	background-image:url(../img/logo.png)
}
.header.stm-hd .nav {
	display:none;
}
.header.stm-hd .lang {
	display:none;
}
.header.stm-hd .btn_search {
	background-image:url(../img/icon_search.png)
}
.header.stm-hd .btn_menu {
	top:-4px
}
.header.on .logo,.header.stm-hd .logo {
	background: url(../img/logo2.png) center center no-repeat;
} */


/* footer */
#footer {
    background-color: #1d1d1d;
    color: #ababad;
}
#footer .ft-logo {
    margin-bottom: 10px;
}
#footer .inner {
    padding: 35px 25px;
    font-size: 13px;
}
#footer .foot_menu {
    display: flex;
    flex-flow: row wrap;
}
#footer .foot_menu li {
    padding: 6px 0;
    letter-spacing: -0.5px;
    position: relative;
}
#footer .foot_menu li.bar:after {
    content: '｜';
    display: inline-block;
    padding: 0 5px;
}
#footer .copyright p {
    padding: 6px 0;
    letter-spacing: -0.5px;
    color: #818183;
    font-weight: 300;
}

.family_site {
	position:absolute;
	width:200px;
	top:50px;
	right:0;
	z-index:99
}
.family_btn {
	display:block;
	width:100%;
	height:36px;
	padding:0 12px;
	background:#1d1d1d;
	color:#fff;
	font-size:14px;
	text-align:left;
	cursor:pointer;
    border:1px solid #d1d1d1;
    text-transform: uppercase;
}
.family_btn:after {
	content:'';
	position:absolute;
	right:20px;
	top:50%;
	width:8px;
	height:8px;
	border-right:1px solid #f3f3f3;
	border-bottom:1px solid #f3f3f3;
	transform:translateY(-50%) rotate(45deg);
	transition:transform 0.3s
}
.family_btn.active:after {
	transform:translateY(-50%) rotate(-135deg)
}
.family_list {
	display:none;
	position:absolute;
	top:36px;
	left:0;
	width:100%;
	background:#1d1d1d;
	border:1px solid #d1d1d1;
	border-top:0
}
.family_list li a {
	display:block;
	padding:10px 12px;
	color:#fff;
	font-size:14px;
	transition:all 0.3s
}

/* 메인팝업 */
/* .popup_wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}
.popup{position:absolute;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.2);overflow:hidden}
.popup_content{position:relative}
.popup_content img{display:block;width:100%;height:auto}
.popup_footer{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:#f2f2f2;border-top:1px solid #eee}
.popup_today{font-size:14px;color:#666;background:none;border:0;cursor:pointer}
.popup_close{width:30px;height:30px;border:0;background:none;font-size:18px;color:#222;cursor:pointer;transition:all 0.3s ease}
.popup_close:hover{transform:rotate(90deg);color:#213C92} */

/* 퀵메뉴 */
.quick_menu{position:fixed;right:20px;top:50%;transform:translateY(-80%);z-index:100}
.quick_menu ul{background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.1)}
.quick_menu li{position:relative;transition:all 0.3s ease;}
.quick_menu li:after{content:'';position:absolute;left:10px;right:10px;bottom:0;height:1px;background:#eee}
.quick_menu li:last-child:after{display:none}
.quick_menu li a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:75px;height:75px;padding:8px 0;color:#666;transition:all 0.3s ease;font-size:12px}
.quick_menu li i{font-size:18px;margin-bottom:3px}
.quick_menu li span{font-size:12px;letter-spacing:-0.03em}
.quick_menu li:hover a{color:#1d212c}
.quick_menu li .btn_top{background:#20232e;color:#fff;font-size:12px;height:50px}
.quick_menu li .btn_top i{margin-bottom:0}
.quick_menu li .btn_top:hover{color:#fff;background:#1d212c}



/* responsive */