@charset "utf-8";

#skipnavi {position:absolute;top:0;left:0;z-index:1000;}
#skipnavi a {position:fixed;top:0;left:-10000px;padding:8px 15px;background:#182d62;font-size:12px;font-weight:700;line-height:1.4;color:#fff;}
#skipnavi a:focus-visible {left:0;}




#wrapper {width:100%;position:relative;}

/*상단배너*/

#top_banner_wrap .top_banner_btn {display:none;}
#top_banner_wrap {width:100%; height:150px; background:url('../images/bg2.png')}
.banner_wrap	{position:relative; width:1000px; height:150px; margin:0 auto;}
.banner_wrap1	{position:relative; width:1000px; height:0px; margin:0 auto;}
.top_banner	{float:left; width:650px; height:150px; overflow:hidden; background:url('../images/notice_mic.png') no-repeat left bottom;}
.top_banner li	{color:#585858; font-size:20px; padding-left:120px; line-height:150%;}
.top_banner li:first-child	{color:#585858; font-size:20px; font-weight:700; padding-top:30px;}
.top_banner li:last-child	{color:#585858; font-size:15px;  padding-top:10px;}
button.btn_type1	{color:#4d6a33; border:1px solid #a2c084; font-weight:700; font-size:14px; padding:12px 40px 12px 20px; background:url('../images/icon_1.png') no-repeat 110px center #e3ebda; margin-top:35px;}
.day_check	{font-size:12px; line-height:100%; position:absolute; right:0; bottom:10px}
.day_check input[type="checkbox"]	{line-height:100%; vertical-align:top; margin:5px 3px 0 0;}
.day_check span	{background:#6c6c6c; display:inline-block; color:#fff; font-size:13px; font-weight:700; padding:5px 10px; line-height:100%; margin-left:10px;}
.top_banner_btn	{position:absolute; right:0; bottom:-47px;z-index:100;}/*열기닫기버튼*/


#top_banner_wrap2 {width:100%; height:150px; background:url('../images/bg2.png')}
.banner_wrap2	{position:relative; width:360px; height:150px; margin:0 auto;}
.banner_wrap21	{position:relative; width:360px; height:0px; margin:0 auto;}
.top_banner2	{float:left; width:360px; height:150px; overflow:hidden; background:url('../images/notice_mic.png') no-repeat left bottom;}
.top_banner2 li	{color:#585858; font-size:20px; padding-left:120px; line-height:150%;}
.top_banner2 li:first-child	{color:#585858; font-size:20px; font-weight:360; padding-top:30px;}
.top_banner2 li:last-child	{color:#585858; font-size:15px;  padding-top:10px;}
button.btn_type2	{color:#4d6a33; border:1px solid #a2c084; font-weight:360; font-size:14px; padding:12px 40px 12px 20px; background:url('../images/icon_1.png') no-repeat 110px center #e3ebda; margin-top:35px;}
.day_check2	{font-size:12px; line-height:100%; position:absolute; right:0; bottom:10px}
.day_check2 input[type="checkbox"]	{line-height:100%; vertical-align:top; margin:5px 3px 0 0;}
.day_check2 span	{background:#6c6c6c; display:inline-block; color:#fff; font-size:13px; font-weight:700; padding:5px 10px; line-height:100%; margin-left:10px;}
.top_banner_btn2	{position:absolute; right:0; bottom:-47px;z-index:100;}/*열기닫기버튼*/


#header {width:100%; height:120px; position:relative; border-top:0px solid #2798e5; border-bottom:1px solid #2798e5; }
#header-area {position:relative; width:100%; height:120px;}

#gnbarea{position:relative;width:1005px; margin:0 auto; height:120px;}
.logo {position:relative;width:220px;float:left; padding-top:50px;}


.util {position:absolute; top:6px; right:45px; border:1px solid #dedede; height:35px;}
.util li {float:left; border-right:1px solid #acc1a8; overflow:hidden;  vertical-align:middle; font-size:11px; color:#5a5a5a; line-height:100%; padding:0 15px; margin-top:11px}
.util li:last-child	{border-right:none;}

:is(#main_wrap,[data-engine-origin="main_wrap"]) {position:relative; width:100%; clear:both;}
.main_visual {position:relative; width:1400px; height:440px; margin:0 auto; padding-top:15px;}
.main_visual img.icon_next	{position:absolute; right:0; top:170px; z-index:2;}
.main_visual img.icon_pre	{position:absolute; left:0; top:170px; z-index:2;}

#con_wrap	{position:relative; width:1000px; overflow:hidden; margin:30px auto;}
#con_wrap h2	{text-align:center; margin-bottom:50px; font-size:24px; color:#424242; line-height:180%;}
#con_wrap h3	{margin-bottom:10px; font-size:18px; color:#424242;}
#con_wrap h3 span	 a, #con_wrap h3 span	{color:#2798e5;}

.main_box	{width:1000px;}
.main_box li	{position:relative; float:left; width:313px; height:280px; margin-bottom:40px; margin-right:30px;}
.main_box li p.text	{font-size:14px; color:#424242;  z-index:3; padding-right:80px;}
.main_box li p.more	{position:absolute; top:0; right:0; z-index:2;}
.main_box li p.main_thum	{position:absolute; left:0; bottom:0; z-index:1;}
.main_box li p.main_thum img	{width:313px; max-height:210px; overflow:hidden;}

.main_box li:last-child	{margin-right:0;}

.main_box1	{float:left; width:312px; height:210px; padding:30px 0 0 35px; margin-right:30px; border:1px solid #eaeaea;  no-repeat right bottom #f7f7f7;}
.main_box1	h3	{ font-size:20px; color:#2798e5 !important;}
.main_box1 p	{ font-size:14px; color:#666; margin-bottom:20px}
.main_box1	button	{border:1px solid #c1d1bf; background:#f7f7f7; color:#467311; padding:10px 20px;}


.main_box2 {float:left; width:312px; height:210px; margin-right:30px; }
.main_box2 h3 {border-bottom:1px solid #eee;padding:10px 0 15px 0;}
.main_box2 h3 p.more {display:inline-block; float:right; font-size:12px; color:#888; font-family:inherit; font-weight:normal;}
.main_news_list	{margin-top:20px;}

.main_box3	{float:left; width:312px; height:210px; overflow:hidden;}
.main_box3 h3 {border-bottom:1px solid #eee;padding:10px 0 15px 0;}
.main_box3 h3 p.more {display:inline-block; float:right; font-size:12px; color:#888; font-family:inherit; font-weight:normal;}

.main_news_list	li	{ background:url('../images/icon_dot1.gif') no-repeat 10px 14px; padding:1px 0 5px 18px;  font-size:14px; line-height:130%;}
.main_news_list	li p	{display:inline-block; width:220px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.main_news_list	li span	{float:right; font-size:13px; color:#888;}


#footer {clear:both; width:100%; position:relative; margin-top:10px; border-top:1px solid #dedede;}
.footer_inbox	{width:1000px; margin:0 auto; overflow:hidden;}
.footer_inbox li	{float:left; padding:10px 50px 10px 0; font-size:12px; }
.footer_inbox li:last-child	{float:right; padding:7px 0 0 0;}
.footer_bm_wrap	{clear:both; width:100%; position:relative; border-top:1px solid #dedede;}
.footer_bm {width:1000px; margin:15px auto; overflow:hidden;}


.f-logo {float:left; margin-right:10px;}
.f-text {float:left; padding-top:10px;  font-size:12px; color:#666; line-height:130%;}
.f-text span {color:#bbb; display:inline-block; padding:0 5px;}
.f-text span.copy { padding:10px 0 0 0; font-family:inherit; font-size:11px;color:#666;}


#sub_visual_wrap	{position:relative; width:100%; height:235px;}
.visual_shadow	{position:absolute; top:0; left:0; background:url('../images/sub_shadow.png') repeat-x left top; height:230px; width:100%;}
.bg_shadow	{background:url('../images/sub_shadow.png') repeat-x left top;}
.bg1	{background:url('../images/sub_shadow.png') repeat-x left bottom #f6f6f5;}
.bg2	{background:url('../images/sub_shadow.png') repeat-x left bottom #f3eef4;}
.bg3	{background:url('../images/sub_shadow.png') repeat-x left bottom #f7f4f0;}
.bg4	{background:url('../images/sub_shadow.png') repeat-x left bottom #f6ecd1;}
.bg5	{background:url('../images/sub_shadow.png') repeat-x left bottom #faf1e9;}

#sub_visual	{width:1000px; height:230px; margin:0 auto;}
#sub_wrap	{width:1000px; margin:0 auto; overflow:hidden;}
#sub_main	{width:1000px; margin:0 auto; overflow:hidden;}/*왼쪽메뉴없는화면*/

#left_menu	{float:left; width:220px; margin:40px 40px 0 0;}
#contents-wrap	{float:left; width:738px; overflow:hidden;  margin-top:30px;}

#sub_wrap h2	{font-size:30px; margin-bottom:20px; color:#2798e5;}
#sub_wrap h3	{clear:both; font-size:24px;  color:#333; line-height:100%;}

.rocation	{float:right;}
.rocation li	{font-size:12px; float:left; background:url('../images/icon_location.gif') no-repeat right 6px; padding:0 15px 0 10px;}
.rocation li:last-child	{background:none; padding:0 0 0 10px; color:#2798e5; font-weight:700;}

.left_list	{clear:both;border:1px solid #b9cca2; background:#f8f6f0; margin:48px 0 10px 0;}
.left_list li	{font-size:16px; color:#424242; border-bottom:1px solid #b9cca2;}
.left_list li i	{font-size:20px; color:#aaa; float:right;}
.left_list li a	{display:block; padding:15px;}
.left_list li a:hover {background:#d7e4c8; color:#2798e5 !important; font-weight:bold;} 
.left_list li.on a	{background:#d7e4c8; color:#2798e5 !important;font-weight:bold;} 
.left_list li a:hover i,.left_list li.on i {color:#2798e5 !important;} 

.left_list li:last-child	{padding:20px 0 20px 0; text-align:center; border-bottom:none;}
.call1	{padding:100px 0 20px 0; text-align:center;}

.left_logo	{float:right;}

.contents	{position:relative; margin:44px 0 50px 0; min-height:600px;}

/* 화면 구조별 레이아웃 */
body:has(#con_wrap, #sub_leftcategory > ul a[href*="_eSeq="], .member-page) {
  font-size:16px;line-height:1.65;letter-spacing:-.015em;word-spacing:0;color:#19243a;
  & #footer {margin:0;border-color:#e3e7ee;}
  & .footer_inbox, & .footer_bm {width:calc(100% - 64px);max-width:1240px;}
  & .footer_bm {margin:0 auto;padding:32px 0;line-height:1.8;}
  & .footer_inbox li {padding:14px 32px 14px 0;font-size:13px;line-height:1.6;}
  & .footer_bm img {width:120px;}
  & a:focus-visible, & button:focus-visible {outline:2px solid #3d82f6;outline-offset:5px;}
  @media (max-width:760px) {
    & .footer_inbox, & .footer_bm {width:calc(100% - 40px);}
  }
}

body:has(#header) {
  & #header-area {height:100px;background:linear-gradient(180deg,rgba(9,19,40,.45),transparent);}
  & #gnbarea {display:grid;grid-template-columns:220px 1fr 48px;align-items:center;gap:16px;width:calc(100% - 64px);max-width:1240px;height:100px;}
  & .logo {float:none;width:auto;padding:0;margin:0;}
  & .logo img {width:150px;height:auto;filter:brightness(0) invert(1);}
  & .util {top:8px;right:64px;border:0;height:auto;}
  & .util li {border:0;margin:0;padding:0 8px;font-size:12px;line-height:1.5;}
  & .util a {color:#fff;}
  & .gnb {display:grid;grid-template-columns:repeat(var(--menu-columns),minmax(0,1fr));align-items:center;width:100%;height:100px;}
  & .gnb > li {float:none;padding:14px 4px;margin:12px 0 0;text-align:center;border:0;line-height:1.5;}
  & .gnb > li > a {display:inline-block;font-size:16px;color:#fff;white-space:nowrap;}
  & .gnb > li > a:hover, & .gnb > li > a:focus {color:#bbd5ff;}
  & button[aria-controls="submenu"] {width:44px;height:44px;padding:11px;background:transparent;border:0;cursor:pointer;}
  & button[aria-controls="submenu"] span {display:block;height:2px;margin:5px 0;background:#fff;}
  & #header-area:has([aria-controls="submenu"][aria-expanded="true"]) {background:#fff;box-shadow:0 8px 24px rgba(13,24,46,.08);}
  & #header-area:has([aria-controls="submenu"][aria-expanded="true"]) .logo img {filter:none;}
  & #header-area:has([aria-controls="submenu"][aria-expanded="true"]) .gnb > li > a, & #header-area:has([aria-controls="submenu"][aria-expanded="true"]) .util a {color:#19243a;}
  & #header-area:has([aria-controls="submenu"][aria-expanded="true"]) .gnb > li > a:hover, & #header-area:has([aria-controls="submenu"][aria-expanded="true"]) .gnb > li > a:focus {color:#174bb5;}
  & #header-area:has([aria-controls="submenu"][aria-expanded="true"]) button[aria-controls="submenu"] span {background:#19243a;}
  & .subBg {position:absolute;left:0;width:100%;top:100%;height:auto;overflow:visible;border:0;border-top:1px solid #eef0f4;border-bottom:1px solid #e3e7ee;background:#fff;z-index:101;}
  & #submenu {display:grid!important;grid-template-columns:repeat(var(--menu-columns),minmax(0,1fr));gap:0;width:calc(100% - 64px);max-width:1240px;margin:0 auto;height:auto!important;padding:10px 64px 24px 236px;overflow:visible;
    & > div:has(> a > img) {display:none;}
    & > ul {position:static;width:auto;text-align:center;}
    & > ul > li {padding:2px 4px;font-size:14px;line-height:1.65;}
    & > ul > li > a {color:#596273;white-space:normal;}
    & > ul > li > a:hover, & > ul > li > a:focus {color:#174bb5;}
  }
  @media (max-width:1100px) {
    & #gnbarea {grid-template-columns:160px 1fr 44px;gap:8px;}
    & .gnb > li > a {font-size:14px;}
    & #submenu {padding-left:168px;padding-right:52px;
    }
  }
  @media (max-width:760px) {
    & #gnbarea {grid-template-columns:1fr 44px;width:calc(100% - 36px);}
    & .gnb {display:none;}
    & .util {right:60px;top:38px;}
    & .util li {padding:0 4px;font-size:10px;}
    & #submenu {grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding:10px 20px 20px;gap:20px;max-height:65vh;overflow:auto;
    }
  }
}

body:has(#con_wrap) {
  & #header {position:absolute;top:auto;left:0;height:100px;border:0;z-index:100;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) {height:clamp(580px,calc(100vh - 80px),900px);background:#152945;overflow:hidden;
    &:after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,21,41,.12) 10%,transparent 40%,rgba(6,17,36,.65));pointer-events:none;}
    & .bx-wrapper {max-width:none!important;width:100%;margin:0;height:100%;}
    & .bx-viewport {left:0;border:0;padding:0;box-shadow:none;background:transparent;height:100%!important;}
    & .slider1, & .slide {min-width:0;min-height:0;height:100%;}
    & .slide > a {display:block;height:100%;}
    & .slide img {width:100%;min-width:0;max-width:none;min-height:0;height:100%;object-fit:cover;object-position:center top;}
    & .bx-controls {position:relative;z-index:5;}
    & .bx-controls-direction a {top:auto;bottom:36px;margin:0;width:36px;height:36px;border:1px solid #ffffff60;background:none;}
    & .bx-controls-direction a:after {content:"‹";position:absolute;inset:0;text-indent:0;text-align:center;font-size:30px;line-height:32px;color:#fff;}
    & .bx-controls-direction .bx-next:after {content:"›";}
    & .bx-prev {left:max(32px,calc((100% - 1240px)/2));}
    & .bx-next {left:max(84px,calc((100% - 1136px)/2));right:auto;}
    & .bx-pager {width:auto;left:max(142px,calc((100% - 1020px)/2));bottom:38px;padding:0;}
    & .bx-pager.bx-default-pager a {background:#ffffff70;}
    & .bx-pager.bx-default-pager a.active {background:#fff;}
    & > button:is([aria-controls="main_wrap"],[data-engine-pause]) {position:absolute;bottom:36px;right:max(32px,calc((100% - 1240px)/2));z-index:5;padding:10px 16px;border:1px solid #ffffff80;background:#12203955;color:#fff;font-size:13px;line-height:1.4;cursor:pointer;}
  }
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) > div:has(> h1) {position:absolute;left:max(32px,calc((100% - 1240px)/2));right:32px;bottom:135px;z-index:3;color:#fff;pointer-events:none;
    & p {font-size:14px;line-height:1.6;letter-spacing:.14em;margin:0 0 24px;}
    & h1 {font-size:clamp(32px,3.6vw,54px);line-height:1.28;letter-spacing:-.035em;}
  }
  & #con_wrap {width:calc(100% - 64px);max-width:1240px;margin:0 auto;padding:96px 0 80px;overflow:visible;
    & > section[aria-labelledby] > p:first-child {font-size:12px;letter-spacing:2px;color:#174bb5;text-align:center;margin-bottom:14px;}
    & h2 {font-size:32px;color:#19243a;line-height:1.4;letter-spacing:-.035em;margin:0 0 40px;}
  }
  & .home-content > section > ul {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
  }
  & .home-content > section > ul > li > a {position:relative;display:block;padding:32px;background:#f4f6fa;min-height:216px;border:1px solid #e9edf4;color:#19243a;
    &:hover {background:#edf2fb;}
    & > small {font-size:12px;letter-spacing:.08em;color:#174bb5;}
    & > strong {display:block;margin:24px 0 12px;font-size:22px;line-height:1.4;letter-spacing:-.025em;color:#19243a;}
    & > span {display:block;font-size:15px;color:#6b7381;line-height:1.7;letter-spacing:0;}
    & > b {position:absolute;bottom:32px;right:32px;font-size:23px;font-weight:400;}
  }
  & .home-content > section:has(.main_news_list) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:72px;
  }
  & .home-content > section:has(.main_news_list) > div {
    & > h3 {border-bottom:1px solid #dbe1eb;padding-bottom:16px;margin:0;font-size:22px;line-height:1.4;letter-spacing:-.025em;color:#19243a;}
    & .more {float:right;display:inline-block;margin-top:4px;font-size:13px;line-height:1.8;font-weight:normal;letter-spacing:0;}
    & h3 span {color:#19243a;}
    & .main_news_list {margin:14px 0 0;}
    & .main_news_list .main_news_list {margin:0;}
    & .main_news_list li {display:flex;gap:16px;align-items:center;justify-content:space-between;background:none;padding:12px 0;font-size:15px;line-height:1.6;}
    & .main_news_list li p {width:auto;min-width:0;}
    & .main_news_list li span {float:none;flex-shrink:0;font-size:13px;color:#87909d;}
  }
  @media (max-width:760px) {
    & :is(#main_wrap,[data-engine-origin="main_wrap"]) {height:600px;min-height:0;
    }
    & :is(#main_wrap,[data-engine-origin="main_wrap"]) > div:has(> h1) {left:24px;bottom:120px;
      & h1 {font-size:36px;}
    }
    & #con_wrap {width:calc(100% - 40px);padding:56px 0 64px;
      & > section > ul, & > section:has(.main_news_list) {grid-template-columns:1fr;gap:20px;}
      & h2 {font-size:25px;margin-bottom:32px;}
    }
    & .home-content > section:has(.main_news_list) {margin-top:48px;
    }
  }
}

body:has(#header):not(:has(:where(#con_wrap))) {
  & #header {position:relative;height:100px;border:0;border-bottom:1px solid #e3e7ee;z-index:100;}
  & #header-area {background:#fff;}
  & .logo img {filter:none;}
  & .gnb > li > a, & .util a {color:#19243a;}
  & button[aria-controls="submenu"] span {background:#19243a;}
}

body:has(#sub_leftcategory > ul a[href*="_eSeq="], .member-page) {
  & #header {position:relative;height:100px;border:0;border-bottom:1px solid #e3e7ee;z-index:100;}
  & #header-area {background:#fff;}
  & .logo img {filter:none;}
  & .gnb > li > a, & .util a {color:#19243a;}
  & .gnb > li > a:hover, & .gnb > li > a:focus, & .gnb > li > a[aria-current] {color:#174bb5;}
  & button[aria-controls="submenu"] span {background:#19243a;}
  & #header + br {display:none;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) {overflow:hidden;background:#f4f6fa;
    & .slide2 {width:100%;min-width:0;height:120px;}
    & .slide2 > a {display:block;height:100%;}
    & .slide2 img {width:100%;min-width:0;max-width:none;height:100%;object-fit:cover;object-position:center;}
  }
  & #sub_wrap {display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;width:calc(100% - 64px);max-width:1240px;margin:0 auto;padding:48px 0 64px;overflow:visible;}
  & #sub_leftcategory {float:none;width:auto;min-width:0;margin:0;
    & .category_title {padding:24px;border:1px solid #e9edf4;background:#f4f6fa;letter-spacing:-.025em;}
    & .category_title span {display:none;}
    & h2 {height:auto;margin:0;font-size:22px;line-height:1.4;font-weight:700;color:#19243a;}
    & > ul {margin-top:12px;border:0;}
    & li {border:0;}
    & li a {padding:10px 16px;font-size:15px;line-height:1.6!important;color:#596273;}
    & li a:hover, & li.on a {background:#edf2fb;color:#174bb5;}
  }
  & #sub_leftcategory2 {width:auto;margin:24px 0 0;
    & .category_title2 {padding:16px;border:1px solid #e9edf4;background:#f4f6fa;letter-spacing:0;line-height:1.8;}
    & .tel {font-size:16px;color:#19243a;}
    & .tel img {width:28px;height:auto;}
    & .tel2 {font-size:20px;color:#19243a;}
    & .line {border-color:#dbe1eb;}
  }
  & #contents-wrap {float:none;width:auto;min-width:0;margin:0;overflow:visible;
    & > h3 {font-size:32px;line-height:1.4;letter-spacing:-.035em;color:#19243a;}
    & > .rocation + div {margin-top:24px!important;border-color:#e3e7ee!important;}
  }
  & .rocation {float:none;display:flex;flex-wrap:wrap;margin-top:12px;line-height:1.6;}
  & .rocation li {float:none;background:none;padding:0;font-size:13px;color:#87909d;}
  & .rocation li + li:before {content:'›';margin:0 10px;color:#87909d;}
  & .rocation li:last-child {color:#174bb5;}
  & .contents {min-height:420px;margin:32px 0 0;font-size:16px;line-height:1.8;overflow-x:auto;}
  & .contents h2 {font-size:24px;line-height:1.4;letter-spacing:-.025em;color:#19243a;}
  & .contents h3 {font-size:22px;line-height:1.4;color:#19243a;}
  & .contents a:hover, & .contents a:focus {color:#174bb5;}
  & .f-text, & .f-text span.copy {line-height:1.8;}
  @media (max-width:1100px) {
    & #sub_wrap {grid-template-columns:220px minmax(0,1fr);gap:32px;}
  }
  @media (max-width:760px) {
    & #sub_wrap {grid-template-columns:1fr;gap:32px;width:calc(100% - 40px);padding:32px 0 48px;}
    & #sub_leftcategory {
      & .category_title {padding:16px;}
      & > ul {display:flex;overflow-x:auto;}
      & > ul > li {flex-shrink:0;}
      & li a {white-space:nowrap;}
    }
    & #contents-wrap {
      & > h3 {font-size:26px;}
    }
    & .contents {min-height:260px;margin-top:24px;}
  }
}

/* 테마 2: compaw 참고 — 전폭 이미지와 네 개의 섹션 */
html {scroll-behavior:smooth;scroll-padding-top:96px;}
@media (max-width:760px) {html {scroll-padding-top:80px;}}
body:has(#con_wrap, #sub_leftcategory > ul a[href*="_eSeq="], .member-page) {
  background:#fff;color:#171717;
  & #header {position:sticky;top:0;height:96px;border:0;background:#fff;}
  & #header-area {height:96px;background:#fff;}
  & #gnbarea {height:96px;max-width:1320px;grid-template-columns:180px 1fr 44px;}
  & .logo img, & #header-area:has([aria-expanded="true"]) .logo img {filter:brightness(.2);}
  & .util a, & .gnb > li > a {color:#222;}
  & .gnb > li > a:hover, & .gnb > li > a:focus {color:#039ddf;}
  & button[aria-controls="submenu"] {border:0;border-radius:0;background:none;}
  & button[aria-controls="submenu"] span {background:#222;}
  & .subBg {top:100%;border-radius:0;border-color:#e5e8eb;box-shadow:0 12px 24px #00000010;}
  & #submenu > ul > li > a:hover, & #submenu > ul > li > a:focus {color:#039ddf;}
  & #footer {background:#f3f4f5;border-color:#e0e0e0;}
  & .footer_inbox a, & .f-text, & .f-text span.copy {color:#444;}
  & .footer_bm_wrap {border-color:#e0e0e0;}
  & .f-logo img {filter:brightness(.25);}
  & a:focus-visible, & button:focus-visible {outline:2px solid #039ddf;outline-offset:5px;}
}
body:has(#con_wrap) {
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) {width:100%;max-width:none;height:calc(100svh - 96px);min-height:560px;margin:0;background:#1e5278;overflow:hidden;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]):after {display:block;background:linear-gradient(90deg,#0b294870,transparent 80%);}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) .bx-wrapper {position:relative;width:100%!important;margin:0;border-radius:0;height:100%;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) .bx-viewport:after {display:none;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) .slide img {object-position:center;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) .bx-prev {left:5%;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) .bx-next {left:calc(5% + 48px);}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) .bx-pager {left:calc(5% + 112px);bottom:39px;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) > button:is([aria-controls="main_wrap"],[data-engine-pause]) {bottom:32px;right:5%;border-radius:0;background:#113e6466;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) > .t2-caption {position:absolute;left:8%;right:15%;top:50%;bottom:auto;transform:translateY(-50%);z-index:3;color:#fff;pointer-events:auto;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) > .t2-caption h1 {font-size:clamp(32px,4.1vw,64px);line-height:1.45;font-weight:700;letter-spacing:-.045em;}
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) > .t2-caption p {display:block;padding:0;border:0;border-radius:0;margin:32px 0;font-size:clamp(18px,2vw,27px);line-height:1.4;letter-spacing:0;color:#fff;}
  & .t2-caption > a {display:inline-block;color:#fff;border-bottom:1px solid #ffffff80;padding:8px 0;font-size:15px;}
  & .t2-caption > a span {margin-left:32px;}
  & #con_wrap {width:100%;max-width:none;padding:0;margin:0;}
  & .t2-section {min-height:calc(100svh - 96px);padding:64px max(32px,calc((100% - 1400px)/2)) 72px;box-sizing:border-box;scroll-margin-top:0;}
  & :is(#t2-about,[data-engine-origin="t2-about"]) {background:#e6eff3;}
  & .t2-heading {text-align:center;margin-bottom:56px;}
  & .t2-heading:before {content:'';display:block;width:52px;height:12px;margin:0 auto 24px;background:linear-gradient(90deg,#149dd3 50%,#93b719 50%);transform:skew(-25deg);}
  & #con_wrap .t2-heading h2 {margin:0 0 16px;font-size:clamp(34px,4vw,58px);font-weight:700;letter-spacing:-.035em;line-height:1.1;color:inherit;text-align:center;}
  & .t2-heading p {font-size:20px;line-height:1.6;}
  & .t2-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
  & .t2-grid > img {width:100%;height:240px;object-fit:cover;}
  & .t2-grid > a {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:240px;background:#fff;text-align:center;color:#171717;}
  & .t2-grid small {font-size:16px;}
  & .t2-grid strong {font-size:32px;font-weight:700;letter-spacing:-.04em;}
  & .t2-grid span {font-size:14px;}
  & .t2-grid > .t2-lime {background:#97b600;color:#fff;}
  & .t2-grid > .t2-blue {background:#009ee1;color:#fff;}
  & .t2-grid > a:hover {box-shadow:inset 0 0 0 4px #22222220;}
  & :is(#t2-business,[data-engine-origin="t2-business"]) {background:linear-gradient(60deg,#297db4,#383263);color:#fff;}
  & .t2-business-card {display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#171717;}
  & .t2-business-card > img {width:100%;height:420px;object-fit:cover;}
  & .t2-business-card > div {padding:64px 48px;}
  & .t2-business-card small {font-size:16px;color:#039ddf;letter-spacing:.04em;}
  & .t2-business-card h3 {font-size:36px;line-height:1.4;margin:16px 0 24px;letter-spacing:-.04em;}
  & .t2-business-card p {font-size:18px;line-height:1.8;}
  & .t2-business-card a {display:inline-block;margin-top:32px;border:1px solid #039ddf;border-radius:28px;padding:12px 34px;color:#039ddf;font-size:16px;}
  & .t2-business-links {display:flex;justify-content:center;gap:48px;margin-top:48px;}
  & .t2-business-links a {color:#fff;font-size:20px;text-align:center;}
  & .t2-business-links a:after {content:'○';display:block;margin-top:10px;font-size:16px;}
  & :is(#t2-community,[data-engine-origin="t2-community"]) {min-height:auto;background:#fff;}
  & .t2-dots {position:fixed;right:24px;top:50%;z-index:90;display:flex;flex-direction:column;gap:18px;}
  & .t2-dots a {position:relative;display:block;width:12px;height:12px;border-radius:50%;background:#687f9180;border:1px solid #fff;}
  & .t2-dots a[aria-current] {background:#039ddf;}
  & .t2-dots span {display:none;position:absolute;right:24px;top:-9px;white-space:nowrap;color:#087daf;font-size:13px;font-weight:700;background:#ffffffec;padding:6px 10px;}
  & .t2-dots a[aria-current] span, & .t2-dots a:focus-visible span {display:block;}
  & .t2-contact {position:fixed;right:24px;bottom:104px;padding:16px 24px;background:#0056d9;color:#fff;border-radius:30px;z-index:91;font-size:15px;box-shadow:0 5px 18px #12375730;}
  & .t2-contact span {margin-left:24px;}
  @media (max-width:1000px) {
    & .t2-section {padding-left:24px;padding-right:24px;}
    & .t2-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    & .t2-business-card > div {padding:32px;}
    & .t2-business-card h3 {font-size:28px;}
    & .t2-dots {display:none;}
  }
  @media (max-width:760px) {
    & #header, & #header-area, & #gnbarea {height:80px;}
    & #gnbarea {grid-template-columns:1fr 44px;}
    & .subBg {top:100%;}
    & :is(#main_wrap,[data-engine-origin="main_wrap"]) {height:calc(100svh - 80px);min-height:540px;}
    & :is(#main_wrap,[data-engine-origin="main_wrap"]) .bx-wrapper {position:relative;width:100%!important;height:100%;border-radius:0;}
    & :is(#main_wrap,[data-engine-origin="main_wrap"]) > .t2-caption {left:24px;right:24px;top:42%;}
    & :is(#main_wrap,[data-engine-origin="main_wrap"]) > .t2-caption h1 {font-size:30px;}
    & :is(#main_wrap,[data-engine-origin="main_wrap"]) > .t2-caption p {font-size:18px;margin:24px 0;}
    & .t2-section {min-height:auto;padding:48px 20px;scroll-margin-top:0;}
    & .t2-heading {margin-bottom:32px;}
    & .t2-heading p {font-size:16px;}
    & .t2-grid > img, & .t2-grid > a {height:180px;}
    & .t2-grid strong {font-size:24px;}
    & .t2-grid small, & .t2-grid span {font-size:12px;}
    & .t2-business-card {grid-template-columns:1fr;}
    & .t2-business-card > img {height:260px;}
    & .t2-business-card > div {padding:28px 24px;}
    & .t2-business-card p {font-size:16px;}
    & .t2-business-links {gap:16px;flex-wrap:wrap;}
    & .t2-business-links a {font-size:16px;}
    & .t2-contact {right:16px;bottom:88px;padding:12px 18px;font-size:13px;}
  }
}
body:has(#sub_leftcategory > ul a[href*="_eSeq="], .member-page) {
  & :is(#main_wrap,[data-engine-origin="main_wrap"]) {background:#e6eff3;}
  & #sub_leftcategory h2, & #sub_leftcategory2 .tel, & #sub_leftcategory2 .tel2, & #contents-wrap > h3 {color:#171717;}
  & #sub_leftcategory .category_title, & #sub_leftcategory2 .category_title2 {background:#e6eff3;border-radius:0;}
  & #sub_leftcategory li a:hover, & #sub_leftcategory li.on a {background:#e6eff3;color:#039ddf;border-radius:0;}
  & #contents-wrap {border-radius:0;border-color:#e0e0e0;}
}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}}

/* 좁은 PC 화면의 헤더 */
@media (max-width:760px) {
  body:has(#con_wrap, #sub_leftcategory > ul a[href*="_eSeq="], .member-page) {
    & #header, & #header-area, & #gnbarea {height:80px;}
    & #gnbarea {grid-template-columns:1fr 44px;}
    & .util {right:60px;top:32px;}
    & .subBg {top:100%;}
  }
}
body:has(#con_wrap) :is(#main_wrap,[data-engine-origin="main_wrap"]) > .t2-caption h1 {word-break:keep-all;}

/* HOME 관리자 본문은 모든 테마에서 같은 클래스를 사용한다. */
body:has(#con_wrap) .home-content {
  --home-accent:#039ddf;
  & > section + section {margin-top:48px;}
  & > section[aria-labelledby] > p:first-child {font-size:12px;letter-spacing:2px;color:var(--home-accent);text-align:center;margin-bottom:14px;}
  & img {max-width:100%;height:auto;}
  & > section > ul > li {min-width:0;}
  & > section > ul > li > a > small {color:var(--home-accent);}
  & > section:has(.main_news_list) {margin-top:48px;}
  & .main_news_list a:hover {color:var(--home-accent);}
  @media (max-width:760px) {
    & > section > ul, & > section:has(.main_news_list) {grid-template-columns:1fr;gap:20px;}
  }
}

.member-page {--member-accent:#039ddf;}