#container {display: grid; grid-template-columns: 280rem calc(100% - 360rem); grid-gap: 80rem; margin-bottom: 110rem;}

.search-panel, .m_sub_nav {display: none;}

.location {display: flex; flex-wrap: wrap; align-items: center; padding: 10rem 4rem; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.location li {padding: 0 16rem; position: relative;}
.location li .home {display: block; text-indent: -999999rem; width: 13px; height: 13px; background: url('/design/ko2026/img/sub/icon-home.png') no-repeat 0 0/contain;}
.location li a:not(.home)::before {content: ''; display: block; position: absolute; width: 1px; height: 12px; background:  #DDDDDD; left: 0; top: 50%; transform: translateY(-50%);}
.location li a {color: #666; font-size: 14rem; line-height: 134%;}
.location li:last-of-type a {color: #292A2F; text-decoration-line: underline; }

/*좌측서브메뉴*/
.sub_nav.ver2 h2 { display: flex; justify-content: end; height:120rem; border-radius: 20rem; background: #125DF3 url('/design/ko2026/img/sub/h2-bg.png') no-repeat top right; font-size: 26rem; font-weight: 600; line-height: 34rem; padding: 30rem; text-align: left; margin-bottom: 20rem;}
.sub_nav.ver2 a {flex-wrap: wrap;}
.sub_nav.ver2 a.more::before, .sub_nav.ver2 a.more::after {border-radius: 1px; background: #444444;}
.sub_nav.ver2 a.more::before {height: 12.5px; right: calc(20rem + 4.5px);}
.sub_nav.ver2 a.more::after {width: 12.5px;}
.sub_nav.ver2 .depth1 a {font-weight: 500;}
.sub_nav.ver2 .depth2 > li > a > span::before, .sub_nav.ver2 .depth3 a span::before {width: 3rem; height: 3rem; margin: 11rem 7rem 0 0; border-radius: 50%; background: #252525; }
.sub_nav.ver2 .depth1 > li {margin-bottom: 10rem;}
.sub_nav.ver2 .depth1 > li > a { border-radius: 10rem; border: 1px solid rgba(229, 229, 229, 0.90); background: #FFF; font-size: 18rem; color: #292A2F;}
.sub_nav.ver2 .depth1 > li > a.on {border-radius: 10rem; border-color: #125DF3; background: #F3F7FE; font-weight: 600;}
.sub_nav.ver2 .depth2 {background: none; padding: 10rem 20rem;}
.sub_nav.ver2 .depth2 > li > a {border-bottom: 1px solid #E5E5E5; padding: 10rem 0; font-size: 14rem; color: #444444;}
.sub_nav.ver2 .depth2 > li > a > span::before {display: none;}
.sub_nav.ver2 .depth2 > li > a.more::before {right: 4.5px;}
.sub_nav.ver2 .depth2 > li > a.on {font-weight: 500; color: #125DF3;}
.sub_nav.ver2 .depth3 {background: #FAFAFA;}
.sub_nav.ver2 .depth3 a {font-size: 14rem; color: #666666;}
.sub_nav.ver2 .depth3 a.on {color: #125DF3; text-decoration-line: underline;}
.sub_nav.ver2 .depth3 a.on span::before {background: #125DF3; }
.sub_nav.ver2 a.on.more::after {background: #125DF3;}

.sub-top {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 45rem 0 17rem; border-bottom: 1px solid #E5E5E5;}
h3 { color: #292A2F; font-size: 26rem; font-weight: 600; line-height: 34rem;}
.util,.zoom{display: flex; align-items: center;}
.zoom{margin-right: 20rem;}
.zoom > a{display: block; text-indent: -9999px; background: #ffffff; width: 26rem; height: 26rem; border: 1px solid #cccccc; border-radius: 8rem; position: relative;}
.zoom > a::before{position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 26px; height: 26px; background: url('/design/ko2026/img/sub/icon-util.png') no-repeat; background-position: 0 0;}
.zoom > a.minus::before{background-position: 100% 0;}
.zoom > span{margin: 0 13rem; color: #555; font-size: 13rem; font-weight: 500; line-height: 34rem;}

.share_wrap{position: relative;}
.sns_wrap{position: absolute; top: 50px;right: -19px; background: #fff;border: 1px solid #cccccc; border-radius: 10rem; padding: 8rem 16rem; z-index: 100;}
.sns_wrap a{display: block; padding: 8rem 8rem 8rem 32rem; position: relative;font-size: 15rem; border-bottom: 1px dotted #ddd;}
.sns_wrap a:last-child{border-bottom: none;}
.sns_wrap a::before{position: absolute; content: ""; background: url('../img/sub/share_sns.png') no-repeat;width: 25px;height: 25px; left: 0; top: 7px;}
.sns_wrap a.facebook::before{background-position-x: -25px;}
.sns_wrap a.twitter::before{background-position-x: -50px;}
.sns_wrap a.band::before{background-position-x: -75px;}
.util .share, .util .print{display: block; width: 36rem; height: 36rem; background: #ffffff url('/design/ko2026/img/sub/icon-util.png') no-repeat; background-position: 0 100%; background-size: 200%; border: 1px solid #cccccc; border-radius: 10rem; text-indent: -999999rem;}
.util > a.print{margin-left: 5rem; background-position-x: 100% ; }

#content {margin-top: 30rem;}

.sub_tab {gap: 10rem;}
.sub_tab li {width: calc((100% - 30rem)/4); border-radius: 6rem; background: #F3F7FE; border: 1px solid #F3F7FE;}
.sub_tab li a { justify-content: center; align-items: center; border-radius: 6rem; font-weight: 500; color: #292A2F;}
.sub_tab li.on {box-shadow: none; border-color: #125DF3;}
.sub_tab li.on a, .sub_tab li a:hover {color: #0A3691; text-decoration-line: underline; font-weight: 500;}
.sub_tab li.on a::after, .sub_tab li a:hover::after {display: none;}

.tabType_01 ul { display:flex; flex-wrap:wrap; margin-bottom:40rem; }
.tabType_01 li {margin:5rem 5rem 5rem 0;}
.tabType_01 a { display:flex; align-items:center; background:#f5f5f5; height:35rem; padding:0 15rem; border-radius:20rem; font-size:0.9em; border:1px solid transparent; }
.tabType_01 a:hover {background:#dfe1e5; }
.tabType_01 a.on { border:1px dashed #aaa; }
.dark_mode .tabType_01 a {background:var(--rgba02);}
.dark_mode .tabType_01 a:hover {background:var(--rgba03);}
.dark_mode .tabType_01 a.on { border-color:var(--rgba05); background:none; }

@media all and (max-width: 1200px) {
  #container {grid-template-columns: minmax(0, 1fr);}
  .sub_nav {display: none;}
  .location {border: none; padding: 20rem 0; }
  .location li:first-of-type {padding-left: 0;}
  .location li:last-of-type {padding-right: 0;}
  .sub-top {border-bottom: none;}
  #content {margin-top: 130rem; padding-top: 70rem;}
  /*모바일 서브 내비*/
  .m_sub_nav {display: block; position:absolute; left: 0; width:100%; background:#fff;}
  .m_sub_nav .scroll_cont {display:flex; align-items:center; width:max-content; min-width:100%; margin:0; padding:0 15px; gap: 20px; list-style:none; box-sizing:border-box;}
  .m_sub_nav .scroll_cont > li {position:relative; flex:0 0 auto; margin:0; padding:0;}
  .m_sub_nav .scroll_cont > li > a {position:relative; display:flex; align-items:center; justify-content:center; height:54px; color:#222; font-size:16px; font-weight:400; line-height:1.3; white-space:nowrap; text-decoration:none; box-sizing:border-box;}
  .m_sub_nav .scroll_cont > li > a span {display:block; white-space:nowrap;}

  .m_sub_nav .depth1_view {background:#fff; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5;}
  .m_sub_nav .depth1_view .scroll_cont > li > a {height:50px;}
  .m_sub_nav .depth1 > li > a.on, .m_sub_nav .depth1 > li > a.open {color:#125DF3; font-weight:600;}
  .m_sub_nav .depth1 > li > a.on::after, .m_sub_nav .depth1 > li > a.open::after {content: '✓'; display: inline-grid; place-items: center; width: 20px; height: 20px; margin-left: 7rem; border: 1rem solid var(--item-color); border-radius: 6rem; color: #ffffff; background: #125DF3; font-size: 10rem; font-weight: 800;}

  .m_sub_nav .depth2_view {background:#eef4ff;}
  .m_sub_nav .depth2_view .scroll_cont > li > a {height:50px; color:#283342; font-size:14px;}
  .m_sub_nav .depth2_view .scroll_cont > li > a.on,
  .m_sub_nav .depth2_view .scroll_cont > li > a.open {font-weight: 600;}
  .m_sub_nav .depth2_view.on::after {background:linear-gradient(270deg,#eef4ff 17.73%,rgba(238,244,255,0) 100%);}
  .m_sub_nav .depth2 > li > a.on::after, .m_sub_nav .depth2 > li > a.open::after {content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:#125DF3;}

  .m_sub_nav .depth3_view {background:#f7f9fc;}
  .m_sub_nav .depth3_view .scroll_cont > li > a {height:48px; color:#555; font-size:14px;}
  .m_sub_nav .depth3_view .scroll_cont > li > a.on,
  .m_sub_nav .depth3_view .scroll_cont > li > a.open {font-weight: 600; text-decoration: underline;}
  .m_sub_nav .depth3_view.on::after {background:linear-gradient(270deg,#f7f9fc 17.73%,rgba(247,249,252,0) 100%);}

  .m_sub_nav .nav_row > .scroll_cont > li > ul {display:none !important;}
}
@media all and (max-width: 900px) {
  .header-actions #search_open {display: none;}
  /*모바일 상단 통합검색*/
  .search-panel { display: block; position: relative; padding: 14px 20px 20px; margin-top: 20px; border-radius: 20rem; background: url('/design/ko2026/img/main/panel-bg1.png') bottom right no-repeat, #EDF4FA; position: relative; }
  .search-panel::after { content: ""; display: block; position: absolute; width: 78rem; height: 86rem; background: url('/design/ko2026/img/main/search_obj.png') no-repeat 0 0/contain, url('/design/ko2026/img/main/panel-bg2.png') center no-repeat; top: -10px; right: 20px; }
  .search-panel .white { position: absolute; right: 0; top: 0; background: #FFFFFF; border-radius: 0 0 0 20rem; width: calc(100% - 250rem); height: 40rem;}
  .search-panel .white::before,.search-panel .white::after { content: ''; display: block; position: absolute; width: 20rem; height: 20rem; background: url('/design/ko2026/img/main/rcorner.png') no-repeat 0 0/cover; }
  .search-panel .white::before { top: 0; left: -20rem; }
  .search-panel .white::after { bottom: -20rem; right: 0; }
  fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
  legend { color: var(--blue); font-size: 18rem; font-weight: 900; }
  .search-panel label { display: block; margin: 0 0 12rem; color: #292A2F; font-size: 20rem; font-weight: 300; line-height: 134%; padding-right: 20rem; position: relative; }
  .search-panel label span { color: #0040C6; font-weight: 600; }
  .search-box { display: flex; min-height: 46rem; padding: 16rem 20rem; border-radius: 20rem; border: 2px solid #0040C6; background: #FFF; position: relative; z-index: 1}
  .search-box select { width: 88rem; border: 0; color: #475467; font-size: 15rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url('/design/ko2026/img/main/search_arrow.png') no-repeat 96% center/contain; margin-right: 14rem; }
  .search-box input { min-width: 0; flex: 1; border: 0; outline: 0; font-size: 15rem; padding-right: 60rem; padding-left: 20rem; border-left: 1px solid rgba(56, 56, 56, 0.2); }
  .search-box button { display: block; border-radius: 20rem; border: 2px solid #125DF3; background: #125DF3; color: #FFFFFF; font-size: 15rem; font-weight: 600; line-height: 134%; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); height: 64rem; width: 64rem; }

  .location li a {font-size: 13px;}

  .sub-top {padding: 0 0 28rem;}
}
@media all and (max-width: 768px) {
  .zoom {display: none;}
}
@media all and (max-width: 480px) {
  .print {display: none;}
}