div#wrap{ position:relative;}
div#wrap img { border:none; }
div#wrap a{ text-decoration:none; }

#header { position:fixed; top:0; height:150px; width:100%; z-index:10000; -webkit-transition:all .3s; transition:all .3s; border-bottom:1px solid rgba(255, 255, 255, 0.25); background-color:#fff; } 

#header.over { background-color:#fff; border-bottom:1px solid #ddd; } 
#header .logo img { width:100%;height: 100%;object-fit: contain; } 
#header .log { position:absolute; right:350px; top:-70px; padding:7px 8px; border-radius:3px; } 
#header .log ul li { display:inline-block; padding:0 10px; position:relative; } 
#header .log ul li:last-child a { color:#41a39e; font-weight:600; margin-left:-10px!important; } 
#header .log ul li a { color:#333; font-size:15px; } 
#header.over .log ul li a { color:#333; } 
#header.over .log ul li:last-child a { color:#41a39e; font-weight:600; } 

#header .res1 { position:absolute; left:350px; top:-70px; padding:7px 8px; border-radius:3px; } 
#header .res1 ul li { display:inline-block; padding:0 10px; position:relative; } 
#header .res1 ul li:last-child a { color:#41a39e; font-weight:600; margin-left:-10px!important; } 

.header_inner { width:100%; margin:0 auto; position:relative; } 
.header_inner:after { content:""; display:block; clear:both; } 
.header_inner { position: relative; z-index: 101; box-sizing:border-box; } 

.bg_box { display:none; position: absolute; width: 100%; height: 450px; top: 150px; z-index:10; box-sizing:border-box; background-color:rgba(0,0,0,0.75); box-shadow:3px 3px 8px rgba(0,0,0,0.2); } 


/* 서브비주얼 */
#sepration {margin-top: 150px;position:relative; clear:both;text-align:center; height:410px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#sepration .section {margin-top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
#sepration h2{font-size:42px; letter-spacing: -0.06em;font-weight:400;color:#fff; text-transform: uppercase;}

