@charset "utf-8";
@import url("font.css");						

/* reset */
html,body{margin:0;padding:0;}
body{color: #000;font-style:normal;-webkit-text-size-adjust:none;word-break: keep-all;font-size:13px;font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Verdana,Dotum,Sans-serif;}
body *, ::before, ::after{box-sizing: border-box; margin:0;padding:0;list-style:none; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', Verdana, Dotum, Sans-serif;}
body *:focus{outline: 1px solid #d1e5ff;}
table{empty-cells:show;border-spacing: 0;border-collapse: collapse;}
caption,legend{display:none;}
img,fieldset{border:0;}
em,address{font-style:normal;}  
a{text-decoration:none;}
header, nav, main, section, article, aside, footer{display:block;} 

/* scrollbar */
::-webkit-scrollbar{width:14px;height:14px;}
::-webkit-scrollbar-thumb{background-color:#e1dee9;border-radius:14px;background-clip:padding-box;border:3px solid transparent;}
/* .lnb ::-webkit-scrollbar-thumb{background-color:#f3f3f3 !important;} */
.w2table_sb::-webkit-scrollbar, .w2table_ccb::-webkit-scrollbar, .w2table_tabControl::-webkit-scrollbar, .w2windowContainer_window_list::-webkit-scrollbar{width:10px; height:10px}
/* .w2window_wframe::-webkit-scrollbar-thumb{background-color:#c1d4ff !important;}
.w2table_sb::-webkit-scrollbar-thumb, .w2table_ccb::-webkit-scrollbar-thumb, .w2table_tabControl::-webkit-scrollbar-thumb, .w2windowContainer_window_list::-webkit-scrollbar-thumb, .sitemap .menu_area::-webkit-scrollbar-thumb{background-color:#e1dee9 !important;} */
.contents::-webkit-scrollbar{background:#fff; border-radius:15px;}

/* layout */
.wrap{position:relative;height: 100%;overflow: hidden;min-width: 1000px;}
.main, .container{position: absolute;height: calc(100% - 116px);z-index: 9;width: 100%;top: 64px;overflow: auto;background: #f4f3f9;transition: .2s ease;}
.main{background:#fff;}				   
.contents{position:absolute;top: 20px;left: 42px;overflow:auto;transition: .2s ease;background: #fff !important;border-radius: 15px;bottom: 0;right: 20px;}
.lnb.show + .contents{left: 370px;width: calc(100% - 390px);}

/* skip */
.skip_wrap { position: absolute; top: 0; left: 0; transition: .2s ease; width: 100%; text-align: center; z-index: 99999; }
.skip_wrap a { width: 100%; color: #fff; background: #6c88ff; height: 0; line-height: 36px; font-size: 14px; font-weight: 600; opacity: 0;display: block; }
.skip_wrap a:focus { opacity: 1; height: 100%; }
.skip:focus ~ .header, .skip:focus ~ .container, .skip:focus ~ .container{margin-top: 104px !important;}

/* top notice (긴급 공지) 영역 */
.top_notice{background: #6697d9 !important;color:#fff;display:flex;height: 64px;padding:0 24px;position: fixed;width: 100%;top: -64px;left: 0;padding-right: 300px;height: 0;transition: .5s ease;}
.top_notice.show {height: 64px;top: 0;}
.top_notice.show ~ .header, .top_notice.show ~ .main, .top_notice.show ~ .container{margin-top: 64px;}
.top_notice.show ~ .main, .top_notice.show ~ .container{height: calc(100% - 178px);}
.top_notice *:focus{outline:1px dashed #fff !important;}
.top_notice.close{transform: translateY(-100%);}
.top_notice .top_notice_inner{max-width: 1220px;margin: auto;height: 100%;vertical-align: middle;display: flex;align-items: center;width: 100%;}
.top_notice h1{font-size: 20px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: auto;}
.top_notice a{color: #fff; border: 1px solid #fff; height: 30px; line-height: 28px; padding: 0 12px; border-radius: 15px;}
.top_notice h1 + a{ margin-left: 24px;}
.top_notice .close{position: absolute;right: 24px;height: 100%;top: 0;display: flex;align-items: flex-end;}
.top_notice .close .w2checkbox {margin-bottom: 8px;}
.top_notice .close .w2checkbox .w2checkbox_label{font-size: 14px;}
.top_notice .close button{width: 28px;margin-left: 60px;background: transparent;border: 0;text-indent: -99999px;border-radius: 0;align-self: center;}
.top_notice .close button:before, .top_notice .close button:after{content:'';position:absolute;width:2px;background:#fff;height: 34px;top: 0;left: 0;transform: rotate(45deg);right: 0;bottom: 0;margin: auto;}
.top_notice .close button:after{transform: rotate(-45deg);}

/* header */
.header{height: 64px;z-index: 999;position: absolute;width: 100%;top: 0;left: 0;transition: .2s ease;border-bottom: 1px solid #e4e8eb;}
.header .header_wrap{/* overflow: auto; */height: 100%;background: #fff;}
.header .header_inner{min-width: 1280px;display: flex;height: 100%;align-items: center;}
.header_dim{background: rgb(0 0 0 / 50%) !important;height: 100vh;width: 100%;position: absolute;z-index: 99;top: 64px;transition: .2s ease;opacity: 0;visibility: hidden;}
.header_dim.show {opacity:1;visibility: visible;}

/* 로고 영역 */
.header .logo{ width: 18%; max-width: 340px; min-width: 240px;}
.header .btn_sitemap, .header .logo, .header .gnb_area > ul, .header .gnb_area > ul > li{display:flex;align-items: center;justify-content: center;}
.header .logo a{min-width: 220px;background: url(../images/common/logo.png) no-repeat center;text-indent: -99999px;background-size: contain; }

/* 사이트맵 */
.header .btn_sitemap{width: 50px;flex-direction: column;cursor: pointer;overflow: hidden;margin-right: 20px;padding: 0 2px;align-items: center;border: 0;height: 50px !important;background: transparent;}
.header .btn_sitemap span {text-indent: -99999px;height: 0;}
.header .btn_sitemap i{width: 16px;height: 2px;transition: .2s ease;background: #000;}
.header .btn_sitemap i + i{margin-top: 3px;}
.header .btn_sitemap:hover i{background:#6697d9;}
.header .btn_sitemap.close i{margin-top: -2px;transform: rotate(45deg);} 
.header .btn_sitemap.close i:first-child{transform: rotate(-45deg);margin-top: 2px;}
.header .btn_sitemap.close i:first-child + i{display:none;}

/* 검색 */
.m_menu_sch{display:none;}

/* gnb */
.header .gnb_area{flex: 1;padding: 0 100px 0 0;padding: 0 6% 0 0;overflow-x: auto;margin-right: 20px;}
.header .gnb_area > ul{width: 100%;justify-content: flex-start;/* margin-left: 3%; */gap: 2%; height: 63px;}
.header .gnb_area > ul > li{cursor:pointer;height:100%;flex: 1;}
.header .gnb_area > ul > li + li{/* margin-left: 70px; *//* margin-left: 7%; */}
.header .gnb_area > ul > li > a{font-size:16px;color: #000;line-height: 20px;/* padding: 0 20px; */height: 100%;display: flex;align-items: center;text-align: center;}
.header .gnb_area > ul > li:hover > a, .header .gnb_area ul li.on > a, .header .gnb_area > ul > li > a:focus, .header .gnb_area > ul > li.current > a{font-weight:600;color:#4477bc;position:relative;}
.header .gnb_area > ul > li > a:after{content:'';position:absolute;height: 2px;bottom: 0;left:0;background: #4477bc;width: 100%;transform-origin: center;transform: scaleX(0);}
.header .gnb_area > ul > li:hover > a:after, .header .gnb_area ul li.on > a:after, .header .gnb_area > ul > li > a:focus:after, .header .gnb_area > ul > li.current > a:after{transform: scaleX(1);transition: .2s ease;}
.header .gnb_area > ul > li > .sub{position: absolute;left: 0;background: #fff;right: 0;margin: auto;top: 64px;cursor: default;transition: .2s ease;transform: scaleY(0);transform-origin: top;opacity: 0;width: 100%;overflow: auto;max-height: calc(100vh - 130px);}
.header .gnb_area > ul > li:hover > .sub, .header .gnb_area > ul > li.on > .sub{  transform: scaleY(1);  opacity: 1;}
.header .gnb_area > ul > li > .sub .depth_wrap{display: flex;padding: 50px 0 50px;min-width: 1000px;margin: auto;max-width: 1440px;}
.header .gnb_area > ul > li > .sub .depth2{flex: 1;padding: 0 20px;/* padding: 0 3%; */position:relative;/* min-width: 330px; */min-width: 222px;}
.header .gnb_area > ul > li > .sub .depth2:first-child:before, .header .gnb_area > ul > li > .sub .depth2:last-child:after{content:'';position:absolute;width:1px;height: calc(100% + 100px);top: -50px;left:0;background: #dcdee1;}
.header .gnb_area > ul > li > .sub .depth2:last-child:after{right:0; left:auto;}
.header .gnb_area > ul > li > .sub .depth2 + .depth2{border-left: 1px solid #dcdee1}
.header .gnb_area > ul > li > .sub .depth2 h2{font-size: 18px;color: #555;cursor: pointer;}
.header .gnb_area > ul > li > .sub .depth2 h2 span{height: 100%;display: inline-block;position: relative;padding-bottom: 24px;}
.header .gnb_area > ul > li > .sub .depth2 h2 span:after{content:'';position:absolute;bottom:0;height:2px;background:#6697d9;left:0;width:100%;transform: scaleX(0);transition: .2s ease;transform-origin: center;}
.header .gnb_area > ul > li > .sub .depth2.on h2, .header .gnb_area > ul > li > .sub .depth2 h2:hover{color:#6697d9;}
.header .gnb_area > ul > li > .sub .depth2 h2:hover span:before, .header .gnb_area > ul > li > .sub .depth2 h2:hover span:after, .header .gnb_area > ul > li > .sub .depth2.on h2 span:before, .header .gnb_area > ul > li > .sub .depth2.on h2 span:after{transform: scale(1);}
.header .gnb_area > ul > li > .sub .depth2.on .depth3{display:block;}
.header .gnb_area > ul > li > .sub .depth3{background: #fff;width: 100%;overflow: auto;max-height: 730px;}
.header .gnb_area > ul > li > .sub .depth3 > ul > li{display: flex;margin-top: 12px;}
.header .gnb_area > ul > li > .sub .depth3 > ul > li:hover a, .header .gnb_area > ul > li > .sub .depth3 > ul > li .depth4 li:hover span{color:#6697d9;text-decoration: underline;font-weight: 600;}
.header .gnb_area > ul > li > .sub .depth3 > ul > li:hover a:after{border-color:#6697d9;}
.header .gnb_area > ul > li > .sub .depth3 > ul + ul{margin-top:8px;}
.header .gnb_area > ul > li > .sub .depth3 > ul > li a{font-size: 14px;word-break: break-all;}

/* sitemap */
.header .sitemap{width: 100%;position: absolute;background: #fff;top: 64px;left: 0;transition: .3s ease;transform: scaleX(0);transform-origin: top;opacity: 0;height: calc(100vh - 272px);transform-origin: right;}
.header .sitemap .mypage{ display: none;}
.header .sitemap.show {transform: scaleX(1);opacity: 1;}
.header .sitemap .search_area, .header .m_menu_sch .search_area{background:#fff;}
.header .sitemap .search_input, .header .m_menu_sch .search_input{margin: auto;max-width: 568px;width: 100%;position: relative;margin-top: 57px;}
.header .sitemap .search_input .w2autoComplete, .header .m_menu_sch .search_input .w2autoComplete{height: 60px !important;border-radius: 30px;border: 2px solid #6697d9;padding: 0 75px 0 35px;}
.header .sitemap .search_input .w2autoComplete .w2autoComplete_placeholder:before{font-size: 16px;color: #d3d3d3;}
.header .sitemap .search_input .w2autoComplete_table_main td span.w2autoComplete_label, .header .sitemap .search_input .w2autoComplete .w2autoComplete_input, .header .m_menu_sch .search_input .w2autoComplete_table_main td span.w2autoComplete_label, .header .m_menu_sch .search_input .w2autoComplete .w2autoComplete_input{font-size:16px;padding-left: 0 !important;}
.header .sitemap .search_input .w2autoComplete_open, .header .sitemap .search_input .w2autoComplete_open .w2autoComplete_input{background:#fff;}
.header .sitemap .search_input .search_btn, .header .m_menu_sch .search_input .search_btn{width: 35px;height: 35px !important;right: 30px;text-indent: -99999px;padding: 0;}
.header .m_menu_sch .search_input .search_btn span:before, .header .sitemap .search_input .search_btn span:before{ border: 2px solid #6697d9;}
.header .m_menu_sch .search_input .search_btn span:after, .header .sitemap .search_input .search_btn span:after{background: #6697d9;height: 2px;}
.w2input_table_sb.sitemap_srch{max-height: 184px !important;}
.w2input_table_sb.sitemap_srch .w2input_table_sb_col{font-size: 16px;padding: 0 36px;line-height: 32px;height: 32px;}
.header .sitemap .depth_wrap{display:flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;max-width: 1530px;margin: auto;min-width: 1000px;}
/* .header .sitemap .depth_wrap .w2textbox:focus{outline: 0 !important;} */
.header .sitemap .depth_wrap .depth1{width: 20%;margin-bottom: 200px;margin-left: 60px;}
.header .sitemap .depth_wrap .depth1:first-child{ margin-left: 0;}
.header .sitemap .depth_wrap .depth1:nth-child(5n){ margin-left: 0;}
.header .sitemap .menu_area{ overflow: scroll; height: 100%; width: 100%; margin-top: 38px; background: #fff;}
.header .sitemap .depth_wrap .depth1 h1{display: inline-block;font-size: 28px;position: relative;padding: 26px 0;flex: 1;}
.header .sitemap .depth_wrap .depth1 h1:after{content:'';position:absolute;width: calc(100% + 22px);height: 2px;background: #4477bb;left: 0;bottom: 0;}
.header .sitemap .depth_wrap .depth1 h1 + .depth2{border-top:1px solid #dadee1;}
.header .sitemap .depth_wrap .depth2{padding-top:28px;}
.header .sitemap .depth_wrap .depth2 h2{font-size:18px;display: inline-block;}
.header .sitemap .depth_wrap .depth3 li{margin-top: 14px;}
.header .sitemap .depth_wrap .depth3 li a{ font-size: 15px;}

/* lnb */
.lnb{transition:.3s ease;background: #fff;padding: 018px 0;width: 320px;transform: translateX(-340px);transform-origin: left;position: absolute;top: 20px;left: 20px;border-radius: 15px;z-index: 9;bottom: 0;}
.lnb.show{transform: translateX(0);}
.lnb .login{ padding: 0 24px 14px; border-bottom: 1px solid #e9eaec;}
.lnb .mypage .member{ margin: 12px 0 0 !important; border-bottom: 1px solid #e9eaec; padding-bottom: 12px;}
.lnb .search_input{border-bottom: 1px solid #e9eaec;padding: 0 32px;}
.lnb .w2autoComplete{height: 40px;border-radius: 20px;margin: 10px 0 12px;padding: 0 45px 0 20px; border-color: #e9eaec;}
.lnb .search_input .search_btn{width: 27px;height: 27px !important;right: 45px;transform: scale(0.9);top: -1px;}
.lnb .depth_wrap .depth01{font-size:16px;text-align: center;border-bottom: 1px solid #e9eaec;padding: 10px 0;color: #4477bc;}
.lnb .depth_wrap .depth_inner{padding: 0 20px;height: calc(100% - 250px);overflow: auto;position: absolute;width: 100%;}
.lnb .depth_wrap .depth02 > li{position:relative;}
.lnb .depth_wrap .depth02 > li:after, .lnb .depth_wrap .depth03:before{content:'';position:absolute;width: calc(100% - 20px);height:1px;background: #e9eaec;left: 10px;top: 100%;}
.lnb .depth_wrap .depth02 > li > a{font-size:16px;color: #444;padding: 10px;display: block;position:relative;}
.lnb .depth_wrap .depth02 > li.on > a{font-weight:bold;color:#4477bc;padding: 12px 10px;}
.lnb .depth_wrap .depth02 > li > a:hover{font-weight:bold;color:#4477bc;}
.lnb .depth_wrap .depth02 > li > a:after, .lnb .depth_wrap .depth02 > li > a:before{content:'';position:absolute;right: 10px;width: 12px;height: 2px;background: #787878;top: 0;bottom: 0;margin: auto;transition: .2s ease;}
.lnb .depth_wrap .depth02 > li.no_depth > a:after, .lnb .depth_wrap .depth02 > li.no_depth > a:before{display:none;}
.lnb .depth_wrap .depth02 > li > a:before{ transform: rotate(90deg);}
.lnb .depth_wrap .depth02 > li > a:hover:before, .lnb .depth_wrap .depth02 > li > a:hover:after{background: #4477bc;}
.lnb .depth_wrap .depth02 > li.on > a:after, .lnb .depth_wrap .depth02 > li.on > a:before{background:#4477bc;}
.lnb .depth_wrap .depth02 > li.on > a:before{ transform: rotate(0);}
.lnb .depth_wrap .depth03{opacity: 0;transform: scaleY(0);transform-origin: top;transition: .2s ease;height: 0;padding: 0 10px;}
.lnb .depth_wrap .depth03:before{ top: 0;}
.lnb .depth_wrap .depth04{transform: scaleY(0);background: #f2f6ff;transition: .2s ease;height: 0;opacity: 0;transform-origin: top;}
.lnb .depth_wrap .depth03 li.on .depth04{ transform: scaleY(1);padding: 5px 10px; margin-bottom: 10px; border-top: 1px solid #b0c8e7; border-bottom: 1px solid #b0c8e7; height: auto; opacity: 1; }
.lnb .depth_wrap .depth04 li a{padding: 5px 10px;display: block;}
.lnb .depth_wrap .depth04 li.on a{font-weight:bold;}
.lnb .depth_wrap .depth02 > li.on > .depth03{padding: 6px 10px 12px;opacity: 1;transform: scaleY(1);height: auto;}
.lnb .depth_wrap .depth02 > li.on > .depth03 > li > a{ display: block; padding: 5px 10px 6px 20px; position: relative; color: #444;}
.lnb .depth_wrap .depth02 > li.on > .depth03 > li > a:before{content:'';position:absolute;width: 3px;height: 3px;background: #444;left: 10px;top: 0;bottom: 0;margin: auto;border-radius: 3px;}
.lnb .depth_wrap .depth02 > li.on > .depth03 > li.on > a{color:#4477bc;}
.lnb .depth_wrap .depth02 > li.on > .depth03 > li.on > a:before{background:#4477bc;}
.lnb_btn{position: absolute;width: 14px;height: 56px;z-index: 99;transition: .5s ease;top: 20px;opacity: 0;transition-delay: .2s;/* background: #4d7cbc; */}
.lnb_btn:after{content:'';position:absolute;width: 8px;height: 8px;border-top: 2px solid #fff;border-left: 2px solid #fff;top: 0;left: 1px;transform: rotate(-45deg);border-radius: 1px;pointer-events: none;z-index: 9;right: 0;bottom: 0;margin: auto;transition: .2s ease;transition-delay: .5s;}
.lnb_btn .w2trigger, .lnb_btn .w2trigger:focus{border: 0;height: 100% !important;text-indent: -99999px;width: 100%;border-radius: 0 10px 10px 0;background: #4d7cbc;padding: 0;min-width: auto;}
.lnb.show .lnb_btn, .lnb.hide .lnb_btn{left: 100%;opacity: 1;}
.lnb.hide .lnb_btn:after{transform: rotate(-45deg) scale(-1);left: 0;right: 6px;}
.lnb_btn .w2trigger:hover {background:#5899F2; border-color:#5899F2}

/* Footer */
.footer{position: absolute;bottom: 0;left: 0;width: 100%;background: #f4f3f9;padding: 12px 0;z-index: 9;}
.main + .footer{ border-top: 1px solid #e4e8eb;}
.footer .footer_wrap{line-height: 24px;/* padding: 0 160px; */}
.footer .footer_wrap, .footer .footer_txt{display:flex;height: 100%;justify-content: center;align-items: center;}
.footer .footer_txt{ flex-wrap: wrap; justify-content: flex-start;}
.footer h2{text-indent: -99999px;min-width: 140px;background: url(../images/common/logo.png) no-repeat left center;background-size: contain;height: 28px;}
.footer .footer_txt{margin-left:116px;color: rgb(0 0 0 / 50%);margin-left: 7%;}
.footer .footer_txt a{text-decoration: underline;color: #4f86d1;margin-right: 55px;}
.footer .footer_txt .address:first-of-type{margin-right: 30px;}

/* 챗봇 */
.floating{position:fixed;/* bottom: 20px; *//* right: 53px; */z-index: 99999;opacity: 1;top: calc(100% - 170px);left: calc(100% - 154px);/* display: block; */}
.floating .chat_wrap { position: absolute;}
.floating.hide .chat_wrap{ display: none;}
.floating.scroll{opacity:0.25;}
.floating .btn_top{display: none;}
.floating .btn_chatbot{width:100px;height: 100px !important;border-radius: 100px;border: 0;background: #6697d9;display: flex;flex-direction: column;align-items: center;box-shadow: 0px 1px 6px 1px rgb(0 0 0 / 40%);justify-content: center;}
.floating .btn_chatbot:hover{box-shadow: 0px 1px 8px 1px #6697d9;}
.floating .btn_chatbot span{font-size: 16px;line-height: 1;font-weight: bold;color: #fff;}
.floating .btn_chatbot:before{content:'';width: 100%;height: 56px;background: url(../images/common/ico_chatbot.svg) no-repeat center;background-size: auto 100%;margin-bottom: 8px;}
.floating .btn_hide.w2group{position:absolute;top: 0;right: 0;text-indent: -99999px;border-radius: 30px;width: 26px;border-color: #6697d9;height: 26px !important;}
.floating .btn_hide:before, .floating .btn_hide:after{ content: ''; position: absolute; width: 12px; height: 2px; background: #6697d9; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); left: 0; right: 0; }
.floating .btn_hide:after{ transform: rotate(-45deg); }
button.w2group.chat_mini{background-color: #6697d9;border-color: #6697d9;color: #fff;border-radius: 20px;font-weight: 600;height: 36px !important;transition: .2s ease;padding: 0;width: 36px;display: none;filter: saturate(0);opacity: 0.5;text-indent: -9999px;}
button.w2group.chat_mini.show {display: block;}
button.w2group.chat_mini:hover{/* background:#5899F2; */filter: saturate(1);opacity: 1;}
.chat_mini:before{content:'';background: url(../images/common/ico_chatbot.svg) no-repeat center 0;width: 26px;height: 26px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;right: 0;display: block;}

/* form 정렬 */
.fl{float:left !important;}
.fr{float:right !important;}
.ofh{overflow:hidden !important;}    
.ofa{overflow:auto !important;}

/* text 정렬 */
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}

/* 강조 */ 
.txt_red{color: #ff0000 !important;}
.txt_blue{color: #006dff !important;}
.txt_green{color: #00b769 !important;}
.bg_blue2, .w2trigger.txt_blue:hover, .w2trigger.txt_blue:focus {background: #DDEEFF !important;}
.bg_red2, .w2trigger.txt_red:hover, .w2trigger.txt_red:focus {background: #FEEFF4 !important;}
.bg_green2, .w2trigger.txt_green:hover, .w2trigger.txt_green:focus {background: #effef4 !important;}
.bg_red, [classname="bg_red"], .w2trigger.txt_red:active{background:#E63C3C !important; color:#fff !important;}
.bg_blue, [classname="bg_blue"], .w2trigger.txt_blue:active{background:#6697d9 !important; color:#fff !important;}
.bg_blue, [classname="bg_green"], .w2trigger.txt_green:active{background:#00b769 !important; color:#fff !important;}
.w2trigger.txt_red{border-color: #ff0000 !important;}
.w2trigger.txt_blue{border-color: #006dff !important;}
.w2trigger.txt_green{border-color: #00b769 !important;}
.bg_gray, [classname="bg_gray"]{background: #e7e7e7 !important;}
.bg_white, [classname="bg_white"]{background: #fff !important;}

/* link */
.link, [classname="link"] nobr{color:#4d6fff !important;text-decoration:underline !important;cursor: pointer !important;}

/* margin */
.mt0{margin-top:0 !important;}
.mt4{margin-top:4px !important;}
.mt8{margin-top:8px !important;}
.mt16{margin-top:16px !important;}
.mt24{margin-top:24px !important;}
.mt32{margin-top:32px !important;}
.mt40{margin-top:40px !important;}
.mt48{margin-top:48px !important;}
.mt64{margin-top:64px !important;}
.mt72{margin-top:72px !important;}
.mt80{margin-top:80px !important;}
.mt96{margin-top:96px !important;}
.mt120{margin-top:120px !important;}
.mt160{margin-top:160px !important;}
.mr0{margin-right:0 !important;}
.mr4{margin-right:4px !important;}
.mr8{margin-right:8px !important;}
.mr16{margin-right:16px !important;}
.mr24{margin-right:24px !important;}
.mr32{margin-right:32px !important;}
.mr40{margin-right:40px !important;}
.mr48{margin-right:48px !important;}
.mr64{margin-right:64px !important;}
.mr72{margin-right:72px !important;}
.mr80{margin-right:80px !important;}
.mr96{margin-right:96px !important;}
.mr120{margin-right:120px !important;}
.mr160{margin-right:160px !important;}
.mb0 {margin-bottom:0 !important}
.mb4{margin-bottom:4px !important;}
.mb8{margin-bottom:8px !important;}
.mb16{margin-bottom:16px !important;}
.mb24{margin-bottom:24px !important;}
.mb32{margin-bottom:32px !important;}
.mb40{margin-bottom:40px !important;}
.mb48{margin-bottom:48px !important;}
.mb64{margin-bottom:64px !important;}
.mb72{margin-bottom:72px !important;}
.mb80{margin-bottom:80px !important;}
.mb96{margin-bottom:96px !important;}
.mb120{margin-bottom:120px !important;}
.mb160{margin-bottom:160px !important;}
.ml0{margin-left:0 !important;}
.ml4{margin-left:4px !important;}
.ml8{margin-left:8px !important;}
.ml16{margin-left:16px !important;}
.ml24{margin-left:24px !important;}
.ml32{margin-left:32px !important;}
.ml40{margin-left:40px !important;}
.ml48{margin-left:48px !important;}
.ml64{margin-left:64px !important;}
.ml72{margin-left:72px !important;}
.ml80{margin-left:80px !important;}
.ml96{margin-left:96px !important;}
.ml120{margin-left:120px !important;}
.ml160{margin-left:160px !important;}

/* padding */
.pt0{padding-top:0 !important;}
.pt4{padding-top:4px !important;}
.pt8{padding-top:8px !important;}
.pt16{padding-top:16px !important;}
.pt24{padding-top:24px !important;}
.pt32{padding-top:32px !important;}
.pt40{padding-top:40px !important;}
.pt48{padding-top:48px !important;}
.pt64{padding-top:64px !important;}
.pt72{padding-top:72px !important;}
.pt80{padding-top:80px !important;}
.pt96{padding-top:96px !important;}
.pt120{padding-top:120px !important;}
.pt160{padding-top:160px !important;}
.pr0{padding-right:0 !important;}
.pr4{padding-right:4px !important;}
.pr8{padding-right:8px !important;}
.pr16{padding-right:16px !important;}
.pr24{padding-right:24px !important;}
.pr32{padding-right:32px !important;}
.pr40{padding-right:40px !important;}
.pr48{padding-right:48px !important;}
.pr64{padding-right:64px !important;}
.pr72{padding-right:72px !important;}
.pr80{padding-right:80px !important;}
.pr96{padding-right:96px !important;}
.pr120{padding-right:120px !important;}
.pr160{padding-right:160px !important;}
.pb0 {padding-bottom:0 !important}
.pb4{padding-bottom:4px !important;}
.pb8{padding-bottom:8px !important;}
.pb16{padding-bottom:16px !important;}
.pb24{padding-bottom:24px !important;}
.pb32{padding-bottom:32px !important;}
.pb40{padding-bottom:40px !important;}
.pb48{padding-bottom:48px !important;}
.pb64{padding-bottom:64px !important;}
.pb72{padding-bottom:72px !important;}
.pb80{padding-bottom:80px !important;}
.pb96{padding-bottom:96px !important;}
.pb120{padding-bottom:120px !important;}
.pb160{padding-bottom:160px !important;}
.pl0{padding-left:0 !important;}
.pl4{padding-left:4px !important;}
.pl8{padding-left:8px !important;}
.pl16{padding-left:16px !important;}
.pl24{padding-left:24px !important;}
.pl32{padding-left:32px !important;}
.pl40{padding-left:40px !important;}
.pl48{padding-left:48px !important;}
.pl64{padding-left:64px !important;}
.pl72{padding-left:72px !important;}
.pl80{padding-left:80px !important;}
.pl96{padding-left:96px !important;}
.pl120{padding-left:120px !important;}
.pl160{padding-left:160px !important;}

/* width */
.w100{width:100% !important;}
.min_w1000{min-width:1000px !important;}
.min_w500{min-width:500px !important;}

/* FlexBox */
.flex{display:flex;flex-direction:row;flex-flow:wrap;align-items:center;gap: 4px;}
.flex > .w2inputCalendar_div,
.flex > .w2input,
.flex > .w2selectbox,
.flex > .w2selectbox_native,
.flex > .w2checkcombobox{/* margin-right:4px; */flex:1;gap: 4px;}
.flex > .btn_cm{margin-left:0;}
.flex > *:last-child{margin-right:0 !important;}
.flex_no{flex:none !important;}

/* Flex GridView */
.flex_gvw{display: flex;flex-direction:column;height: 100%;}
.ly_column .flex_gvw{position: absolute !important;width: calc(100% - 12px);top: 0;right: 0;}
.flex_gvw .wq_flx{flex:1;display:flex;flex-direction:column;}
.flex_gvw .w2grid, .flex_gvw .scroll_box{flex:1;}
.flex_gvw .scroll_box .w2grid{flex:none;height: 100% !important;}
.gvw_box .lybox .ly_column{padding: 0 !important;}
.gvw_box .lybox .ly_column .flex_gvw{margin-left: -1px;width: 100%;height: 100%;}
.gvw_box .lybox .ly_column + .ly_column .w2grid_dataLayer{border-left:0;}

/* contents layout */
.lybox{display:table;width:100%;table-layout:fixed;}
.ly_column{display:table-cell;padding: 0 12px;margin:0;-moz-vertical-align:top;vertical-align: top;position: relative;}
.ly_column:first-child{padding-left:0 !important;}
.ly_column:last-child{padding-right:0 !important;}
.lybox > .ly_column > *:last-child{margin-bottom:0;}
.lybox.col2 .ly_column{width:50%;}
.lybox.col3 .ly_column{width:33.333%;}
.lybox.col4 .ly_column{width:25%;}
.col_2{width:20%} .col_3{width:30%} .col_4{width:40%} .col_5{width:50%} .col_6{width:60%} .col_7{width:70%} .col_8{width:80%}

/* 좌우 shuffle 사용 시 column 크기 */
.ly_column.shuffle{width: 52px;vertical-align: middle;padding: 0 10px;text-align: center;}

/* column fix - 좌측화면 고정 */
.lybox.left_fix2{display:flex;}
.lybox.left_fix2 .ly_columnfix_left{flex:none;position:relative;width:200px;}
.lybox.left_fix2 .ly_columnfix_right{flex:1;position:relative;overflow:hidden;padding-left: 15px;}
.lybox.left_fix3{display:flex;}
.lybox.left_fix3 .ly_columnfix_left{flex:none;position:relative;float:left;width:300px;}
.lybox.left_fix3 .ly_columnfix_right{flex:1;position:relative;padding-left: 15px;overflow:hidden;}

/* lybox Button Type */
.lybox.horizontal{width:100%;}
.lybox.horizontal .ly_column{}
.lybox.horizontal .ly_column.btn{padding-left:0;padding-right:0;width:28px;vertical-align:middle;}
.lybox.horizontal .ly_column.btn input[type="button"]{margin:2px 0;}
.lybox.vertical{display:block;}
.lybox.vertical .ly_column{display:block;padding:0}
.lybox.vertical .ly_column.btn{margin:0 0 16px;width:100%;text-align:center;vertical-align:middle;}
.lybox.vertical .ly_column.btn input[type="button"]{margin:0 2px;}

/* login */
.login_wrap{display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100%;min-width: 320px;}
.login_wrap h1{ max-width: 1000px; width: 100%; background: url(../images/common/logo.png) no-repeat left center; text-indent: -99999px; background-size: contain; height: 34px; margin-bottom: 12px;}
.login_box{width: 100%;display: flex;max-width: 1000px;border: 1px solid #dbdbdb;border-radius: 10px;height: 600px;justify-content: space-between;overflow: hidden;background: url(../images/common/login_bgR.png) no-repeat right center;min-height: 500px;min-width: 800px;}
.login_box > div{flex:1;display: flex;align-items: center;}
/* left */
.login_box .left{ justify-content: center; max-width: 454px;}
/* tab */
.login_box .left .w2tabcontrol{width: 310px;}
.login_box .left .w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_tab_center a{border: none; position:relative; height: 34px; line-height: 32px; padding: 0 5px; background: transparent;}
.login_box .left .w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_tab_center a:before, .login_box .left .w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_tab_center a:after{content:'';position:absolute;width:100%;bottom:0;height: 1px;left: 0;background: #d7d7d7;}
.login_box .left .w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_tab_center a:after{background: #6697d9;transform: scaleX(0);transform-origin: left;transition: .2s ease;height: 2px;}
.login_box .left .w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center a, .login_box .left .w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a{  color: #000 !important;  font-weight:normal;}
.login_box .left .w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center a:after, .login_box .left .w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a:after{transform: scaleX(1);}
.login_box .left .w2tabcontrol .w2tabcontrol_tabhost li{margin-right: 18px;min-width: auto;background: transparent;}
.login_box .left .w2tabcontrol .w2tabcontrol_tabhost li:last-child{margin-right:0;}
.login_box .left .w2tabcontrol .w2tabcontrol_container{border-top:0;background: transparent;}
.login_box .left .w2tabcontrol .w2tabcontrol_contents_wrapper{padding-top:20px;min-height: 208px;}
/* radio */
.login_box .left > div{max-width: 310px;width: 100%;}
.login_box .left .w2radio{display: flex;justify-content: space-between;margin-bottom: 20px;gap: 16px;}
.login_box .left .w2radio .w2radio_item{padding:0;margin-right: 0;flex: 1;text-align: center;}
.login_box .left .w2radio .w2radio_label{padding: 0 10px;height: 34px;line-height: 32px;width: 100%;}
.login_box .left .w2radio_input{width: 100%;top: 0;height: 100%;opacity: 0;visibility: hidden;}
.login_box .left input[type="radio"] + .w2radio_label:before, .login_box .left input[type="radio"] + .w2radio_label:after{border: 0;position: absolute;width: 100%;bottom: 0;height: 1px;left: 0;background: #d7d7d7;top: auto;border-radius: 0;}
.login_box .left input[type="radio"] + .w2radio_label:after{background: #6697d9; transform: scaleX(0); transform-origin: left; transition: .2s ease; height: 2px;}
.login_box .left input[type="radio"]:checked + .w2radio_label:after, .login_box .left input[type="radio"] + .w2radio_label:hover:after{transform: scaleX(1);}
.login_box .left .input_wrap {flex-wrap: wrap;gap: 10px;}
.login_box .left .input_wrap .w2selectbox, .login_box .left .input_wrap .w2input{height: 38px !important;margin-right:0;flex: 1;padding: 0 10px;line-height: 38px;}
.login_box .left .input_wrap .w2selectbox_native{height: 38px !important;}
.login_box .left .input_wrap .w2selectbox_native .w2selectbox_native_select{font-size: 13px;}
.login_box .left .input_wrap .w2selectbox_native{max-width: 120px;}
.login_box .left .input_wrap .w2selectbox_native:after{bottom: 0;margin: auto;border-radius: 1px;border-width: 2px;border-color: #777;right: 12px;}
.login_box .left .input_wrap .w2selectbox{max-width: 120px;}
.login_box .left .input_wrap .w2input[type="password"]{width: 100%;flex: none;}
.login_box .left .btn_wrap, .login_box .left .link_wrap{display: flex;margin-top: 20px;position: relative;justify-content: space-between;gap: 20px;}
.login_box .left .btn_wrap .w2trigger{flex:1;color:#fff;font-size:14px;font-weight: 600;height:46px !important;border-radius:50px;border:0;}
.login_box .left .btn_wrap .w2trigger.btn_login{background:#6697d9;}
.login_box .left .btn_wrap .w2trigger.btn_certf{background:#4d7cbc;}
.login_box .left .link_wrap a{color:#666;font-size:12px;white-space: nowrap;}
.login_box .left .link_wrap a:hover{text-decoration:underline;}
.login_box .left .link_wrap:before{content:'';position:absolute;width:1px;height:14px;background:#ccc;left: calc(50% + 2px);top: 3px;}
/* right */
.login_box .right{/* background: url(../images/common/login_bgR.png) no-repeat right center; */position:relative;padding-left: 80px;/* width: calc(100% - 454px); *//* flex: none; */justify-content: center;flex-direction: column;padding-top: 60px;}
.login_box .right .txt_wrap{/* margin-left: 100px; *//* padding: 0 50px; */width: 100%;max-width: 350px;/* padding-bottom: 110px; */margin-bottom: 40px;}
.login_box .right .tit_wrap h2{ padding-left: 36px; font-size:20px;   color:#fff; position: relative;}
.login_box .right .tit_wrap h2:before { content: '?'; position: absolute; background: #fff; width: 26px; height: 26px; left: 0; top: 1px; bottom: 0; margin: auto; border: 2px solid #338cca; color: #338cca; border-radius: 24px;line-height: 24px; text-align: center; font-weight: bold; font-family: Arial;font-size: 18px;}
.login_box .right .tit_wrap h2 b{color:#ffe400}
.login_box .right .tit_wrap span{padding-left: 38px;color:#fff;font-size:14px;margin-top: 8px;}
.login_box .right ul{line-height: 18px;margin-top: 20px;padding-top: 16px;border-top: 1px solid #5796c0;}
.login_box .right ul li{padding-left:12px;color:#003a5d;font-weight: 600;position:relative;}
.login_box .right ul li + li { margin-top: 8px; }
.login_box .right ul li:before{content:'';position:absolute;width:4px;height:4px;background: #003a5d;left:0;top: 8px;border-radius: 8px;}
.login_box .right ul li span{font-weight: 400;color: #1674b6;position: relative;padding-left: 16px;margin-top: 6px;}
.login_box .right ul li span:before { content: '※'; position: absolute; left: 0; top: 0;}
.login_box .right .btn_wrap{/* position:absolute; *//* bottom: 114px; *//* left: 50px; */display: flex;/* flex: 1 1 40%; *//* width: calc(100% - 180px); */flex-wrap: wrap;max-width: 350px;/* right: 50px; *//* padding-left: 50px; */gap: 10px;}
.login_box .right .btn_wrap .w2trigger{background:#338cca;border: 0;font-size: 12px;color: #fff;font-weight: 500;border-radius: 30px;height: 35px !important;width: calc(50% - 5px);line-height: 35px;}
.login_box .left .btn_wrap .w2trigger.btn_login:hover{background:#5899F2;}
.login_box .left .btn_wrap .w2trigger.btn_login:active, .login_box .right .btn_wrap .w2trigger:hover{background:#346BB4;}
.login_box .left .btn_wrap .w2trigger.btn_certf:hover{background:#446ba0;}
.login_box .left .btn_wrap .w2trigger.btn_certf:active{background:#283560}
.login_box .right .btn_wrap .w2trigger:nth-child(2n){ margin-right: 0;}

/* animation */
@keyframes slideY{
    from { transform-origin: top;  transform: translateY(-100%);}
    to {transform: translateY(0);}															  
}

/* 해상도에 따른 조정 */
@media screen and (max-width:1379px) {
	/* header */
	.header{height:77px}
    .header .header_inner{min-width: auto;}
    .header .gnb_area{/* overflow: auto; */padding: 0;margin-right: 16px;}
	.header .gnb_area > ul > li > .sub{top: 76px;border-top: 1px solid #e4e8eb;}
	.header .sitemap, .main, .container {top: 77px;}  
}
@media screen and (max-width: 1412px) {
	/* footer */
    .header .sitemap{height: calc(100vh - 302px);}
    .main, .container{height: calc(100% - 147px);}
    .top_wrap.notice_show ~ .main, .top_wrap.notice_show ~ .container{height: calc(100% - 194px);}       
}
@media screen and (max-width: 999px) {    
    /* layout */
    .skip{display:none; padding-bottom: env(safe-area-inset-bottom);}
    .wrap{min-width: 205px;height:auto;min-height: 100%; padding-bottom: env(safe-area-inset-bottom);}
	.top_wrap{border-bottom: 1px solid #e4e8eb;}
    .wrap.top_fix .top_wrap{width: 100%;position: fixed;z-index: 999;top: 0;left: 0;box-shadow: 0 0 20px rgb(0 0 0 / 15%);border-bottom: 0;}

    /* top notice (긴급 공지) 영역 */
    .top_notice{position:relative;top: -88px;height: 0;padding: 0;} 
    .top_wrap.notice_show .top_notice{padding:10px;height: auto;}
    .top_notice .close, .header, .main, .lnb, .container, .contents, .footer{position: static;}
    .top_notice.show ~ .header, .top_notice.show ~ .main, .top_notice.show ~ .container{margin-top:0;}    
    .top_notice .top_notice_inner{flex-direction: column;align-items: flex-start;padding-right: 26px;}
    .top_notice h1{font-size:13px;white-space: break-spaces;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;}
    .top_notice h1 + a{margin-left:0;height: 24px;line-height: 22px;margin-top: 10px;}    
    .top_notice .close .w2checkbox{ margin-bottom: 0; position: absolute; bottom: 10px; right: 10px;}
    .top_notice .close .w2checkbox .w2checkbox_label{font-size:12px;}
    .top_notice .close button{ width: 16px; height: 16px !important; padding: 0; position: absolute; right: 10px; top: -25px;  bottom: 0;  margin: auto;}
    .top_wrap.notice_show > .header, .top_wrap.notice_show ~ .main, .top_wrap.notice_show ~ .container{margin-top: 0;overflow: initial;}
    
    /* header */
    .header, .header .header_wrap{height: 66px;}
    .header .header_inner{justify-content: space-between;} 
    .header .logo{min-width: 140px;margin-left: 15px;}
    .header .logo a{ min-width: auto; width: 100%;}
    .header_dim, .header .gnb_area{display:none;}
    .header .btn_sitemap{margin-right: 0;}
    .header .btn_sitemap i{ width: 20px;}
    .header .btn_sitemap i + i{margin-top:4px;}    
    .header .sitemap{z-index: 999999;transition: transform .3s ease;/* border-top: 1px solid #e2e4e7; */height: calc(100dvh - 156px); padding-bottom:env(safe-area-inset-bottom);}
    .header .sitemap .mypage{display:block;padding: 0 20px;margin-bottom: 15px;}
    .header .sitemap .mypage .member .info{ justify-content: flex-start; margin: 14px 0;}    
    .header .sitemap .mypage .member .unit{ margin-left: 8px;}
    .header .sitemap .search_area{padding: 0 20px;}
    .header .sitemap .search_input{margin-top:0;max-width: 100%;} 
    .header .sitemap .search_input .w2autoComplete{border:none;border-bottom: 2px solid #6697d9;border-radius: 0;padding: 0 40px 0 12px;height: 50px;}
    .header .sitemap .search_input .search_btn{right: 5px;}   
    .header .sitemap .menu_area{position: relative; border-top: 1px solid #e2e4e7; margin-top: 20px;}
    .header .sitemap .menu_area:before {content: ''; left: 0; top: 0; height: 100%; border-right: 1px solid #e2e4e7; background: #f8f8f8; position: absolute; width: 35%;}    
    .header .sitemap .depth_wrap{position: relative;min-width: auto;margin-top: -1px;justify-content: flex-start; height: 100%; display:flex; align-content: flex-start;}
    .header .sitemap .depth_wrap .depth1{margin: 0;position: static;width: 100%;}
    .header .sitemap .depth_wrap .depth1 h1{width: 35%;font-size: 18px;padding: 16px 22px;cursor: pointer;word-break: break-word; border-right: 1px solid #e2e4e7; background: #f8f8f8;}
    .header .sitemap .depth_wrap .depth_inner{position: absolute;right: 0;top: 0;width: 65%;display:none;padding: 0 10px;}
    .header .sitemap .depth_wrap .depth_inner .depth3, .header .sitemap .depth_wrap .depth1 h1:after{display:none;}
    .header .sitemap .depth_wrap .depth1.on .depth_inner, .header .sitemap .depth_wrap .depth_inner .depth2.on .depth3{display:block;}
    .header .sitemap .depth_wrap .depth1.on h1{background: #fff;border-bottom: 1px solid #e2e4e7;border-top: 1px solid #e2e4e7;color: #6697d9;border-right: 0;}
    .header .sitemap .depth_wrap .depth2{ padding-top: 0;}
    .header .sitemap .depth_wrap .depth2 h2{padding: 15px;width: 100%;border-bottom: 1px solid #f5f5f5;top: 2px;position: relative;cursor: pointer;padding-right: 30px;}
    .header .sitemap .depth_wrap .depth2.on h2, .header .sitemap .depth_wrap .depth3 li a:active, .header .sitemap .depth_wrap .depth3 li a:focus{ color: #6697d9;}
    .header .sitemap .depth_wrap .depth2 h2:before, .header .sitemap .depth_wrap .depth2 h2:after{content:'';position: absolute;top: 0;right: 10px;width: 12px;height: 2px;background: #787878;bottom: 0;margin: auto;transition: .2s ease;}
    .header .sitemap .depth_wrap .depth2 h2:after{ transform: rotate(90deg);}
    .header .sitemap .depth_wrap .depth2.on h2:after{transform: rotate(0deg); background:#6697d9;}    
    .header .sitemap .depth_wrap .depth3 li{margin:0;}
    .header .sitemap .depth_wrap .depth3 li a{padding: 16px 25px;width: 100%;display: block;border-bottom: 1px solid #f5f5f5;word-break: break-word;}    
    .header .right{ display: flex; align-items: center;}
    /* 검색 */
    .header .m_menu_sch{display:block;}
    .header .m_menu_sch > .search_btn{ width: 50px; border: 0; height: 50px !important;  background: transparent;}
    .header .m_menu_sch > .search_btn .icon{ width: 22px; height: 22px;    }
    .header .m_menu_sch .search_area{position: fixed;z-index: 999;width: 100%;left: 0;top: auto;padding: 0 20px;margin-top: 8px;transition: .2s ease;transform: scaleY(0);transform-origin: top;opacity: 0;}
    .header .m_menu_sch.on .search_area{transform: scaleY(1); opacity: 1;}
    .header .m_menu_sch .search_input{ margin: 0; max-width: 100%;}    
    .header .m_menu_sch .search_btn .icon:before{ border-width: 2px;}
    .header .m_menu_sch .search_btn .icon:after{height:2px;}
    .header .m_menu_sch .search_input .w2autoComplete_table_main td span.w2autoComplete_label{display:none !important;}
    .header .m_menu_sch .search_input .w2autoComplete .w2autoComplete_input{ display: block !important; visibility: visible !important;}
    
    /* lnb */
    .lnb{width: 100%;position: relative;z-index: 99;padding: 0;top: 0;left: 0;bottom: auto;transform: translate(0);}
    .lnb .lnb_btn, .lnb .mypage, .lnb .depth_wrap .depth01, .lnb .depth_wrap .depth03:before, .lnb .depth_wrap .depth02 > li.on > .depth03 > li > a:before, .lnb .depth_wrap .depth02 > li:after{display:none;}
    .lnb .depth_wrap .depth_inner{transition: .3s ease;padding: 0;top: 100%;background: rgb(0 0 0 / 60%);opacity: 0;overflow: auto;}
    .lnb .depth_wrap .depth_inner ul{width: 100%;background: #fff;transform: scaleY(0);transition: .2s ease;transform-origin: top;}
    .lnb .depth_wrap .pgt_tit{font-size: 18px;font-weight: 500;text-align: center;padding: 14px 50px;color: #fff;background: #5388cf;cursor: pointer;position: relative;}
    .lnb .depth_wrap .pgt_tit:after{content:'';position: absolute;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(135deg);top: -2px;bottom: 0;right: 20px;margin: auto;transition: .2s ease;pointer-events: none;}
    .lnb .depth_wrap.show .depth_inner{opacity:1;}
    .lnb .depth_wrap.show .depth_inner ul{transform: scaleY(1);padding: 0 !IMPORTANT;}
    .lnb .depth_wrap.show .pgt_tit:after{ transform: rotate(-45deg);  top: 4px;}
    .lnb .depth_wrap .depth02 li a{width: 100%;display: block;font-size: 16px;padding: 15px !important;text-align: center;border-bottom: 1px solid #eee;}
    .lnb .depth_wrap .depth02 li a:active, .lnb .depth_wrap .depth02 li a:focus{color: #6697d9 !important;}
    .lnb .depth_wrap .depth02 > li.on > .depth03{padding:0;}    
    .lnb + .contents{width: 100% !important;border-radius: 0;}

    /* Footer */
    .footer {border-top: 1px solid #e4e8eb;padding: 12px 60px 16px 0;}
    .footer .footer_wrap{display:block;padding: 0 20px;height: auto;line-height: normal;}
    .footer .footer_txt{margin-left:0;display: block;padding: 0 10px;line-height: 18px;}
    .footer .footer_txt a{margin: 16px 0 20px;display: inline-block;font-size: 14px;}

    /* 챗봇, top */
    .floating{/* display:flex; *//* align-items: center; */right: 20px;transition: .2s ease;left: auto;top: auto;bottom: 14px;}
	.floating .chat_wrap { display: flex; align-items: center; position: relative; flex-direction: column; gap: 12px; }
    .floating.bttm{/* bottom: 60px; */}
    .floating .btn_chatbot{width: 67px;height: 67px !important;/* margin-right: 20px; */box-shadow: 0 1px 6px 0px rgb(0 0 0 / 45%);}
    .floating .btn_chatbot span{ font-size: 14px;}
    .floating .btn_chatbot:before { height: 34px; margin-bottom: 5px; margin-top: -2px;}
    .floating .btn_top{background: #3d6eb2;border-radius: 100px;border: 0;display: flex;flex-direction: column;align-items: center;box-shadow: 0 2px 4px 0px rgb(0 0 0 / 45%);justify-content: center;width: 56px;height: 56px !important;}
    .floating .btn_top span{color:#fff;line-height: 1;}
    .floating .btn_top i{position: relative;height: 12px;width: 100%;margin-bottom: 6px;}
    .floating .btn_top i:before { content: ''; position: absolute; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 10px; height: 10px; transform: rotate(-45deg); top: 0; left: 0; right: 0; margin: auto;}
    .floating .btn_top i:after{content:'';position: absolute;height: 100%;width: 2px;background: #fff;bottom: 0;left: 0;right: 0;margin: auto;}
	.floating .btn_hide{display:none;}

    /* login */
    .login_wrap{padding: 20px;height: auto;}
    .login_box{height: auto;background: none;max-width: 100%;min-width: 100%;margin: auto;flex-direction: column;}
    .login_box:after{/* content:''; */position: absolute;bottom: -60px;left: 0;background: url(../images/common/login_bgR.png) no-repeat right center;height: 100vw;width: 100%;transform: rotate(90deg);background-size: contain;z-index: -1;background-position-x: calc(50vw + 0px);}
    .login_box .left{max-width: 100%;padding: 40px 30px;}
    .login_box .right{justify-content: center;flex-direction: column;padding: 40px 0;background: linear-gradient(-45deg, #b5deff, #54aee9);}
	.login_box .right .txt_wrap{padding: 0 30px 30px 30px;margin-bottom: 0;}
    .login_box .right .btn_wrap{position: static;padding: 0 20px;}	

    /* contents layout */
    .lybox{display: block !important;}
    .ly_column, .ly_columnfix_left, .ly_columnfix_right{display: block;width: 100% !important;padding: 0;float: none !important;}
    .ly_column + .ly_column{margin-top: 40px;}
	.ly_column.shuffle, .ly_column.shuffle + .ly_column { margin-top: 20px;	}
    .ly_columnfix_right{padding-left: 0 !important;margin-top: 40px;}
    .ly_column .flex_gvw{position: static !important;}
    .flex_gvw .scroll_box, .flex_gvw .scroll_box .w2grid{min-height: 238px!important;}
    .gvw_box .lybox .ly_column + .ly_column .w2grid_dataLayer{border-left:1px solid #d7d7d7;}    
    
    /* scroll box */
    .scroll_box > *{min-width:1000px;}

    /* show, hide */    
    .m_show{display:block !important;}
    .w2tb.w2tb_adaptive_layout .w2tb_th.m_show{position: static !important;height: auto !important;min-width: 100%;margin-bottom: -1px;}
    .m_hide{display:none !important;}
    .m_flex { display: flex !important; }
    .m_flex_no{width: 100% !important;flex: none !important;}
	.m_w100{max-width:100%;width: 100% !important;}
	.w2tb.w2tb.w2tb_adaptive_layout .w2tb_th.m_w100, .w2tb.w2tb.w2tb_adaptive_layout .w2tb_th.m_w100.tit{max-width:100%;width: 100% !important;height: auto !important;margin-bottom: -1px;min-height: 40px;display: flex !important;align-items: center;justify-content: center;}
}

/* 640px 이하 해상도 */
@media screen and (max-width: 639px) {
    .header .sitemap .search_input .w2autoComplete{height: 36px;}
    .header .sitemap .search_input .w2autoComplete .w2autoComplete_input, .w2input_table_sb.sitemap_srch .w2input_table_sb_col, .header .m_menu_sch .search_input .w2autoComplete_table_main td span.w2autoComplete_label, .header .m_menu_sch .search_input .w2autoComplete .w2autoComplete_input{font-size: 13px;}
    .w2input_table_sb.sitemap_srch .w2input_table_sb_col{ padding: 0 12px;}
    .header .sitemap .search_input .search_btn, .header .m_menu_sch .search_input .search_btn{ width: 30px; height: 30px !important; top: -2px;}
    .header .sitemap .mypage .member .info h2{font-size:16px;}
    .header .sitemap .depth_wrap .depth1 h1, .header .sitemap .depth_wrap .depth_inner h2{font-size: 15px;word-break: break-word;}
    .header .sitemap .depth_wrap .depth_inner a{font-size:14px !important;}
    .header .m_menu_sch .search_area{ padding: 0 20px 20px;}
    .header .m_menu_sch .search_input .w2autoComplete{height: 42px !important;padding: 0 50px 0 20px;}    
    .header .m_menu_sch .search_input .search_btn{right: 14px; top: 0;}
    .floating.bttm{/* bottom: 82px; */}
	.scroll_box > .w2grid{min-width:auto;min-height: auto;}
}

/* 414px 이하 해상도 */
@media screen and (max-width: 413px) {
	.login_box .left .input_wrap .w2selectbox{width: 40%; flex: none; min-width: auto;}
	.login_box .left .input_wrap .w2input{width: calc(60% - 10px);flex: none;}
	.login_box .left .btn_wrap, .login_box .left .link_wrap{flex-direction: column; gap: 10px;}
	.login_box .left .link_wrap:before {display: none;}
	.login_box .left .link_wrap a { text-align: center; text-decoration: underline; }
	.login_box .right .btn_wrap .w2trigger{ width: 100%; font-size: 13px; height: 38px !important; line-height: 38px;}
	.floating.bttm{/* bottom: 100px; */}
}
@media screen and (max-width: 392px) {
	.floating.bttm{/* bottom: 120px; */}
}