@charset "utf-8";

/**************** 
*--- common layout 
*****************/
html, body {height: 100%;}
#wrap {min-width: 1200px;min-height: 100%;position: relative;}
#container {padding-bottom: 136px;}
#content {min-height: calc(100vh - 13.5rem - 0rem);padding : 13.4rem 0 5rem 0;transition: width 0.5s ease; }
#content:has(#fullpage) {padding : 0;position : relative;}
body:has(#header .float_menu .float_ai.active) #content {width : calc(100% - 41.5rem);}

.dimmed {width : 100vw;height : 100vh;background-color: rgba(0, 0, 0, 0.48);display: inline-block;position: fixed;left: 0;top: 0;z-index: 99;}

/**************** 
*--- header 
*****************/
#header {background-color : #fff;box-shadow: 0px 3px 6px var(--shadow-color1);position: fixed;left: 0;top: 0;width: 100%;z-index: 10;transition: 0.5s;}
#header.active {box-shadow : unset;}
#header.scroll {top: -8rem;}

#header .formbox {height : 8rem;position : relative;z-index : 11;}
#header.scroll .formbox {border-bottom : 0;}
#header.active:not(:has(.topmenu.ctzn)) .formbox {box-shadow: 0px 3px 6px var(--shadow-color1);}
#header .formbox h1 {position: absolute;left: 2rem;top: 50%;transform: translate(0, -50%); z-index:  1;}
#header .formbox h1 a {display: flex;align-items: center;}
#header .formbox h1 .logo_img {max-width: 9.5rem;display: inline-block;}
#header .formbox h1 .logo_txt {color : #001F5A;font-size : 1.6rem;font-family: 'GyeonggiMillenniumTitle';font-weight: 500;margin-left : 1.2rem; }
#header .formbox .loginDiv {position: absolute;right: 10rem;top: 50%;transform: translate(0, -50%);max-width : 30rem;height : 100%;}

/*html용 임시*/
#header .formbox h1:has(a>img) {display: flex;align-items: center;}
#header .formbox h1 a > img {max-width: 9.5rem;display: inline-block;}

#header:has(.dimmed) .formbox .loginDiv {z-index : 100;}
#header .formbox .userInfo {display: flex;align-items: center;justify-content: end;height : 100%;}
#header .formbox .userInfo .link,
.mlink_list li a {font-size: 1.4rem;border-radius: 2.5rem;min-width: 10.8rem;text-align: center;height: 2.8rem;line-height: 2.6rem;display: flex;justify-content: center;align-items: center;border : 1px solid var(--U-gray-color);}
/* #header .formbox .loginDiv .link:after, */
.mlink_list li a:after{content: '';display: inline-block;background-image: url(/assets/bnz/common/images/common/header_link_icon.png);width: 1.4rem;height: 1.4rem;background-repeat: no-repeat;background-position: center;background-size: 100%;margin-left: 0.5rem;filter : brightness(0.5);}
#header .formbox .loginDiv .link b {color : var(--U-black-color2);font-weight : 300;}
#header .formbox .loginDiv .loginDrop {position : relative;cursor : pointer;flex-shrink: 0;line-height: 1;}
#header .formbox .loginDiv .link + .loginDrop {margin-left: 1.5rem;padding-left: 1.5rem;border-left: 1px solid var(--gray-color);}
#header .formbox .loginDiv .loginDrop .userNames:after {content: '';display: inline-block;background-image: url(/assets/bnz/common/images/common/select_arrow_off_org.svg);width: 1.4rem;height: 1.4rem;background-size: 100%;background-position: center;margin-left: 1.5rem;position: relative;top: 0.2rem;} 
#header .formbox .loginDiv .loginDrop.active .userNames:after {transform: rotate(-90deg);top: 0.1rem;}
#header .formbox .loginDiv .loginDrop ul {position: absolute;width: 12rem;top: 4rem;right : 0;display : none;background-color: #fff;border: 1px solid var(--U-black-color2);}
#header .formbox .loginDiv .loginDrop ul:has(.oprtr) {width : 16rem;}
#header .formbox .loginDiv .loginDrop.active ul {display : block;}
#header .formbox .loginDiv .loginDrop ul li {padding : 0 2rem;}
#header .formbox .loginDiv .loginDrop ul li + li a {border-top: 1px solid var(--shadow-color1);}
#header .formbox .loginDiv .loginDrop ul li a {text-align: center;padding: 1.5rem 0rem;display: block;font-size: 1.3rem;color : var(--U-black-color2);height : 100%;}
#header .formbox .loginDiv .loginDrop ul li a.logOut {color : var(--red-color);}
#header .formbox .loginDiv .loginDrop ul li a:hover {font-weight : 500;}

#header .topmenu {position: relative;height : 100%;width : calc(100% - 65rem);margin : 0 auto;}
#header #menuList {position : relative;}
#header #menuList > ul {display: flex;justify-content: center;list-style: none;margin: 0 auto;position: relative;}
#header #menuList > ul .menu-depth1 {visibility: hidden;top: 2rem;position: relative;height: 0;overflow: hidden;transition: top 0.3s, opacity 0.3s; opacity : 0;}
#header.active #menuList > ul .menu-depth1 {visibility : visible;top : 0;padding-top : 1rem;height : auto;overflow : visible; opacity : 1;}
#header #menuList > ul > li {width : 20%;text-align : center;}
#header #menuList > ul > li > a {display: block;box-sizing: border-box;line-height : 8rem;font-size : 1.8rem;position : relative;margin : 0 0.5rem;}
#header #menuList > ul > li:hover > a,
#header #menuList > ul > li.active > a {color: var(--main-color1);font-weight: 500;}
#header #menuList > ul > li:hover > a:after,
#header #menuList > ul > li.active > a:after {content : '';display : inline-block;width : 100%;height : 0.5rem;background-color : var(--main-color1);position : absolute;left : 0;bottom : 0;}

#header #menuList ul[class*="menu-depth"] > li > a {padding : 0.8rem 0;display : block;}
#header #menuList ul[class*="menu-depth"] > li > a[href=""],
#header #menuList ul[class*="menu-depth"] > li > a[href="#none"] {cursor : default;} 
#header #menuList ul.menu-depth1 > li > a  {font-size : 2rem;font-weight : 600;color : var(--U-black-color);}
#header #menuList ul.menu-depth2 > li > a >span {position : relative;z-index : 1;}
#header #menuList ul.menu-depth2 > li:hover > a >span:before,
#header #menuList ul.menu-depth2 > li.active > a >span:before,
#header #sitemapList ul.menu-depth2 > li:hover > a >span:before,
#header #sitemapList ul.menu-depth2 > li.active > a >span:before {content: '';width: 100%;height: 0.8rem;background-color: var(--main-color1);opacity: 0.5;display: inline-block;position: absolute;right: 0;bottom: -0.1rem;z-index : -1;}

#header #menuList ul.menu-depth2 {padding-bottom : 1rem;}

#header .submenubg {background-color : rgba(255,255,255,0.6);position : absolute;left : 0; top : 10rem;width : 100%;height : 43rem;box-shadow: 0px 3px 6px var(--shadow-color1);backdrop-filter: blur(1.5rem);-webkit-backdrop-filter: blur(1.5rem);z-index : -999;display : block;transition : top 0.3s;visibility: hidden;}
#header.active .submenubg {top : 8rem;visibility : visible;z-index : 9;}

#header .m_lnbBtn{position: relative;width: 3rem;height: 2.8rem;background: none;border: 0;padding: 0;cursor: pointer;position: absolute;right: 3rem;top: calc(50% - 1.3rem);}
#header .m_lnbBtn > span {position: absolute;left: 0;width: 100%;}
#header .m_lnbBtn > span:not(:last-child) {height: 3px;background: var(--U-black-color);transition: transform .3s ease,top .3s ease,opacity .2s ease;}
#header .m_lnbBtn > span:nth-child(1){ top: 0; }
#header .m_lnbBtn > span:nth-child(2){ top: calc(50% - 0.5rem); width : 70%;}
#header .m_lnbBtn > span:last-child{ font-size: 1.1rem;bottom: 0;top: unset;line-height: 1; }
#header.lnb_active .m_lnbBtn span:nth-child(1),
#header.sitemap .m_lnbBtn span:nth-child(1){top: 50%;transform: translateY(-50%) rotate(45deg);height : 0.2rem;}
#header.lnb_active .m_lnbBtn span:nth-child(2),#header.sitemap .m_lnbBtn span:nth-child(2){top: 50%;width : 100%;transform: translateY(-50%) rotate(-45deg);height : 0.2rem;}
#header.lnb_active .m_lnbBtn span:last-child,#header.sitemap .m_lnbBtn span:last-child{display : none;}

/* #header #menuList > ul.m_1depth {display : none;}  */

#header #mobileBar {height : 50px;line-height : 50px;position : relative;border-bottom : 1px solid var(--lightgray-color);border-top : 1px solid var(--lightgray-color);background-color : #fff;display : none;}
#header #mobileBar .backBtn {width : 48px;height : 48px;background-color : #eee;position : absolute;left:0;top : 0;text-align : center;}
#header #mobileBar h2 {text-align: center;font-size: 1.6rem;font-weight : 500;margin: 0 auto;position: absolute;left: 70px;width: calc(100% - 106px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#header.sitemap:not(.active) .topmenu {box-shadow: 0px 3px 6px var(--shadow-color1);}
#header .sitemap_menu {position: absolute;width: 100%;background: #fff;height: calc(100vh - 13.4rem);	top : 13.4rem;left : 0;z-index : 1;display : none; padding-bottom : 5rem; overflow-y : auto;}
#header.sitemap .sitemap_menu {display : block;}
#header.scroll .sitemap_menu {height : calc(100vh - 5.4rem);top : 5.4rem;}
#header #sitemapList {text-align : center;}
#header #sitemapList > h3 {color : var(--U-black-color2);font-size : 3.4rem;padding : 4rem 0;font-weight : 400;}
#header #sitemapList > ul {display : flex;}
#header #sitemapList > ul > li.gnbli {width: 25%;	}
#header #sitemapList > ul > li.gnbli > a {display : none;} 
#header #sitemapList ul[class*="menu-depth"] > li > a {padding : 1rem 0;display : block;}
#header #sitemapList ul.menu-depth1 >li > a {font-size : 2rem;font-weight : 600;}
#header #sitemapList ul.menu-depth2 > li > a >span {position : relative;}
#header #sitemapList .sitemap_etc {margin-top : 8rem;}
#header #sitemapList .sitemap_etc li span:after {content: '';display: inline-block;background-image: url(/assets/bnz/common/images/common/header_link_icon.png);width: 1.4rem;height: 1.4rem;background-repeat: no-repeat;background-position: center;background-size: 100%;margin-left: 1rem;filter: brightness(0.5);}

#header .topmenu .mobile_link {position: absolute;width: calc(70% - 4rem);right: 2rem;bottom: 2rem;display : none;}
#header .topmenu .mobile_link .mlink_list  {display : flex;flex-wrap : wrap; gap : 1rem 0.5rem;}
#header .topmenu .mobile_link .mlink_list li {width: calc(50% - 0.5rem / 2); flex: 1;}
#header .topmenu .mobile_link .mlink_list li a {height: 3.5rem;line-height: 3.3rem;font-weight: 500;}
#header .topmenu .mobile_link .mlink_list li.link {width : 100%; flex :unset;}
#header .topmenu .mobile_link .mlink_list li.link a:after {display : none;}

/*float_menu*/
.fl_lottie {position : relative;display : block;width : 12rem;height : 12rem;}
.fl_lottie > span {font-size: 2.4rem;color: #fff;position: absolute;text-align: center;width: 60%;height: 60%;letter-spacing: 0;left: 50%;top: 50%;border-radius: 50%;transform: translate(-50%, -50%);box-shadow: 0px 12px 10px var(--shadow-color1);z-index : 1;display: flex;flex-direction: column;align-items: center;justify-content: center;line-height: 1;}

#header .float_menu {position : fixed;right : -12rem;bottom : 2rem;transition : 0.5s;z-index : 11;}
#header.scroll .float_menu {right : 0rem;}
#header .float_menu li .fl_lottie lottie-player {width : 12rem;height : 12rem;}
#header .float_menu li:has(.fl_normal) {width : 12rem;text-align : center;}
#header .float_menu li .fl_normal {display : inline-block;width : 7.2rem;height : 7.2rem;border-radius : 50%;box-shadow: 0px 12px 10px var(--shadow-color1);font-size : 1.3rem;border : 1px solid #fff;background: transparent linear-gradient(145deg, #09276B 0%, #28BB9D 100%) 0% 0% no-repeat padding-box;color : #fff;display: inline-flex;flex-direction: column;justify-content: center;align-items: center;line-height: 1.2;font-weight: 300;	}
#header .float_menu li .fl_normal.quick2 {margin-top : 2.3rem;background: transparent radial-gradient(farthest-side at 31% 32%,#28BB9D 0%,#B49F19 49%,#2B1DEF 100%) 0% 0% no-repeat padding-box;}
#header .float_menu li .fl_normal > span:after {content: '';display: block;width: 1rem;height: 0.8rem;background-image: url(/assets/bnz/common/images/common/float_arrow.svg);margin: 0.4rem auto 0 auto;transform: translate(0, 0);}
#header .float_menu li .fl_normal:hover > span:after {animation: arrowActive 0.5s ease-in-out infinite;}
#header .float_menu li .fl_normal strong {display : block;}
#header .float_menu .float_ai {width: 41.5rem;height: 100%;background: #f5f5f5;position: fixed;right: -41.5rem;top: 0;padding: 6rem 1rem 3rem 1rem;border-left: 2px solid var(--lightgray-color);z-index : -999;}
#header .float_menu .float_ai.active {right: 0;z-index : 12;}
#header .float_menu .float_ai:before {content: '';background-image: url(/assets/bnz/common/images/ctzn/main_circle_blue.svg);background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;right: 2%;top: 3%;width: 26rem;height: 26rem;}
#header .float_menu .float_ai:after {content: '';background-image: url(/assets/bnz/common/images/ctzn/main_circle_blue.svg);background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;right: -15%;bottom: -10%;width: 26rem;height: 26rem;}
#header .float_menu .float_ai .title {position : relative;font-size : 1.3rem;color : var(--gray-color);font-weight : 400;text-align : center;margin : 0 3rem 1.5rem 3rem;}
#header .float_menu .float_ai .title:before {content : '';width : 100%;height : 2px;background-color : #fff;position : absolute;left: 0;top : calc(50% - 1px);}
#header .float_menu .float_ai .title > span{background: transparent linear-gradient(94deg, #5CACFC60 0%, #DFB03F60 56%, #81D29360 100%) 0% 0% no-repeat padding-box;box-shadow: inset 0px 3px 6px var(--shadow-color1), 2px 2px 5px var(--shadow-color1);border: 1px solid #FFFFFF;border-radius: 2rem;backdrop-filter: blur(1rem);-webkit-backdrop-filter: blur(1rem);width: 60%;display: inline-block;text-align: center;padding: 0.3rem 0;}
#header .float_menu .float_ai .ai_close {width: 1.6rem;height: 9rem;border-radius: 0.6rem 0 0 0.6rem;position: absolute;left: -1.8rem;top: calc(50% - 4.5rem);background: transparent linear-gradient(15deg, #024375 0%, #23AB98 100%) 0% 0% no-repeat padding-box;font-size: 0;display: inline-block;}
#header .float_menu .float_ai .ai_close:before {content: '';display: inline-block;width: 1.0rem;height: 1.0rem;background-image: url(/assets/bnz/common/images/common/select_arrow_on_w.svg);background-size: 100%;background-position: center;background-repeat: no-repeat;transform: rotate(-90deg);position: absolute;top: calc(50% - 0.5rem);left: calc(50% - 0.5rem);filter: brightness(0.8);}

#header .float_menu .float_ai .ai_close_bar {
	height: 4.5rem;
    line-height: 4.5rem;
    background: transparent linear-gradient(98deg, #EAA7EB 0%, #ACD0D6 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px var(--shadow-color1);
    text-align: center;
    color: #fff;
    font-weight: 300;
    position: absolute;
    left: -2px;
    top: 0;
    width: calc(100% + 4px);
}

#header .float_menu .float_ai .ai_close_bar p {
	letter-spacing : 0.1rem;
}

#header .float_menu .float_ai .ai_close_bar .close {
    width: 4.4rem;
    height: 4.4rem;
    display: block;
    background-image: url(/assets/bnz/common/images/common/close_icon.svg);
    text-align: center;
    position: absolute;
    right: 0rem;
    top: 0;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
}