/* LNB */
.lm_bg{position:absolute; bottom:0; width:100%;  height:60px;  background:rgba(81,62,56,0.9);}
.section_lnb{position:relative;}
.section_lnb>.inr{position:relative; width:1200px;line-height:60px;margin:0 auto;border-left:1px solid #E2E2E2;}
.section_lnb>.inr:after{content:''; display:block; clear:both;}
span.share{position:absolute; bottom:0; right:0; z-index:10; display:block; width:60px; height:60px; margin:-7px 0 0 -8px; background: url('/images/default/content/share_icon.png') no-repeat center center; border-left:1px solid #e8decc; border-right:1px solid #e8decc;text-indent:-999em;}
#lnb{position:relative;padding-left:59px;height:60px;}
#lnb:after{content:''; display:block; clear:both;}
#lnb>li{width:220px;position:relative;float:left;text-align: left;background:#fff; border-bottom:1px solid #e8decc; border-left:1px solid #e8decc; margin-left:-1px;  z-index:1; box-sizing:border-box;}
#lnb>li.open{border:1px solid rgba(0, 0, 0, 1); border-bottom:none; z-index:2;}
#lnb>li.depth2{width:auto; min-width:300px; box-sizing:border-box; padding-right:20px;}
#lnb>li:first-child{position:absolute; top:0; left:0; width:60px;height:60px;  background:#1d1d1d; border:none;}
#lnb>li a{display:block; width:100%; height:60px; padding:0 17px;padding-left: 20px; font-size:17px;color:#555;line-height:60px;font-weight:500; box-sizing:border-box;}
#lnb>li:first-child>a .loc_home{position:absolute; top:50%; left:50%;z-index:10; display:block; width:18px; height:19px; margin:-9px 0 0 -8px; background: url('/images/default/content/home_icon.png') no-repeat 0 0;text-indent:-999em;}
#lnb>li>a .unfd{position:absolute; top:50%; right:15px; width:10px; height:6px; margin:-3px 0 0; background:url('/images/default/content/arrow.png') no-repeat 0 0; text-indent:-999em; transition:all 0.1s; transform-origin:50% 50%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; transform:rotate(0deg);}
#lnb>li>a .unfd.on{position:absolute; top:50%; right:15px; transform:rotate(180deg);}
#lnb li > a{color:#1d1d1d;}

#lnb>li>div{z-index:90; position:absolute;top:61px; width:calc(100% + 2px); background:#fff; padding:20px 0 24px; border:1px solid #D5D5D5;border-top:none; display:none;  border:1px solid  rgba(0, 0, 0, 0.1); margin-left:-1px;margin-top:-1px; border-top:none; box-sizing:border-box;}
#lnb>li.open>div{border:1px solid  rgba(0, 0, 0, 1); border-top:none;}
#lnb>li>div>ul{}
#lnb>li>div>ul>li{height:auto; margin-top:5px;}
#lnb>li>div>ul>li:first-child{margin-top:0}
#lnb>li>div>ul>li>a{position:relative;padding-left:20px; color:#41a39e; height:auto; line-height:31px; font-weight:300;}
#lnb>li>div>ul>li>a strong{}
#lnb>li>div>ul>li>a.on{color:#1d1d1d; font-weight:500;}
#lnb>li>div>ul>li>a.over{}




/* 탭메뉴 */
div#wrap div.tab_menu{ width:1200px; margin:0 auto; margin-bottom:60px;}
div#wrap div.tab_menu ul{overflow:hidden;}
div#wrap div.tab_menu ul li{width:20%;margin:0 2.5%; float:left; border-bottom:1px solid #debe99;}
div#wrap div.tab_menu ul li:first-child{}
div#wrap div.tab_menu ul li a{display:block; width:100%;  box-sizing:border-box; height:60px; line-height:60px; text-align:center; font-size:20px; color:#1d1d1d; font-weight:300; position:relative; font-weight:400;}
div#wrap div.tab_menu ul li.on{border-bottom:3px solid #635454;}
div#wrap div.tab_menu ul li.on a{color:#1d1d1d; }


/* 컨텐츠 */
/* div#wrap div#container { margin:0; padding:0;} */
/* #section {padding: 0 20px;max-width: 1240px;width: 100%;margin: 0 auto;} */
#section .right_content {min-height:400px; }
/* #section .right_content div.content_title{width:1200px; margin:0px auto; text-align:center;} */
#section .right_content .content_title h3{ font-size:38px;font-weight:400; color:#292929; position:relative; margin-top:80px;line-height:1.0; letter-spacing:-0.04em;text-align: center;}
#section .right_content .content_title h3 span{color:#41a39e; font-size:18px; font-family: 'Literata', serif;}
#section .right_content .content_body {padding-top:60px; padding-bottom:100px;word-break: keep-all;}



/* 푸터 */
#footer { background:#111;}
.footer-inner {padding: 0 20px;width: 100%;max-width: 1240px;margin: 0 auto;} 
#footer .cust { border-bottom:1px solid #333; } 
#footer .cust .fin {display: flex;align-items: center;border-left: 1px solid #333;} 
#footer .cust .fin p {flex: 1 1 100%;height: 86px;font-size:19px;color:#eee;text-align:center;padding:20px;border-right: 1px solid #333;} 
#footer .cust .fin p:not(.account) {display: flex;align-items: center;justify-content: center;} 
#footer .cust .fin p.account {text-align: left;} 
#footer .cust .fin p b { margin-right:10px; } 
#footer .cust .fin p span {font-size: 15px;word-break: keep-all;} 

#footer .fcon { border-bottom:1px solid #b7afa6; font-size:16px; } 
#footer .fcon ul { margin:0px -40px; } 
#footer .fcon ul li { height:60px; line-height:60px; display:inline-block; margin:0px 39px; position:relative; } 
#footer .fcon ul li:before { content : ""; display : block; position : absolute; left : -44px; top:50%; margin-top:-7px; width :1px; height : 14px; background : #ddd; } 
#footer .fcon ul li:first-child:before { background:none; } 
#footer .fcon ul li a { color:#999; } 

#footer .copyright {padding: 24px 0px;color:#999;line-height: 1.5;} 
#footer .copyright p.copy { margin-top:10px; } 
#footer .copyright span { padding:0px 10px; color:#ececec; } 


/* =================================== 2025-07-07 =================================== */
.header-inner { max-width: 1240px; width: 100%; padding: 0 20px; margin: 0 auto; } 
#header .header-top { padding: 16px 0; border-bottom: 1px solid #eee; height: 80px; } 
#header .header-top .header-inner { display: flex; justify-content: space-between;align-items: center; } 
#header .header-top .header-inner .logo { position: absolute; left: 50%; transform: translateX(-50%); } 
#header .header-top .header-inner .logo a { display: block; } 
#header .header-top .header-inner .right { display: flex; justify-content: flex-end;align-items: center;gap: 10px; } 
#header .header-top .header-inner .right li:last-child {display: none;} 
#header .header-top .header-inner .right li a img {width: 100%;height: 100%;object-fit: contain;} 
#header .header-bottom { height: 70px; } 
#header .pc {display: block;}
#header .mobile {display: none;}
#header .ham-btn {background: none;border: none;cursor: pointer;color: #333;line-height: 1;font-size: 40px;}
#header .ham-close-btn {color: #fff;}

#nav > ul { display: flex; } 
#nav > ul > li { flex: 1; text-align: center; position: relative; } 
#nav > ul > li > div { padding: 24px 0; } 
#nav > ul > li > div > a { font-size: 19px; color: #333; font-weight: 600; } 
#nav > ul > li > ul { display: none; position: absolute; width: 100%; height: auto; left: 50%; transform: translateX(-50%); top: 100px; z-index: 100; } 
#nav > ul > li > ul > li { padding-bottom: 13px; } 
#nav > ul > li > ul > li > a { color: #fff; } 
#nav > ul > li > ul > li:hover > a { color: #41a39e; text-decoration: underline; } 

/* mobile menu */
body.m-active {overflow: hidden;}
.m-menu-wrap { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); visibility:hidden; z-index: 900; transition: .5s; } 
.m-menu-wrap.active { background-color:rgba(0,0,0,0.6); visibility:visible; } 
.m-menu { position:fixed; top:0; right:-100%; width:50%; height:100%; padding-bottom: 15px; background-color:rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); transition: .5s; overflow-y: scroll; } 
.m-menu .m-header {padding: 20px 35px;display: flex;justify-content: space-between;align-items: center;position: fixed;width: 100%;}
.m-menu .m-logo a {display: block;height: 20px;}
.m-menu .m-logo a img {display: block;width: 100%;height: 100%;object-fit: contain;}
.m-menu .m-inner { display: flex; height: 100%; padding-top: 80px; } 
.m-menu .m-inner::-webkit-scrollbar { width: 8px; } 
.m-menu .m-inner::-webkit-scrollbar-thumb { background-color: #797979; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; } 
.m-menu .m-inner::-webkit-scrollbar-track { background: transparent; } 
.m-menu-wrap.active .m-menu { right: 0; } 
.m-menu .menu-wrap { width: 100%; padding: 0 35px; height: calc(100% - 15px); overflow-y: auto; } 
.m-menu .menu-wrap .ham-btn { display: none; width: 25px; height: 40px; margin-left: 35px; } 
.m-menu .menu-wrap .ham-btn i { font-size: 26px; color: #fff; position: absolute; opacity: 0.6; } 
.m-menu .menu-wrap .menu-content { overflow-y: auto; } 
.m-menu .menu-wrap > ul { display: flex; flex-direction: column; gap: 30px; width: 100%; } 
.m-menu .menu-wrap > ul > li { position: relative; width: 100%; padding: 0 0 20px; font-weight: 500; } 
.m-menu .menu-wrap > ul > li:not(:last-of-type)::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #363636; } 
.m-menu .menu-wrap > ul > li > div > a { display: block; position: relative; width: 210px; padding: 0 0 15px; font-size: 20px; color: #fff; } 
.m-menu .menu-wrap > ul > li > ul { display: flex; gap: 15px; flex-wrap: wrap; width: 100%; margin-top: 5px; } 
.m-menu .menu-wrap > ul > li > ul > li { position: relative; } 
.m-menu .menu-wrap > ul > li > ul > li > a { font-size: 15px; font-weight: 400; line-height: 26px; color: #ececec; white-space: nowrap; } 

@media screen and (max-width: 1024px) {
    #header {height: 80px;}
    #header .header-top {padding: 0;}
    #header .header-top .header-inner {height: 100%;}
    #header .header-top .header-inner .logo {top: 50%;transform: translate(-50%,-50%);}
    #header .header-top .header-inner .logo a {height: 24px;}
    #header .header-top .header-inner .right li:last-child {display: block;}
    #header .header-top .header-inner .right li a {display: block;}
    #header .header-bottom {display: none;}

    #footer .cust .fin p {font-size: 16px;height: 75px;} 
    #footer .cust .fin p.account {display: flex;flex-direction: column;justify-content: center;} 
    #footer .cust .fin p.account br {display: none;}
    #footer .cust .fin p span {font-size: 14px;} 
    #footer .copyright {font-size: 15px;}

    #sepration {margin-top: 80px;height: 320px;}
    #sepration h2 {font-size: 32px;}

    #section .right_content .content_title h3 {margin-top: 60px;font-size: 28px;}
}

@media screen and (max-width: 768px) {
    #header {height: 60px;}
    #header .header-top {height: 60px;}
    #header .header-top .header-inner {justify-content: flex-end;}
    #header .header-top .header-inner .left {display: none;}
    #header .header-top .header-inner .logo {left: 20px;transform: translate(0,-50%);}
    #header .header-top .header-inner .logo a {height: 20px;}
    #header .header-top .header-inner .right {gap: 8px;}
    #header .header-top .header-inner .right li a {height: 32px;}
    #header .ham-btn {font-size: 32px;}
    #header .pc {display: none;}
    #header .mobile {display: block;}

    .m-menu {width: 90%;}

    #footer .cust .fin {border-left: 0;flex-wrap: wrap;gap: 8px;padding: 16px 0;}
    #footer .cust .fin p {height: auto;padding: 0;font-size: 14px;border-right: 0;}
    #footer .cust .fin p.account {flex-direction: row;justify-content: flex-start;}
    #footer .cust .fin p:not(.account) {justify-content: flex-start;}
    #footer .copyright {padding: 16px 0;font-size: 14px;}

    #sepration {margin-top: 60px;}
    #section .right_content .content_body {padding-top: 32px;padding-bottom: 60px;}
}

@media screen and (max-width: 480px) {
    #header .header-top .header-inner .logo a {height: 16px;}
    .m-menu .menu-wrap > ul {gap: 24px;}
    .m-menu .menu-wrap > ul > li > ul {flex-direction: column;gap: 8px;margin-top: 16px;}
    .m-menu .menu-wrap > ul > li > div > a {padding: 0;width: 100%;}
    .m-menu .menu-wrap > ul > li > ul > li > a {line-height: 1.5;}
    #footer .cust .fin p:not(.account) {justify-content: flex-start;}
    #footer .cust .fin p b {word-break: keep-all;}
    #footer .copyright {word-break: keep-all;}
}