@charset "UTF-8";
/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2020-11-27
-------------------------------------------------*/
@import url("../../css/common.css");
@import url("../../css/board.css");
@import url("../../upload/skin/board/basic.css");
@import url("../../upload/skin/gallery/basic.css");
@import url("contents.css");

.main_wrap { width: 142rem; max-width: calc(100% - 4rem); margin-left: auto !important; margin-right: auto !important; }

.main_wrap::after { display: block; clear: both; height: 6rem; content: ''; }

#visual { position: relative; z-index: 0; font-size: 3.6rem; display: flex; height: 15.5rem; color: #fff; text-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.2; word-break: keep-all; }

#visual::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; /*background: url('/main/img/sub/visual.png') no-repeat center center #262F68; background-size: auto 100%;*/ background-color: #262F68; }

#visual .control { display: none; }

#visual .title { background-color: #262F68; }

#visual .img { position: absolute; left: 50%; top: 50%; width: 1920px; height: 156px; transform: translate(-50%, -50%); }

#visual .img em { display: inline-block; position: absolute; top: 2.7rem; }

#visual .img i { display: inline-block; position: relative; width: 12px; height: 12px; margin-right: 4rem; border: 1px solid rgba(255, 255, 255, 0.3); }

#visual .img em:nth-child(1) { left: 15.3rem; }

#visual .img em:nth-child(1) i:nth-child(1) { background-color: rgba(255, 255, 255, 0.3); border: none; }

#visual .img em:nth-child(1) i:nth-child(2n) { top: 3.8rem; }

#visual .img em:nth-child(2) { left: 57.6rem; top: 4.5rem; }

#visual .img em:nth-child(2) i:nth-child(2n) { top: -2.0rem; background-color: rgba(255, 255, 255, 0.3); border: none; }

#visual .img em:nth-child(2) i:nth-child(3) { top: 2.0rem; }

#visual .img em:nth-child(3) { left: 121.0rem; top: 4.5rem; }

#visual .img em:nth-child(3) i:nth-child(2n) { top: -2.0rem; }

#visual .img em:nth-child(3) i:nth-child(3n) { margin-right: 5.7rem; }

#visual .img em:nth-child(3) i:nth-child(3) { top: 2.0rem; background-color: rgba(255, 255, 255, 0.3); border: none; }

#visual .img em:nth-child(3) i:nth-child(4) { top: 0; margin-right: 5rem; }

#visual .img em:nth-child(3) i:nth-child(5) { top: -2rem; background-color: rgba(255, 255, 255, 0.3); border: none; }

#visual .img em:nth-child(3) i:nth-child(6) { top: 2.0rem; margin-right: 6.8rem; }

#visual .img em:nth-child(3) i:nth-child(7) { top: 0rem; background-color: rgba(255, 255, 255, 0.3); border: none; }

#visual .img em:nth-child(3) i:nth-child(8) { top: -1.8rem; margin-right: 4.8rem; }

#visual .img em:nth-child(3) i:nth-child(9) { top: 2.1rem; }

@-webkit-keyframes ani1 { 0% { opacity: 100; }
  25% { opacity: 50; }
  50% { opacity: 0; }
  75% { opacity: 50; }
  100% { opacity: 100; } }

@keyframes ani1 { 0% { opacity: 100; }
  25% { opacity: 50; }
  50% { opacity: 0; }
  75% { opacity: 50; }
  100% { opacity: 100; } }

#visual .img em:nth-child(*) { opacity: 0; }

#visual .img em:nth-child(1) i:nth-child(1) { animation-name: ani1; animation-duration: 8s;  animation-delay: 1s; animation-iteration-count: infinite; }

#visual .img em:nth-child(1) i:nth-child(2) { animation-name: ani1; animation-duration: 8s;  animation-delay: 3s; animation-iteration-count: infinite; }

#visual .img em:nth-child(2) i:nth-child(1) { animation-name: ani1; animation-duration: 8s;  animation-delay: 6s; animation-iteration-count: infinite; }