#header .float_menu .float_ai.active .ai_close:before {transform: rotate(90deg);}

.ai_contents {height : 100%;overflow-y : auto;padding-right : 0.5rem;position : relative;overflow-x : hidden;}
.ai_contents .ai_wrap + .ai_wrap { margin-top : 4rem;}
.ai_contents .cnvrs_item {display : flex;position : relative;z-index : 1;}
.ai_contents .cnvrs_item .img {width : 30%;}
.ai_contents .cnvrs_item .talk_area {flex : 1;}
.ai_contents .cnvrs_item .talk_area ul li {padding : 1.5rem 1.2rem;font-size : 1.2rem;background: rgba(255,255,255,0.5);box-shadow: 2px 2px 5px var(--shadow-color1);border: 2px solid #fff;border-radius: 2rem;backdrop-filter: blur(1rem);-webkit-backdrop-filter: blur(1rem);border-radius : 2rem;	}
.ai_contents .cnvrs_item .talk_area > ul + ul {margin-top : 1.5rem;}
.ai_contents .cnvrs_item .talk_area ul li + li {margin-top : 1.5rem;}
.ai_contents .cnvrs_item .talk_area > ul > li.intro {background: transparent linear-gradient(112deg, #003B73 0%, #28BB9D 100%) 0% 0% no-repeat padding-box;color : #fff;padding: 2.5rem;font-weight: 300;}
.ai_contents .cnvrs_item .talk_area > ul > li.active{border-color : var(--org-color);text-align : center;}
.ai_contents .cnvrs_item .talk_area > ul > li p:has(button){margin-top : 1rem;}
.ai_contents .cnvrs_item .talk_area > ul > li:has(.load){background: transparent;box-shadow: unset;border: unset;border-radius: 0;backdrop-filter: unset;-webkit-backdrop-filter: unset;padding : 0;}
.ai_contents .cnvrs_item .talk_area ul.load li {height : 4rem;line-height : 3.8rem;border-radius : 5rem;display : inline-block; padding : 0;display: inline-flex;justify-content: center;align-items: center;gap: 0 3%;min-width : 60%;}
.ai_contents .cnvrs_item ul.load li lottie-player {width : 30%;}

@keyframes arrowActive {
  0% {transform: translate(0.3rem, 0);}
  50% {transform: translate(-0.3rem, 0);}
  100% {transform: translate(0.3rem, 0);}
}


#header .float_clock {text-align : center;position: fixed;right: 3.4rem;top : 16.4rem;transition: 0.5s;} 
#header.scroll .float_clock {top : 8.4rem;}
#header .float_clock .btnClose {width: 6rem;height: 6rem;text-align: center;position: absolute;background-color: #fff;right: -1rem;top: -1rem;background-size: 45% auto;background-repeat: no-repeat;background-position: right;font-size: 0;box-shadow: inset 0px 3px 6px #00000029, 0px 3px 6px #00000029;border: 1px solid #D4D4D4;border-radius: 50%;background-position: center;z-index: 1;padding : 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#header .float_clock .clock_wrap {background: rgba(255,255,255,0.5);box-shadow: inset 0px 3px 6px var(--shadow-color1), 0px 3px 6px var(--shadow-color1);border: 1px solid #fff;border-radius: 1.8rem;backdrop-filter: blur(1rem);-webkit-backdrop-filter: blur(1rem);padding: 1rem 3rem;display : none;}
#header .float_clock h3 {background: rgba(255,255,255,0.5);box-shadow: inset 0px 3px 6px var(--shadow-color1), 0px 3px 6px var(--shadow-color1);border: 1px solid #fff;border-radius: 3rem;backdrop-filter: blur(3rem);-webkit-backdrop-filter: blur(3rem);color : var(--U-black-color2);font-weight : 400;font-size : 1.4rem;display: inline-flex;align-items: center;box-sizing: border-box;padding: 0.1rem 2rem;}

body:has(#header .float_menu .float_ai.active) #header .float_clock {right : 0;	}
#header .float_clock.active .btnClose .hourglass {display : none}
#header .float_clock.active .btnClose {background-image: url(/assets/bnz/common/images/common/close_icon_black.svg);}
#header .float_clock.active .clock_wrap {display : block;}

#header .hourglass{height: 3.5rem;width: 3.5rem;display: inline-block;position: relative;overflow: hidden;} 
#header .hourglass lottie-player {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 200%;height: 200%;}

#countdown_float {display: flex;justify-content: center;align-items: center;gap : 0 0.3rem;padding : 1rem 0 0 0;position : relative;}
#countdown_float > p {font-size : 1.2rem;display: flex;align-items: end;}
#countdown_float p span {font-family: 'DS-Digital';font-size : 3.2rem;color : var(--red-color);line-height : 1;background: #fafafa 0% 0% no-repeat padding-box;box-shadow: inset 0px 3px 6px var(--shadow-color1);border: 1px solid #FFFF;border-radius:0.8rem;padding : 0rem 0.5rem;text-align : center;display: inline-block;margin-right : 0.2rem;min-width : 4rem;}
#countdown_float p span.minute,
#countdown_float p span.seconds {min-width: 5rem;}

#header .nav_mngr {padding : 1rem 2rem;font-size : 1.4rem;border : 1px solid var(--A-black-color);}
#header .nav_mngr ol {display: flex;align-items: center;justify-content: end;font-weight: 300;flex-wrap: wrap;}
#header .nav_mngr ol li {display: flex;align-items: center;}
#header .nav_mngr ol li:hover a{font-weight : 400;}
#header .nav_mngr ol li + li:before  {content: '';display: inline-block;width: 2rem;height: 2rem;background-image: url(/assets/bnz/common/images/common/select_arrow_off_w.svg);background-size: 50%;background-position: center;background-repeat: no-repeat;transform: rotate(-90deg);}


/**************** 
*--- footer
*****************/

#footer {background-color: #001F5A;padding: 2rem 0;text-align: center;margin-top : 4rem;height : 13.5rem;font-size: 1.4rem;color : #fff;}
#content:has(#fullpage) #footer {margin-top : 0;}
#footer > div {display: flex;justify-content: space-between;text-align: left;height: 100%;align-items: center;}
#footer .footer_info {display: flex;align-items: center;gap: 0 4rem;}
#footer .footer_logo img {height: 50px;filter: brightness(100);}
#footer .footer_info span {font-size : 1.4rem;display : block;}



@media (max-width: 1280px) {
	#content {padding-top : 7rem;}
	#content:has(#fullpage) {overflow : hidden;} 

	#header .m_lnbBtn {display : block; right : 2rem; height : 3rem;}
	
	body:has(#header.lnb_active) {overflow: hidden !important;}
	#header.lnb_active.scroll {top : 0;}
	
	#header .topmenu { background-color : var(--lightgray-color);border : none;position : absolute;left : -100%;top : 7rem;width : 100%;height : calc(100vh - 7rem);	overflow-y : auto;padding-left : 0;}
	#header.lnb_active .topmenu {left: 0;top: 0;height: 100vh; z-index : 12;}
	#header:has(.loginDiv .userInfo .link) .topmenu {width : 100%;}
	
	#header .formbox {height : 7rem;}
	#header.lnb_active .formbox {position: static;}
	#header.lnb_active .formbox .m_lnbBtn {z-index: 13; }
	#header .formbox .loginDiv {right : 8.5rem;}
	 
	#header #menuList {padding : 0; height: 100%; display : flex;}
	#header #menuList > ul {padding-top : 7rem;}
	#header #menuList > ul > li {width : 100%;}
	#header #menuList > ul > li a {margin : 0; }
	
	#header #menuList > ul.m_1depth {display: block;min-width: 12rem;flex-shrink: 0;width: 30%; background-color : rgba(40, 187, 157, 0.4);}
	#header #menuList > ul.m_1depth > li > a { font-size: 1.8rem;padding: 2rem;word-break: keep-all;line-height: 1.4; font-family: 'GyeonggiMillenniumTitle';font-weight : 300;}
	#header #menuList > ul.m_1depth > li.active > a {background: var(--main-color1);color: #fff; }

	#header #menuList > ul:not(.m_1depth) {display : block; width : 100%; height: 100%; overflow-y: auto;}
	#header #menuList > ul:not(.m_1depth) > li {padding : 0 2rem; max-width: calc(100% - 5rem); display : none;}
	#header #menuList > ul:not(.m_1depth) > li.active{display : block;}
	#header #menuList > ul:not(.m_1depth) .menu-depth1 > li {padding-top : 0.7rem;}
	#header #menuList > ul:not(.m_1depth) .menu-depth1 > li + li {border-top: 1px solid var(--gray-color);}
	#header #menuList > ul:not(.m_1depth) > li > a {display : none;}
	#header #menuList > ul:not(.m_1depth) > li > .menu-depth1  {visibility: visible; overflow : visible;top: 0;height: auto; z-index : 1;position: relative;border-top: 1px solid var(--gray-color);border-bottom: 1px solid var(--gray-color); padding-top : 0;}
	#header #menuList > ul:not(.m_1depth) > li.active > .menu-depth1 {opacity : 1;}
	
	#header #menuList ul[class*="menu-depth"] > li > a {text-align : left;}
		
	#header #menuList > ul > li:after, 
	#header #menuList > ul > li:hover > a:after,
	#header #menuList > ul > li.active > a:after {display : none;}
	
	#header #menuList ul.menu-depth2 > li:hover > a >span:before,
	#header #sitemapList ul.menu-depth2 > li:hover > a >span:before {display : none;} 
	
	#header.lnb_active .submenubg {display : none;}
	
	#content.cbnContent .fpMenu {display : none;}
	
	#header .float_clock {right: 2rem; top: 9rem;}
	#header.scroll .float_clock {top : 2rem;}
	
	#header .float_menu .float_ai {max-width : unset; width : 35%; right: -35%;}
	body:has(#header .float_menu .float_ai.active) #content {width: 65%;}
	
	
	#footer {height: auto;padding: 4.5rem 0 3rem 0;}
	#footer > div { flex-direction: column;gap: 3.5rem 0; align-items: start;}
	#footer .footer_info {flex-direction: column;gap: 3rem 0;align-items: start;}
}

@media (max-width: 768px) {
	#header .formbox h1 .logo_txt {font-weight: 300; margin-left: 1rem; font-size : 1.4rem;}
	
	#header .float_menu .float_ai {width : calc(100% - 2rem); right: calc(-100% + 2rem);}
	#header .formbox .loginDiv {right : 6.5rem;}
	#header:has(.topmenu.ctzn) .formbox .loginDiv .link {display : none;}
    #header:has(.topmenu.ctzn) .formbox .loginDiv .link + .loginDrop {border-left : 0;}
    #header .formbox .topmenu.mngr .loginDiv .link + .loginDrop {padding-left : 0.8rem; margin-left : 0.8rem;}
	#header .topmenu .mobile_link {display : block;}
    
    body:has(#header .float_menu .float_ai.active) {overflow : hidden !important;}
    body:has(#header .float_menu .float_ai.active) #content {width : 100%;}
    
    #header .float_clock {display : none;}
}