@charset "utf-8";
@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url(/../../font/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url(/../../font/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(/../../font/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url(/../../font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url(/../../font/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url(/../../font/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url(/../../font/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url(/../../font/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url(/../../font/Pretendard-Thin.woff) format('woff');
}
*{box-sizing: border-box;padding: 0;margin: 0;font-family:'Pretendard' !important; word-break: keep-all;}
.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a{text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0}
p{padding:0;margin:0;word-break: keep-all;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
#nt_sidebar_move{display: none;}
:root{
	--font-48:48px;
	--font-36:36px;
	--lh-36:45px;
	--font-24:24px;
	--font-20:20px;
	--font-18:18px;
	--font-16:16px;
	--font-13:13px;
    --blue:#5372b7;
    --black:#161616;
    --gray:#616161;
    --max-width:1440px;
}
@media screen and (max-width:1200px){
    :root{
        --font-48:40px;
        --font-36:30px;
        --lh-36:40px;
        --font-24:22px;
        --font-20:18px;
        --font-18:16px;
        --font-16:15px;
    }
}
@media screen and (max-width:900px){
    :root{
        --font-48:35px;
        --font-36:25px;
        --lh-36:35px;
        --font-24:20px;
        --font-20:16px;
        --font-18:15px;
        --font-16:14px;
    }
}


/* head시작 */
#head{width: 100%;height: 100px;border-bottom: 1px solid var(--black);position: fixed;top: 0;left: 0;z-index: 999;background: #fff;}
#head .wrap{height: 100%;width: 100%;max-width: var(--max-width);margin: 0 auto;display: flex;align-items: center;flex-flow: row wrap;border-left: 1px solid var(--black);border-right: 1px solid var(--black);}
#head .wrap .left{display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 20px;border-right: 1px solid var(--black);height: 100%;}
#head .wrap .left img{height: 30px;}
#head .wrap .right{height: 100%;width: calc(100% - 239px);}
#head .wrap .right .menu_wrap{display: flex;flex-flow: column;height: 100%;}
#head .wrap .right .menu_wrap .top{height: 50%;width: 100%;}
#head .wrap .right .menu_wrap .top form{display: flex;align-items: center;width: 100%;height: 100%;background:#fff;}
#head .wrap .right .menu_wrap .top form input{height: 100%;width: calc(100% - 50px);border: unset;text-align: center;font-size: var(--font-20);color: var(--blue);font-weight: 600;}
#head .wrap .right .menu_wrap .top form input:active,
#head .wrap .right .menu_wrap .top form input:valid,
#head .wrap .right .menu_wrap .top form input:focus{outline: none ;background:#fff ;box-shadow: none ;}
#head .wrap .right .menu_wrap .top form input::placeholder{color: #dddddd;}
#head .wrap .right .menu_wrap .top form button{width: 50px;height: 100%;display: block;text-align: center;box-shadow: unset;background: #fff;}
#head .wrap .right .menu_wrap .top form button i{font-size: var(--font-20) !important;}
#head .wrap .right .menu_wrap .bt{height: 50%;width: 100%;border-top: 1px solid var(--black);}
#head .wrap .right .menu_wrap .bt #nt_menu{width: 100%;height: 100%;}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container{width: 100%;height: 100%;}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div{width: 100%;height: 100%;}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div{width: 100%;height: 100%;}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul{width: 100%;height: 100%;display: flex; align-items: center; justify-content: unset; flex-wrap: unset;}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul>li{flex-grow: unset; max-width: unset; flex-basis: unset; width: fit-content;margin-left: 10px;padding: 0 10px;border: 1px solid var(--black);border-radius: 50px;}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul>li>a{color: var(--black);font-size: var(--font-18);}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul>li>a span{}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul>li>a span i{}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul>li.on{background: var(--black);}
#head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul>li.on a{color: #fff;}
#head .wrap .nav_btn {display: none;}
@media screen and (max-width:1440px){
    #head .wrap{border: none;}
}
@media screen and (max-width:1050px){
    #head{height: 50px;}
    #head .wrap .left img{height: 20px;}
    #head .wrap .right{width: calc(100% - 171px);}
    #head .wrap .right .menu_wrap .top{height: 100%;}
    #head .wrap .right .menu_wrap .bt{height: fit-content;position: absolute;width: 100vw;right: 0;border-top: unset;border-bottom: 1px solid var(--black);padding: 10px 0; background: #fff;}
    #head .wrap .right .menu_wrap .bt #nt_menu{height: fit-content;}
    #head .wrap .right .menu_wrap .bt #nt_menu .nt-container{height: fit-content;}
    #head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div{height: fit-content;}
    #head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div{height: fit-content;overflow-x: auto; width: calc(100% - 40px); margin: 0 auto !important; flex-grow: unset !important; order: unset;}
    #head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul{gap: 10px;min-width: max-content; justify-content: center;height: fit-content;}
    #head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul>li{margin: 0;}
    #head .wrap .right .menu_wrap .bt #nt_menu .nt-container>div>div>ul>li>a{line-height: 30px;}
}
@media screen and (max-width:768px){
    #head{border-bottom: 0;}
    #head .wrap{justify-content: space-between;}
    #head .wrap .left{border-right: 0;}
    #head .wrap .right{order: 3;width: 100%;border-top: 1px solid var(--black);}
    #head .wrap .right .menu_wrap .top form input{height: 45px;}
    #head .wrap .right .menu_wrap .bt{position: unset;border-top: 1px solid var(--black);}
    #head .wrap .nav_btn {display: block;order: 2;padding: 0 20px;}
    #head .wrap .nav_btn a {display: flex;align-items: center;width: 34px;height: 22px;position: relative;}
    #head .wrap .nav_btn a::before,
    #head .wrap .nav_btn a::after {content: '';display: block;width: 100%;height: 3px;background: #000;position: absolute;left: 0;right: 0;margin: auto;}
    #head .wrap .nav_btn a::before {top: 0;}
    #head .wrap .nav_btn a::after {bottom: 0;}
    #head .wrap .nav_btn a span{display: block;width: 100%;height: 3px;background: #000;}
}
@media all and (max-width: 640px){         
    #head .wrap .nav_btn {right: 20px;}
}
@media all and (max-width: 480px){
    #head .wrap .nav_btn a {width: 26px;height: 20px;}
    #head .wrap .nav_btn a::before, 
    #head .wrap .nav_btn a::after,
    #head .wrap .nav_btn a span {height: 2px;}
}
/* head끝 */


/* tail시작 */
#floating{position: fixed; bottom: 100px; right: 50px; width: 100px; height: auto; aspect-ratio: auto 1 / 1; display: flex; justify-content: center; align-items: center; background: #1f325d; border-radius: 50px; font-size: var(--font-20); color: #fff; cursor: pointer; z-index: 1; box-shadow: 0px 0px 15px #ffffff52; }
#floating::after{content:"";position: absolute;width: 115%; height: auto; aspect-ratio: auto 1 / 1; left: 50%;top: 50%;transform: translate(-50%, -50%);border: 2px solid #1f325d;border-radius: 100px;transition: 0.3s;}
#floating:hover::after{width: 85%;border: 2px solid #fff;}
#nt_footer{width: 100%;border-top: 1px solid var(--black);}
#nt_footer .wrap{width: 100%;height: 120px; max-width: var(--max-width);margin: 0 auto;border-left: 1px solid var(--black);border-right: 1px solid var(--black);display:flex;align-items: center;}
#nt_footer .wrap .left{padding: 0 20px;}
#nt_footer .wrap .left b{display: block; color: var(--black); font-size: var(--font-36); line-height: var(--lh-36); font-weight: 600;}
#nt_footer .wrap .center{border-left: 1px solid var(--black); border-right: 1px solid var(--black); display: flex; flex-flow: column; height: 100%; justify-content: center; gap: 10px; padding: 0 20px;width: calc(100% - 805px);}
#nt_footer .wrap .center ul{display: flex;justify-content: space-between;align-items: center;}
#nt_footer .wrap .center ul li{color: var(--black);font-size: var(--font-16);}
#nt_footer .wrap .center ul li span{font-weight: 500; margin-right: 10px;}
#nt_footer .wrap .right{display: flex; flex-flow: column; justify-content: space-between; height: 100%; padding: 20px 20px 20px 40px;}
#nt_footer .wrap .right>span{color: var(--black);font-size: var(--font-16);display: block;text-align: right;}
#nt_footer .wrap .right ul{display: flex; justify-content: flex-end; align-items: center;}
#nt_footer .wrap .right ul li:nth-child(1){margin-right:22px;position: relative;top: 0;left: 0;}
#nt_footer .wrap .right ul li:nth-child(1)::after{content:"";position: absolute;top: 50%;right: -12px;transform: translateY(-50%);width: 1px;height: 50%;background: var(--black);}
#nt_footer .wrap .right ul li a{color: var(--black);font-size: var(--font-16);}
@media screen and (max-width:1440px){
    #nt_footer .wrap{border: none; flex-flow: column; height: unset; justify-content: center;}
    #nt_footer .wrap .left{width: 100%;}
    #nt_footer .wrap .left b{text-align: left;margin: 20px 0;}
    #nt_footer .wrap .center{border: unset;width: 100%;gap: 0;}
    #nt_footer .wrap .right{ width: 100%; justify-content: left; align-items: flex-start; padding: 0 20px;margin: 20px 0;}
}
@media screen and (max-width:900px){
    #floating{bottom: 50px; right: 20px; width: 70px;box-shadow: 0px 0px 15px #ffffff;}
    #floating:hover::after{width: 115%;border: 2px solid #1f325d;}
}
@media screen and (max-width:700px){
    #nt_footer .wrap .left b{text-align: center;}
    #nt_footer .wrap .center ul{flex-flow: column;}
    #nt_footer .wrap .right{align-items:center}
}
/* tail끝 */



/* sidebar 시작 */
#sidebar {display: none;width: 100%;height: 100%;background: #fff;position: fixed;top: 0;left: 0;z-index: 9999;box-shadow: 0 0 5px 5px rgba(50, 60, 70, 0.15);-webkit-box-shadow: 0 0 5px 5px rgba(50, 60, 70, 0.15);}
.sidebar_header {height: 50px;} 
.sidebar_header .inner {display: flex;justify-content: space-between;align-items: center;height: 100%;padding: 0 20px;} 
.sidebar_header-logo {display: block;width: 130px;} 
.sidebar_header-logo img {max-width: 100%; } 
.sidebar_btn-close {display: flex;align-items: center;width: 34px;height: 22px;position: relative;} 
.sidebar_btn-close::before, 
.sidebar_btn-close::after {content: '';display: block;width: 100%;height: 3px;background: #000;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} 
.sidebar_btn-close::before {transform: rotate(45deg);} 
.sidebar_btn-close::after {transform: rotate(-45deg);} 

.sidebar_cont {height: calc(100vh - 100px);overflow-y: auto;} 
.sidebar_menu {height: 90%;overflow-y: auto;border-top: 1px solid var(--black);} 
.sidebar_menu .inner {margin: 0;padding: 0 20px;border-bottom: 1px solid #000;}
.sidebar_menu .nav-slide {width: 100%;flex-direction: column;padding:30px 0 15px 0;} 
.sidebar_menu .nav-slide .me-li {width: 100%;text-align:center;box-sizing: border-box;position: relative;padding: 15px 20px;border: 1px solid var(--black);border-radius: 30px;margin-bottom: 15px;flex-basis:unset;flex-grow: unset;} 
.sidebar_menu .nav-slide .me-li:not(:last-child) {} 
.sidebar_menu .nav-slide .me-li:hover,
.sidebar_menu .nav-slide .me-li:focus,
.sidebar_menu .nav-slide .me-li:active{background: #1f325d;}
.sidebar_menu .nav-slide .me-li:hover a,
.sidebar_menu .nav-slide .me-li:focus a,
.sidebar_menu .nav-slide .me-li:active a{color: #fff;}
.sidemenu_noscroll {overflow: hidden !important;height: 100%;}
/* .sidebar_menu .nav-slide .sm-a1 {display: block;max-width: 85%;width: 100%;margin: 0;padding: 20px 30px;font-size: 1.20em;font-weight: 500;}
.sidebar_menu .nav-slide .sm-li1:has(.sidebar_menu_depth2) .toggle-arrow {display: block;width: 30px;height: 16px; background: url('../img/toggle_arrow.png') no-repeat; background-size: cover !important;transform: rotate(0deg);position: absolute;top: 20px;right: 30px;cursor: pointer;transition: transform 0.3s ease-in-out;}
.sidebar_menu .nav-slide .sm-li1:has(.sidebar_menu_depth2).active .toggle-arrow {transform: rotate(-180deg);}
.sidebar_menu .nav-slide .sm-li1:not(:last-child) {margin-bottom: 0;} 
.sidebar_menu_depth2 {display: none; width: 100%;max-height: 0;overflow: hidden;background: #f4f4f4;transition: max-height 0.3s ease-in-out;}
.sidebar_menu_depth2.open {display: block;max-height: 500px;}
.sidebar_menu_depth2 .sm-ul2 {padding: 10px 0;border-top: 1px solid #EBEBEB;box-sizing: border-box;} 
.sidebar_menu_depth2 .sm-a2 {display: block;padding: 10px 30px;color: #666;font-weight: 500;}
@media all and (max-width: 640px){
    .sidebar_menu_depth1 .sm-a1 {font-size: 1.00em;}    
} */
@media all and (max-width: 480px){
    .sidebar_btn-close {width: 26px;height: 20px;}
    .sidebar_btn-close::before, 
    .sidebar_btn-close::after {height: 2px;}
    /* .sidebar_menu_depth1 .sm-a1{padding: 20px;}
    .sidebar_menu_depth1 .sm-li1:has(.sidebar_menu_depth2) .toggle-arrow{width: 22px; height: 12px; right: 20px;} */
}
/* sidebar 끝 */