#visual .img em:nth-child(2) i:nth-child(2) { animation-name: ani1; animation-duration: 8s;  animation-delay: 9s; animation-iteration-count: infinite; }

#visual .img em:nth-child(2) i:nth-child(3) { animation-name: ani1; animation-duration: 8s; animation-delay: 15s; animation-iteration-count: infinite; }

#visual .img em:nth-child(3) i:nth-child(1) { animation-name: ani1; animation-duration: 8s;  animation-delay: 3s; animation-iteration-count: infinite; }

#visual .img em:nth-child(3) i:nth-child(2) { animation-name: ani1; animation-duration: 8s;  animation-delay: 6s; animation-iteration-count: infinite; }

#visual .img em:nth-child(3) i:nth-child(3) { animation-name: ani1; animation-duration: 8s;  animation-delay: 9s; animation-iteration-count: infinite; }

#visual .img em:nth-child(3) i:nth-child(4) { animation-name: ani1; animation-duration: 8s; animation-delay: 12s; animation-iteration-count: infinite; }

#visual .img em:nth-child(3) i:nth-child(5) { animation-name: ani1; animation-duration: 8s; animation-delay: 15s; animation-iteration-count: infinite; }

#visual .img em:nth-child(3) i:nth-child(6) { animation-name: ani1; animation-duration: 8s; animation-delay: 18s; animation-iteration-count: infinite; }

#visual .img em:nth-child(3) i:nth-child(7) { animation-name: ani1; animation-duration: 8s; animation-delay: 21s; animation-iteration-count: infinite; }

#visual .img em:nth-child(3) i:nth-child(8) { animation-name: ani1; animation-duration: 8s; animation-delay: 24s; animation-iteration-count: infinite; }

#visual .img em:nth-child(3) i:nth-child(9) { animation-name: ani1; animation-duration: 8s; animation-delay: 27s; animation-iteration-count: infinite; }

#snb { position: relative; z-index: 0; float: left; width: 22rem; border-bottom: 1px solid #E8EBF1; }

#snb::before { position: absolute; left: 3rem; bottom: 100%; z-index: 1; width: 8rem; height: 7rem; background-color: #E10F21; content: '';  transform: skew(-35deg); }

#snb::after { position: absolute; left: 9.5rem; bottom: calc(100% - 1.9rem); width: 13.5rem; height: 11.5rem; background-color: #161B52; content: '';  transform: skew(-35deg); }

#snb h2 { font-size: 3rem; line-height: 1.33333; margin: 3.5rem 0 2rem; font-weight: 600; color: #262F68; word-break: keep-all; }

#snb nav > ul > li { position: relative; }

#snb nav > ul > li > a { font-size: 1.7rem; display: block; position: relative; padding: 1.5rem; border-top: 1px solid #E8EBF1; font-weight: 400; color: #151515; }

#snb nav > ul > li.type1 > a::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; right: 2rem; font-weight: 400; color: #aaa; content: ''; transition: all 0.3s; }

#snb nav > ul > li.active > a { background-color: #33397D; font-weight: 600; color: #fff; }

#snb nav > ul > li.active > a::after { color: inherit; transform: rotate(180deg); }

#snb nav > ul > li.active ul { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; padding: 1rem 2.5rem;  transition: all 0.3s; }

#snb nav > ul > li ul { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; display: block !important; padding: 0 2.5rem; color: #777; }

#snb nav > ul > li ul li + li { margin-top: 1rem; }

#snb nav > ul > li ul a { position: relative; position: relative; padding-left: 0; text-align: left; font-weight: 400; transition: all 0.3s; }

#snb nav > ul > li ul a::after { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #777; content: '';  transition: all 0.3s; }

#snb nav > ul > li ul a:hover::after, #snb nav > ul > li ul a:focus::after { width: 100%; }

#snb nav > ul > li ul a::before { position: absolute; left: 0; top: auto; content: ''; }

#snb nav > ul > li ul a::before { left: -1.3rem; top: 0.6rem; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: #D9000D; opacity: 0; transition: all 0.3s; }

#snb nav > ul > li ul .active a { color: #262F68; }

