@charset "utf-8";

/* font-face */
@font-face {
	font-family:'SCDream'; font-style:normal; font-weight:400;
	src: url('/humanframe/global/assets/css/font/SCDream4.woff') format('woff'), url('/humanframe/global/assets/css/font/SCDream4.otf') format('opentype');
}
@font-face {
	font-family:'SCDream'; font-style:normal; font-weight:700;
	src: url('/humanframe/global/assets/css/font/SCDream5.woff') format('woff'), url('/humanframe/global/assets/css/font/SCDream5.otf') format('opentype');
}
@font-face {
	font-family:'SCDream'; font-style:normal; font-weight:900;
	src: url('/humanframe/global/assets/css/font/SCDream7.woff') format('woff'), url('/humanframe/global/assets/css/font/SCDream7.otf') format('opentype');
}

/* 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');
}
/* Theme Settings */
* {box-sizing: border-box;}
body {font-family: "SCDream", sans-serif; line-height: 1.2; color:#222; opacity:0; transition: all 0.5s linear;}
body.loaded {opacity:1;}

button {font-size:inherit; font-family: inherit;}
input {font-family: inherit;}

/* button */
.button.color {border:1px solid #004e97; color:#fff; background-color:#004e97;}
.pribacy{color:#086AAD;}

/* tab */
.tabStyle > li:after {border-color:#004e97;}
.tabStyle li a:hover, .tabStyle li a:focus, .tabStyle li a.active, .tabStyle li.active a {border-color:#004e97; background-color:#004e97; color:#fff;}
.tabStyle02 > li > a:hover, .tabStyle02 li > a:focus, .tabStyle02 li a.active, .tabStyle02 li.active a {background-color:#fff; border:1px solid #004e97; color:#004e97;}

/* Board View */
.boardView .form-data-tag dt .btnTypeS {background:#004e97;}
.boardView .form-data-subject-wrap p, .boardView .form-data-info .attfiles li a, .boardView .form-data-tag dd a {color:#004e97;}

/* Search Keyword */
.keyword_point {background:yellow; font-weight: bold;}

/* Layout */
#header {position:fixed; top:0; width:100%; background:#fff; z-index: 9999;}
#header .headerUtil {border-bottom:1px solid #ececec;}
#header .headerUtil .headerUtilInnr:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#header .headerUtil .utilLogo {float:left; margin:7px 0 5px;}
#header .headerUtil .utilLogo img {height:21px; margin-top:2px; vertical-align:top;}
#header .headerUtil .util {float:right; margin:3px 0 0;}
#header .headerUtil .util:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#header .headerUtil .util .menus {float:left; margin:7px 10px 0 0; color:#666;}
#header .headerUtil .util .menus li {display:inline; margin-left:8px; font-size:90%; line-height:1;}
#header .headerUtil .util .language {float:left; display:table; padding:2px 0; border-bottom-left-radius:3px;}
#header .headerUtil .util .language select {display:table-cell; vertical-align:top; height:28px; border:0; border-radius:2px; background:#ededed url('../../../../global/assets/img/bg_select_arrow2.png') no-repeat 100% 50%; font-size:90%;}
#header .headerUtil .util .language select::-ms-expand {display:none;}
#header .headerUtil .util .language .btn {display:table-cell; vertical-align:top;}
#header .headerUtil .util .language .btn .btnGo {position:relative; display:block; margin-left:-1px; padding:0 10px; background:#333; border-radius:2px; color:#fff; font-weight:bold; line-height:28px; text-decoration:none;}

#header .headerInnr:after {content:''; display:block; clear:both;}
#header .logo img {vertical-align:top;}
#header .logo > a {display:inline-block; vertical-align:middle; text-decoration:none;}
#header .logo .logoSibo {
	text-align:left;
    padding-right: 0.5em;
    margin-right: 0.5em;
    position: relative;
    font-size: 1.2em;
    color: #333;
    font-weight: 900;
    letter-spacing: -0.5px;
    width: 252px;
    height: 40px;
    background: url(../../../../global/assets/img/common/busanisgood.svg)no-repeat right center/ contain;
}
/* #header .logo .logoSibo:after {content:""; display:block; width:1px; height:1.5em; background:#aaa; position:absolute; top:50%; right:0; transform:translateY(-50%);} */
#header .btnNav {position:relative; display:inline-block; vertical-align:top; width:38px; height:38px; text-indent:-9999px;}
#header .btnNav:before {content:''; position:absolute; top:50%; left:50%; margin:-11px 0 0 -13px; width:25px; height:22px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat -30px 0; background-size:150px auto;}
#header .btnSearch {display:inline-block; vertical-align:top; position:absolute; top:5px; right: 5px; width:38px; height:38px; text-indent:-9999px;}
#header .btnSearch:before {content:''; position:absolute; top:50%; left:50%; margin:-13px 0 0 -13px; width:25px; height:25px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat 0 0; background-size:150px auto;}
#header .btnClose {display:inline-block; vertical-align:top; position:relative; width:38px; height:38px; text-align:left; text-indent:-9999px;}
#header .btnClose:before {content:''; position:absolute; top:50%; left:50%; margin:-11px 0 0 -10px; width:20px; height:22px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat -60px 0; background-size:150px auto;}
#header .topSearch .topSearchBar {position:relative; background:#fff;}
#header .topSearch .topSearchBar .search {
	position:relative; 
	text-align: left;  
	display:block;  
	margin:0 auto; 
	background:#fff; 
	border: 3px solid #555555; 
	overflow:hidden;}
#header .topSearch .topSearchBar .search select {float:left; width:26%; height:100%; padding-left:14px; border-radius:17.5px 0 0 17.5px; background:#004e97 url('../../../../global/assets/img/bg_select_arrow3.png') no-repeat 100% 50%; border:0; color:#fff;}
#header .topSearch .topSearchBar .search input.text {
	width: 100%; 
	padding:0 46px 0 12px; 
	background:none; 
	border:none; 
	color:#4b4b4b; 
	height:35px; 
	font-weight:bold;}
#header .topSearch .topSearchBar .search input.text::-webkit-input-placeholder {color:#4b4b4b;}
#header .topSearch .topSearchBar .search input.text::-ms-input-placeholder {color:#4b4b4b;}
#header .topSearch .topSearchBar .search input.text::-moz-placeholder {color:#4b4b4b;}
#header .topSearch .topSearchBar .search .btnSearchGo {
	position:absolute;
	top:0;
	right:0;
	width:46px;
	height:101%;
	background:#555555;
	text-align:center;
	text-indent:-9999px;}
#header .topSearch .topSearchBar .search .btnSearchGo:before {content:''; position:absolute; top:50%; left:50%; margin:-11.5px 0 0 -11.5px; width:23px; height:23px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat -120px -60px;}
#header .topSearch .topSearchBar .btnClose {position:absolute; background-color:#fff;}
#header .topSearch .topSearchBar.opened {display:block;}
#header .topSearch .topSearchBar.show {opacity:1; top:100%;}
#header .dynamicNews {position:absolute; top:50%; right:15%; transform:translateY(-50%);}
#header .dynamicNews a {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	color:#81177e;
	padding:10px 20px;
	text-align: left;}
	
#header .dynamicNews a p{
	font-weight:bold;
	margin-left:8px;
}
#header .dynamicNews a span {font-size:0.86em;}
#header .topUtils {display:none;}
#header #topNav ul.topNavMenus > li > .btnMenuDropDown {position:relative; display:block; width:54px; height:40px; text-align:center; text-indent:-9999px;}
#header #topNav ul.topNavMenus > li > .btnMenuDropDown:before {content:''; position:absolute; top:50%; left:50%; margin:-9px 0 0 -9px; width:18px; height:18px; background:url('../../assets/img/common/sp_ico_header.png') no-repeat -90px 0; background-size:150px auto;}
#header #topNav > .btnClose {position:absolute; background-color:#fff;}

#container {position:relative;}
#container .containerHeadVisual {height:181px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#container .containerInnr {margin:0 auto;}
#container .containerInnr:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#contents:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
#location {position:absolute;right:0;top:0;/* overflow:hidden; */}
#location .lineMap {padding:16px 0 0 0;text-align:right;}
#location .lineMap .home {display:inline-block; vertical-align:middle;}
#location .lineMap a, #location .lineMap span {display:inline-block; vertical-align:top; padding:0 5px;}
#location ul.shareArea {float:right;}
#location ul.shareArea > li {float:left; position:relative;}
#location ul.shareArea > li > a {position:relative; display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px;}
#location ul.shareArea > li > a:before {content:''; position:absolute; top:50%; left:50%; background:url('../../assets/img/common/sp_ico_layout.png') no-repeat 0 9999px;}
#location ul.shareArea > li.share > a:before {margin:-8px 0 0 -8px; width:16px; height:16px; background-position:0 -26px;}
#location ul.shareArea > li.print > a:before {margin:-8.5px 0 0 -9px; width:18px; height:17px; background-position:0 -54px;}
#location ul.shareArea > li.on > a:before {display:block; content:''; position:absolute; top:50%; left:50%; width:7px; height:12px; margin:-6px 0 0 -3px; background:url('../../assets/img/common/sp_ico_snsArrow.png?v=202109291521') no-repeat 0 0;}
#location ul.shareArea > li .shareBox {display:none; position:absolute; top:0; right:30px;}
#location ul.shareArea > li.on .shareBox {display:block;}
#location .shareBox ul.shareList {width:150px;}
#location .shareBox ul.shareList:after {display:block; content:''; clear:left;}
#location .shareBox ul.shareList > li {float:left; width:20%;}
#location .shareBox ul.shareList > li > a {display:block; width:30px; height:28px; overflow:hidden; text-indent:-9999px;}
#location .shareBox ul.shareList > li > a:before {display:block; content:''; width:29px; height:27px; background:url('../../assets/img/common/sp_ico_sns.png') no-repeat 0 9999px}
#location .shareBox ul.shareList > li.naverband a:before {background-position:0 0;}
#location .shareBox ul.shareList > li.bookmark a:before {background-position:-29px 0;}
#location .shareBox ul.shareList > li.kakaostory a:before {background-position:-58px 0;}
#location .shareBox ul.shareList > li.twitter a:before {background-position:-87px 0;}
#location .shareBox ul.shareList > li.facebook a:before {background-position:-116px 0;}
#location .shareBox ul.shareList > li.naverband a:hover:before,
#location .shareBox ul.shareList > li.naverband a:focus:before {background-position:0 -37px;}
#location .shareBox ul.shareList > li.bookmark a:hover:before,
#location .shareBox ul.shareList > li.bookmark a:focus:before {background-position:-29px -37px;}
#location .shareBox ul.shareList > li.kakaostory a:hover:before,
#location .shareBox ul.shareList > li.kakaostory a:focus:before {background-position:-58px -37px;}
#location .shareBox ul.shareList > li.twitter a:hover:before,
#location .shareBox ul.shareList > li.twitter a:focus:before {background-position:-87px -37px;}
#location .shareBox ul.shareList > li.facebook a:hover:before,
#location .shareBox ul.shareList > li.facebook a:focus:before {background-position:-116px -37px;}

#sideNav {position:relative; width:220px;}
#sideNav .sideNavTit {height:94px;background:url(../img/common/lnb_top.png) no-repeat 0 0; text-align:center; font-size:200%; line-height:1.2;vertical-align:middle;line-height:94px; color:#fff;font-family:'SCDream', Sans-serif;}
#sideNav .sideNavMenu > ul {padding-top:4px;}
#sideNav .sideNavMenu > ul > li {position:relative;padding:7px 0;border-bottom:1px solid #dddddd;}
#sideNav .sideNavMenu > ul > li:first-child {}
#sideNav .sideNavMenu > ul > li .btnMenuDropDown {display:block; position:absolute; overflow:hidden; text-indent:-9999px;}
#sideNav .sideNavMenu > ul > li .btnMenuDropDown:before {content:''; position:absolute; top:50%; left:50%; background:url('../../assets/img/common/bg_arrow_sidenav_depth1.png?v=202109291521');}
#sideNav .sideNavMenu > ul > li > a {display:block; padding:7px 30px 4px 16px; font-size:1.3em;font-weight:600; line-height:1.2;font-family:'SCDream', Sans-serif; }
#sideNav .sideNavMenu > ul > li > .btnMenuDropDown {top:8px; right:0; width:30px; height:30px;}
#sideNav .sideNavMenu > ul > li > .btnMenuDropDown:before {margin:-6.5px 0 0 -6.5px; width:13px; height:13px; background-position:0 0;}
#sideNav .sideNavMenu > ul > li.active > a {color:#e4007e;}
#sideNav .sideNavMenu > ul > li.active > .btnMenuDropDown:before, #sideNav .sideNavMenu > ul > li > .btnMenuDropDown:hover:before, #sideNav .sideNavMenu > ul > li > .btnMenuDropDown:focus:before {background-position:-20px 0;}
#sideNav .sideNavMenu > ul > li.active > ul {display:block;}
#sideNav .sideNavMenu > ul > li > ul {display:none; padding:0 16px 0 36px;}
#sideNav .sideNavMenu > ul > li > ul > li {position:relative;}
#sideNav .sideNavMenu > ul > li > ul > li > a {display:block; padding:2px 20px 2px 0; font-size:1.0em;font-family:'SCDream', Sans-serif;}
#sideNav .sideNavMenu > ul > li > ul > li > .btnMenuDropDown {top:0; right:0; width:20px; height:23px;}
#sideNav .sideNavMenu > ul > li > ul > li > .btnMenuDropDown:before {margin:-4.5px 0 0 -4.5px; width:9px; height:9px; background-position:-40px 0;}
#sideNav .sideNavMenu > ul > li > ul > li.active > a {font-weight:bold; color:#2150cc;}
#sideNav .sideNavMenu > ul > li > ul > li.active > .btnMenuDropDown:before, #sideNav .sideNavMenu > ul > li > ul > li > .btnMenuDropDown:hover:before, #sideNav .sideNavMenu > ul > li > ul > li > .btnMenuDropDown:focus:before {background-position:-60px 0;}
#sideNav .sideNavMenu > ul > li > ul > li.active > ul {display:block;}
#sideNav .sideNavMenu > ul > li > ul > li > ul {display:none; padding:10px 16px; margin-bottom:5px; background:#eee; border-radius:3px;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > a {display:block; padding:2px 0; color:#666;font-size:0.9em;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li.active > a {color:#333; font-weight:bold; text-decoration:underline;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li {position:relative;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li .btnMenuDropDown:before {margin:-4.5px 0 0 -4.5px; width:9px; height:9px; background-position:-40px 0;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li.active > .btnMenuDropDown:before, #sideNav .sideNavMenu > ul > li > ul > li > ul > li.btnMenuDropDown:hover:before, #sideNav .sideNavMenu > ul > li > ul > li >  ul > li .btnMenuDropDown:focus:before {background-position:-60px 0;}
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li { padding:3px 8px 2px 10px; position:relative; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li a:before { content:""; width:3px; height:3px; position:absolute; top:47% !important; left:5% !important; background:#c7c7c7; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li a { padding-left:4px; color:#aeaeae; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > .btnMenuDropDown { width:25px; height:25px; right:0; }
#sideNav .sideNavMenu > ul > li > ul > li > ul { padding:6px 3px 6px 14px !important; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:first-child { margin-top:4px; }
#sideNav .sideNavMenu > ul > li > ul > li > ul > li > ul > li:last-child { margin-bottom:4px; }

#footer {background:#f7f7f7; border-top:3px solid #666; color:#666; text-align:center;}
#footer .footerInnr {position:relative; padding:27px 10px 30px; }
#footer .footerInnrMenuWrap {background:#fff; border-bottom:1px solid #cecece; padding:23px 10px 20px;}
#footer .footerInnrMenuWrap .footMenu {margin-bottom:0;}
#footer .footMenu {margin-bottom:41px;}
#footer .footMenu li {display:inline-block; margin-bottom:4px; color:#333; white-space:nowrap;}
#footer .footMenu li:before {content:''; display:inline-block; vertical-align:middle; margin:0 15px; width:1px; height:13px; background:#e0e0e0;}
#footer .footMenu li:first-child:before {content:none; margin-left:0 !important;}
#footer address {font-size:90%;}
#footer address .logo {margin-bottom:34px;}
#footer address .logo img {vertical-align:top; width:110px;}
#footer address .copyright {margin-top:15px; padding-top:13px; border-top:1px solid #ddd;}
#footer .scrollTop {position:absolute; z-index:4; top:0; right:0; width:65px; height:100%; border:1px solid #cdcdcd; border-bottom: 0 ; text-align:center; line-height:48px; font-weight:bold;}
#footer .scrollTop:before {content:''; display:inline-block; vertical-align:middle; width:13px; height:18px; margin-right:6px; background:url('../../assets/img/common/sp_ico_footer.png') no-repeat -40px 0;}
#footer .footOtherSiteWrap .footOtherSiteList > li {position:relative; text-align:left; color:#666; line-height:1.2;}
#footer .footOtherSiteWrap .footOtherSiteList > li > a {position:relative; display:block; padding:0 40px 0 16px; border:1px solid #cdcdcd; font-weight:bold; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom: 0;}
#footer .footOtherSiteWrap .footOtherSiteList > li > a:after {content:''; position:absolute; top:50%; right:15px; margin-top:-5.5px; width:11px; height:11px; background:url('../../assets/img/common/sp_ico_footer.png') no-repeat 0 0;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul {display:none; position:absolute; z-index:10; left:0; right:0; background:#fff; border:1px solid #cdcdcd;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul li {background:#f5f5f5; border-top:1px solid #ddd;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul li:first-child {border-top:0;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul li a {display:block; padding:11px 16px; text-decoration:none;}
#footer .footOtherSiteWrap .footOtherSiteList > li > ul li a:hover, #footer .footOtherSiteWrap .footOtherSiteList > li > ul li a:focus {background:#fff; color:#333; font-weight:bold;}
#footer .footOtherSiteWrap .footOtherSiteList > li .btnClose {display:none; position:absolute; width:34px; height:34px; background:#fff; text-indent:-9999px;}
#footer .footOtherSiteWrap .footOtherSiteList > li .btnClose:before {content:''; position:absolute; top:50%; left:50%; margin:-5.5px 0 0 -5.5px; width:11px; height:11px; background:url('../../assets/img/common/sp_ico_footer.png') no-repeat -20px 0;}
#footer .footOtherSiteWrap .footOtherSiteList > li.active > a {color:#004e97;}
#footer .footOtherSiteWrap .footOtherSiteList > li.active > ul {display:block; max-height: 400px; overflow-y: auto;}
#footer .footOtherSiteWrap .footOtherSiteList > li.active .btnClose {display:block;}
#footer.footerOtherSiteType {background:#f7f7f7; border:0;}
#footer.footerOtherSiteType .footerInnrMenuWrap {background:#fff; border-bottom:1px solid #cecece; padding:0;}
#footer.footerOtherSiteType .footMenu {padding:14px 0 10px; margin:0;}
#footer.footerOtherSiteType .footMenu li {color:#333;}
#footer.footerOtherSiteType .footMenu li:before {background:#e0e0e0;}
#footer.footerOtherSiteType address .copyright {border-top:1px solid #ddd;}

/* Page Title */
.titPage {font-family:'SCDream', Sans-serif; line-height:1.1; color:#333; font-weight:600;letter-spacing:-0.05em;}

@media all and (min-width:1025px) { /* pc ver */
	#header .headerUtil {border-bottom:1px solid #ddd; height:40px; overflow:hidden; transition: all 0.25s;}
	#header .headerUtilInnr {max-width:1200px; margin:0 auto;}
	#header .headerInnr {position:relative; max-width:1200px; height: 70px; margin:0 auto;}
	#header .headerInnr .logo {display:inline-block; vertical-align: top; margin-top: 20px; margin-right: 20px;}
	#header .headerInnr .topSearch {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
	#header .logo {position:relative; z-index:5;}
	#header .btnNav {display:none;}
	#header .headerMenu {
		background-image: linear-gradient(to right, #eb6ea5 0, #e4007f 30%, #601986 70%);
	}
	#header .btnSearch {display:none;}
	#header #topNav {max-width: 1200px; margin: 0 auto;}
	#header #topNav ul.topNavMenus {display:table; width: 100%;}
	#header #topNav ul.topNavMenus:after {content:""; clear:both; display:block;}
	#header #topNav ul.topNavMenus > li {display: table-cell; position: relative;}
	#header #topNav ul.topNavMenus > li > a {
	display:block;
	text-align: center;
	font-size:1.3em;
	padding: 19px 3px 21px; line-height:1; font-family:'SCDream', sans-serif; color:#fff;}
	#header #topNav ul.topNavMenus > li > a > strong {
	display:inline-block;
	vertical-align:top;
	padding:0px 2px;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown {display:none;}
	#header #topNav ul.topNavMenus > li.active > a,
	#header #topNav ul.topNavMenus > li:hover > a {color:#fbff99;}
	#header #topNav ul.topNavMenus > li.hover .topNavSub {display:block;}
	#header #topNav ul.topNavMenus > li .topNavSub {display:none; position:absolute; z-index:100; top:100%; left:0; width:100%; padding:15px 0;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li {width:100%; padding:5px 0px; text-align: center;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li:first-child {padding-top: 10px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li:last-child {padding-bottom: 10px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > a {font-size:1.1em; font-family:'SCDream';}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li.active > a {color:#e4007e;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul {margin:2px 0 0 15px; display:none;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li {margin-top:5px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > a {font-size:90%; color:#666; font-family:'SCDream';}
	#header #topNav > .btnClose {display:none;}
	#header .topNavBackDv {display:none; position:absolute; z-index:99; left:0; width:100%; background:#fff; -webkit-box-shadow:0 4px 4px -2px rgba(0,0,0,0.1); box-shadow:0 4px 4px -2px rgba(0,0,0,0.1);}
	#header .topNavBackDv.opened {display:block;}
	#header .topSearch .btnSearch:before {margin:-11.5px 0 0 -11.5px; width:23px; height:23px; background-position:-120px -60px; background-size:auto;}
	#header .topSearch .topSearchBar {width:100%; overflow:hidden; background:#fff;}
	#header .topSearch .topSearchBar .search {width:350px;}
	#header .topSearch .topSearchBar .btnClose {position:absolute; top:20px; right:0; width:55px; height:35px; border-radius:17.5px; background:#004e97; display:none;}
	#header .topSearch .topSearchBar .btnClose:before {margin:-11.5px 0 0 -11.5px; width:23px; height:23px; background-position:-150px -60px; background-size:auto;}
	
	#header.scroll .headerUtil {height:0;}
	
	#container {transition: all 0.25s; margin-top: 166px;}
	#container.scroll {margin-top: 115px;}
	#container .containerInnr {max-width:1200px;/* padding:34px 0 0 0;*/ position: relative;}
	#container .containerInnr #contents {padding:0 0 50px 300px;}
	#location ul.shareArea {margin-top:8px;}

	#sideNav {position: absolute; left:0; top:0; bottom: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}

	#contents .titPage {height:94px;line-height:94px;vertical-align:middle;margin:0 0 0; font-size:220%; font-weight:bold;}

	#footer .footerInnr {max-width:1200px; margin:0 auto;}
	#footer .footerInnrMenuWrap .footMenu {max-width:1200px; margin:0 auto;}
	#footer .footOtherSiteWrap {float:right; position:relative; padding-right:64px;}
	#footer .footOtherSiteWrap:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
	#footer .footOtherSiteWrap .footOtherSiteList {float:left;}
	#footer .footOtherSiteWrap .footOtherSiteList:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
	#footer .footOtherSiteWrap .footOtherSiteList > li {float:left;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > a {height: 50px; line-height: 50px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > ul {bottom:100%;}
	#footer .footOtherSiteWrap .footOtherSiteList > li + li {margin-left:-1px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li .btnClose {top:8px; right:5px;}
	#footer .footerInnrOfficeWrap {text-align:left;}
	#footer .footerInnrOfficeWrap .footerInnr {padding:27px 0 40px;}
	#footer .footerInnrOfficeWrap address {position:relative; padding-left:204px;}
	#footer .footerInnrOfficeWrap address .logo {position:absolute; left:10px;}
	#footer .footerInnrOfficeWrap address .txt {margin-top:2px;}
	#footer .footerInnrOfficeWrap address .copyright {margin-top:2px; padding:0; border:0;}
	#footer.footerOtherSiteType {position:relative; padding-top:2px;}
	#footer.footerOtherSiteType:before {content:''; position:absolute; z-index:5; top:0; left:0; width:100%; height:3px; background:#666;}
	#footer.footerOtherSiteType .footerInnrMenu {max-width:1200px; margin:0 auto;}
	#footer.footerOtherSiteType .footerInnrMenu:after {content:''; display:block; clear:both; font-size:0; line-height:0;}
	#footer.footerOtherSiteType .footMenu {float:left; min-height:24px;/*height:49px;*/ padding:15px 15px 9px 0; border-top:1px solid #cdcdcd;}
}

@media all and (max-width:1024px) { /* mobile & tablet ver */
	body.opened-topNav {overflow-y:hidden;}
	#header {height:50px; border-bottom:3px solid #004e97;}
	#header .headerUtil {display:none;}
	#header .logo {position:absolute; top:5px; left:0; width:100%; text-align:center;}
	#header .logo img {height:40px;}
	#header .logo .logoTxt {font-size:20px;}
	#header .btnNav {position:absolute; top:7px; left:5px;}
	#header .topSearch .btnSearch {position:absolute; top:7px; right:5px;}
	#header .topSearch .topSearchBar {display:none; opacity:0; transition: all 0.25s; position:absolute; top:0; left:0; width:100%; padding:12px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; -webkit-box-shadow:0 4px 4px -2px rgba(0,0,0,0.1); box-shadow:0 4px 4px -2px rgba(0,0,0,0.1);}
	#header .topSearch .topSearchBar .btnClose {top:-44px; right:5px;}
	#header .dynamicNews {display:none;}
	#header .topUtils {display:table; width:100%; padding: 20px;}
	#header .topUtils > li {display:table-cell; width:50%; vertical-align: middle; text-align: center;}
	#header .topUtils > li > a {display:block; font-size:1.2em; padding:10px;}
	#header .topUtils > li:nth-of-type(1) > a {background:#004e97; border:1px solid #004e97; color:#fff;}
	#header .topUtils > li:nth-of-type(2) > a {background:#fff; border:1px solid #004e97; color:#004e97;}
	#header #topNav {display:none; position:fixed; background:#fff;}
	#header #topNav ul.topNavMenus {width:100%;}
	#header #topNav ul.topNavMenus li.active > a {color:#004e97 !important; font-weight:bold !important;}
	#header #topNav ul.topNavMenus > li {position:relative; border-bottom:1px solid #e5e5e5;}
	#header #topNav ul.topNavMenus > li a {display:block;}
	#header #topNav ul.topNavMenus > li > a {padding:11px 54px 11px 18px; font-family:'SCDream'; font-size:18px; line-height:1; text-decoration:none;}
	#header #topNav ul.topNavMenus > li > .btnMenuDropDown {position:absolute; top:0; right:0;}
	#header #topNav ul.topNavMenus > li.topNavSearch {display:none;}
	#header #topNav ul.topNavMenus > li.active.activeHover > .btnMenuDropDown:before, #header #topNav ul.topNavMenus > li.hover > .btnMenuDropDown:before {background-position:-120px 0;}
	#header #topNav ul.topNavMenus > li.active.activeHover .topNavSub {display:block;}
	#header #topNav ul.topNavMenus > li.hover > a {color:#004e97;}
	#header #topNav ul.topNavMenus > li.hover .topNavSub {display:block;}
	#header #topNav ul.topNavMenus > li .topNavSub {display:none;}
	#header #topNav ul.topNavMenus > li .topNavSub .topNavSubTit {display:none;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li {padding-bottom:10px;}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > a {padding:2px 54px 2px 34px; font-size:16px; font-family:'SCDream';}
	#header #topNav ul.topNavMenus > li .topNavSub > ul > li > ul > li > a {padding:2px 54px 2px 60px; color:#666; font-size:16px; font-family:'SCDream', sans-serif;}
	#header #topNav.opened {display:block;}
	
	#container {margin-top: 50px;}
	#container .containerHeadVisual {display:none;}
	
	#footer .scrollTop {display:none;}
	#footer .footOtherSiteWrap .footOtherSiteList {text-align:left; border-bottom: 1px solid #ddd; padding: 10px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > a {height:38px; line-height:36px; border-bottom: 1px solid #cdcdcd;}
	#footer .footOtherSiteWrap .footOtherSiteList > li .btnClose {top:2px; right:4px;}
	#footer.footerOtherSiteType {background:none; border-top: 3px solid #666;}
	#footer.footerOtherSiteType .footerInnr {background:#f7f7f7;}
	#footer.footerOtherSiteType .footerInnrMenuWrap {padding:0;}
	
	
	#location .lineMap {display:none;}
	.logoType1{display:none;}
}
@media all and (max-width:768px) { /* mobile ver */
	#header .logo {top:10px;}
	#header .logo img {height:30px;}
	
	#header .logo .logoSibo {
	    
	    height: 36px;
	    width: 220px;
	}
	#header .topSearch .topSearchBar .search input.text {font-size:12px;}
	#header #topNav {top:50px; bottom:0; left:0; width:100%; border-top:2px solid #e6e6e6;}
	#header #topNav > .topNavInnr {height:100%; overflow:auto;}
	#header #topNav > .btnClose {position:fixed; top:7px; left:5px;}
	body.opened-topNav #header {position:fixed; top:0; left:0;}

	#container .containerInnr {padding:16px 10px 50px 10px;}
	#location ul.shareArea {margin-top:-4px;}
	#sideNav {display:none;}

	#contents .titPage {margin:0 0 16px; font-size:180%; font-weight:bold;}

	#footer .footerInnr {padding-top:17px; padding-bottom:20px;}
	#footer .footerInnrMenuWrap {padding-top:13px; padding-bottom:10px;}
	#footer .footMenu {margin-bottom:20px; font-size:90%;}
	#footer .footMenu li:before {height:10px; margin:0 8px;}
	#footer address .logo {margin-bottom:17px;}
	#footer address .logo img {height:24px;}
	#footer address .txt {display:block;}
	#footer address .copyright {margin-top:8px; padding-top:7px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > ul {position:static; margin-top:-1px;}
	#footer.footerOtherSiteType .footerInnrMenuWrap {padding:0;}
}
@media all and (min-width:768px) and (max-width:1023px) { /* tablet ver */
	#header #topNav {position:fixed; z-index:100; top:0; bottom:0; left:0; width:45%; padding-top:50px; border-right:4px solid #004e97; overflow:auto;}
	#header #topNav ul.topNavMenus {border-top:2px solid #e6e6e6;}
	#header #topNav > .btnClose {position:absolute; top:7px; left:5px;}
	#header .topNavBackDv {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
	body.opened-topNav #header .topNavBackDv {display:block;}

	#container .containerInnr {padding:10px 20px 50px 20px;}
	#location ul.shareArea {margin-top:2px;}
	#sideNav {display:none;}

	#contents .titPage {margin:0 0 25px; font-size:200%; font-weight:bold;}

	#footer .footerInnr, #footer .footerInnrMenuWrap {padding-left:20px; padding-right:20px;}
	#footer .footOtherSiteWrap .footOtherSiteList {display:table; width:100%; table-layout:fixed;}
	#footer .footOtherSiteWrap .footOtherSiteList > li {display:table-cell;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > a {margin-right:-1px;}
	#footer .footOtherSiteWrap .footOtherSiteList > li > ul {bottom:37px; right:-1px;}
}

@media all and (max-width:425px) {
	#header .logo .logoSibo {
    font-size: 1.2em;
    line-height: 30px;
    width: 180px;
    background: url(../../../../global/assets/img/common/busanisgood.svg)no-repeat right center/ auto 28px;
}
}
