@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; } 
 }
#search_bo_table { margin-left: 10px; padding: 5px 10px; border-radius: 30px; border:1px solid #000 } 
#search_bo_table option { } 
.pc_txt { margin-bottom: 30px; font-size: 1.1em; position: relative; z-index: 2; display: inline-block; color:#000; font-weight:500 } 
/* .pc_txt:before { content: ''; position: absolute; width: 100%; height: 30%; background: #cfe6ff; left: 0; bottom: 0; z-index: -1; } */
/* 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; font-size: var(--font-20); color: var(--blue); font-weight: 600; padding-left:20px; } 
#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; } 

#search_bo_table { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none;color:#000 } 
.select_box { position: relative; display: inline-block; } 
#search_bo_table { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 40px; /* 화살표 자리 확보 */}
.select_box::after { content: ''; position: absolute; top: 50%; right: 14px; width: 8px; height: 8px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: translateY(-60%) rotate(45deg); pointer-events: 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){
 .pc_txt { margin-top:20px; } 
 #search_bo_table { margin-left:20px; max-width:150px; } 
 .main-gallery-wrap { padding-top:80px !important; } 

 #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:relative; border-top: 1px solid var(--black); bottom:0!important } 
 /* #head .wrap .right .menu_wrap .bt:before { position:absolute; content:'스크롤을 하시면 메뉴를 더 보실 수 있습니다.'; left: 20px; bottom: 5px; color: #878787; font-weight: bold; } */
 #head .wrap .nav_btn { display: block; order: 2; padding: 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } 
 #head .wrap .nav_btn a { display: flex; align-items: center; width: 22px; height: 20px; position: relative; } 
 #head .wrap .nav_btn a::before,
 #head .wrap .nav_btn a::after { content: ''; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; right: 0; margin: auto; } 
 #head .wrap .nav_btn a::before { top: 3px; } 
 #head .wrap .nav_btn a::after { bottom: 3px; } 
 #head .wrap .nav_btn a span { display: block; width: 100%; height: 2px; background: #000; } 
 .side_nemutxt { font-size: .9em; text-align: center; font-weight: bold; line-height: 1.1; } 
 }
@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: #000; 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 #000; 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끝 */

#floating { animation: softTock 2.2s infinite; transform-origin: center bottom; will-change: transform; } 
@keyframes softTock { 
 0% { transform: translateY(0); } 
 20% { transform: translateY(-6px); } 
 40% { transform: translateY(0); } 

 50% { transform: translateY(0); } 
 70% { transform: translateY(-6px); } 
 90% { transform: translateY(0); } 

 100% { transform: translateY(0); } 
 }



/* 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: 22px; 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: #1745ff; } 
.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 끝 */