#snb nav > ul > li ul .active a::before { opacity: 1; }

#contents { float: right; width: calc(100% - 31.9rem); }

.contents_util { height: 10.5rem; text-align: right; line-height: 10.5rem; }

.contents_util::after { display: block; clear: both; height: 0; content: ''; }

.contents_util #contents_title { display: none; }

.contents_util .location { float: left; width: calc(100% - 12rem); }

.contents_util .path { font-size: 1.5rem; font-weight: 400; color: #262F68; }

.contents_util .path li { display: inline; }

.contents_util .path li + li::before { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; font-size: 2rem; position: relative; top: 0; content: ''; }

.contents_util .path li + li a { position: relative; }

.contents_util .path li + li a::after { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #262F68; content: ''; transition: all 0.3s; }

.contents_util .path li + li a:hover::after, .contents_util .path li + li a:focus::after { width: 100%; }

.contents_util .path .icon a { display: inline-block; overflow: hidden; position: relative; top: -0.1rem; width: 1.8rem; height: 1.8rem; text-align: center; vertical-align: middle; line-height: 1.8rem; }

.contents_util .path .icon a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2rem; content: ''; }

.contents_util .group { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; display: table; width: calc(100% + 0px); table-layout: fixed; position: fixed; top: 0; left: auto; z-index: 3; text-align: left; line-height: 7rem; }

.contents_util .group > * { display: table-cell; padding-right: 0px; vertical-align: top; }

.contents_util .group p.item { font-size: 2rem; width: 3rem; }

.contents_util .group div.item { position: relative; padding-left: 4.5rem; }

.contents_util .group div.item::before { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; left: 0; width: 4.5rem; color: #ddd; text-align: center; content: ''; }

.contents_util .group div.list { display: inline-block; position: relative; width: 100%; height: 3rem; font-weight: 300; vertical-align: middle; }

.contents_util .group div.list button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; width: 100%; height: 100%; padding: 0 1.5rem; border: 1px solid #ddd; color: #555; text-align: left; outline: 0 none; vertical-align: top; }

.contents_util .group div.list button::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto;  transform: translateY(-50%); right: 1.5rem; color: #151515; content: '';  transition: all 0.3s; }

.contents_util .group div.list button:hover, .contents_util .group div.list button:focus {  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16); border-color: #262F68; }

.contents_util .group div.list ul { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; left: 0; top: 100%; width: 100%; margin-top: -1px;  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16); border: 1px solid #262F68; background-color: #fff; }

.contents_util .group div.list a { display: block; padding: 0 1.5rem; color: #777; line-height: 2.8rem; transition: all 0.3s; }

.contents_util .group div.list a:hover, .contents_util .group div.list a:focus { background-color: #ECF0F9; color: #262F68; }

.contents_util .group div.list.active button { border-color: #262F68; }

.contents_util .group div.list.active button::after {  transform: translateY(-50%) rotate(180deg); }

.contents_util .group div.list.active ul { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; width: 100%; padding: 1rem 0;  transition: all 0.3s; }

.contents_util .util { float: right; width: 9.5rem; height: 4.5rem; margin-top: 3rem; text-align: left; }

.contents_util .util .btn { height: 4.5rem; border: 1px solid #ddd; line-height: 4.3rem; font-size: 2rem; display: inline-block; overflow: hidden; width: 4.5rem; border-radius: 100%; text-align: center; vertical-align: top;  transition: all 0.3s; }

.contents_util .util .btn::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; }

.contents_util .util .btn.open::before { content: ""; }

.contents_util .util .btn.print::before { content: ""; }

.contents_util .util .btn:hover, .contents_util .util .btn:focus { border-color: #151515; background-color: #151515; color: #fff; }

.contents_util .util .print { float: right; }

.contents_util .share { display: inline-block; position: relative; z-index: 1; height: 100%; vertical-align: top; }

.contents_util .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; left: 50%; transform: translateX(-50%); top: 100%; }

.contents_util .share .item .list { display: block !important; }

.contents_util .share .item a { height: 4.5rem; border: 1px solid #F1F1F1; line-height: 4.3rem; display: block; overflow: hidden; width: 4.5rem; margin-top: -2rem; border-radius: 100%; background-color: #fff; color: #555; text-align: center; line-height: 4.5rem;  transition: all 0.3s; }

.contents_util .share .item a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2.7rem;  transition: all 0.3s; }

.contents_util .share .item a.close { position: relative; top: 0; margin-top: 0 !important; border: 0 none;  transition: all 0.3s; }

.contents_util .share .item a.close::before {transform: rotate(0);  transition: all 0.3s; }

.contents_util .share .item a.close:hover::before, .contents_util .share .item a.close:focus::before { transform: rotate(180deg) translateY(2px); }

.contents_util .share .item a.close::before { content: ''; }

.contents_util .share .item a.close:hover, .contents_util .share .item a.close:focus { top: 0.2rem; }

.contents_util .share .item .facebook a::before { content: ""; }

.contents_util .share .item .facebook a:hover, .contents_util .share .item .facebook a:focus { border-color: #263C91; background-color: #263C91; color: #fff; }

.contents_util .share .item .twitter a::before { content: "\F3E7"; font-family: "remixicon"; }

.contents_util .share .item .twitter a:hover, .contents_util .share .item .twitter a:focus { border-color: #222; background-color: #222; color: #fff; }

.contents_util .share .item .copy a::before { content: ""; }

.contents_util .share .item .copy a:hover, .contents_util .share .item .copy a:focus { border-color: #C9590E; background-color: #C9590E; color: #fff; }

.contents_util .share .item .kakaostory a::before { content: ""; }

.contents_util .share .item .kakaostory a:hover, .contents_util .share .item .kakaostory a:focus { border-color: #FAE301; background-color: #FAE301; color: #fff; }

.contents_util .share .item .kakaotalk a::before { content: ""; }

.contents_util .share .item .kakaotalk a:hover, .contents_util .share .item .kakaotalk a:focus { border-color: #381e1f; background-color: #381e1f; color: #fff; }

.contents_util .share .item .band a::before { content: "b"; }

.contents_util .share .item .band a:hover, .contents_util .share .item .band a:focus { border-color: #21c531; background-color: #21c531; color: #fff; }

.contents_util .share .item .band a::before { font-family: "Noto Sans KR"; font-weight: 900; content: 'b'; }

.contents_util .share.active .btn { border-color: #151515; background-color: #151515; color: #fff; }

.contents_util .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1;  transition: all 0.3s; }

.contents_util .share.active .item a { margin-top: 0.5rem; }

#wrap.fixed #header { height: 7rem; line-height: 7rem; }

#wrap.fixed #hnb, #wrap.fixed #gnb1, #wrap.fixed #header .search { visibility: hidden; opacity: 0; transition: opacity 0.3s; }

#wrap.fixed .contents_util .group { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; height: 7rem;  transition: all 0.3s; }

#wrap.fixed .contents_util .util { position: fixed; right: 14.5rem; top: 0; z-index: 3; margin-top: 1.25rem; }

#wrap.fixed #footer .btn_top { opacity: 1; }

.depth4_tab { margin-bottom: 3rem; }

.depth4_tab #depth4_menu_ul { overflow: hidden; padding-right: 1px; border-bottom: 1px solid #999; font-size: 0; }

.depth4_tab #depth4_menu_ul li { display: inline-block; margin: 0 0 -1px 0; vertical-align: top; }

.depth4_tab #depth4_menu_ul a { font-size: 1.7rem; float: left; min-width: 14rem; height: 5rem; margin-right: -1px; padding: 0 4rem; border: 1px solid #ddd; background-color: #fff; font-weight: 500; text-align: center; line-height: 5rem; }

.depth4_tab #depth4_menu_ul .active a { border-color: #262F68; background-color: #262F68; text-decoration: underline; color: #fff; }

.depth4_tab.bookmark .menu { float: right; position: relative; z-index: 1; width: 25rem; height: 4rem; margin-bottom: 2rem; padding-top: 1px; border-top: 1px solid #ddd; line-height: 3.8rem;  transition: all 0.3s; }

.depth4_tab.bookmark .menu::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto;  transform: translateY(-50%); right: 2rem; color: #151515; content: '';  transition: all 0.3s; }

.depth4_tab.bookmark .menu li { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; margin-top: -1px; padding-left: 1.5rem; border: 1px solid #ddd; border-top: 0 none; background-color: #fff; text-align: left;  transition: border 0.2s, opacity 0.2s, -webkit-box-shadow 0.2s; transition: box-shadow 0.2s, border 0.2s, opacity 0.2s; transition: box-shadow 0.2s, border 0.2s, opacity 0.2s, -webkit-box-shadow 0.2s; }

.depth4_tab.bookmark .menu a { display: block; }

.depth4_tab.bookmark .menu .active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }

.depth4_tab.bookmark .menu.active {  box-shadow: 2px 1px 7px #B2B2B940; border-color: #707070; }

.depth4_tab.bookmark .menu.active::after {  transform: translateY(-50%) rotate(180deg); }

.depth4_tab.bookmark .menu.active li { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1;  box-shadow: 2px 7px 7px #B2B2B940; border-color: #707070; }

.depth4_tab.bookmark .menu:hover, .depth4_tab.bookmark .menu:hover .active {  box-shadow: 2px 1px 7px #B2B2B940; border-color: #707070; }

.depth4_tab.bookmark #depth4_menu_ul { display: table; width: calc(100% + 0px); table-layout: fixed; clear: both; }

.depth4_tab.bookmark #depth4_menu_ul > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

.depth4_tab.bookmark #depth4_menu_ul.active a { border-color: #25206B; background-color: #25206B; }

.depth4_tab.bookmark #depth4_menu_ul a { float: left; width: calc(100% + 1px); min-width: 0; padding: 0; }

.contents_info { margin-top: 6rem; }

.contents_info > div + div { margin-top: -1px; border-top: 0 none; }

.contents_info .group { display: table; width: calc(100% + 0px); table-layout: fixed; }

.contents_info .group > * { display: table-cell; padding-right: 0px; vertical-align: top; }

.contents_info .qr { width: 15rem; border: 1px solid #ddd; text-align: right; vertical-align: middle; }

.contents_info .qr:first-child { float: right; }

.kogl {padding: 2rem 4rem; border: 1px solid #ddd; color: #555; text-align: center; overflow: hidden;}
.kogl-info {display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin-bottom: 1rem; text-align: center;}
.kogl-info .img {display: block; margin-right: 1.5rem;}
.kogl-info .img img {max-height: 100%;}
.kogl-info .desc {display: block;}
.kogl-info .desc > span {display: block; font-size: 1.4rem;}
.kogl .txt {display: block; position: relative; word-break: keep-all; vertical-align: middle; overflow: hidden; }
.kogl .txt strong { font-weight: 300; color: #E10F21; }

.duty { padding: 1.5rem 4rem; border: 1px solid #ddd; color: #555; }
.duty .title { display: none; }
.duty .label { margin-right: 1rem; font-weight: 500; }
.duty li { display: inline-block; vertical-align: middle; }
.duty li::after { display: inline-block; position: relative; top: -0.1rem; width: 1px; height: 0.8rem; margin: 0 1.5rem; background-color: #F1F1F1; content: ''; vertical-align: middle; }
.duty li:last-child::after { display: none; }

#satisfy { padding: 2.5rem 4rem 3rem; border: 1px solid #ddd; background-color: #F6F7F9; }
#satisfy .title {position: relative;margin-bottom: 1rem; padding-left: 3rem;  font-size: 1.6rem;  line-height: 1.2; }
#satisfy .title::before { position: absolute; top: 0;  left: 0; font-family: "xeicon"; font-size: 2rem; font-weight: 400; content: ''; }
#satisfy .title span { display: none; }
#satisfy .title strong { font-weight: 500; }
#satisfy .float_wrap { overflow: hidden;}
#satisfy .satisfy_info {float: left;}
#satisfy .satisfy_score {float: right;}
#satisfy .end {margin-top: 1rem;}
#satisfy .list { margin: 1rem 0; color: #555; }
#satisfy .form { position: relative; padding-right: 9rem; }
#satisfy .form .form_textbox { height: 4rem; }
#satisfy .form .btn { position: absolute; right: 0; bottom: 0; width: 9rem; height: 4rem; border: 0 none; background-color: #262F68; color: #fff; text-align: center; cursor: pointer; }
#satisfy .form .btn:hover, #satisfy .form .btn:focus { border-color: #141937; background-color: #141937; }
#satisfy .form span { display: none; }
#satisfy + .qr { border-left: 0 none; }

.layerpopup { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: fixed; left: 0; top: 0; z-index: 10; text-align: left; word-break: keep-all; }
.layerpopup .group { position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); width: 61rem; max-width: calc(100% - 4rem); margin-left: auto !important; margin-right: auto !important; max-width: 100%; padding: 4rem;  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16); border: 0.5rem solid #262F68; background-color: #fff; }
.layerpopup .group > .title { font-size: 2.2rem; display: block; margin-bottom: 2rem; color: #161B52; }
.layerpopup .btns.txt_center { margin-top: 3rem; }
.layerpopup .box4 { margin: 0 0 2rem; padding: 2rem; background-color: #F1F2F8; }
.layerpopup .form_mail { overflow: hidden; }
.layerpopup .form_mail .form_textbox { width: calc(100% - 33rem); }
.layerpopup .form_mail .form_textbox:nth-child(2) { width: 14rem; }
.layerpopup .form_mail .form_select { float: right; width: 15.5rem; }
.layerpopup .form_mail + .form_textbox { margin: 1rem 0; font-weight: 300; }
.layerpopup .form_mail + .form_textbox + .form_textbox { width: 100%; height: 13rem; margin: 0; padding: 1rem; }
.layerpopup .close { font-size: 2.2rem; overflow: hidden; position: absolute; right: 4rem; top: 4rem; width: 2.2rem; height: 2.2rem; text-align: center; line-height: 2.2rem; }
.layerpopup .close::before { transform: rotate(0); transition: all 0.3s; }
.layerpopup .close:hover::before, .layerpopup .close:focus::before {transform: rotate(180deg) translateY(2px); }
.layerpopup .close::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }
.layerpopup.active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; width: 100%; height: 100%; }

.search_wrap { position: relative; margin-top: -1.1rem; }
.search_wrap .search_word_box { position: absolute; left: -31.9rem; top: 0; width: 22rem; padding-top: 2.5rem; border-top: 0.2rem solid #263C91; background-color: #fff; }
.search_wrap .search_word_box .title { font-size: 1.7rem; font-weight: 500; color: #151515; }
.search_wrap .search_word_box .desc { padding-bottom: 2rem; border-bottom: 1px solid #ddd; }
.search_wrap .search_word_box ul { font-size: 1.5rem; padding: 3rem 0 1.5rem; border-bottom: 1px solid #ddd; }
.search_wrap .search_word_box ul > li { position: relative; padding-left: 1.5rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 1.5rem; }
.search_wrap .search_word_box ul > li::before { position: absolute; left: 0; top: auto; content: ''; }
.search_wrap .search_word_box ul > li::before { left: 0.5rem; top: 1rem; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: #ddd; }
.search_wrap .search_word_box ul > li:nth-last-child(n+2) span::before { content: '0'; }
.search_wrap .search_word_box ul > li:first-child::before { background-color: #D9000D; }
.search_wrap .search_word_box ul > li:first-child span { color: #D9000D; }
.search_wrap .search_word_box ul span { display: inline-block; width: 2.5rem; color: #151515; vertical-align: top; }
.search_wrap .search_box { margin-bottom: 4rem; padding: 3rem; border: 1px solid #E9E9E9; background-color: #F9F9FB; text-align: center; }
.search_wrap .search_input { width: 75.5rem; max-width: calc(100% - 4rem); margin-left: auto !important; margin-right: auto !important; max-width: 100%; }
.search_wrap .search_input form { display: block; position: relative; padding-right: 5.5rem; }
.search_wrap .search_input form .search_txt { font-size: 1.7rem; display: block; width: 100%; height: 5rem; padding: 0 1.5rem; border: 1px solid #ddd; color: #777; }
.search_wrap .search_input form .search_btn { overflow: hidden; position: absolute; right: 0; top: 0; width: 5.5rem; height: 5rem; border-radius: 0; background-color: #151515; color: #fff; line-height: 5rem; }
.search_wrap .search_input form .search_btn::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2rem; content: ''; }
.search_wrap .search_input form label {position: absolute; overflow: hidden; width: 0; height: 0; opacity: 0; display: block; }
.search_wrap .depth4 { display: table; width: calc(100% + 1rem); table-layout: fixed; }
.search_wrap .depth4 > * { display: table-cell; padding-right: 1rem; vertical-align: middle; }
.search_wrap .depth4 a { display: block; padding: 1rem; border: 1px solid #ddd; font-weight: 400; color: #777; text-align: center; line-height: 1.5; }
.search_wrap .depth4 span { display: block; }
.search_wrap .depth4 .on a { border-color: #263C91; background-color: #263C91; color: #fff; font-weight: 700;}
.search_wrap .search_result_box .cont { position: relative; margin-top: 5rem; padding-top: 5rem; border-top: 1px solid #ddd; }
.search_wrap .search_result_box .cont:first-child { margin-top: 4rem; border-top: 1px solid #333; }
.search_wrap .search_result_box .t3 .tcr { color: #777; }
.search_wrap .search_result_box .more { position: absolute; right: 0; top: 5rem; color: #151515; }
.search_wrap .search_result_box .more::after { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; position: relative; top: -0.15rem; font-weight: 400; content: ''; vertical-align: top; }
.search_wrap .search_result_box .list li + li { margin-top: 2.5rem; }
.search_wrap .search_result_box .list li > p:first-child { display: inline-block; height: 3.2rem; margin-bottom: 2rem; padding: 0 1.5rem; border-radius: 3.2rem; background-color: #F1F1F1; color: #151515; line-height: 3.2rem; vertical-align: top; }
.search_wrap .search_result_box .list a { display: block; color: #777; }
.search_wrap .search_result_box .list a[target="_blank"] .divi { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; color: #aaa; content: ''; }
.search_wrap .search_result_box .list a:first-child > p:first-child { display: inline-block; height: 3.2rem; margin-bottom: 2rem; padding: 0 1.5rem; border-radius: 3.2rem; background-color: #F1F1F1; color: #151515; line-height: 3.2rem; vertical-align: top; }
.search_wrap .search_result_box .list a:hover .divi .btn_line, .search_wrap .search_result_box .list a:focus .divi .btn_line { border-color: #353540; background-color: #353540; color: #fff !important; }
.search_wrap .search_result_box .list .divi { font-size: 2rem; display: inline-block; width: 100%; font-weight: 500; color: #333; vertical-align: top; }
.search_wrap .search_result_box .list .divi .btn_line { float: right; }
.search_wrap .no_result_box { text-align: center; }
.search_wrap .no_result_box strong { font-size: 2.4rem; display: block; margin-top: 4rem; padding-bottom: 4rem; border-bottom: 1px solid #333; }
.search_wrap .no_result_box + .cont { margin-top: 4rem; border-top: 1px solid #333; }

#footer .btn_top { position: fixed; right: 3rem; top: auto; bottom: 46.4rem; opacity: 0; transition: all 0.3s; }

@media (max-width: 1024px){
.board_info + .org::before {bottom: 45.25rem;}
.board_info + .org .item1.side .title + span + span::before {left: -2.5rem; width: 2.5rem}
.board_info + .org .depth2 .item1.first {margin: -2rem 0 3rem !important;}
.board_info + .org .depth2::after {top: 12rem !important;}
}

/* 연혁 */
.history .title span {display: block; margin-top: 1rem; font-size: 2rem; color: #333;}