@charset "UTF-8";
/* KOHIBaeum */
@font-face {
    font-family:'KOHIBaeum';
    font-weight:100; font-style: normal; font-display: swap;
    src: url('/humanframe/global/assets/css/font/KOHINanumLight.eot?#iefix') format('embedded-opentype'),
    url('/humanframe/global/assets/css/font/KOHINanumLight.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/KOHINanumLight.woff') format('woff'),
	url('/humanframe/global/assets/css/font/KOHINanumLight.otf') format('opentype');
}
@font-face {
    font-family:'KOHIBaeum';
    font-weight:400; font-style: normal; font-display: swap;
    src: url('/humanframe/global/assets/css/font/KOHIBaeum.eot?#iefix') format('embedded-opentype'),
    url('/humanframe/global/assets/css/font/KOHIBaeum.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/KOHIBaeum.woff') format('woff'),
	url('/humanframe/global/assets/css/font/KOHIBaeum.otf') format('opentype');
}
@font-face {
    font-family:'KOHIBaeum';
    font-weight:600; font-style: normal; font-display: swap;
    src: url('/humanframe/global/assets/css/font/KOHINanumBold.eot?#iefix') format('embedded-opentype'),
    url('/humanframe/global/assets/css/font/KOHINanumBold.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/KOHINanumBold.woff') format('woff'),
	url('/humanframe/global/assets/css/font/KOHINanumBold.otf') format('opentype');
}
/*타이틀 폰트*/
@font-face{
	font-family:'Title_Bold';
	font-weight:nomal;
	src:url('/humanframe/global/assets/css/font/Title_Bold.woff') format('woff'),
	url('/humanframe/global/assets/css/font/Title_Bold.otf') format('otf');
}
/* Noto Sans KR */
@font-face {
	font-family:'Noto Sans KR';
	font-weight:100; 
	src: url('/humanframe/global/assets/css/font//NotoSansKR-Thin.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Thin.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Thin.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:200; 
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Light.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Light.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Light.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:400;
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Regular.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:500; 
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Medium.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Medium.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:600; 
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Bold.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Bold.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:700; 
	src: url('/humanframe/global/assets/css/font/NotoSansKR-Black.woff2') format('woff2'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Black.woff') format('woff'),
	url('/humanframe/global/assets/css/font/NotoSansKR-Black.otf') format('opentype');
}

* {margin: 0; padding: 0; list-style-type: none; box-sizing: border-box;}
a {text-decoration: none; color: #222;}
html {position: relative; width:100%; height:100%; font-family: "Noto Sans KR", sans-serif; font-size: 0.625em;}
body {position: relative; width:100%; height:100%; font-size: 1.5rem; line-height:1.4; color:#222; overflow-x: hidden; transition: 0.4s;}

ul,ol {list-style-type: none;}
a {text-decoration: none;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;}
input {margin: 0; outline: none; border-radius: 0;}
button,input,optgroup,select,textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
button {background-color: transparent;}
fieldset {padding: 0.35em 0.75em 0.625em; border: none;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
[type="checkbox"],[type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details {display: block;}
summary {display: list-item;}
textarea {width: 100%; overflow: auto;}
select, label, img, input, textarea, button {vertical-align: middle;}
img, button {border: none;}
input[type="button"] {background: none; cursor: pointer;}
button:focus {outline:none;}
table {width: 100%; border-spacing: 0; border-collapse: collapse;}
b {font-weight: normal;}
i {font-style: normal;}
address {font-style: normal;}
small {font-size: 100%;}
select:focus {outline: none;}
::placeholder { color: #bcbcbc;opacity: 1; /* Firefox */}
:-ms-input-placeholder {color: #bcbcbc;}
::-ms-input-placeholder {color: #bcbcbc;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {background-color: transparent;}

/* #header */

.clear:after {content: ""; display: block; clear: both;}
.blind {position: absolute; top:-9999px; left: -9999px;}
.inner {width: 90%; margin: 0 auto;}
.tt-noto {font-family: "Noto Sans KR", sans-serif;}
.tt-kohi {font-family:"KOHIBaeum", "Noto Sans KR", sans-serif;}

.ico {position: relative; display: inline-block; width:10px; height:10px; margin-left:3px;}
.ico:after, .ico:before {content: "";display: inline-block;position: absolute;top: 50%;left: 50%;width:100%;height:100%;transform: translate(-50%, -50%);}
.ico.ico-plus:before, .ico.ico-plus:after {width: 8px; height:1px; background: #000;}
.ico.ico-plus:after {transform: translate(-50%, -50%) rotate(90deg);} 
.ico.ico-plus.white:before, .ico.ico-plus.white:after {width: 8px; height:1px; background: #fff;}
.ico.ico-arrow-right:after {width:20px; height:10px; background: url(../img/main/ico_arrow_right_b.svg) no-repeat center;}
.submenu-btn .ico.ico-plus:before, .submenu-btn .ico.ico-plus:after {width: 12px; height:1px; background: #666;}

.mo {display: block;}
.pc {display: none;}

.button.color {border:1px solid #23A088;color:#fff;background-color:#23A088;}

/* header */
.header {position: fixed;top:0;left:0;width:100%;height: 61px;transition: all 0.4s ease-in-out;z-index: 12;}
.header .inner {position: relative; width: 94%; margin: 0 auto;}

.header .btn-link {position: relative;display: inline-block;width: 23px;height: 20px;}
.header .pc .btn-link span {position: absolute; width: 100%; height:2px; background: #fff; transition: all 0.4s ease-in-out;}
.header .pc .btn-link span:nth-child(2) {top:50%;transform: translateY(-50%);width: 60%;}
.header .pc .btn-link span:nth-child(3) {bottom: 0;}

.hd-logo .logo {display: none; position: absolute; top: 55px; left: 50%; width: 125px; height: 40px; transform: translateX(-50%);}
.hd-logo .logo-link {display: block; width: 140px; height:100%; background: url(../img/main/svg/logo01.svg) no-repeat center/contain;}
.hd-infobar {position: fixed; top:0; left:0; width:100%; height: 0px; z-index: 2;}
@media screen and (max-width:1280px){
.hd-infobar {height: 61px;}
}

.info-logo {
position: absolute;
    top: 50%;
    left: 20px;
    /* width: 95px; */
    height: 35px;
    transform: translate(0, -50%);
}
.info-logo.mo{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
}
.info-logo.mo .logo-link{
	width:95px;
}
.info-logo.mo > .logo_2030expo{
	color:#222;
	font-family:"Title_Bold", "Noto Sans KR", sans-serif;
	font-size:2rem;
}
.active .info-logo.mo > .logo_2030expo{
	color:#222;
}

@media screen and (max-width:480px){
	.info-logo.mo .logo-link{
	width:70px;
	}
.info-logo.mo > .logo_2030expo{
	font-size:1.6rem;
}
}
.info-logo .logo-link {display: block; width: 100%; height:100%; background: url(../img/main/svg/logo01.svg) no-repeat center/contain;}
.info-ul {position: absolute; top:50%; right: calc(2% + 35px); text-align: right; transform: translateY(-50%);}

.info-ul a {color: #fff;font-size: 15px;line-height: 60px;font-weight: 400;}
.info-ul .info-list .login {padding-left: 20px;background: url(../img/common/ico_login_w.png) no-repeat 0 0;}
.info-ul .info-list .join {padding-left: 20px;background: url(../img/common/ico_join_w.png) no-repeat 0 0;}
.info-ul .info-list {display: inline-block;position: relative;text-align: left;}
.info-ul .info-list.pc {display: none;}
.info-ul .info-list .global-sel {display: block; padding: 0 30px 0 0; margin-left: 10px;}
.info-ul .info-list .global-sel:before, 
.info-ul .info-list .global-sel:after {content: ""; position: absolute; top:50%;width: 30px; height: 30px; transform: translateY(-50%);}
.info-ul .info-list .global-sel:before {content: none; left: 5px;background: url(../img/main/ico_global_w.png) no-repeat center; opacity: 0;}
.info-ul .info-list .global-sel:after {right: 0;background: url(../img/main/ico_arrow_down_w.png) no-repeat 50% 60%; transition: 0.4s;}
.info-ul .info-list .global-sel.active:after {transform: translateY(-40%) rotate(180deg);}
.info-ul .info-list .global-ul {display: none; position: absolute; top: 45px; right:0; width:90px; padding: 10px; background: #fff; border-radius: 10px; box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.1);}
.info-ul .info-list .global-ul a {line-height: 1.4; color: #333;}

.hd-searchbox {display: block; position: absolute; top:10px; right:0px; width:40px; height: 40px; background: url(../img/main/ico_search_b.png) no-repeat center / 26px; z-index: 2;
 border-radius:30px;}
.hd-searchbox a {display: block;width: 100%; height:100%;}
.hd-searchbox .search-box {display: none;}
.hd-gnb-mobile .btn-link {position: absolute;top: 20px;right:50px;z-index: 2;}
.hd-gnb-mobile .hd-gnb {position: fixed;top: 61px;right:-100%;width: 60%;height: 100vh;background: #fff;z-index: 10;transition: all 0.4s ease-in-out;}

.hd-gnb-mobile.close .hd-gnb {right:0;}
.hd-gnb-mobile.close .btn-link span:nth-child(1) {top:50%; bottom: auto; left: 50%; transform: translate(-50%,365%) rotate(45deg);}
.hd-gnb-mobile.close .btn-link span:nth-child(2) {opacity: 0;}
.hd-gnb-mobile.close .btn-link span:nth-child(3) {top:50%; bottom: auto; left: 50%; transform: translate(-50%,-400%) rotate(-45deg)}

.hd-gnb-mobile .hd-gnb .gnb-close-btn {position: absolute;top:0;right:0;width: 45px;height: 45px;border: none;border-radius: 50%;background: #fff;}
.hd-gnb-mobile .hd-gnb .gnb-close-btn span {position: absolute;display: inline-block;width: 55%;height: 2px;background: #00a289;}
.hd-gnb-mobile .hd-gnb .gnb-close-btn span:first-child {transform: translate(-50%,-50%) rotate(-45deg);}
.hd-gnb-mobile .hd-gnb .gnb-close-btn span:last-child {transform: translate(-50%,-50%) rotate(45deg);}

.hd-gnb-mobile .hd-gnb .gnb-join-group {position: relative;height: 130px;margin: 10px;border-radius: 15px;background: #00a289;color: #fff;}
.hd-gnb-mobile .hd-gnb .join-group {position: absolute; top: 35px; display: flex; justify-content: space-between; width: 95%; margin: 0 2.5%;}
.hd-gnb-mobile .hd-gnb .gnb-join-group:before {content: ""; position: absolute; top:-10px; left:-10px; width:calc(100% + 20px); height:150px; background: #fff; z-index: -1;}
.hd-gnb-mobile .hd-gnb .join-group li {flex: 0 0 48%; border-bottom: 2px solid #fff;}
.hd-gnb-mobile .hd-gnb .join-group a {position: relative; display: block; padding-bottom: 4px;font-family:"KOHIBaeum", "Noto Sans KR", sans-serif;color: #fff;}
.hd-gnb-mobile .hd-gnb .join-group .ico {position: absolute; top: 20%; right: 0;}

.hd-gnb-mobile .hd-gnb .sitemap-group {position: absolute; bottom: 15px; left:0; width:95%; margin: 0 2.5%; text-align: right;}
.hd-gnb-mobile .hd-gnb .sitemap-group li {display: inline-block; margin-left: 2%;}
.hd-gnb-mobile .hd-gnb .sitemap-group a {position: relative; display: block; color: #fff;}
.hd-gnb-mobile .ico.ico-depart {width: 30px; height:30px;}
.hd-gnb-mobile .ico.ico-depart:before {content: none;}
.hd-gnb-mobile .ico.ico-depart:after {top:80%; width:100%; height:100%; background: url(../img/main/svg/ico_depart_mo.svg) no-repeat center/contain;}
.hd-gnb-mobile .ico.ico-sitemap {width: 25px; height:25px;}
.hd-gnb-mobile .ico.ico-sitemap:before {content: none;}
.hd-gnb-mobile .ico.ico-sitemap:after {top:75%; width:100%; height:100%; background: url(../img/main/svg/ico_sitemap_mo.svg) no-repeat center/contain;}

.hd-gnb-mobile .gnb-wrap{
	background:#f9f9f9;
	height: 100vh;
	padding:20px;
	
}
.hd-gnb-mobile .depth01 {
	position: relative;
	padding: 10px 1%;
	border-radius:30px;
    width:100%;
    margin: 0px auto;
	}
.hd-gnb-mobile .depth01 > li{
	display:block;
	width:calc(100% - 16px);
	margin:0 auto 8px;
    position: relative;
    border-bottom: 1px solid #ddd;
	
}
.hd-gnb-mobile .depth01 a {
	display: block;
 line-height: 1;
  text-decoration: none;
  transition: 0.4s;
    padding: 10px 0 10px 10px;}
.hd-gnb-mobile .depth01 a:hover, .hd-gnb-mobile .depth01 a:active, .hd-gnb-mobile .depth01 a:focus {color: #e50048;}
.hd-gnb-mobile .depth01-link {padding: 10px; height: 50px;}
.hd-gnb-mobile .depth01-list.open .depth01-link {position: relative;left:0;display: inline-block;width: 140px;padding-left: 30px;margin-left: -1%;border-radius: 0 30px 30px 0;background: #e50048;box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);color: #fff;z-index: 1;}
.hd-gnb-mobile .depth01-list.open .depth02 {display: block;}

.hd-gnb-mobile .depth02 {display: none;position: absolute;top:0;left: 120px;width: calc(100% - 120px);height: calc(100vh - 260px);padding: 10px 4% 10px 30px;background: #fff;overflow-y: auto;}
.hd-gnb-mobile .depth02-list {position: relative;border-bottom: 1px solid #ddd;}
.hd-gnb-mobile .depth02-list .submenu-btn {position: absolute;top: 0;right: 0;width: 40px;height: 45px; cursor: pointer;}
.hd-gnb-mobile .depth02-list.superOpen .depth02-link {color: #e50048;}
.hd-gnb-mobile .depth02-link {position: relative;width: calc(100% - 45px);padding: 10px 0 10px 10px;}
.hd-gnb-mobile .depth02-link .submenu-btn {position: absolute;top:13px;right:0;z-index: 2;}
.hd-gnb-mobile .depth03 {display: none; background: #f8f8f8;}
.hd-gnb-mobile .depth03-list {position: relative;}
.hd-gnb-mobile .depth03-list:before {content: ""; position: absolute; top:1.3em; left: 0.8em; width:4px; height:4px; border-radius: 50%; background: #a3a3a3;}
.hd-gnb-mobile .depth03-list.superOpen:before {background: #e50048;}
.hd-gnb-mobile a.depth03-link {padding: 6px 1.5em;line-height: 1.8;}
.hd-gnb-mobile .depth03-list .submenu-btn {position: absolute;top:0;right: 0;width:40px;height: 37px;z-index: 2;}
.hd-gnb-mobile .depth03-list a {line-height: 1.7;}
.hd-gnb-mobile .depth03-list ul {display: none; position: relative; padding-top: 5px; background: #efefef;}
.hd-gnb-mobile .depth03-list.superOpen > a {color: #e50048;}
.hd-gnb-mobile li.superOpen > a {color: #e50048;}
.hd-gnb-mobile .depth03-list ul li {position: relative;}
.hd-gnb-mobile .depth03-list ul .submenu-btn {top: 5px; width: 35px; height: 25px;}
.hd-gnb-mobile .depth03-list ul a:before {content: "-"; padding-right:3px;}
.hd-gnb-mobile .depth03-list ul a {padding-left:1em; padding-right: 30px; line-height: 32px; font-size: 0.9em;}
.hd-gnb-mobile .depth03-list ul ul {padding-top: 5px; margin-top: 5px;  background: #e5e5e5;}
.hd-gnb-mobile .depth03-list ul ul a {padding-left:2em; font-size: 0.85em;}
.hd-gnb-mobile .depth03-list ul ul ul {padding-top: 5px; margin-top: 5px; background: #d8d8d8;}
.hd-gnb-mobile .depth03-list ul ul ul a {padding-left:3em; padding-right:0; font-size: 0.85em;}
.hd-gnb-mobile .depth03-list ul ul ul li:last-child a {padding-bottom: 5px;}

.submenu-btn .ico.ico-plus:before, .submenu-btn .ico.ico-plus:after {width: 12px; height:1px; background: #666; transition: 0.4s;}
.submenu-btn.open .ico.ico-plus:after {transform: translate(-50%, -50%) rotate(0deg);}

.header.active {background: #fff; border-bottom: 1px solid #f1f1f1;}
.header.active .info-logo .logo-link {background-image: url(../img/main/svg/logo01.svg);}
.header.active .info-ul .info-list .global-sel:before {background-image: url(../img/main/ico_global_b.png);}
.header.active .info-ul .info-list .global-sel:after {background-image: url(../img/main/ico_arrow_down_b.png);}
.header.active .info-ul a {color: #333;} 
.header.active .info-list .login {background-image: url(../img/common/ico_login_b.png);}
.header.active .info-list .join {background-image: url(../img/common/ico_join_b.png);}
.header.active .hd-logo .logo-link {background-image: url(../img/main/svg/logo01.svg);}
.header.active .hd-searchbox {
	border-color:#666;
	background-image: url(../img/main/ico_search_b.png);}
.header.active .hd-infobar {background: #fff; border-bottom: 1px solid #f1f1f1;}
.header.active .btn-link span {background: #333;}

.header .mo .btn-link span {display:block;
width: 24px;
height:2px;
background: #333;}
.header .mo .btn-link span:nth-child(2){
	margin:6px 0;
	width:14px;
}
.header.active .mo .btn-link span {
background: #333;}


@media screen and (min-width:600px){
	.hd-gnb-mobile .gnb-shadow {display: none;position: fixed;top: 61px;left: 0;width:100%;height:100%;background: rgba(0,0,0,0.3);z-index: -1;transition: 0.4s;}
	.hd-gnb-mobile.close .gnb-shadow {display: block;}
	.hd-gnb-mobile .hd-gnb {width: 40%;}
}
@media screen and (min-width:1024px){
	.hd-infobar {border-bottom: none;}
	.info-ul .info-list.pc {display: inline-block; width: auto;padding: 0 10px;}
	.info-ul .info-list .global-sel:before {opacity: 1;}
	.hd-logo .logo {top: 25px;left: 0;width: 400px; height: 60px; transform: translateX(0);}
	.header.active .hd-infobar {background: transparent; border: none;}
	.hd-gnb-mobile .hd-gnb {width: 30%;}
}
@media screen and (min-width:1280px){

	
	.header {height: 110px;}
    .info-ul {right: 2%;}
    .hd-logo .logo {display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;}
    .logo_2030expo{
    white-space:nowrap;
    color:#222;
    font-weight:500;
	font-family:"Title_Bold", "Noto Sans KR", sans-serif;
    font-size:3.2rem}
    
    .logo_2030expo:hover{
    text-decoration:none;}
    .active .logo_2030expo{
    color:#222;}
	.hd-searchbox {left: auto; right: 40px; top:46px; }
	.hd-gnb-mobile.mo {display: none;}
	.hd-sitemap.pc {display: block;}
	.header .hd-sitemap .btn-link {position: absolute; top:68px; right:0;}
	.hd-gnb-mobile .btn-link {position: absolute;top: 12px;right:0;z-index: 1;}
	.hd-searchbox{
	border:1px solid #222;
	background-size:19px;
	}
	.hd-gnb.pc {
	display: block;
	position: absolute;
	top:50px;right: 100px; width: 480px;}
	.hd-gnb.pc .shadow {display: none; position:fixed; top:110px; left:0; width:100vw; height: 100vh; background: rgba(0,0,0,0.5); transition: 0.4s; z-index: -1;}
	.hd-gnb.pc .gnb-bg {display: none;position: fixed;top: 110px;left: 0;width:100%;height: 392px;background: rgba(255,255,255,1);z-index: -1;}
	.hd-gnb.pc .depth01 {display: flex;width: 100%;justify-content: space-between;}
	.hd-gnb.pc .depth01-list {position: relative; flex: 0 0 20%; max-width: 20%; text-align: center; overflow: hidden;}
	.hd-gnb.pc .depth01-list:after {content: ""; position: absolute; top:25px; right:0; width: 1px; height: 13px; background: #ccc; }
	.hd-gnb.pc .depth01-list:last-child:after {content: none;}
	.hd-gnb.pc .depth01-link {line-height: 60px; color: #fff;}
	
	.hd-gnb.pc .depth02 {display: none; padding: 20px 0;}
	.hd-gnb.pc .depth02-list {position: relative;}
	
	.hd-gnb.pc .depth02:before {content: ""; position: absolute; bottom:-30px; left:0; width:1px; height: calc(100% - 30px); background: #ddd; opacity:1; transition: 10s;}
	.hd-gnb.pc .depth01-list:last-child .depth02:after {content: ""; position: absolute; bottom:-30px; right:0; width:1px; height: calc(100% - 30px); background: #ddd; opacity:1; transition: 10s;}

	
	.hd-gnb.pc .depth02-link {position: relative; padding: 0 0 0 30px; text-align: left; line-height:1.7; color: #333;}
	.hd-gnb.pc .depth02-link:before {content: "-"; padding-right: 5px;}
	
	.hd-gnb.pc .depth01-list.depart .depth02-link {padding: 0 0 0 70px;}
	.hd-gnb.pc .depth01-list.depart .depth02-link:before {content: ""; position: absolute; top:0; left:30px; width:30px; height:30px; background:url(../img/main/svg/ico_depart12.svg) no-repeat 50% 100%/30px;}
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(2) .depth02-link:before {background-image: url(../img/main/svg/ico_depart02.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(3) .depth02-link:before {background-image: url(../img/main/svg/ico_depart03.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(4) .depth02-link:before {background-image: url(../img/main/svg/ico_depart04.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(5) .depth02-link:before {background-image: url(../img/main/svg/ico_depart05.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(6) .depth02-link:before {background-image: url(../img/main/svg/ico_depart06.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(7) .depth02-link:before {background-image: url(../img/main/svg/ico_depart07.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(8) .depth02-link:before {background-image: url(../img/main/svg/ico_depart08.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(9) .depth02-link:before {background-image: url(../img/main/svg/ico_depart13.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(10) .depth02-link:before {background-image: url(../img/main/svg/ico_depart10.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(11) .depth02-link:before {background-image: url(../img/main/svg/ico_depart14.svg?v=1);background-position: 50% 200%;}
	
	.hd-gnb.pc .depth01 a {font-size: 1.8rem;display: block; color:#222;}
	.hd-gnb.pc a.depth02-link {font-size: 1.6rem; line-height: 2.0; white-space: nowrap;}
	.header.active .hd-gnb.pc .depth01 a {color: #333;}
	.hd-gnb.pc .depth01 a:hover, 
	.hd-gnb.pc .depth01 a:active, 
	.hd-gnb.pc .depth01 a:focus {color: #e50048!important; text-decoration: none;}

}
@media screen and (min-width: 1400px){
	.hd-gnb.pc {
    display: block;
    position: absolute;
    top: 50px;
    right: 100px;
    width: 480px;
}
}
@media screen and (min-width: 1620px){
	.hd-logo .logo {left: calc(50% - 800px);}
	.info-ul {right: calc(50% - 800px);}
	.hd-searchbox {right: 20px;}
	.header .hd-sitemap .btn-link {right: calc(50% - 790px); }
	.hd-gnb.pc .gnb-bg {height: 420px;}
	.hd-gnb.pc .depth01 a {font-size: 21px; color:#222;}
	.hd-gnb.pc a.depth02-link {font-size: 1.7rem; line-height: 2.0;}
}



/*footer */
.footer {padding: 100px 0; background: rgba(0,0,0,0.1); color:#666}


.areaList > li > a:before {content:""; display:block; margin:0 auto 0.5em; width:60px; height:60px; background:url(../../assets/img/main/ico_area.png?v=202112081638) no-repeat; transform:scaleY(0.9) scaleX(0.9);}
.areaList > li > a:hover:before,
.areaList > li > a:focus:before {animation: pong2 0.5s ease-out;}
.areaList > li > a.type1:before {background-position: 0 0;}
.areaList > li > a.type2:before {background-position: -60px 0;}
.areaList > li > a.type3:before {background-position: -120px 0;}
.areaList > li > a.type4:before {background-position: -180px 0;}
.areaList > li > a.type5:before {background-position: -240px 0;}
.areaList > li > a.type6:before {background-position: -300px 0;}
.areaList > li > a.type7:before {background-position: -360px 0;}
.areaList > li > a.type8:before {background-position: -420px 0;}
.areaList > li > a.type9:before {background-position: -480px 0;}
.areaList > li > a.type10:before {background-position: -540px 0;}
.areaList > li > a.type11:before {background-position: -600px 0;}
.areaList > li > a.type12:before {background-position: -660px 0;}
.areaList > li > a.type13:before {background-position: -720px 0;}
.areaList > li > a.type14:before {background-position: -780px 0;}
.areaList > li > a.type15:before {background-position: -840px 0;}
.areaList > li > a.type16:before {background-position: -900px 0;}

#footer {position: relative; background:#fff; padding:0;
border-top:1px solid #c3c3c3;}

#footer .footerBody {padding:40px 0 74px;}
#footer .footerMenu li {position: relative; line-height:1; color:#666; }
#footer .footerMenu li a{color:#666; }
#footer .footerMenu li:before {content:""; position: absolute; top:50%; left:-10px; width: 1px;height: 10px;background: #ccc;transform: translateY(-50%);}
#footer .footerMenu li:first-child:before {content : none;}
#footer .footerMenu span {color:#0f6ca1;}
#footer .footMark > a {margin-right:2em; display:inline-block; vertical-align:center;}
#footer .footMark > a:last-child {margin-right:0;}
#footer .footMark img {vertical-align:top;}
#footer .footMinwon {margin-bottom:1em;}
#footer .footMinwon > a {display:block;}
#footer .footMinwon .tit {font-size:1.5em;}
#footer .footTxt{
	font-weight:200;
	margin-bottom:36px;
}
#footer .footTxt > div {margin-bottom:1em;}
#footer .footTxt > div > a {color:#0f6ca1; border-bottom:1px solid #0f6ca1; margin-right:1.5em;}
#footer .footTxt > div > a:last-child {margin-right:0;}

#footer .footerBody .inner > article {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	width:100% !important; text-align: center; padding:0 !important; border:0 !important;}
#footer .footerAddress {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	color:#666;
}
#footer .footerLogo {margin-bottom:54px;}
#footer .footerTXT {margin-bottom:36px;}
#footer .footerTop {position: relative; z-index: 10;}
#footer .familySite {display:block;}
#footer .familySite .cell {width:100%;margin-top:-1px;height:3em;border: 1px solid #ddd;}
#footer .familySite .cell a {display: block;}
#footer .familySite .cell > ul > li {position: relative;}
#footer .familySite .cell > ul > li > a {padding: 0 20px; line-height: 44px; text-align: left;}
#footer .familySite .cell > ul > li > a:after {content: ""; position: absolute; top:13px; right: 20px; width: 20px; height: 20px; background: url(../img/main/ico_arrow_down_b.png) no-repeat center; transition: 0.4s;}
#footer .familySite .cell > ul > li > a.open:after {transform: rotate(180deg);}

#footer .familySite .cell > ul ul {display: none; position: absolute; bottom:45px; left:-1px; width:calc(100% + 2px); height: 200px; padding: 10px 20px;background: #f1f1f1;text-align: left;line-height: 1.4; overflow-y: auto}

#footer .footerMenu {text-align: center; margin-bottom:68px;}
#footer .footerMenu ul {display:inline-block;}
#footer .footerMenu li {display:inline-block; margin-right:20px;}
#footer .footerMenu li:last-child {margin-right:0;}

#footer .footMinwon {display: flex;flex-wrap: wrap;margin: 20px 0;justify-content: center;align-items: center;}
#footer .footMinwon .callTxt b {display: block; font-weight: 600;}
#footer .footMinwon .callNum {margin-left: 10px; font-size: 2.5em;}
#footer .footMinwon .callNum a {text-decoration: none; color: #222;}
#footer .footMinwon .txt {flex: 0 0 100%; margin-top: 5px;}

#scrollTop {
	display: none; position:absolute; top:0;right: 1.2em;font-family: "GmarketSans", sans-serif;z-index:11; transition: 0.4s; opacity: 0;}
#scrollTop.show {opacity: 1;}
#scrollTop > span {
	display:inline-block;
    width: 50px;
    height: 40px;
    /* border: 1px solid #f1f1f1; */
    border-radius: 0 0 16px 16px;
    background: linear-gradient(
45deg
, #368c85 9%, #e2054b 100%);
    font-size: 0.85em;
    color: #fff;
    line-height: 40px;
    text-align: center;}
/* #scrollTop:before {content:""; display:block; width:11px; height:37px; background:url(../../assets/img/common/ico_scrolltop.png) no-repeat center top; margin:0 auto 0.5em; transition: all 0.3s ease-in-out;} */
#scrollTop:hover:before,
#scrollTop:focus:before {height:57px;}



#footer .footerBody .inner:after {content: ""; display: block; clear: both;}

@media all and (min-width:769px){
	#footer .footerTop {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	#footer .footerTop .inner {display:flex;}
	#footer .familySite {display: flex;}
	#footer .familySite .cell {width: 230px; margin-top: 0; margin-right: -1px; border-top: none; border-bottom: none;}
	#footer .familySite .cell:last-child {margin-right:0;}
}
@media all and (min-width:1024px){
	#scrollTop{
	display: block;
	}
	
}

@media all and (min-width:1201px) { 
	
	#navBack {position:fixed; top:196px; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); display:none;}
	
	#footer .footerTop {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	#footer .footerTop .inner {justify-content:space-between;}
	#footer .footerTop .inner:after {display:none;}
	#footer .footerTop .inner > div {display:flex;}
	
	#footer .footerBody .inner {display:flex;}

	#footer .footerMenu {text-align: left;}

	#footer .footerAddress .copyright {flex: 0 0 100%; max-width: 100%;}

    #footer .footerSns {justify-content: flex-end;}
    #footer .footMinwon {text-align: right;justify-content: flex-end;align-items: flex-end;}
	#footer .footMark {text-align:right;}
	#footer .footMark img {vertical-align: middle;}
}
@media all and (min-width:1280px){
	#footer .familySite .cell {width: 300px;}
	#footer .familySite .cell > ul ul {bottom: 50px;}
	#footer .familySite .cell > ul > li > a {line-height:51px;}
	#footer .familySite .cell > ul > li > a:after {top: 14px;}
	
}
@media all and (min-width:1400px){
	#footer .familySite .cell {width: 320px;}
	#footer .familySite .cell > ul ul {bottom: 55px;}
	#footer .familySite .cell > ul > li > a {line-height:54px;}
	#footer .familySite .cell > ul > li > a:after {top: 16px;}
}
@media all and (min-width:1620px){
	#footer .inner {width: 1600px;}
}
@media all and (max-width:1200px) {
	
	#footer .footerTop .inner {flex-flow:row wrap; text-align: center;}
	#footer .footerBody .inner {font-size: 0.85em;}
	#footer .footerBody .inner > article:first-child {width:60%; padding-right:2em;}
	
	#footer .footerLogo {margin-bottom:2em;}
	#footer .familySite .cell select {width:calc(100% - 5.7em);}
	#footer .familySite .cell button {width:5.3em;}
	#footer .footerSns {display:flex; justify-content:center; margin:1em 0 0; width:100%;}
	#footer .footerMenu {margin-bottom:2em;}
}

@media all and (max-width:769px) {
	img.logo-busan{
	width:120px;}
}

/* 재난 레이어팝업 */
#disaster {position:relative; z-index:3; transition:all 0.3s ease-in-out;}
#disaster .disasterInner {display:block; height:100%; margin:0 auto; overflow:hidden;}
#disaster .disasterInner > a {height:100%; display:none;}
#disaster.active .disasterInner > a {display:block; position: relative;}
#disaster .disasterTitle {font-size:1.4em;color:#fff;margin-bottom: 10px;text-align: center;}
#disaster .disasterTitle > span {display:inline-block; vertical-align:top; border-bottom:3px solid #fff; margin-left:2.5em; position: relative;}
#disaster .disasterTitle > span:before {content:""; display:block; width:2em; height:2em; background:url(../../assets/img/common/ico_disaster.png) no-repeat center center; position:absolute; top:50%; right:calc(100% + 0.5em); transform:translateY(-50%);}
#disaster .disasterContents {font-size:1.1em; line-height:1.4; color:#fff; word-break: keep-all;}
#disaster[data-type] .disasterInner {max-width:1200px;}
#disaster[data-type] .disasterInner > a {padding: 1em;}
#disaster[data-type='1'] {background:url(../../assets/img/common/bg_disaster.jpg) no-repeat center bottom / cover;}
#disaster[data-type='2'] {background:url(../../assets/img/common/bg_disaster_warn.jpg) no-repeat center bottom / cover;}
#disaster img[data-response='pc'] {display:block; width:100%;}
#disaster img[data-response='ta'] {display:none; width:100%;}
#disaster img[data-response='mo'] {display:none; width:100%;}
#disaster .disasterClose {padding:0 1.5em; background:rgba(0,0,0,1); color:#fff; line-height:1; font-size:0.9em; text-align: right;}
#disaster .disasterClose label {display:inline-block; height:3em; line-height:3em; white-space:nowrap;}
#disaster .disasterClose button {width:3em; height:3em; text-indent:-9999px; overflow:hidden; background:url(/humanframe/global/assets/img/common/ico_close_w.png) no-repeat center center;}
#disaster .disasterContents {width: 99%;height: 58px;overflow: hidden;word-break: break-word;text-align: center;}

#disaster {position: relative; width:100vw; height:140px; background: #374880;}
#disaster .disasterInner img {width: auto; height:100%; margin:0 auto; max-width:none; position: absolute; left:50%; transform: translateX(-50%);}
#header.disasterOn {height: 225px;}
#header.disasterOn .hd-infobar {top: 180px;}
#header.disasterOn .hd-gnb-mobile .hd-gnb {top: 225px;}
#header.disasterOn .hd-gnb-mobile .btn-link {top: 75px;}
#header.disasterOn .hd-gnb-mobile .gnb-shadow {top: 225px;}
#header.disasterOn .disasterClose {display: block;}
#header .disasterClose {display: none;}

@media screen and (min-width:1280px){
	#header.disasterOn {height: 290px;}
	#header.disasterOn .hd-gnb.pc .gnb-bg {top: 290px;}
	#header.disasterOn .hd-gnb.pc .shadow {top: 290px;}
	#header.disasterOn .hd-infobar {top: 186px;}
	#header.disasterOn .hd-logo .logo {top: 65px;}
	#header.disasterOn .hd-gnb.pc {top: 90px;}
	#header.disasterOn .hd-searchbox {top: 103px;}
	#header.disasterOn .hd-sitemap .btn-link {top: 108px;}
	#disaster .disasterClose {background:rgba(0,0,0,0.5);}
	#disaster .disasterTitle {font-size: 2.0rem;}
	#disaster .disasterContents {font-size: 1.4rem;}
}

@media all and (max-width:1280px) {	
    #disaster {height:120px;}
	#disaster ~ #navBack {top:8.5em;}
	#disaster ~ .headerTop {height:3.5em;}
	#disaster ~ .headerBottom #topNav {top:8.5em;}
	#disaster.active ~ #navBack {top:calc(8.5em + 149px);}
	#disaster.active ~ .headerBottom #topNav {top:calc(8.5em + 149px);}
	#disaster img[data-response='pc'] {display:none;}
	#disaster img[data-response='ta'] {display:block;}
	#disaster img[data-response='mo'] {display:none;}
	#header.disasterOn ~ #container {margin-top:calc(8.5em + 149px);}
	#disaster .disasterTitle {font-size: 1.8rem;}
	#disaster .disasterContents {height: 55px;font-size: 1.32rem;}
}
@media all and (max-width:768px){	
    #disaster {height:135px;}
	#disaster img[data-response='pc'] {display:none;}
	#disaster img[data-response='ta'] {display:none;}
	#disaster img[data-response='mo'] {display:block;}	
	
	#header.disasterOn .hd-gnb-mobile .btn-link {top: 55px;}
	#disaster .disasterTitle {font-size: 2.2rem;}
	#disaster .disasterContents {height: 70px;font-size: 1.0rem;}
}