<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* reset */
a:active, a:hover, a:focus {text-decoration: none;}

/* 공통영역 */
body.on {overflow: hidden;}
header, section, footer {width: 100%; position: relative;}
.in_header, .container {width: 1440px; margin: 0 auto; position: relative;}

/* header */
header {position: absolute; top: 0; left: 0; border-bottom: 1px solid rgba(255,255,255,0.4); line-height: 1; box-sizing: border-box; z-index: 99; transition: all 0.5s;}
header .in_header {display: flex; justify-content: space-between; align-items: center; padding: 35px 0;}
header .in_header a {color: #fff;}
header .in_header .logoWrap {display: flex; align-items: center;}
header .in_header .logoWrap a {display: block;}
header .in_header .logoWrap a.busan {position: relative; margin-right: 10px; padding-right: 10px; box-sizing: border-box;}
header .in_header .logoWrap a.busan:first-child {padding-right: 0;}
header .in_header .logoWrap a.busan:first-child:before {display: none;}
header .in_header .logoWrap a.busan::before {content: ''; position: absolute; top: 10px; right: 0; width: 1px; height: 14px; background-color: rgba(255,255,255,0.4);}
header .in_header .logoWrap a.busan img:last-child {display: none;}
header .in_header .logoWrap a.hubCity {font-family: 'VitroCore'; font-size: 24px; line-height: 1.2; word-break: keep-all;}

header .in_header nav .nav {display: flex;}
header .in_header nav .nav li.depth01:not(:last-of-type) {margin-right: 70px;}
header .in_header nav .nav li.depth01 a {font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px;}

header .in_header nav .nav .depth02 {display: none;}

header .in_header .menuBtn {display: none; width: 23px; height: 20px; background-image: url('/humanframe/theme/bgi/assets/img/main/menuBtn.png'); background-repeat: no-repeat; background-size: 100%; text-indent: -9999px;} 

header.sub {position: relative;}

:is(header.on, header.sub) {background-color: #fff;}
:is(header.on, header.sub) a {color: #222222;}
:is(header.on, header.sub) .logoWrap a.busan::before {background-color: rgba(219,219,219,0.4);}
:is(header.on, header.sub) .logoWrap a.busan img:first-child {display: none;}
:is(header.on, header.sub) .logoWrap a.busan img:last-child {display: inline-block;}
:is(header.on, header.sub) .menuBtn {background-image: url('/humanframe/theme/bgi/assets/img/main/menuBtnOn.png');}

/* footer */
footer {width: 100%; background-color: #353b45; color: #fff; padding: 50px 0; text-align: center;}
footer .logo {display: inline-block; margin-bottom: 30px;}
footer .text {margin-bottom: 10px;}

/* ----------------------서브레이아웃*/
/* subTitleWrap */
.subTitleWrap {width: 100%; position: relative; background-image: url('/humanframe/theme/bgi/assets/img/sub/subTitBg.png'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.subTitleWrap.type02 {background-image: url('/humanframe/theme/bgi/assets/img/sub/subTitBg2.png');}
.subTitleWrap.type03 {background-image: url('/humanframe/theme/bgi/assets/img/sub/subTitBg3.png');}
.subTitleWrap.type04 {background-image: url('/humanframe/theme/bgi/assets/img/sub/subTitBg4.png');}
.subTitleWrap .subTit {padding: 105px 0; display: flex; align-items: center; justify-content: center;}
.subTitleWrap .subTit h3 {font-family: 'VitroCore'; font-size: 40px; color: #fff; text-shadow: 1px 1px 13px rgba(0,0,0,0.3);}

/* location */
.location {display: flex; justify-content: flex-end; padding: 30px 0; gap: 32px; align-items: center;}
.location li {position: relative;}
.location li:not(:last-of-type)::before {content: ''; position: absolute; top: 5px; right: -20px; background: url('/humanframe/theme/bgi/assets/img/sub/arrow_icon.png') no-repeat; background-size: 100%; width: 8px; height: 14px;}
.location li a {display: block; font-size: 17px; font-family: 'Noto Sans KR'; font-weight: 400; color: #666666;}
.location li a.home {font-size: 0; display: flex; align-items: center; justify-content: center;}
.location li a.home img {transform: translateY(1px);}
.location li a.detp2 {font-weight: 600;}

/* subContWrap */
.subContWrap .container {display: flex; gap: 90px;}
.subContWrap .leftSide {width: 270px;}
.subContWrap .leftSide h4.menuTitle {padding: 15px 10px; box-sizing: border-box; font-family: 'RiaSans'; font-size: 24px; color: #333333; letter-spacing: -1px; border-bottom: 2px solid #040404;}
.subContWrap .leftSide .menuList li a {display: block; padding: 18px 10px 18px 30px; box-sizing: border-box; font-size: 17px; font-weight: 400; letter-spacing: -1px; font-family: 'Noto Sans KR'; color: #333333; position: relative; border-bottom: 1px solid #dddddd;}
.subContWrap .leftSide .menuList li a::before {content: ''; position: absolute; top: 29px; left: 10px; width: 10px; height: 2px; background: #333333;}
.subContWrap .leftSide .menuList li a.active {font-weight: 700; color: #e0007e;}
.subContWrap .leftSide .menuList li a.active::before {background: #e0007e;}
.subContWrap #contents {width: calc(100% - 360px); padding-bottom: 100px;}


/* 반응형 */
@media screen and (max-width: 1440px) {
    .in_header, .container {width: 100%; padding: 0 20px; box-sizing: border-box;}
    header .in_header {padding: 35px 20px;}
    .sideMenuWrap {width: 100%;}
}

@media screen and (max-width: 1025px) {
    /* ----------------------서브레이아웃*/
    /* subContWrap */
    .subContWrap .leftSide {display: none;}
    .subContWrap #contents {width: 100%;}


    /* header */
    header .in_header {padding: 25px 20px;}
    header .in_header nav {display: none;}
    header .in_header nav .nav {width: 95%; margin: 0 auto; flex-wrap: wrap; border-top: 2px solid #000000; box-sizing: border-box;}
    header .in_header nav .nav li.depth01 {width: 100%;}
    header .in_header nav .nav li.depth01:not(:last-of-type) {margin-right: 0;}
    header .in_header nav .nav li.depth01&gt;a {position: relative; display: block; padding: 30px 15px; color: #333333; border-bottom: 1px solid #dbdbdb; box-sizing: border-box;}
    header .in_header nav .nav li.depth01&gt;a::before {content: ''; position: absolute; top: 30px; right: 15px; background-image: url('/humanframe/theme/bgi/assets/img/main/menuArrow.png'); width: 13px; height: 23px; background-repeat: no-repeat; background-size: 100%; transition: all 0.5s;}
    header .in_header nav .nav li.depth01&gt;a.on {color: #d9194c;}
    header .in_header nav .nav li.depth01&gt;a.on::before {transform: rotate(90deg);}

    header .in_header nav .nav .depth02 {padding: 30px 20px; box-sizing: border-box; background-color: #f8f8f8;}
    header .in_header nav .nav .depth02 li:not(:last-of-type) {margin-bottom: 25px;}
    header .in_header nav .nav .depth02 li a {font-size: 17px; color: #333333;}

    header .in_header nav.on {display: block; position: fixed; top: 81px; left: 0; width: 100%; height: 100vh; background-color: #fff;}

    header .in_header .menuBtn {display: block;}
    header .in_header .menuBtn.on {width: 28px; height: 28px; background-image: url('/humanframe/theme/bgi/assets/img/main/menuCloseBtn.png');}

    /* footer */
    footer {padding: 35px 0;}
	footer .logo {margin-bottom: 25px;}
	footer .text {margin-bottom: 8px;}
}
 
@media screen and (max-width: 768px) {
    /* header */
    header .in_header .menuBtn.on {width: 20px; height: 20px;}

    /* ----------------------서브레이아웃*/
    /* subTitleWrap */
    .subTitleWrap .subTit {padding: 90px 0;}
    .subTitleWrap .subTit h3 {font-size: 34px;}

    /* location */
    .location {padding: 22px 0 40px 0;}
    .location li:not(:last-of-type)::before {top: 3px;}
    .location li a.home img {transform: translateY(0);}
}

@media screen and (max-width: 480px) {
    /* ----------------------서브레이아웃*/
    /* subTitleWrap */
    .subTitleWrap .subTit {padding: 60px 0;}
    .subTitleWrap .subTit h3 {font-size: 28px;}

    /* location */
    .location {padding: 15px 0 40px 0; gap: 24px;}
    .location li:not(:last-of-type)::before {top: 4px; width: 6px; right: -15px;}
    .location li a {font-size: 15px;}

    /* header */
    header .in_header .logoWrap a.busan::before {top: 7px;}
    header .in_header .logoWrap a.hubCity {font-size: 18px;}
    header .in_header .menuBtn {width: 19px; height: 17px;}

    header .in_header nav .nav {margin-top: 20px;}
    header .in_header nav .nav li.depth01&gt;a::before {width: 10px; height: 32px;}
    header .in_header nav.on {top: 78px;}


    /* footer */
	footer {padding: 25px 10px; box-sizing: border-box; font-size: 14px;}
    footer .logo {margin-bottom: 25px;}
    footer .text {display: none;}
}

@media screen and (max-width: 350px) {
    /* header */
    header .in_header {padding: 20px 15px;}
    header .in_header .logoWrap a.busan::before {top: 5px;}
    header .in_header .logoWrap a.hubCity {font-size: 17px;}
    header .in_header .menuBtn.on {width: 15px; height: 15px;}

    header .in_header nav.on {top: 61px;}
    header .in_header nav .nav li.depth01&gt;a {padding: 20px 15px; font-size: 17px;}
    header .in_header nav .nav li.depth01&gt;a::before {width: 8px; top: 22px;}
    header .in_header nav .nav .depth02 {padding: 20px;}
    header .in_header nav .nav .depth02 li:not(:last-of-type) {margin-bottom: 20px;}
    header .in_header nav .nav .depth02 li a {font-size: 15px;}
    
    /* footer */
    footer .logo {width: 100px; margin-bottom: 15px;}
}</pre></body></html>