@charset "utf-8";

:root {--header-height:8.3rem;}

/* header-asis ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
header.header {position:fixed; top:0; left:0; width:100%; border-bottom:none !important; background-color:#fff; box-shadow:0 0.1rem 1.5rem rgba(0,0,0,0.1); z-index:1900;}
header .header-shortcut {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
header .header-shortcut {border-bottom:0.1rem solid #d8d8d8;}
header .header-shortcut .header-shortcut-inner {display:flex; flex-direction:row; justify-content:space-between; align-items:center;} /* space-between */
header .header-shortcut .header-shortcut-inner {max-width:148.0rem; width:144.0rem; height:6.0rem; margin:0 auto; padding:0;} /* width */
header .header-shortcut .header-shortcut-inner .eg {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
header .header-shortcut .header-shortcut-inner .eg {position:relative; padding-left:5.2rem; font-weight:500; font-size:1.4rem; color:#1d1d1d;}
header .header-shortcut .header-shortcut-inner .eg::before {content:""; position:absolute; left:0; width:4.4rem; height:1.5rem; background:url(../images/header_eg_logo.png) no-repeat center / cover;}
/* test서버 문구 추가 250528 */
header .header-shortcut .header-shortcut-inner .eg.eg-test {padding-left:0; color:var(--red);}
header .header-shortcut .header-shortcut-inner .eg.eg-test::before {content: none !important;}
header .header-shortcut .header-shortcut-inner .eg.eg-test .eg-test__mark {width: 2.0rem; height: 2.0rem; margin-right: 0.8rem; border-radius: 10.0rem; background-color: #EF5050; font-weight: 700; font-size: 1.6rem; color: #fff; line-height: 1.4; text-align: center;}

header .header-shortcut .header-shortcut-inner ul {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;} /* flex-end */
header .header-shortcut .header-shortcut-inner li.ico a {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
header .header-shortcut .header-shortcut-inner li.ico a {position:relative; height:100%; margin-left:2.4rem; padding-right:0; font-weight:500; font-size:1.4rem; color:#1d1d1d;}
header .header-shortcut .header-shortcut-inner li.ico a::after {content:""; position:absolute; left:0; width:1.4rem; height:1.4rem;}
header .header-shortcut .header-shortcut-inner li.login a,
header .header-shortcut .header-shortcut-inner li.logout a {padding-left:2.2rem;}
header .header-shortcut .header-shortcut-inner li.members a {padding-left:2.0rem;}
header .header-shortcut .header-shortcut-inner li.login a::after {background:url(../images/ico_login.svg) no-repeat center / cover;}
header .header-shortcut .header-shortcut-inner li.logout a::after {background:url(../images/ico_logout.svg) no-repeat center / cover;}
header .header-shortcut .header-shortcut-inner li.members a::after {background:url(../images/ico_member.svg) no-repeat center / 96% 96%;}
header .header-shortcut .header-shortcut-inner li .family {position:relative; margin-left:2.4rem;}
header .header-shortcut .header-shortcut-inner li .family button.trigger {position:relative; width:14.3rem; height:2.8rem; border-radius:10.0rem; border:0.1rem solid #246beb; background-color:transparent;}
header .header-shortcut .header-shortcut-inner li .family button.trigger::after {content:""; position:absolute; top:0.7rem; right:1.7rem; width:0.8rem; height:0.8rem; border-top:0.2rem solid #246beb; border-left:0.2rem solid #246beb; transform:rotate(-135deg);}
header .header-shortcut .header-shortcut-inner li .family.active button.trigger::after {top:1.1rem; transform:rotate(45deg);}
header .header-shortcut .header-shortcut-inner li .family button.trigger span {padding-left:1.5rem; font-weight:500; font-size:1.4rem; color:#246beb;}
header .header-shortcut .header-shortcut-inner li .family ul.target {display:block; position:absolute; top:calc(100% + 0.1rem); left:0; width:100%; padding:0.6rem 0 0.4rem; border-radius:0.4rem; border:0.1rem solid #246beb; background-color:#fff; box-shadow:0.8rem 0.8rem 2.0rem -1.0rem rgba(0,0,0,0.2); z-index:1;}
header .header-shortcut .header-shortcut-inner li .family ul.target li a {display:block; height:100%; padding:0; font-weight:500; font-size:1.4rem; color:#246beb; line-height:1.7; text-align:center;}
header .header-shortcut .header-shortcut-inner li .family ul.target li a:hover {text-decoration:underline;}
header.gnb-active {border-bottom:0.1rem solid #d8d8d8 !important;}
header .header-inner {display:flex; flex-direction:row; justify-content:space-between; align-items:normal;} /* space-between */
header .header-inner {max-width:148.0rem; width:144.0rem; margin:0 auto; background:none;} /* width */
header .header-inner::after {display:none;}
header.gnb-active .header-inner::after {content:""; display:block; position:absolute; top:14.4rem; left:0; width:100%; height:0.1rem; background-color:#d8d8d8; z-index:1;}
header .header-inner .left {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
header .header-inner .left {position:relative; width:calc(100% - 7.2rem);}
header .header-inner .left h1 a {display:block; position:absolute; top:2.0rem; left:0; width:15.6rem; height:4.3rem; background:url(../images/header_idolbom_logo.png) no-repeat center / cover;}
header .header-inner .left .gnb {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
header .header-inner .left .gnb {position:relative; height:100%; margin-left:8.8rem;}
header.header .gnb::after {display:none;}
header .header-inner .left .gnb .mobile-menu {display:none;}
header .header-inner .left .gnb .dep01 {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
header .header-inner .left .gnb .dep01 {height:100%;}
header .header-inner .left .gnb .dep01 > li {display:flex; flex-direction:column; justify-content:flex-start; align-items:normal;} /* flex-start */
header .header-inner .left .gnb .dep01 > li {position:relative; width:20.0rem; height:100%;}
header .header-inner .left .gnb .dep01 > li > a {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
header .header-inner .left .gnb .dep01 > li > a {flex:0 0 var(--header-height); position:relative; font-weight:700; font-size:1.9rem; color:#1d1d1d;}
header .header-inner .left .gnb .dep01 > li > a span {padding-top:0.1rem;}
header.header .gnb .dep01 > li > a::after {content:""; display:block; position:absolute; bottom:-0.1rem; left:50%; width:0; height:0.4rem; background-color:#246beb; transform:translateX(-50%); transition:width 0.3s var(--cubic); z-index:2;}
header .header-inner .left .gnb .dep01 li .dep02 {height:inherit; padding:1.2rem 0 0.9rem;}
header .header-inner .left .gnb .dep01 li .dep02::before {content:""; position:absolute; top:var(--header-height); left:0; width:0.1rem; height:calc(100% - var(--header-height)); background-color:#d8d8d8;}
header .header-inner .left .gnb .dep01 > li:last-child .dep02 {border-right:0.1rem solid #d8d8d8 !important;}
header .header-inner .left .gnb .dep01 li .dep02 > li > a {display:block; padding:0.5rem 2.1rem; font-weight:500; font-size:1.6rem; color:#1d1d1d;}
header .header-inner .left .gnb .dep01 li .dep02 > li > a:hover {color:#246beb; text-decoration:underline;}
header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 {margin:-0.6rem 0 0.6rem 2.1rem;}
header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 > li {position:relative; padding:0.3rem 0 0 1.1rem;}
header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 > li::before {content:""; position:absolute; top:1.1rem; left:0; width:0.3rem; height:0.3rem; border-radius:10.0rem; background-color:#1d1d1d;}
header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 > li:hover::before {background-color:#246beb;}
header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 > li a {display:block; font-size:1.4rem; color:#1d1d1d;}
header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 > li a:hover {color:#246beb; text-decoration:underline;}
header .header-inner .right {display:flex; flex-direction:row; justify-content:flex-end; align-items:normal;} /* flex-end */
header .header-inner .right {width:7.2rem;}
header .header-inner .right .alarm,
header .header-inner .right .sitemap {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
header .header-inner .right .alarm {position:relative; height:var(--header-height); margin-right:3.2rem;}
header .header-inner .right .alarm > button {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
header .header-inner .right .alarm > button {position:relative; width:auto; height:auto;}
header .header-inner .right .alarm > button span.ico-alarm {flex:none; width:1.6rem; height:1.6rem; background:url(../images/ico_message.svg) no-repeat center / cover;}
header .header-inner .right .alarm > .layer-popup.layer-alarm {right:-5.6rem;}
header .header-inner .right .sitemap {height:var(--header-height);}
header .header-inner .right .sitemap > button.toggleTrigger {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
header .header-inner .right .sitemap > button.toggleTrigger {position:relative; width:2.4rem; height:2.4rem; background:url(../images/ico_hamburger.png) no-repeat center / cover;}
header .header-inner .right .sitemap.active {background-color:transparent !important;}
header .header-inner .right .sitemap.active > button.toggleTrigger {width:1.8rem; height:1.8rem; margin-left:0.6rem; background:url(../images/ico_close.svg) no-repeat center / cover; mask:none;}
header .header-inner .right .sitemap .sitemap-inner {position:absolute; top:100%; left:0; width:100%; border-top:0.1rem solid #d8d8d8; border-bottom:0.1rem solid #d8d8d8; background-color:#fff; box-shadow:0 0.7rem 0.7rem rgba(0,0,0,0.05);}
header .header-inner .right .sitemap.active .sitemap-inner {display:block;}
header .header-inner .right .sitemap .sitemap-inner .dep01 {display:flex; flex-wrap:wrap; max-width:144.0rem; margin:0 auto; border-right:0.1rem solid #d8d8d8;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li {flex:1 0 calc(100% / 4); margin-top:-0.1rem; padding-bottom:0; border-top:0.1rem solid #d8d8d8; border-left:0.1rem solid #d8d8d8;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > a,
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > button {display:block; padding:1.5rem 0 1.5rem 2.0rem; border-bottom:none; background-color:#eff5ff; font-weight:700; font-size:1.8rem; color:#1d1d1d;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 {padding:1.1rem 0 1.0rem;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > a,
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > button {display:block; padding:0.5rem 0 0.5rem 2.0rem; font-weight:500; font-size:1.6rem; color:#1d1d1d;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > a:hover,
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > button:hover {color:#246beb; text-decoration:underline;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > .dep03 {margin:-0.4rem 0 0.4rem 2.1rem;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > .dep03 > li {position:relative; margin-left:0; padding:0.1rem 0 0.2rem 1.0rem;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > .dep03 > li::before {content:""; position:absolute; top:0.9rem; left:0; width:0.3rem; height:0.3rem; border-radius:10.0rem; background-color:#1d1d1d;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > .dep03 > li:hover::before {background-color:#246beb;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > .dep03 > li > a {display:block; font-size:1.4rem; color:#1d1d1d;}
header .header-inner .right .sitemap .sitemap-inner .dep01 > li > .dep02 > li > .dep03 > li > a:hover {color:#246beb; text-decoration:underline;}
header .header-inner .right .mobile-gnb > button.toggleTrigger {display:none;}
@media (max-width:1024px) {
    header.header {box-shadow:none;}
    header .header-shortcut .header-shortcut-inner {width:100%; height:3.7rem;} /* M-width */
    header .header-shortcut .header-shortcut-inner .eg {margin-left:1.6rem; padding-left:4.4rem; font-size:1.3rem; line-height:1.0;}
    header .header-shortcut .header-shortcut-inner .eg::before {width:3.8rem; height:1.3rem;}
    header .header-shortcut .header-shortcut-inner .eg + ul {display:none;}
    header .header-inner {width:100%; height:6.3rem; border-bottom:0.1rem solid #e8e8e8; background-color:#fff; box-shadow:0 0.5rem 0.7rem rgba(0,0,0,0.05);} /* M-width */
    header .header-inner .left {width:100%;}
    header .header-inner .left h1 a {top:1.6rem; left:1.6rem; width:10.9rem; height:3.0rem;}
    header .header-inner .left .gnb {flex-direction:column; align-items:normal;}
    header .header-inner .left .gnb {overflow:auto; position:absolute; top:0; left:100%; width:calc(100% - 1.6rem); height:101vh; margin:-4.0rem 0 0 1.6rem; background-color:transparent; transition:left 0.3s var(--cubic); z-index:9999;}
    header.gnb-active .header-inner .left .gnb {left:0;}
    header .header-inner .left .gnb button.btn-gnb-start {display:none;}
    header .header-inner .left .gnb .mobile-menu {display:block; position:relative; top:0; left:0; background-color:#0e2b5e; z-index:1;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header {height:5.6rem; padding:0 2.0rem; border-bottom:0.1rem solid #d3e1fb; background-color:#246beb;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul {height:100%; padding:0;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li {position:relative; height:100%; margin-right:2.8rem; padding:0;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li:not(:last-child)::after {content:""; position:absolute; top:50%; transform:translateY(-50%); right:-1.5rem; width:0.1rem; height:1rem; background-color:#fff;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li strong {margin-right:0.6rem; font-weight:500; font-size:1.8rem; color:#fff;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li span {padding:0 0.5rem 0 0.7rem;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li:first-child span {padding:0 0.6rem 0 0;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li span a {font-weight:500; font-size:1.5rem; color:#fff; line-height:2.0;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li a.logout,
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li a.go-home {width:3.0rem; height:3.0rem;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li a.logout {background:url(../images/Mico_logout.svg) no-repeat center / 1.8rem 1.8rem;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header ul li a.go-home {background:url(../images/Mico_home.svg) no-repeat center / 1.6rem 1.6rem;}
    header .header-inner .left .gnb .mobile-menu .mobile-menu-header button.gnb-mobile-close {width:3.0rem; height:3.0rem; margin-right:-0.7rem; background:url(../images/Mico_close.svg) no-repeat center / 1.6rem 1.6rem;}
    header .header-inner .left .gnb .mobile-menu button.gnb-mobile-link {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
    header .header-inner .left .gnb .mobile-menu button.gnb-mobile-link {position:relative; height:5.2rem; padding-left:1.9rem; font-weight:500; font-size:1.5rem; color:#fff; line-height:normal;}
    header .header-inner .left .gnb .mobile-menu button.gnb-mobile-link::after {content:""; display:block; position:absolute; right:-1.3rem; width:0.8rem; height:0.8rem; margin:0; border-top:0.2rem solid #fff; border-left:0.2rem solid #fff; background:none; background-color:transparent; transform:rotate(135deg); mask:none;}
    header .header-inner .left .gnb .dep01 {flex-direction:column; justify-content:flex-start; align-items:flex-start;}
    header .header-inner .left .gnb .dep01 {flex:1 1 100%; overflow:auto; position:relative; background-color:#eff5ff;}
    header .header-inner .left .gnb .dep01::before {content:""; position:absolute; left:50%; width:0.1rem; height:100%; background-color:#d3e1fb;}
    header .header-inner .left .gnb .dep01 > li {position:static; width:100%; height:auto;}
    header .header-inner .left .gnb .dep01 > li > a {flex:none; display:block; width:50%; padding:1.6rem 0 1.4rem 2.0rem; background-color:transparent; font-weight:700; font-size:1.7rem;}
    header .header-inner .left .gnb .dep01 > li.open > a {background-color:#246beb; color:#fff;}
    header .header-inner .left .gnb .dep01 > li > a span {padding-top:0;}
    header.header .gnb .dep01 > li > a::after {display:none;}
    header .header-inner .left .gnb .dep01 li .dep02 {display:none; overflow:auto; position:absolute; top:0; right:0; width:50%; height:100%; padding:0; background:none; background-color:#fff;}
    header .header-inner .left .gnb .dep01 li .dep02::before {display:none;}
    header .header-inner .left .gnb .dep01 li.open .dep02 {display:block;}
    header .header-inner .left .gnb .dep01 > li:last-child .dep02 {border-right:none !important;}
    header .header-inner .left .gnb .dep01 li .dep02 > li {position:relative; padding:1.6rem 2.0rem 1.5rem; border-bottom:0.1rem solid #d3e1fb;}
    header .header-inner .left .gnb .dep01 li .dep02 > li::after {display:none;}
    header .header-inner .left .gnb .dep01 li .dep02 > li > a {position:relative; padding:0;}
    header .header-inner .left .gnb .dep01 li .dep02 > li > a:hover {position:static; padding:0; color:#1d1d1d; text-decoration:none;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 > a::after {content:""; position:absolute; top:0.5rem; right:0.2rem; margin-top:0; width:0.8rem; height:0.8rem; border-top:0.2rem solid #8e8e8e; border-left:0.2rem solid #8e8e8e; background:none; background-color:transparent; transform:rotate(-135deg); mask:none;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 > a:hover::after {top:2.1rem; right:2.2rem;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03.open {padding:1.6rem 2.0rem 0.9rem;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03.open > a::after,
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03.open > a:hover::after {transform:rotate(45deg);}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03.open > a::after {top:1.0rem;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03.open > a:hover::after {top:2.6rem;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 {position:relative; margin:1.4rem 0 0; padding:1.2rem 0 0;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03::before {content:""; position:absolute; top:0; left:0; width:100%; margin:0; border-top:0.1rem dashed #a7c4f7;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 > li {padding:0.5rem 0 0.6rem 1.1rem;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 > li::before {top:50%; transform:translateY(-50%); margin-top:-0.1rem;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 > li:hover::before {background-color:#1d1d1d;}
    header .header-inner .left .gnb .dep01 li .dep02 > li.hasDep03 .dep03 > li a:hover {color:#1d1d1d; text-decoration:none;}
    header .header-inner .left .gnb button.btn-gnb-end {display:none;}
    header .header-inner .right {width:0;}
    header .header-inner .right .alarm {position:absolute; right:6.2rem;  height:auto; margin:2.2rem 0 0;}
    header .header-inner .right .alarm > button span.ico-alarm {width:1.8rem; height:1.8rem; background:url(../images/ico_message.svg) no-repeat center / cover;}
    header .header-inner .right .sitemap {display:none;}
    header .header-inner .right .mobile-gnb {display:block; position:relative; width:100%;}
    header .header-inner .right .mobile-gnb > button.toggleTrigger {display:block; position:absolute; top:1.9rem; right:1.6rem; width:2.4rem; height:2.4rem; background:url(../images/ico_hamburger.png) no-repeat center / cover;}
}

/* container-asis ---------- */
#container {margin-top:4.9rem;}
#container #content {position:relative;}
#container #content .visual-wrap {display:flex; flex-direction:column; justify-content:center; align-items:center;} /* center */
#container #content .visual-wrap {height:14.6rem; background:none; box-shadow:none;}
#container #content .visual-wrap .visual-wrap-inner {max-width:148.0rem; width:144.0rem; height:100%; margin:0 auto; padding:0; text-align:center;} /* width */
#container #content .visual-wrap .visual-wrap-inner h2 {padding-top:1.6rem; font-weight:700; font-size:4.0rem; color:#1d1d1d;}
#container #content .visual-wrap .snb {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .visual-wrap .snb {width:100%; margin:0 auto; border-bottom:0.1rem solid #d8d8d8;} /* width */
#container #content .visual-wrap .snb .depth2 {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;} /* flex-end */
#container #content .visual-wrap .snb .depth2 {position:relative; margin:0 2.25rem; padding-bottom:0.6rem; cursor:pointer;}
#container #content .visual-wrap .snb .depth2::after {content:""; position:absolute; right:-2.6rem; width:0.5rem; height:0.5rem; border-radius:10.0rem; background-color:#c6c6c6;}
#container #content .visual-wrap .snb .depth2:last-child:after {display:none;}
#container #content .visual-wrap .snb .depth2 a {font-weight:500; font-size:1.8rem; color:#1d1d1d;}
#container #content .visual-wrap .snb .depth2.tag-blue,
#container #content .visual-wrap .snb .depth2:hover.tag-white {margin-bottom:-0.1rem; border-bottom:0.2rem solid #246beb; background-color:transparent;}
#container #content .visual-wrap .snb .depth2.tag-blue a,
#container #content .visual-wrap .snb .depth2:hover.tag-white a {padding-top:0.1rem; color:#246beb;}
#container #content .visual-wrap .snb .depth2.tag-blue a {font-weight:700;}
#container #content .sub-content .tab-content .tab-list {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content .tab-content .tab-list {flex-wrap:wrap; margin:2.4rem 0 0;}
#container #content .sub-content .tab-content .tab-list.blank {margin:4.0rem 0 0; padding-top:4.0rem; border-top:0.1rem solid #d8d8d8;}
#container #content .sub-content .tab-content .tab-list li {flex:none; margin:0 0.5rem;}
#container #content .sub-content .tab-content .tab-list li button,
#container #content .sub-content .tab-content .tab-list li a {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content .tab-content .tab-list li button,
#container #content .sub-content .tab-content .tab-list li a {position:relative; width:auto; height:3.5rem; padding:0.1rem 1.9rem 0; border-radius:10.0rem; border:0.1rem solid #cdd7e4; font-weight:500; font-size:1.6rem; color:#003675;}
#container #content .sub-content .tab-content .tab-list li:hover button,
#container #content .sub-content .tab-content .tab-list li.active button,
#container #content .sub-content .tab-content .tab-list li:hover a,
#container #content .sub-content .tab-content .tab-list li.active a {border:0.1rem solid #003675; background-color:#003675; color:#fff;}
#container #content .layer-content .tab-content .tab-list {margin:0.8rem 0 3.2rem;} /* layer-popup */
#container #content nav.breadcrumb {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content nav.breadcrumb {margin-top:-0.1rem; border-bottom:0.1rem solid #d8d8d8; background-color:#f8f8f8;}
#container #content nav.breadcrumb .breadcrumb-inner {display:flex; flex-direction:row; justify-content:space-between; align-items:center;} /* space-between */
#container #content nav.breadcrumb .breadcrumb-inner {max-width:148.0rem; width:144.0rem; height:3.6rem; margin:0 auto; padding:0;} /* width */
#container #content nav.breadcrumb .breadcrumb-inner > ol {display:flex;}
#container #content nav.breadcrumb .breadcrumb-inner > ol > li {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;} /* flex-end */
#container #content nav.breadcrumb .breadcrumb-inner > ol > li {position:relative; min-width:auto; height:100%; margin-left:2.8rem; padding:0; font-weight:500; font-size:1.4rem; color:#1d1d1d; line-height:normal;}
#container #content nav.breadcrumb .breadcrumb-inner > ol > li:first-child {margin-left:0;}
#container #content nav.breadcrumb .breadcrumb-inner > ol > li::before {content:""; position:absolute; left:-1.8rem; width:0.6rem; height:0.6rem; border-top:0.1rem solid #8e8e8e; border-left:0.1rem solid #8e8e8e; transform:rotate(135deg);}
#container #content nav.breadcrumb .breadcrumb-inner > ol > li:first-child::before {display:none;}
#container #content nav.breadcrumb .breadcrumb-inner > ol > li::after {display:none;}
#container #content nav.breadcrumb .breadcrumb-inner > ol > li:hover {text-decoration:underline;}
#container #content nav.breadcrumb .breadcrumb-inner > ol > li.home a i {display:block; width:1.4rem; height:1.4rem; margin-top:0.1rem; background:url(../images/ico_home.svg) no-repeat center / cover;}
#container #content nav.breadcrumb .breadcrumb-inner .right button {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content nav.breadcrumb .breadcrumb-inner .right button i {width:1.4rem; height:1.4rem; background:url(../images/ico_print.svg) no-repeat center / cover;}
@media (max-width:1024px) {
    #container {margin-top:5.1rem;}
    #container #content .visual-wrap {height:auto;}
    #container #content .visual-wrap .visual-wrap-inner {width:100%; padding-top:2.1rem;} /* M-width */
    #container #content .visual-wrap .visual-wrap-inner h2 {padding-top:0; font-size:2.5rem; line-height:normal;}
    #container #content .visual-wrap .snb {display:none;}
    #container #content .visual-wrap .snb .depth2 a {font-size:1.4rem;}
    #container #content .sub-content .tab-content {width:100%;}
    #container #content .sub-content .tab-content .tab-list {justify-content:space-between;}
    #container #content .sub-content .tab-content .tab-list {margin:1.8rem 1.6rem 0.2rem;}
    #container #content .sub-content .tab-content .tab-list.blank {margin:2.6rem 0 0; padding-top:1.8rem;}
    #container #content .sub-content .tab-content .tab-list li {width:calc(50% - 0.4rem); margin:0.8rem 0 0 0;}
    #container #content .sub-content .tab-content .tab-list li:nth-child(5), 
    #container #content .sub-content .tab-content .tab-list.blank.three li:nth-child(3) {width:100%;}
    #container #content .sub-content .tab-content .tab-list li:nth-last-of-type(-n+3) {border-bottom:none;}
    #container #content .sub-content .tab-content .tab-list li button,
    #container #content .sub-content .tab-content .tab-list li a {width:100%; height:3.0rem; padding:0.2rem 0 0.1rem; font-size:1.5rem;}
    #container #content .layer-content .tab-content .tab-list {margin:0.2rem 0 2.0rem;} /* layer-popup */
    #container #content nav.breadcrumb {margin-top:2.0rem; border:none; background-color:transparent;}
    #container #content nav.breadcrumb .breadcrumb-inner {display:flex; flex-direction:row; justify-content:center; align-items:center;}
    #container #content nav.breadcrumb .breadcrumb-inner {width:calc(100% - 3.2rem); height:3.2rem; padding:0 1.2rem; border-radius:10.0rem; border:0.1rem solid #d8d8d8; background-color:#f8f8f8;} /* M-width */
    #container #content nav.breadcrumb .breadcrumb-inner > ol > li:hover {text-decoration:none;}
    #container #content nav.breadcrumb .breadcrumb-inner .right {display:none;}
}
@media (max-width:360px) {
    #container #content .sub-content .tab-content .tab-list li button,
    #container #content .sub-content .tab-content .tab-list li a {letter-spacing:-0.1rem;}
}

/* section-asis ------------------------------------------------------------------------------------------------------ */
#container #content .sub-content > section.section {max-width:148.0rem; width:144.0rem; margin:0 auto; padding:4.0rem 0 0;} /* width */
@media (max-width:1024px) {
    #container #content .sub-content .service-section {width:100%;} /* M-width */
    #container #content .sub-content > section.section {width:calc(100% - 3.2rem); padding:2.4rem 0 0;} /* M-width */
}
/* 검색 */
#container #content .sub-content section.section .form-search {display:flex !important; flex-direction:row; justify-content:space-between; align-items:center;} /* space-between */
#container #content .sub-content section.section .form-search {width:50.0rem; margin:0 auto 3.6rem; padding:0 0.7rem 0 0; border-radius:10.0rem; border:0.2rem solid #d3e1fb; background:none; background-color:#fff;}
#container #content .sub-content section.section .form-search input[type="text"] {flex:auto; display:block; width:100%; height:4.2rem; margin-right:0.7rem; padding-left:2.2rem; border-radius:10.0rem 0 0 10.0rem; border:none; background-color:#fff; font-size:1.6rem; color:#1d1d1d;}
#container #content .sub-content section.section .form-search button.search {flex:none; width:4.2rem; height:4.2rem; background:url(../images/ico_search.png) no-repeat center / cover;}
@media (max-width:1024px) {
    #container #content .sub-content section.section .form-search {margin:0 auto 0.8rem;}
    #container #content .sub-content section.section .form-search input[type="text"] {height:4.1rem; font-size:1.5rem;}
    #container #content .sub-content section.section .form-search button.search {width:4.1rem; height:4.1rem; background:url(../images/ico_search.png) no-repeat center / 96%;}
}
@media (max-width:600px) {
    #container #content .sub-content section.section .form-search {width:100%;}
}
/* 건수 */
#container #content .sub-content section.section .table-caption {display:flex; flex-direction:row; justify-content:space-between; align-items:center;} /* space-between */
#container #content .sub-content section.section .table-caption {flex-wrap:wrap; margin-bottom:0.6rem;}
#container #content .sub-content section.section .table-caption p {font-size:1.6rem; color:#555;}
#container #content .sub-content section.section .table-caption p b,
#container #content .sub-content section.section .table-caption p span.font-weight-bold {font-weight:700; color:#1d1d1d;}
#container #content .sub-content section.section .table-caption p span.font-weight-bold {margin-right:-0.4rem;}
@media (max-width:1024px) {
    #container #content .sub-content section.section .table-caption p {font-size:1.5rem;}
}
/* 공지사항목록 or 테이블 */
#container #content .sub-content section.section .table-col table {table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; border-top:0.1rem solid #a7c4f7;}
#container #content .sub-content section.section .table-col table colgroup.mo-only {display:none;}
#container #content .sub-content section.section .table-col table th,
#container #content .sub-content section.section .table-col table td {height:auto; padding:1.2rem 0.6rem 1.0rem; border-bottom:0.1rem solid #d3e1fb; text-align:center; word-wrap:break-word; word-break:keep-all;}
#container #content .sub-content section.section .table-col table th.pc-only,
#container #content .sub-content section.section .table-col table td.pc-only {display:table-cell !important;}
#container #content .sub-content section.section .table-col table th {background-color:#eff5ff; font-weight:700; font-size:1.7rem; color:#1d1d1d;}
#container #content .sub-content section.section .table-col table td {background-color:#fff; font-size:1.5rem; color:#555;}
#container #content .sub-content section.section .table-col table td:nth-child(7){Color: #D63D4A;Font-weight: 600;}
#container #content .sub-content section.section .table-col table tr:nth-child(6) td:nth-child(7){color: inherit;font-weight: inherit;}
#container #content .sub-content section.section .table-col table td:nth-child(7) select{text-align: center;}
#container #content .sub-content section.section .table-col table td.al {text-align:left !important;}
#container #content .sub-content section.section .table-col table td a {font-weight:700; font-size:1.7rem; color:#1d1d1d; text-decoration:none;}
#container #content .sub-content section.section .table-col table td a:hover {text-decoration:underline;}
#container #content .sub-content section.section .table-col table td .tag-dblue {display:inline-flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content section.section .table-col table td .tag-dblue {width:3.2rem; height:3.2rem; margin-bottom:0.2rem; padding:0; border-radius:10.0rem; background-color:#1d56bc; font-weight:500; font-size:1.3rem; color:#fff; line-height:normal; white-space:nowrap;}
#container #content .sub-content section.section .table-col table td i.icon-download {display:block; width:2.0rem; height:2.0rem; margin:-0.1rem auto 0; background:url(../images/ico_download.svg) no-repeat center / cover;}
#container #content .sub-content section.section .table-col table tr.fc-blue td {color:#2E72ED;}
@media (max-width:1024px) {
    #container #content .sub-content section.section .table-col table {border-top:0.2rem solid #a7c4f7;}
    #container #content .sub-content section.section .table-col table colgroup.pc-only {display:none;}
    #container #content .sub-content section.section .table-col table th.pc-only,
    #container #content .sub-content section.section .table-col table td.pc-only {display:none !important;}
    #container #content .sub-content section.section .table-col table th,
    #container #content .sub-content section.section .table-col table td {padding:1.1rem 0.8rem 1.0rem; font-size:1.5rem; word-spacing:-0.1rem;}
    #container #content .sub-content section.section .table-col table td a {font-size:1.6rem; word-break:break-all;}
    #container #content .sub-content section.section .table-col table td .tag-dblue {width:3.0rem; height:3.0rem; font-size:1.2rem;}
}
/* 공지사항보기 */
#container #content .sub-content section.section .table-view-header {padding:1.4rem 2.0rem 1.3rem; border-top:0.1rem solid #a7c4f7; border-bottom:0.1rem solid #a7c4f7;}
#container #content .sub-content section.section .table-view-header h3 {font-weight:700; font-size:2.1rem; color:#1d1d1d;}
#container #content .sub-content section.section .table-view-header h3 .tag-dblue {display:inline-flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content section.section .table-view-header h3 .tag-dblue {height:auto; margin-right:0.6rem; padding:0.4rem 1.6rem; border-radius:10.0rem; background-color:#1d56bc; font-weight:500; font-size:1.4rem; color:#fff; line-height:normal; vertical-align:middle; white-space:nowrap;}
#container #content .sub-content section.section .table-view-header h3 span {margin-left:0; vertical-align:middle;}
#container #content .sub-content section.section .table-view-header-date {margin-top:1.2rem;}
#container #content .sub-content section.section .table-view-header-date dl {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
#container #content .sub-content section.section .table-view-header-date dl {font-size:1.5rem;}
#container #content .sub-content section.section .table-view-header-date dl .list {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
#container #content .sub-content section.section .table-view-header-date dl .list {position:relative; padding:0 0 0 2.4rem;}
#container #content .sub-content section.section .table-view-header-date dl .list:first-child {padding-left:0;}
#container #content .sub-content section.section .table-view-header-date dl .list::after {display:none;}
#container #content .sub-content section.section .table-view-header-date dl .list dt {font-weight:500; color:#1d1d1d;}
#container #content .sub-content section.section .table-view-header-date dl .list dd {margin-left:1.6rem; color:#555;}
#container #content .sub-content section.section .table-view-body .table-view-content {padding:3.6rem 2.0rem 3.4rem; font-size:1.6rem; color:#1d1d1d;}
#container #content .sub-content section.section .table-view-footer .btn-wrap {display:flex; flex-direction:row; justify-content:space-between; align-items:center;} /* space-between */
#container #content .sub-content section.section .table-view-footer .btn-wrap {margin-top:2.4rem;}
#container #content .sub-content section.section .table-view-footer .btn-wrap .right {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;} /* flex-end */
#container #content .sub-content section.section .table-view-footer .btn-wrap .right {flex:1;}
#container #content .sub-content section.section .table-view-footer .btn-wrap .right a {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content section.section .table-view-footer .btn-wrap .right a {min-width:12.2rem; height:4.0rem; padding:0 2.3rem; border-radius:0.6rem; border:0.1rem solid #a7c4f7; background-color:#fff; font-weight:500; font-size:1.6rem; color:#246beb; white-space:nowrap;}
#container #content .sub-content section.section .table-view-footer .btn-wrap .right a:hover {border:0.1rem solid #246beb; background-color:#246beb; color:#fff;}
#container #content .sub-content section.section .page-navigation {margin-top:4.0rem;}
#container #content .sub-content section.section .page-navigation dl {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
#container #content .sub-content section.section .page-navigation dl {border-top:0.1rem solid #a7c4f7; border-bottom:0.1rem solid #a7c4f7; background-color:#eff5ff;}
#container #content .sub-content section.section .page-navigation dl dt {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content section.section .page-navigation dl dt {min-width:14.8rem; padding:1.5rem 2.0rem 1.3rem; background-color:#eff5ff; font-weight:700; font-size:1.7rem; color:#1d1d1d;}
#container #content .sub-content section.section .page-navigation dl dd {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
#container #content .sub-content section.section .page-navigation dl dd {flex:1; max-width:100%; padding:1.5rem 2.0rem; background-color:#fff; font-weight:500; font-size:1.6rem; color:#1d1d1d;}
#container #content .sub-content section.section .page-navigation dl dd a {font-weight:500;}
#container #content .sub-content section.section .page-navigation dl dd a:hover {text-decoration:underline; cursor:pointer;}
#container #content .sub-content section.section .page-navigation a {cursor:default;}
#container #content .sub-content section.section .page-navigation a dl dd:hover {text-decoration:underline; cursor:pointer;}
#container #content .sub-content section.section .table-view-footer .page-navigation a:nth-child(2) {margin-top:-0.1rem;}
@media (max-width:1024px) {
    #container #content .sub-content section.section .table-view-header {padding:1.0rem 1.6rem 0.9rem;}
    #container #content .sub-content section.section .table-view-header h3 {font-size:1.9rem;}
    #container #content .sub-content section.section .table-view-header h3 .tag-dblue {margin-right:0.3rem; padding:0.3rem 1.2rem; font-size:1.2rem;}
    #container #content .sub-content section.section .table-view-header-date {margin-top:0.8rem;}
    #container #content .sub-content section.section .table-view-body .table-view-content {padding:3.6rem 1.6rem 3.4rem;}
    #container #content .sub-content section.section .table-view-footer .btn-wrap {margin-top:2.0rem;}
    #container #content .sub-content section.section .table-view-footer .btn-wrap .right a {min-width:auto; height:3.7rem; padding:0.1rem 4.0rem 0 3.8rem; font-size:1.5rem;}
    #container #content .sub-content section.section .page-navigation dl dt {min-width:9.7rem; padding:1.1rem 0 1.0rem; font-size:1.5rem;}
    #container #content .sub-content section.section .page-navigation dl dd {padding:1.1rem 1.6rem 1.0rem; font-size:1.5rem; letter-spacing:-0.1rem;}
}
@media (max-width:600px) {
    #container #content .sub-content section.section .table-view-header {padding:0.8rem 1.2rem 0.6rem;}
    #container #content .sub-content section.section .table-view-header h3 {font-size:1.7rem;}
    #container #content .sub-content section.section .table-view-header h3 .tag-dblue {margin-top:-0.2rem;}
    #container #content .sub-content section.section .table-view-header-date {margin-top:0.5rem;}
    #container #content .sub-content section.section .table-view-header-date dl {font-size:1.4rem; letter-spacing:-0.1rem;}
    #container #content .sub-content section.section .table-view-header-date dl .list {padding:0 0 0 1.6rem;}
    #container #content .sub-content section.section .table-view-header-date dl .list dd {margin-left:0.8rem;}
    #container #content .sub-content section.section .table-view-body .table-view-content {padding:3.6rem 1.2rem 3.4rem; font-size:1.5rem;}
    #container #content .sub-content section.section .page-navigation {margin-top:3.6rem;}
    #container #content .sub-content section.section .page-navigation dl dt {min-width:8.1rem;}
}
@media (max-width:390px) {
    #container #content .sub-content section.section .table-view-footer .btn-wrap .right {justify-content:center;}
}
/* 자주하는질문 */
#container #content .sub-content section.section .accordion-faq {margin-top:-0.1rem; border-top:0.1rem solid #d3e1fb;}
#container #content .sub-content section.section .accordion-faq:nth-child(2) {margin-top:0; border-top:0.2rem solid #a7c4f7;}
#container #content .sub-content section.section .accordion-faq .accordion-trigger {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
#container #content .sub-content section.section .accordion-faq .accordion-trigger {position:relative; width:100%; padding:1.2rem 3.4rem; border-bottom:0.1rem solid #d3e1fb;}
#container #content .sub-content section.section .accordion-faq .accordion-trigger::before {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content section.section .accordion-faq .accordion-trigger::before {content:"Q"; width:3.2rem; height:3.2rem; margin-right:4.0rem; border-radius:10.0rem; background-color:#1d56bc; font-weight:400; font-size:1.5rem; color:#fff;}
#container #content .sub-content section.section .accordion-faq .accordion-trigger .trigger-title {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
#container #content .sub-content section.section .accordion-faq .accordion-trigger .trigger-title {padding-top:0.1rem; font-weight:700; font-size:1.7rem; color:#1d1d1d;}
#container #content .sub-content section.section .accordion-faq .accordion-trigger .trigger-title b {margin-right:0.6rem; font-weight:700; color:#1d56bc;}
#container #content .sub-content section.section .accordion-faq .accordion-title .accordion-trigger::after {content:""; flex:none; position:absolute; right:3.6rem; max-width:none; width:1.0rem; height:1.0rem; margin:-0.7rem 0 0 0; border-top:0.2rem solid #1d56bc; border-left:0.2rem solid #1d56bc; background:none; transform:rotate(-135deg);}
#container #content .sub-content section.section .accordion-faq .accordion-title.active .accordion-trigger::after {margin:0.5rem 0 0 0; transform:rotate(45deg);}
#container #content .sub-content section.section .accordion-faq .accordion-panel {padding:3.6rem 8.2rem 3.4rem 10.7rem; border-bottom:0.1rem solid #d3e1fb; background:none; background-color:#eff5ff; font-size:1.6rem; color:#1d56bc;}
#container #content .sub-content section.section .accordion-faq .accordion-panel.active {margin:0;}
#container #content .sub-content section.section .accordion-content .accordion-panel.active {display:block;}
#container #content .sub-content section.section .tab-content {margin:-4.0rem 0 2.4rem;}
@media (max-width:1024px) {
    #container #content .sub-content section.section .accordion-faq .accordion-trigger {position:relative; width:100%; padding:1.2rem 1.6rem; border-bottom:0.1rem solid #d3e1fb;}
    #container #content .sub-content section.section .accordion-faq .accordion-trigger::before {width:3.0rem; height:3.0rem; margin-right:1.6rem;}
    #container #content .sub-content section.section .accordion-faq .accordion-trigger .trigger-title {display:block;}
    #container #content .sub-content section.section .accordion-faq .accordion-trigger .trigger-title {width:calc(100% - 4.6rem); padding:0.3rem 0 0.2rem; font-size:1.6rem; letter-spacing:-0.1rem; word-break:break-all;}
    #container #content .sub-content section.section .accordion-faq .accordion-title.active .accordion-trigger::after {display:none;}
    #container #content .sub-content section.section .accordion-faq .accordion-panel {padding:2.2rem 1.6rem 2.0rem; font-size:1.5rem; }
    #container #content .sub-content section.section .tab-content + form {padding-top:0.2rem;}
    #container #content .sub-content section.section .tab-content .tab-list {margin:3.4rem 0 0 0;}
    #container #content .sub-content section.section .tab-content .tab-list li:nth-child(5) {width:calc(50% - 0.4rem);}
}
/* 서비스제공기관 */
#container #content .sub-content section.section .service-location {display:flex;} /* map */
#container #content .sub-content section.section .service-location .service-location-content,
#container #content .sub-content section.section .service-location .service-map {flex:1;}
#container #content .sub-content section.section .service-location .service-location-content {margin-right:0.6rem;}
#container #content .sub-content section.section .service-location .service-location-content .service-location-title {padding:1.6rem 2.0rem 2.0rem; background-color:#1d56bc;}
#container #content .sub-content section.section .service-location .service-location-content .service-location-title h3 {font-weight:700; font-size:1.9rem; color:#fff;}
#container #content .sub-content section.section .service-location .service-location-content .service-location-title p {padding-top:0.3rem; font-size:1.6rem; color:#fff;}
#container #content .sub-content section.section .service-location .service-location-content .service-location-title .row {display:flex; flex-direction:row; justify-content:space-between; align-items:center;} /* space-between */
#container #content .sub-content section.section .service-location .service-location-content .service-location-title .row {margin:1.5rem -1.0rem 0;}
#container #content .sub-content section.section .service-location .service-location-content .service-location-title .row .col {flex:1; margin:0 1.0rem; padding:0;}
#container #content .sub-content section.section .service-location .service-location-content .service-location-title .row .col select {display:block; width:100%; height:auto; padding:0.8rem 3.2rem 0.9rem 0.8rem; border-radius:0.6rem; border:none; background-color:#fff; font-weight:500; font-size:1.6rem; color:#1d1d1d;}
#container #content .sub-content section.section .service-location .service-location-content .table-row {margin-top:1.2rem;}
#container #content .sub-content section.section .service-location .service-location-content .table-row table {table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; border-top:0.1rem solid #a7c4f7;}
#container #content .sub-content section.section .service-location .service-location-content .table-row table colgroup col:nth-child(1) {width:16.2rem;}
#container #content .sub-content section.section .service-location .service-location-content .table-row table th,
#container #content .sub-content section.section .service-location .service-location-content .table-row table td {padding:1.6rem 2.0rem 1.4rem; border-bottom:0.1rem solid #d3e1fb; text-align:left;}
#container #content .sub-content section.section .service-location .service-location-content .table-row table th {background-color:#eff5ff; font-weight:700; font-size:1.7rem; color:#1d1d1d;}
#container #content .sub-content section.section .service-location .service-location-content .table-row table td {background-color:#fff; font-weight:500; font-size:1.6rem; color:#1d1d1d;}
#container #content .sub-content section.section .service-location .service-map {margin-left:0.6rem;}
@media (max-width:1024px) {
    #container #content .sub-content section.section .service-location .service-location-content .service-location-title h3 {font-size:1.7rem;}
    #container #content .sub-content section.section .service-location .service-location-content .service-location-title p {font-size:1.5rem;}
    #container #content .sub-content section.section .service-location .service-location-content .service-location-title .row .col select {font-size:1.5rem;}
    #container #content .sub-content section.section .service-location .service-location-content .table-row table colgroup col:nth-child(1) {width:25%;}
    #container #content .sub-content section.section .service-location .service-location-content .table-row table th,
    #container #content .sub-content section.section .service-location .service-location-content .table-row table td {padding:1.1rem 2.0rem 1.0rem;}
    #container #content .sub-content section.section .service-location .service-location-content .table-row table th {font-size:1.5rem;}
    #container #content .sub-content section.section .service-location .service-location-content .table-row table td {font-size:1.5rem;}
}
@media (max-width:390px) {
    #container #content .sub-content section.section .service-location .service-location-content .table-row table colgroup col:nth-child(1) {width:10.2rem;}
}
/* 아이돌봄이용사례 or 돌봄서비스정보 */
#container #content .sub-content section.section.area .info_bx {margin-top:-1.6rem;}
#container #content .sub-content section.section.area .card-thumb-list ul {margin-top:1.6rem;}
#container #content .sub-content section.section.area .card-thumb-list-vertical li .box-white .text {padding-top:2.0rem;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .thumb.pic2024 {background:url(../images/pic_2024.png) no-repeat center / contain;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .thumb.pic2023 {background:url(../images/pic_2023.png) no-repeat center / contain;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .thumb.pic2022 {background:url(../images/pic_2022.png) no-repeat center / contain;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .thumb.pic2018 {background:url(../images/pic_2018.png) no-repeat center / contain;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .thumb.pic2017 {background:url(../images/pic_2017.png) no-repeat center / contain;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .thumb.pic2016 {background:url(../images/pic_2016.png) no-repeat center / contain;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .thumb.pic2015 {background:url(../images/pic_2015.png) no-repeat center / contain;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .thumb.pic2014 {background:url(../images/pic_2014.png) no-repeat center / contain;}
#container #content .sub-content section.section.area .card-thumb-list li .box-white .text dt {font-weight:500; color:#1d1d1d;}
#container #content .sub-content section.section.area .card-thumb-list li .box-white .text dt span {font-weight:700; color:#1d56bc;}
#container #content .sub-content section.section.area .card-thumb-list li .box-white .text dd {margin-top:1.0rem; font-weight:500; font-size:1.5rem; color:#1d1d1d;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .text dd {padding-bottom:0.7rem;}
#container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .text dd.mobile {display:none;}
#container #content .sub-content section.section.area .card-thumb-list li .box-white .text dd strong {padding-bottom:0.5rem; font-size:1.9rem;}
#container #content .sub-content section.section.area .card-thumb-list li .box-white .text dd span {font-weight:700; color:#1d56bc;}
#container #content .sub-content section.section.area .card-thumb-list li .box-white .text a {border-radius:0.6rem; border:none; background-color:#246beb; font-weight:500;}
@media (max-width:1024px) {
    #container #content .sub-content section.section.area .info_bx {margin-top:0;}
    #container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .thumb {background-color:#f8f8f8 !important;}
    #container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .text dd.pc {display:none;}
    #container #content .sub-content section.section.area .card-thumb-list.cases li .box-white .text dd.mobile {display:block;}
}

/* 페이지(공통) */
#container #content .sub-content section.section .pagination {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content section.section .pagination {margin-top:3.5rem;}
#container #content .sub-content section.section .pagination a {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content section.section .pagination a {min-width:auto; height:2.4rem; margin:0 0.3rem; padding:0 0.8rem; font-size:1.7rem; color:#1d1d1d; text-align:center; cursor:pointer;}
#container #content .sub-content section.section .pagination a:hover {color:#246beb; text-decoration:underline;}
#container #content .sub-content section.section .pagination a.active {border-radius:0; border:none; font-weight:700; color:#246beb;}
#container #content .sub-content section.section .pagination a.first,
#container #content .sub-content section.section .pagination a.prev,
#container #content .sub-content section.section .pagination a.next,
#container #content .sub-content section.section .pagination a.last {width:1.8rem; height:1.8rem; margin-top:-0.2rem;}
#container #content .sub-content section.section .pagination a.first {background:url(../images/ico_arrow3.svg) no-repeat center / cover;}
#container #content .sub-content section.section .pagination a.prev {background:url(../images/ico_arrow4.svg) no-repeat center / cover;}
#container #content .sub-content section.section .pagination a.next,
#container #content .sub-content section.section .pagination a.last {transform:rotate(180deg);}
#container #content .sub-content section.section .pagination a.next {background:url(../images/ico_arrow4.svg) no-repeat center / cover;}
#container #content .sub-content section.section .pagination a.last {background:url(../images/ico_arrow3.svg) no-repeat center / cover;}
@media (max-width:1024px) {
    #container #content .sub-content section.section .pagination {margin-top:2.1rem;}
}
/* 버튼(공통) */
.btn-section-wrap {margin-top:4.0rem;}
@media (max-width:1024px) {
    .btn-section-wrap {width:100%; margin-top:2.6rem;}
}
/* etc */
#container #content .sub-content section.section .page-title + .tab-content {margin:0;}
#container #content .sub-content section.section .page-title + .tab-content .tab-list {margin:0 0 4.0rem;}
@media (max-width:1024px) {
    #container #content .sub-content section.section #status-list table thead,
    #container #content .sub-content section.section #status-list-x table thead {display:none;}
    #container #content .sub-content section.section #status-list table tbody td,
    #container #content .sub-content section.section #status-list-x table tbody td {border-bottom:none; text-align:left;}
}

/* footer ------------------------------------------------------------------------- */
footer {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
footer {margin-top:7.2rem; background-color:#1d1d1d;}
footer .area {width:144.0rem;} /* width */
footer .area .inner,
footer .area .inner2 {display:flex; flex-direction:row; justify-content:space-between; align-items:center;} /* space-between */
footer .area .inner {padding:1.6rem 0;}
footer .area .inner div .logo {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
footer .area .inner div .logo a {display:block; height:3.9rem;}
footer .area .inner div .logo a.logo {width:12.9rem; margin-right:3.2rem; background:url(../images/footer_logo.png) no-repeat center / cover;}
footer .area .inner div .logo a.logo2 {width:16.9rem; background:url(../images/footer_logo2.png) no-repeat center / cover;}
footer .area .inner div address {padding-top:2.7rem; font-style:normal;}
footer .area .inner div address span {display:block; font-size:1.5rem; color:#717171;}
footer .area .inner div .link,
footer .area .inner div .link2 {display:flex; flex-direction:row; justify-content:flex-end; align-items:flex-start;} /* flex-end */
footer .area .inner div .link {padding-top:2.0rem;}
footer .area .inner div .link ul {margin-left:3.6rem;}
footer .area .inner div .link ul:first-child {margin-left:0;}
footer .area .inner div .link li a {display:block; position:relative; width:17.0rem; margin-top:1.0rem; font-size:1.7rem; color:rgba(255,255,255,0.9);}
footer .area .inner div .link li:first-child a {margin-top:0;}
footer .area .inner div .link li a:hover {text-decoration:underline;}
footer .area .inner div .link li a::after {content:""; position:absolute; top:0.8rem; right:0.2rem; width:0.8rem; height:0.8rem; border-top:0.2rem solid #c6c6c6; border-left:0.2rem solid #c6c6c6; transform:rotate(135deg);}
footer .area .inner div .link2 {padding-top:3.4rem;}
footer .area .inner div .link2 .calculator {height:3.8rem; border-radius:0.6rem; border:0.1rem solid #246beb; background-color:transparent;}
footer .area .inner div .link2 .calculator button {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
footer .area .inner div .link2 .calculator button {position:relative; width:100%; height:100%; padding:0.1rem 1.1rem 0 3.2rem; font-weight:700; font-size:1.5rem; color:#246beb;}
footer .area .inner div .link2 .calculator button::before {content:""; position:absolute; left:1.1rem; width:1.4rem; height:1.6rem; background:url(../images/ico_calculator.png) no-repeat center / cover;}
footer .area .inner div .link2 .family {position:relative; margin-left:1.6rem;}
footer .area .inner div .link2 .family button.trigger {position:relative; width:23.8rem; height:3.8rem; border-radius:0.6rem; border:0.1rem solid rgba(255,255,255,0.1); background-color:transparent;}
footer .area .inner div .link2 .family button.trigger::after {content:""; position:absolute; top:1.6rem; right:1.3rem; width:0.8rem; height:0.8rem; border-top:0.2rem solid #c6c6c6; border-left:0.2rem solid #c6c6c6; transform:rotate(45deg);}
footer .area .inner div .link2 .family.active button.trigger::after {top:1.2rem; transform:rotate(-135deg);}
footer .area .inner div .link2 .family button.trigger span {padding-left:1.1rem; font-size:1.5rem; color:rgba(255,255,255,0.9);}
footer .area .inner div .link2 .family ul.target {position:absolute; bottom:calc(100% + 0.1rem); left:0; width:100%; padding:0.6rem 0 0.4rem 1.1rem; border-radius:0.6rem; border:0.1rem solid #000; background-color:#000; box-shadow:0.8rem 0.8rem 2.0rem -1.0rem rgba(0,0,0,0.2); z-index:1;}
footer .area .inner div .link2 .family ul.target li a {display:block; font-size:1.5rem; color:#fff; line-height:1.7;}
footer .area .inner div .link2 .family ul.target li a:hover {text-decoration:underline;}
footer .area .inner2 {height:4.9rem; padding-top:0.2rem; border-top:0.1rem solid rgba(255,255,255,0.1);}
footer .area .inner2 ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
footer .area .inner2 ul li {display:block; margin-right:3.2rem;}
footer .area .inner2 ul li:last-child {margin-right:0;}
footer .area .inner2 ul li a {font-size:1.7rem; color:#fff;}
footer .area .inner2 ul li a span {font-weight:700; color:#246beb;}
footer .area .inner2 ul li a:hover,
footer .area .inner2 ul li a span:hover {text-decoration:underline;}
footer .area .inner2 .copy {font-size:1.5rem; color:#717171; letter-spacing:-0.03rem;}
@media (max-width:1024px) {
    footer {margin-top:5.2rem;}
    footer .area {width:100%;} /* M-width */
    footer .area .inner {padding:1.6rem 1.6rem 1.1rem;}
    footer .area .inner > div:first-child {width:100%;}
    footer .area .inner > div:last-child {display:none;}
    footer .area .inner div .logo a {height:2.7rem;}
    footer .area .inner div .logo a.logo {width:9.0rem; margin-right:1.6rem;}
    footer .area .inner div .logo a.logo2 {width:11.8rem;}
    footer .area .inner div address {padding-top:1.2rem;}
    footer .area .inner div address span {font-weight:500; font-size:1.4rem;}
    footer .area .inner2 {display:flex; flex-direction:column; justify-content:center; align-items:normal;}
    footer .area .inner2 {height:auto; padding:1.3rem 1.6rem 1.2rem;}
    footer .area .inner2 ul li {margin-right:1.6rem; word-break:break-all;}
    footer .area .inner2 ul li a {font-size:1.5rem; line-height:1.0;}
    footer .area .inner2 ul li a:hover,
    footer .area .inner2 ul li a span:hover {text-decoration:none;}
    footer .area .inner2 .copy {width:100%; padding-top:0.9rem; font-size:1.4rem; line-height:1.2;}
}
@media (max-width:390px) {
    footer .area .inner {padding:1.6rem 1.6rem 1.2rem;}
    footer .area .inner div address {padding-top:1.4rem;}
    footer .area .inner div address span {font-weight:500; font-size:1.3rem; line-height:1.3; letter-spacing:-0.1rem;}
    footer .area .inner2 {padding:1.2rem 1.6rem 1.4rem;}
    footer .area .inner2 ul li {margin-right:1.0rem;}
    footer .area .inner2 ul li a {font-size:1.3rem; letter-spacing:-0.1rem;}
    footer .area .inner2 .copy {padding-top:1.0rem; font-weight:500; font-size:1.2rem; line-height:1.0;}
}

/* sub --------------------------------------------------------------------------------------------------------- */
#container #content .sub-content {display:flex; flex-direction:column; justify-content:center; align-items:center;} /* center */
#container #content .sub-content {padding:0;}
#container #content .sub-content .area {position:relative; width:144.0rem;} /* width */
#container #content .sub-content .area .info_bx {position:relative; margin-top:2.4rem; padding:1.8rem 2.3rem 1.7rem; border-radius:0 1.6rem 0 1.6rem; border:0.1rem solid #d3e1fb; background-color:#eff5ff; font-weight:700; font-size:1.9rem; color:#1d56bc;}
#container #content .sub-content .area .info_bx::before,
#container #content .sub-content .area .info_bx::after {content:""; position:absolute; width:2.0rem; height:2.0rem;}
#container #content .sub-content .area .info_bx::before {top:-0.1rem; left:-0.1rem; border-top:0.3rem solid #1d56bc; border-left:0.3rem solid #1d56bc;}
#container #content .sub-content .area .info_bx::after {right:-0.1rem; bottom:-0.1rem; border-right:0.3rem solid #1d56bc; border-bottom:0.3rem solid #1d56bc;}
#container #content .sub-content .area .info_bx p {padding-top:0.3rem; font-size:1.6rem; color:#1d56bc;}
#container #content .sub-content .area .inner {padding-top:3.3rem;}
#container #content .sub-content .area .inner .title {position:relative; font-weight:700; font-size:2.5rem; color:#1d1d1d;}
#container #content .sub-content .area .inner .title.blank {margin-top:-0.5rem;}
#container #content .sub-content .area .inner .title p {padding-top:1.0rem; font-size:1.7rem; color:#555;}
#container #content .sub-content .area .inner .title p strong {color:#1d1d1d;}
#container #content .sub-content .area .inner .title span {position:absolute; right:0; bottom:0.3rem; font-weight:500; font-size:1.5rem; color:#1d1d1d;}
#container #content .sub-content .area .inner .title span button {position:relative; margin-left:1.7rem; padding-right:1.4rem; font-weight:700; font-size:1.5rem; color:#246beb;}
#container #content .sub-content .area .inner .title span button:hover {text-decoration:underline;}
#container #content .sub-content .area .inner .title span button::after {content:""; position:absolute; top:0.8rem; right:0.1rem; width:0.6rem; height:0.6rem; border-top:0.2rem solid #246beb; border-left:0.2rem solid #246beb; transform:rotate(135deg);}
#container #content .sub-content .area .inner .title + table,
#container #content .sub-content .area .inner .title + .scroll {margin-top:1.2rem;}
#container #content .sub-content .area .inner .guide_type {margin-top:2.0rem;}
#container #content .sub-content .area .inner .guide_type.blank {margin-top:1.4rem;}
#container #content .sub-content .area .inner .guide_type.blank2 {margin-top:1.2rem;}
#container #content .sub-content .area .inner div.help_txt {padding-top:0.4rem; font-weight:500; font-size:1.4rem; color:#16408d; line-height:2.0rem;}
#container #content .sub-content .area .inner div.help_txt.center {text-align:center;}
#container #content .sub-content .area .inner div.help_txt2 {padding-top:0.2rem; font-weight:500; font-size:1.5rem; color:#16408d;}
#container #content .sub-content .area .inner .step {position:relative; margin-top:-0.6rem; padding-bottom:0.2rem; font-weight:700; font-size:2.1rem; color:#1d56bc;}
#container #content .sub-content .area .inner .step.blank {margin-top:-0.7rem;}
#container #content .sub-content .area .inner .step.blank2 {margin-top:-0.2rem;}
#container #content .sub-content .area .inner .step.blank3 {margin-top:-0.8rem;}
#container #content .sub-content .area .inner .step span {position:relative; margin-right:1.2rem; font-size:2.4rem;}
#container #content .sub-content .area .inner .step span::before {content:""; position:absolute; bottom:0.4rem; left:0; width:calc(100% + 0.1rem); height:0.5rem; border-top:0.3rem solid #fff; background-color:#1d56bc;}
#container #content .sub-content .area .inner .step div {position:absolute; right:0; bottom:0.4rem;}
#container #content .sub-content .area .inner .step div.confitmBtn{display: flex;align-items: center;}
#container #content .sub-content .area .inner .step div button,
#container #content .sub-content .area .inner .step div a {position:relative; margin-left:1.7rem; padding-right:1.4rem; font-weight:700; font-size:1.5rem; color:#246beb;}
#container #content .sub-content .area .inner .step div button:hover,
#container #content .sub-content .area .inner .step div a:hover {text-decoration:underline;}
#container #content .sub-content .area .inner .step div button::after,
#container #content .sub-content .area .inner .step div a::after {content:""; position:absolute; top:0.6rem; right:0.1rem; width:0.6rem; height:0.6rem; border-top:0.2rem solid #246beb; border-left:0.2rem solid #246beb; transform:rotate(135deg);}
#container #content .sub-content .area .inner .step div button::after {top:0.8rem;}
#container #content .sub-content .area .inner .step div a::after {top:0.8rem;}
#container #content .sub-content .area .inner .step + table {margin-top:1.0rem;}
#container #content .sub-content .area .inner .stitle {padding-top:0.6rem; font-size:1.6rem; color:#555;}
#container #content .sub-content .area .inner .stitle.blank {padding-top:0.8rem;}
#container #content .sub-content .area .inner .stitle.blank2 {padding-top:1.2rem;}
#container #content .sub-content .area .inner .stitle.blank3 {padding-top:1.1rem;}
#container #content .sub-content .area .inner .stitle strong {color:#1d1d1d;}
#container #content .sub-content .area .inner .stitle strong.tit {font-size:1.7rem;}
#container #content .sub-content .area .inner .stitle strong.txt {font-weight:700;}
#container #content .sub-content .area .inner .stitle span.help_txt {display:block; margin-top:-0.2rem; font-weight:500; font-size:1.4rem; color:#16408d; line-height:2.0rem;}
#container #content .sub-content .area .inner .stitle span.help_txt.blank {padding-bottom:0.2rem;}
#container #content .sub-content .area .inner .stitle span.dot {display:inline-block; width:0.6rem; height:0.6rem; margin:0.9rem 0.6rem 0.3rem 0; border-radius:10.0rem; border:0.1rem solid #555;}
#container #content .sub-content .area .inner .stitle span.dot.blank {margin-top:1.1rem;}
#container #content .sub-content .area .inner .stitle a {font-weight:500; color:#246beb;}
#container #content .sub-content .area .inner .stitle a:hover {text-decoration:underline;}
#container #content .sub-content .area .inner .stitle + table {margin-top:1.4rem;}
#container #content .sub-content .area .inner .stitle + table.blank {margin-top:0.6rem;}
#container #content .sub-content .area .inner .stitle2 {margin-top:-0.5rem; padding-bottom:1.4rem; font-weight:700; font-size:2.1rem; color:#1d1d1d;}
#container #content .sub-content .area .inner .stitle2.blank {margin-top:0.1rem;}
#container #content .sub-content .area .inner .stitle2.blank .txt_color{color: #de3412;}
#container #content .sub-content .area .inner .diagram_type2 {margin-top:1.2rem;}
#container #content .sub-content .area .inner .diagram_type3 {margin-top:1.2rem;}
#container #content .sub-content .area .inner .diagram_type3.blank {margin-top:0.6rem; padding-bottom:1.9rem;}
#container #content .sub-content .area .inner td > .diagram_type3.blank {position:relative; margin:0.7rem 0 0.9rem; /*padding-bottom:4.7rem;*/}
#container #content .sub-content .area .inner td > .diagram_type3.blank span.help_txt {display:block; position:absolute; bottom:1.2rem; margin:-0.2rem 0 0.2rem; font-weight:500; font-size:1.4rem; color:#16408d;}
#container #content .sub-content .area .inner table.type2 td > span.blank {padding:0 0 0 0.5rem;}
#container #content .sub-content .area .inner table.type2 td > span.blank strong {margin-left:-0.5rem;}
#container #content .sub-content .area .inner td .btn {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;} /* flex-end */
#container #content .sub-content .area .inner td .btn {padding:0.2rem 0 0.5rem;}
#container #content .sub-content .area .inner td .btn button {position:relative; padding-right:1.4rem; font-weight:700; font-size:1.5rem; color:#246beb;}
#container #content .sub-content .area .inner td .btn button:hover {text-decoration:underline;}
#container #content .sub-content .area .inner td .btn button::after {content:""; position:absolute; top:0.8rem; right:0.1rem; width:0.6rem; height:0.6rem; border-top:0.2rem solid #246beb; border-left:0.2rem solid #246beb; transform:rotate(135deg);}
#container #content .sub-content .area .inner .type2 .word a{font-weight:500; color:#246beb;}
#container #content .sub-content .area .inner .type2 .word a:hover {text-decoration:underline;}
#container #content .sub-content .area .license {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;} /* flex-end */
#container #content .sub-content .area .license {padding-top:4.0rem;}
#container #content .sub-content .area .license .logo {width:23.1rem; height:5.8rem; background:url(../images/sub_open_logo.png) no-repeat center / cover;}

@media (max-width:1024px) {
    #container #content .sub-content .area {width:calc(100% - 3.2rem);} /* M-width */
    #container #content .sub-content .area .info_bx {margin-top:2.4rem; padding:1.5rem 1.9rem 1.3rem; font-size:1.7rem;}
    #container #content .sub-content .area .info_bx::before,
    #container #content .sub-content .area .info_bx::after {width:1.8rem; height:1.8rem;}
    #container #content .sub-content .area .info_bx p {padding-top:0.2rem; font-size:1.5rem; text-align:justify; word-break:break-all;}
    #container #content .sub-content .area .inner {padding-top:2.0rem;}
    #container #content .sub-content .area .inner .title {font-size:1.9rem;}
    #container #content .sub-content .area .inner .title.blank {margin:-0.5rem 0 -0.2rem;}
    #container #content .sub-content .area .inner .title p {padding-top:0.7rem; font-size:1.6rem; text-align:justify; word-break:break-all;}
    #container #content .sub-content .area .inner .title span {bottom:0; letter-spacing:-0.1rem; word-spacing:-0.1rem;}
    #container #content .sub-content .area .inner .title span button {margin-left:0.4rem; padding-right:1.0rem; font-size:1.4rem; letter-spacing:-0.05rem;}
    #container #content .sub-content .area .inner .title span button::after {top:0.7rem;}
    #container #content .sub-content .area .inner .title + table,
    #container #content .sub-content .area .inner .title + .scroll {margin-top:0.6rem;}
    #container #content .sub-content .area .inner .guide_type {margin-top:1.6rem;}
    #container #content .sub-content .area .inner .guide_type.blank {margin-top:1.0rem;}
    #container #content .sub-content .area .inner .guide_type.blank2 {margin-top:0.6rem;}
    #container #content .sub-content .area .inner div.help_txt {text-align:justify; word-break:break-all;}
    #container #content .sub-content .area .inner div.help_txt.center {text-align:left;}
    #container #content .sub-content .area .inner .step {margin-top:-0.5rem; padding-bottom:0; font-size:1.7rem;}
    #container #content .sub-content .area .inner .step span {margin-right:0.8rem; font-size:2.0rem; letter-spacing:-0.1rem;}
    #container #content .sub-content .area .inner .step span::before {bottom:0.3rem;}
    #container #content .sub-content .area .inner .step div {bottom:-0.1rem;}
    #container #content .sub-content .area .inner .stitle {font-size:1.5rem; letter-spacing:-0.1rem; text-align:justify; word-break:break-all;}
    #container #content .sub-content .area .inner .stitle.blank {padding-top:0.4rem;}
    #container #content .sub-content .area .inner .stitle.blank3 {padding-top:0.7rem;}
    #container #content .sub-content .area .inner .stitle.blank4 {padding-top:0.7rem;}
    #container #content .sub-content .area .inner .stitle strong.tit {font-size:1.6rem;}
    #container #content .sub-content .area .inner .stitle strong.tit.color {color:#246beb;}
    #container #content .sub-content .area .inner .stitle2 {margin-top:-0.4rem; padding-bottom:1.0rem; font-size:1.7rem;}
    #container #content .sub-content .area .inner .stitle2.blank {margin-top:0.2rem; padding-bottom:1.1rem;}
    #container #content .sub-content .area .inner .diagram_type3.blank {padding-bottom:0.1rem;}
    #container #content .sub-content .area .inner td > .diagram_type3.blank {padding-bottom:0.5rem;}
    #container #content .sub-content .area .inner td > .diagram_type3.blank span.help_txt {position:relative; bottom:auto; line-height:2.0rem;}
    #container #content .sub-content .area .inner table.type2.blank {margin-top:1.0rem;}
    #container #content .sub-content .area .inner td .btn {padding:0.3rem 0;}
    #container #content .sub-content .area .inner td .btn button {padding-right:1.0rem; font-size:1.4rem; letter-spacing:-0.05rem;}
    #container #content .sub-content .area .inner td .btn button::after {top:0.7rem;}
    #container #content .sub-content .area .inner .mobile table {margin-top:0.6rem;}
    #container #content .sub-content .area .inner .mobile table + table {margin-top:1.6rem;}
}
@media (max-width:600px) {
    #container #content .sub-content .area .inner .step.blank {height:5.8rem; margin-top:-0.7rem;}
    #container #content .sub-content .area .inner .step div {right:auto; left:0; letter-spacing:-0.1rem; word-spacing:-0.1rem;}
    #container #content .sub-content .area .inner .step div button,
    #container #content .sub-content .area .inner .step div a {margin-left:0.4rem; padding-right:1.0rem; font-size:1.4rem; letter-spacing:-0.05rem;}
    #container #content .sub-content .area .inner .step div button::after {top:0.7rem;}
    #container #content .sub-content .area .inner .step div a::after {top:0.7rem;}
    #container #content .sub-content .area .inner .scroll {overflow-x:scroll;}
    #container #content .sub-content .area .inner .scroll table {width:60.0rem; margin-bottom:0.5rem;}
    #container #content .sub-content .area .inner .scroll::-webkit-scrollbar {height:0.6rem;}
    #container #content .sub-content .area .inner .scroll::-webkit-scrollbar-thumb {border-radius:10.0rem; background-color:#246beb;}
    #container #content .sub-content .area .inner .scroll::-webkit-scrollbar-track {background-color:#eff5ff;}
}
@media (max-width:359px) {
    #container #content .sub-content .area .inner .title span {font-size:1.2rem;}
    #container #content .sub-content .area .inner .title span button {font-size:1.2rem; letter-spacing:-0.05rem;}
    #container #content .sub-content .area .inner .title span button::after {top:0.6rem;}
}
/* 아이돌봄사업소개 */
#container #content .sub-content .area .inner .statute {padding-top:1.2rem;}
#container #content .sub-content .area .inner .statute .item {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
#container #content .sub-content .area .inner .statute .item {margin-top:1.6rem; border-radius:1.2rem; border:0.1rem solid #d3e1fb;}
#container #content .sub-content .area .inner .statute .item:first-child {margin-top:0;}
#container #content .sub-content .area .inner .statute .item > span {width:14.0rem; font-weight:700; font-size:1.9rem; color:#1d1d1d; text-align:center;}
#container #content .sub-content .area .inner .statute .item .btn {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} /* flex-start */
#container #content .sub-content .area .inner .statute .item .btn {width:calc(100% - 14.0rem); padding:1.9rem 0;}
#container #content .sub-content .area .inner .statute .item .btn > span a {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content .area .inner .statute .item .btn > span a {position:relative; margin:0.8rem; padding:0.7rem 5.1rem 0.5rem 1.9rem; border-radius:0.6rem; border:0.1rem solid #a7c4f7; font-weight:500; font-size:1.7rem; color:#246beb;}
#container #content .sub-content .area .inner .statute .item .btn > span:first-child a {margin-left:0;}
#container #content .sub-content .area .inner .statute .item .btn > span a::after {content:""; position:absolute; right:1.9rem; width:2.0rem; height:2.0rem; margin-top:-0.1rem; background:url(../images/ico_arrow.svg) no-repeat center / cover;}
#container #content .sub-content .area .inner .ban {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content .area .inner .ban {padding-top:1.2rem;}
#container #content .sub-content .area .inner .ban > span {flex:1; height:8.0rem; margin:0 0.8rem; border-radius:0.8rem; border:0.1rem solid #d3e1fb;}
#container #content .sub-content .area .inner .ban > span:first-child {margin-left:0;}
#container #content .sub-content .area .inner .ban > span:last-child {margin-right:0;}
#container #content .sub-content .area .inner .ban > span a {display:block; width:100%; height:100%;}
#container #content .sub-content .area .inner .ban > span.ico a {background:url(../images/sub_ban_logo.png) no-repeat center;}
#container #content .sub-content .area .inner .ban > span.ico2 a {background:url(../images/sub_ban_logo2.png) no-repeat center;}
#container #content .sub-content .area .inner .ban > span.ico3 a {background:url(../images/sub_ban_logo3.png) no-repeat center;}
#container #content .sub-content .area .inner .ban > span.ico4 a {background:url(../images/sub_ban_logo4.png) no-repeat center;}
#container #content .sub-content .area .inner .ban > span.ico5 a {background:url(../images/sub_ban_logo5.png) no-repeat center;}
#container #content .sub-content .area .inner .ban > span.ico6 a {background:url(../images/sub_ban_logo6.png) no-repeat center;}
@media (max-width:1024px) {
    #container #content .sub-content .area .inner .statute {padding-top:1.0rem;}
    #container #content .sub-content .area .inner .statute .item {flex-direction:column; justify-content:center;}
    #container #content .sub-content .area .inner .statute .item {padding:1.5rem 1.9rem 1.1rem;}
    #container #content .sub-content .area .inner .statute .item > span {width:100%; padding-bottom:0.6rem; font-size:1.7rem;}
    #container #content .sub-content .area .inner .statute .item .btn {flex-direction:column; justify-content:center;}
    #container #content .sub-content .area .inner .statute .item .btn {width:100%; padding:0;}
    #container #content .sub-content .area .inner .statute .item .btn > span {width:100%;}
    #container #content .sub-content .area .inner .statute .item .btn > span a {justify-content:flex-start;}
    #container #content .sub-content .area .inner .statute .item .btn > span a {margin:0.8rem 0; padding:0.9rem 4.4rem 0.8rem 1.5rem; font-size:1.5rem; letter-spacing:-0.1rem;}
    #container #content .sub-content .area .inner .statute .item .btn > span a::after {right:1.5rem; width:1.8rem; height:1.8rem; margin-top:0;}
    #container #content .sub-content .area .inner .ban {justify-content:space-between; flex-wrap:wrap;}
    #container #content .sub-content .area .inner .ban {margin-top:-0.7rem; padding-top:0;}
    #container #content .sub-content .area .inner .ban > span {flex:none; width:calc(50% - 0.8rem); margin:1.6rem 0 0;}
}
/* 아이돌봄사업현황 */
#container #content .sub-content .area .inner .graph {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
#container #content .sub-content .area .inner .graph {margin-top:1.2rem; padding:3.4rem; border-radius:2.0rem; border:0.2rem solid #d3e1fb;}
#container #content .sub-content .area .inner .graph > span {width:100%; height:43.6rem; background:url(../images/img_graph.png) no-repeat center / 100% 100%;}
@media (max-width:1024px) {
    #container #content .sub-content .area .inner .graph,
    #container #content .sub-content .area .inner .graph + .help_txt {display:none;}
    #container #content .sub-content .area .inner .graph + .help_txt + .mobile {margin-top:-0.1rem;}
}
/* diagram */
.diagram_type {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
.diagram_type {position:relative; margin-top:5.0rem; padding:11.9rem 1.55rem 3.4rem; border-radius:2.0rem; border:0.2rem solid #d3e1fb;}
.diagram_type .tit {position:absolute; top:-2.6rem; padding:0.9rem 2.4rem; border-radius:10.0rem; border:0.2rem solid #d3e1fb; background-color:#fff; font-weight:700; font-size:1.9rem; color:#1d1d1d;}
.diagram_type .item {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
.diagram_type .item {flex:1; position:relative; margin:0 1.85rem; padding:7.9rem 3.0rem 3.4rem; border-radius:2.0rem; border:0.2rem solid #a7c4f7;}
.diagram_type .item .ico {position:absolute; top:-5.9rem; width:11.8rem; height:11.8rem; border-radius:10.0rem; border:0.2rem solid #a7c4f7;}
.diagram_type .item .ico.pic1 {background:url(../images/img_diagram1_1.png) no-repeat center / cover;}
.diagram_type .item .ico.pic2 {background:url(../images/img_diagram1_2.png) no-repeat center / cover;}
.diagram_type .item .ico.pic3 {background:url(../images/img_diagram1_3.png) no-repeat center / cover;}
.diagram_type .item .con {position:relative; width:100%; text-align:center;}
.diagram_type .item .con::before,
.diagram_type .item .con::after {content:""; position:absolute; width:1.2rem; height:1.2rem;}
.diagram_type .item .con::before {top:0; left:0; border-top:0.2rem solid #d3e1fb; border-left:0.2rem solid #d3e1fb;}
.diagram_type .item .con::after {right:0; bottom:0; border-right:0.2rem solid #d3e1fb; border-bottom:0.2rem solid #d3e1fb;}
.diagram_type .item .con > span {display:block; position:absolute; width:1.2rem; height:1.2rem;}
.diagram_type .item .con > span.tr {top:0; right:0; border-top:0.2rem solid #d3e1fb; border-right:0.2rem solid #d3e1fb;}
.diagram_type .item .con > span.bl {bottom:0; left:0; border-bottom:0.2rem solid #d3e1fb; border-left:0.2rem solid #d3e1fb;}
.diagram_type .item .con > div {padding:0.6rem 2.0rem; font-weight:700; font-size:2.1rem; color:#1d56bc;}
.diagram_type .item .con > div span {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
.diagram_type .item .con > div span {position:relative; margin-top:1.4rem; padding:2.0rem 0 0.2rem; font-size:1.7rem; color:#1d1d1d;}
.diagram_type .item .con > div span::before {content:""; position:absolute; top:0; width:2.0rem; height:0.4rem; border-radius:10.0rem; background-color:#a7c4f7;}
.diagram_type .item .con > div p {display:block; font-size:1.5rem; color:#555;}
.diagram_type2 {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;} /* flex-end */
.diagram_type2 {position:relative; border-radius:1.2rem; border:0.1rem solid #d3e1fb;}
.diagram_type2 span.num {display:block; width:8.2rem; padding:0.2rem 0 0 0.2rem; font-weight:700; font-size:2.9rem; color:#1d1d1d; text-align:center;}
.diagram_type2 .item {display:block; position:relative; right:-0.1rem; width:calc(100% - 8.2rem); margin:-0.1rem 0; padding:2.5rem 2.7rem 2.2rem; border-radius:1.2rem; border:0.1rem solid #a7c4f7;}
.diagram_type2 .item strong {font-size:1.9rem; color:#1d56bc; line-height:normal;}
.diagram_type2 .item p {padding-top:0.3rem; font-weight:500; font-size:1.6rem; color:#1d1d1d;}
.diagram_type2 .item p span {font-weight:700;}
.diagram_type2 .item span.help_txt {display:block; margin-top:-0.1rem; padding-bottom:0.2rem; font-weight:500; font-size:1.4rem; color:#16408d; line-height:2.0rem;}
.diagram_type2 .item ul {display:flex; align-items:flex-end;}
.diagram_type2 .item li {width:50%;}
.diagram_type3 {display:flex; flex-direction:row; justify-content:center; align-items:center;} /* center */
.diagram_type3 {padding:1.9rem 0.5rem; border-radius:0.8rem; border:0.1rem solid #d3e1fb;}
.diagram_type3 .item {display:flex; flex-direction:column; justify-content:center; align-items:center;} /* center */
.diagram_type3 .item {flex:1; position:relative; height:6.0rem; margin:0 1.4rem; padding-top:0.2rem; border-radius:0.6rem; border:0.2rem solid #a7c4f7; background-color:#eff5ff; font-size:1.5rem; color:#1d56bc;}
.diagram_type3 div.txtali{text-align: center;}
.diagram_type3 .item::after,
.diagram_type3 .item2 + .item::before {content:""; position:absolute; right:-1.1rem; width:2.0rem; height:2.0rem; margin-top:-0.1rem; border-radius:100rem; border:0.2rem solid #7ca6f3; background-color:#fff !important; background:url(../images/ico_arrow2.svg) no-repeat center / 124% 124%;}
.diagram_type3 .item2 + .item::before {left:-1.1rem;}
.diagram_type3 .item:last-child::after,
.diagram_type3 .item2 + .item::after {display:none;}
.diagram_type3 .item2 {margin:0.2rem 1.8rem 0; font-size:1.5rem; color:#1d1d1d;}
@media (max-width:1024px) {
    .diagram_type {flex-direction:column;}
    .diagram_type {margin-top:2.9rem; padding:1.9rem 1.8rem 1.8rem;}
    .diagram_type .tit {top:-2.1rem; padding:0.6rem 1.8rem 0.4rem; font-size:1.7rem;}
    .diagram_type .item {width:100%; margin:7.2rem 0 0; padding:6.4rem 2.2rem 2.2rem;}
    .diagram_type .item .ico {top:-5.4rem; width:10.6rem; height:10.6rem;}
    .diagram_type .item .con > div {padding:0.6rem 1.0rem 0.8rem; font-size:1.9rem;}
    .diagram_type .item .con > div span {margin-top:1.1rem; padding:1.6rem 0 0.3rem; font-size:1.6rem;}
    .diagram_type .item .con > div p {font-size:1.4rem; line-height:2.0rem;}
    .diagram_type2 span.num {width:6.2rem; padding:0.2rem 0 0 0.1rem; font-weight:700; font-size:2.5rem;}
    .diagram_type2 .item {width:calc(100% - 6.2rem); margin:-0.1rem 0; padding:1.7rem 1.9rem 1.3rem;}
    .diagram_type2 .item strong {font-size:1.7rem;}
    .diagram_type2 .item p {padding-top:0.4rem; font-size:1.5rem;}
    .diagram_type2 .item p span {color:#246beb;}
    .diagram_type2 .item span.help_txt {margin-top:-0.2rem;}
    .diagram_type2 .item ul {flex-direction:column;}
    .diagram_type2 .item li {width:100%;}
    .diagram_type2 .item li:nth-child(2) {margin-top:0.6rem;}
    .diagram_type3 {flex-direction:column ;}
    .diagram_type3 {padding:0.1rem 1.1rem;}
    .diagram_type3 .item {flex:none; width:100%; height:6.8rem; margin:1.0rem 0;}
    .diagram_type3 .item::after,
    .diagram_type3 .item2 + .item::before {right:auto; bottom:-1.1rem; transform:rotate(90deg);}
    .diagram_type3 .item2 + .item::before {top:-1.1rem; left:auto;}
    .diagram_type3 .item2 {margin:1.1rem 0 1.0rem; font-size:1.6rem;}
}
/* table */
table.type {table-layout:auto; width:100%; border-collapse:collapse; border-spacing:0;}
table.type thead th,
table.type td {border-bottom:0.1rem solid #d3e1fb;}
table.type thead th {border-top:0.1rem solid #a7c4f7; background-color:#eff5ff;}
table.type thead th > span,
table.type td > span {display:block; padding:1.2rem 0.6rem 1.0rem; color:#1d1d1d; text-align:center; word-wrap:break-word; word-break:keep-all;}
table.type td.left > span {padding-right:2.0rem; padding-left:2.0rem; text-align:left;}
table.type thead th > span {font-weight:700; font-size:1.7rem;}
table.type td > span {font-size:1.6rem;}
table.type td > span > span.help_txt {display:block; margin:-0.2rem 0 0.2rem; font-weight:500; font-size:1.4rem; color:#16408d; line-height:2.0rem;}
table.type td > span > span.help_txt2 {display:block; margin-bottom:0.1rem; font-size:1.5rem; color:#98690a;}
table.type tbody th {border-top:0.1rem solid #a7c4f7; border-bottom:0.1rem solid #d3e1fb; background-color:#eff5ff;}
table.type tbody tr:first-child th {border-top:none;}
table.type tbody th > span {display:block; padding:1.2rem 2.0rem 1.0rem; font-weight:700; font-size:1.7rem; color:#1d1d1d; text-align:left; word-wrap:break-word; word-break:keep-all;}
table.type2 {table-layout:auto; width:100%; border-collapse:collapse; border-spacing:0;}
table.type2 tr:first-child th,
table.type2 tr:first-child td {border-top:0.1rem solid #a7c4f7;}
table.type2 th,
table.type2 td {padding:1.2rem 2.0rem 1.0rem; border-bottom:0.1rem solid #d3e1fb; text-align:left; word-wrap:break-word; word-break:keep-all;}
table.type2 th {width:26.5rem; background-color:#eff5ff; font-weight:700; font-size:1.7rem; color:#1d1d1d;}
table.type2 th span.blue {color:#1d56bc;}
table.type2 th span.red {color:#b9131e;}
table.type2 td {font-size:1.6rem; color:#555;}
table.type2 td > span,
table.type2 td li > span {display:block; padding:0.3rem 0;}
table.type2 td > span > strong,
table.type2 td li > span > strong {color:#1d1d1d;}
table.type2 td > span > span.help_txt,
table.type2 td li > span > span.help_txt {display:block; margin:-0.2rem 0 0.2rem; font-weight:500; font-size:1.4rem; color:#16408d; line-height:2.0rem;}
table.type2 td > span.help_txt2,
table.type2 td li > span.help_txt2 {display:block; margin-bottom:0.1rem; font-size:1.5rem; color:#98690a;}
table.type2 td ul {display:flex; align-items:center;}
table.type2 td li {width:50%;}
table.type2 td ul.left li {text-align:left;}
table.type2 td ul.center li {text-align:center;}
table.type2 th.noborder,
table.type2 td.noborder {border-bottom:none;}
table.type2 th.warning,
table.type2 td.warning {border-top:0.1rem solid #ffeac1 !important; border-bottom:0.1rem solid #ffeac1 !important; color:#98690a;}
table.type2 th.warning {background-color:#fff8e9;}
table.type2 th.warning span {position:relative; padding-left:2.8rem;}
table.type2 th.warning span::before {content:"!"; position:absolute; top:0; left:0; width:2.0rem; height:2.0rem; border-radius:10.0rem; background-color:#ffb724; font-weight:700; font-size:1.6rem; color:#fff; line-height:1.4; text-align:center;}
.mobile {display:none;}
@media (max-width:1024px) {
    table.type thead th > span,
    table.type td > span {padding:1.1rem 0.8rem 1.0rem; font-size:1.5rem; word-spacing:-0.1rem;}
    table.type thead th > span {font-weight:700;}
    table.type tbody th {width:20%;}
    table.type tbody th > span {padding:1.1rem 1.2rem 1.0rem; font-weight:700; font-size:1.5rem;}
    table.type td.left > span,
    table.type td.left + td > span {padding-right:1.6rem; padding-left:1.6rem;}
    table.type td.left.word > span {text-align:justify; word-break:break-all;}
    table.type2 th,
    table.type2 td {font-size:1.5rem; word-spacing:-0.05rem;}
    table.type2 th {width:20%; padding:0.8rem 1.2rem 0.7rem; font-weight:700; text-align: center;}
    table.type2 td {padding:0.8rem 1.6rem 0.7rem; text-align:justify; word-break:break-all;}
    table.type2 td.word {text-align:left; word-break:keep-all;}
    table.type2 td > span > span.help_txt,
    table.type2 td li > span > span.help_txt {margin:0.1rem 0 0.2rem;}
    table.type2 td > span > span.help_txt.word,
    table.type2 td li > span > span.help_txt.word {text-align:left; word-break:keep-all;}
    table.type2 td ul {flex-direction:column; justify-content:flex-start;}
    table.type2 td li {width:100%;}
    table.type2 td li:nth-child(2) {padding-top:0.1rem;}
    table.type2 th.warning span {padding-left:2.6rem;}
    table.type2 th.warning span::before {width:1.8rem; height:1.8rem; font-size:1.4rem;}
    table.type.pc,
    table.type2.pc {display:none;}
    .mobile {display:block;}
}
@media (max-width:600px) {
    table.type thead th > span,
    table.type td > span {padding:1.1rem 0 1.0rem;}
    .scroll table.type thead th > span,
    .scroll table.type td > span {padding:1.1rem 0.8rem 1.0rem;}
}
/* guide */
.guide_type {padding:1.5rem 1.9rem 1.3rem; border:0.1rem solid #ffeac1; background-color:#fff8e9;}
.guide_type li {padding-top:0.6rem; font-size:1.6rem; color:#98690a; word-wrap:break-word; word-break:keep-all;}
.guide_type li:first-child {padding-top:0;}
.guide_type li span.dot {display:inline-block; width:0.6rem; height:0.6rem; margin:0 0.4rem 0.3rem 0; border-radius:10.0rem; border:0.1rem solid #98690a;}
.guide_type li p.help_txt {display:block; margin:-0.2rem 0 0.2rem; font-weight:500; font-size:1.4rem; line-height:2.0rem;}
@media (max-width:1024px) {
    .guide_type {padding:1.1rem 1.5rem 0.9rem;}
    .guide_type li {padding-top:0.7rem; font-size:1.5rem; word-spacing:-0.05rem; text-align:justify; word-break:break-all;}
    .guide_type li p.help_txt {margin:0 0 0.2rem;}
}