@charset "UTF-8";

/* Noto Sans KR */
@font-face {
	font-family:'Noto Sans KR';
	font-weight:100; 
	src: url('../../assets/font//NotoSansKR-Thin.woff2') format('woff2'),
	url('../../assets/font/NotoSansKR-Thin.woff') format('woff'),
	url('../../assets/font/NotoSansKR-Thin.otf') format('opentype');
}

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

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

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

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

@font-face {
	font-family:'Noto Sans KR';
	font-weight:700; 
	src: url('../../assets/font/NotoSansKR-Black.woff2') format('woff2'),
	url('../../assets/font/NotoSansKR-Black.woff') format('woff'),
	url('../../assets/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;}
a:focus-visible{outline:2px solid #222;}
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('../../assets/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: 45px;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: 100%;height:100%;background: url(../../assets/img/ansan_logo.svg) no-repeat center bottom 6px/contain; }

@media screen and (max-width: 768px){
	.hd-logo .logo-link {background-position:center center;}
}
.hd-infobar {position: fixed; top:0; left:0; width:100%; height: 45px; z-index: 2;} 
.info-logo {position: absolute; top:50%; left: 2%; width: 95px; height: 45px; transform: translateY(-50%); padding:6px 0;} 
.info-logo .logo-link {display: block; width: 100%; height:100%; background: url(../../assets/img/ansan_logo.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(../../assets/img/common/ico_login_w.png) no-repeat 0 0;}
.info-ul .info-list .join {padding-left: 20px;background: url(../../assets/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(../../assets/img/main/ico_global_w.png) no-repeat center; opacity: 0;}
.info-ul .info-list .global-sel:after {right: 0;background: url(../../assets/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 {position: absolute;top: 8px;right: calc(4% + 33px);left: auto;width:30px; height: 30px; background: url(../../assets/img/main/ico_search_w.png) no-repeat center; z-index: 3;}
.hd-searchbox a {display: block;width: 100%; height:100%;}
.hd-searchbox .search-box {display: none;}

.hd-gnb-mobile .btn-link {position: absolute;top: 12px;right:0;z-index: 2;}
.hd-gnb-mobile .hd-gnb {position: fixed;top: 45px;right:-100%;width: 100%;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%,-50%) 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%,-50%) 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: #0086ce;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(../../assets/img/main/svg/ico_depart_mo.svg) no-repeat center/contain;}

/*  */
.hd-gnb-mobile .ico.ico-phone {width: 30px; height:30px;}
.hd-gnb-mobile .ico.ico-phone:before {content: none;}
.hd-gnb-mobile .ico.ico-phone:after {top:80%; width:100%; height:100%; background: url(../../assets/img/main/svg/ico_phone_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(../../assets/img/main/svg/ico_sitemap_mo.svg) no-repeat center/contain;}

.hd-gnb-mobile .depth01 {position: relative;height: 100vh;padding: 10px 1%;background: #f1f1f1;}
.hd-gnb-mobile .depth01 a {display: block; line-height: 1.6; text-decoration: none; transition: 0.4s;} 
.hd-gnb-mobile .depth01 a:hover, .hd-gnb-mobile .depth01 a:active, .hd-gnb-mobile .depth01 a:focus {color: #e4007e;}
.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: #e4007e;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: #e4007e;}
.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: #e4007e;}
.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: #e4007e;}
.hd-gnb-mobile li.superOpen > a {color: #e4007e;}
.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,
.header.slide {background: #fff; border-bottom: 1px solid #f1f1f1;} 
/* 로고 */
.header.active .info-logo .logo-link,
.header.slide .info-logo .logo-link {background-image: url(../../assets/img/common/ansan_logo.svg);}
.header.active .info-ul .info-list .global-sel:before,
.header.slide .info-ul .info-list .global-sel:before {background-image: url(../../assets/img/main/ico_global_b.png);}
.header.active .info-ul .info-list .global-sel:after,
.header.slide .info-ul .info-list .global-sel:after {background-image: url(../../assets/img/main/ico_arrow_down_b.png);}
.header.active .info-ul a,
.header.slide .info-ul a {color: #333;} 
.header.active .info-list .login,
.header.slide .info-list .login {background-image: url(../../assets/img/common/ico_login_b.png);}
.header.active .info-list .join,
.header.slide .info-list .join {background-image: url(../../assets/img/common/ico_join_b.png);}
/* .header.active .hd-logo .logo-link {background-image: url(../../assets/img/main/svg/logo01.svg);} */
/* 로고 */
#header.active .hd-logo .logo-link,
#header.slide .hd-logo .logo-link {background-image: url(../../assets/img/common/ansan_logo.svg);}
.header.active .hd-searchbox,
.header.slide .hd-searchbox {background-image: url(../../assets/img/main/ico_search_b.png);}
.header.active .hd-infobar,
.header.slide .hd-infobar {background: #fff; border-bottom: 1px solid #f1f1f1;}
.header.active .btn-link span,
.header.slide .btn-link span {background: #333;}
.header.active .mo .btn-link span,
.header.slide .mo .btn-link span {background: #fff;}

.button.color.icon.boogiDownload.small{ padding: 14px 18px 14px 52px !important;background-image: url(/assets/img/chatbot/icondownloadBoogi.png); background-repeat: no-repeat;background-color: #23a088;background-size: auto;background-position: left 6px bottom;height: auto; line-height: 1em;border: 0;border-radius: 4px;}
.button.color.icon.boogiDownload.small::after{display:none;}

@media screen and (min-width:600px){
	.hd-gnb-mobile .gnb-shadow {display: none;position: fixed;top: 45px;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: 80%;}
	.inner-content > .pc{
	display:block;}
}
 
 

@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-searchbox {left: auto; right: 51px;top:8px;}
	.hd-logo .logo {top: 0;left: 0;width: 160px; height: 110px;padding:14px 0; transform: translateX(0);}
	.header.active .hd-infobar,
	.header.slide .hd-infobar {background: transparent; border: none;}
	.hd-gnb-mobile .hd-gnb {width: 50%;}
}
@media screen and (min-width:1280px){
	.header {height: 110px;}
    .info-ul {right: 2%;}
    .hd-logo .logo {display: block;}
    .hd-searchbox {display: block;top:63px; right:50px;left:auto; z-index:1;}
	.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-gnb.pc {display: block;position: absolute;top:50px;left: calc(45% - 500px);width:900px;}
	.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: 424px;background: rgba(255,255,255,1);z-index: 1;}
		.hd-gnb.pc .depth01 {display: flex;width: 100%;justify-content: stretch;align-items: stretch;overflow: visible;position: relative; }
		.hd-gnb.pc .depth01-list {position: relative;flex: 1 1 auto;max-width: none;text-align: center;overflow: visible;padding: 0 54px;box-sizing: border-box;}
			.hd-gnb.pc .depth01-list:after {content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 14px;background: #ccc;transform: translateY(-50%);opacity: 1;}
	.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: 15px 0;position: inherit; z-index: 2; }
	.hd-gnb.pc .depth02-list {position: relative; border:1px solid blue;}

	.hd-gnb.pc .depth02:before {content: ""; position: absolute; top:0;left:0; width:1px;height:100vh;background: #ddd;opacity:1; transition: 10s;}
	.hd-gnb.pc .depth01-list:last-child .depth02:after {content: ""; position: absolute;top:0;right:0; width:1px; height:100vh;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(../../assets/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_depart15.svg);}
	.hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(5) .depth02-link:before {background-image: url(../img/main/svg/ico_depart04.svg);}		
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(6) .depth02-link:before {background-image: url(../img/main/svg/ico_depart05.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(7) .depth02-link:before {background-image: url(../img/main/svg/ico_depart06.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(8) .depth02-link:before {background-image: url(../img/main/svg/ico_depart07.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(9) .depth02-link:before {background-image: url(../img/main/svg/ico_depart08.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(10) .depth02-link:before {background-image: url(../img/main/svg/ico_depart13.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(11) .depth02-link:before {background-image: url(../img/main/svg/ico_depart10.svg);}	
    .hd-gnb.pc .depth01-list.depart .depth02-list:nth-child(12) .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;}
	.hd-gnb.pc a.depth02-link {font-size: 1.6rem; line-height: 2.0; white-space: nowrap;}
	.header.active .hd-gnb.pc .depth01 a,
	.header.slide .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: #e4007e!important; text-decoration: none;} 
}
@media screen and (min-width: 1300px){
	.hd-gnb.pc {width:900px;}
}

@media screen and (min-width: 1400px){
	.hd-gnb.pc {left: calc(50% - 490px);width: calc(100% - 270px);max-width: 1170px;}
}
@media screen and (min-width: 1500px){
	.hd-gnb.pc {left: calc(50% - 545px);width:calc(100% - 250px);}
}
@media screen and (min-width: 1620px){
	.hd-logo .logo {left: calc(50% - 800px);}
	.info-ul {right: calc(50% - 800px);}
	.hd-searchbox {right: calc(50% - 720px);}
	.header .hd-sitemap .btn-link {right: calc(50% - 790px); }
	.hd-gnb.pc .gnb-bg {height: 450px;}
	.hd-gnb.pc .depth01 a {font-size: 21px;}
	.hd-gnb.pc a.depth02-link {font-size: 1.7rem; line-height: 2.0;}
}


/***** heading *****/
h2,h3,h4,h5,h6 {font-weight:600;}
.sh3 {font-weight:600;}

h4, strong.h4, p.h4{display:block; line-height:25px; padding-left:22px; margin:40px 0px 16px 0px; font-weight:600; font-size:23px; color:#303030; background:url("../../assets/img/h4.png") no-repeat left top;}
h4.iconVod{display:block; line-height:25px; padding-left:22px; margin:20px 0px 16px 0px; font-weight:600; font-size:23px; color:#303030; background:url("../../assets/img/h5.png") no-repeat left top;}
h5,strong.h5, p.h5,ul.h5 li{display:block; line-height:18px; padding-left:0; margin:20px 0px 12px 0px; font-weight:600; font-size:18px; color:#eb3663;}
h6,strong.h6, p.h6,ul.h6 li{display:block; line-height:16px; padding-left:20px; margin:15px 0px 8px 0px; font-weight:600; font-size:16px; color:#286ab5; background:url("../../assets/img/h6.png") no-repeat left -1px;}
strong.h7, p.h7,ul.h7 li{display:block; line-height:24px; padding-left:8px; margin:0px 0px 0px 1px; font-weight:normal; font-size:14px; color:#404040; background:url("../../assets/img/h7.png") no-repeat left 9px;}
strong.h8, p.h8,ul.h8 li{display:block; line-height:24px; padding-left:10px; margin:0px 0px 0px 11px; font-weight:normal; font-size:14px; color:#404040; background:url("../../assets/img/h8.png") no-repeat left 10px;}
strong.h9, p.h9,ul.h9 li{display:block; line-height:24px; padding-left:10px; margin:0px 0px 0px 11px; font-weight:normal; font-size:14px; color:#404040; background:url("../../assets/img/h9.png") no-repeat left 8px;}
strong.h10, p.h10,ul.h10 li{  line-height:24px; font-weight:normal; font-size:16px; color:#1877bb; }
strong.h11, p.h11,ul.h11 li{  line-height:24px; font-weight:normal; font-size:16px; color:#2d437d; }

ul.h7{margin-top:10px; margin-bottom:10px;}
ul.h8{margin-top:0px; margin-bottom:10px;}
ul.h9{margin-top:0px; margin-bottom:10px;}
ul.h7 li,
ul.h8 li,
ul.h9 li{margin:0;}

ul.h5 ul.h7{margin-left:1px;}


/***** align *****/
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;} 
.just{text-align:justify !important;}
.vM{vertical-align:middle !important;}
.ft_left{float:left;}
.ft_right{float:right;}


/* point */
p.point, div.point, strong.point, label.point, span.point{color:#da133d;}
strong.important{display:block; padding-left:26px; margin:10px 0px; font-weight:normal; font-size:16px; color:#404040; background:url("/images/swwu/layout/title_icon_01.gif") no-repeat left top;}


/***** padding *****/
.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}


/***** margin *****/
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;} 
.mt70{margin-top:70px !important;} 
.mt100{margin-top:100px !important;}
.mt108{margin-top:108px !important;}
.mt150{margin-top:150px !important;}
.mt200{margin-top:200px !important;}
.mt300{margin-top:300px !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml17{margin-left:17px !important;}
.ml18{margin-left:18px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}


/***** color *****/
.color_sky {color:#04adbf !important;}
.color_org {color:#d83d00 !important;}
.color_blue {color:#09C !important;}
.color_blue2 {color:#0066a6 !important;}
.color_green {color:#56b145 !important;}
.color_navy {color:#414b58 !important;}

.clear{clear:both;}

.bold{font-weight:600 !important}
.bold_no{font-weight:normal !important}

/** btn **/
.btn{display:inline-block; min-width:35px; height:39px; line-height:39px; padding:0px 17px; margin:1px 2px;  text-align:center; font-size:13px; border:1px solid #585858; background-color:#585858; }
.btn:link,
.btn:visited,
.btn:active{color:#fff;}
.btn:hover{color:#585858; border:1px solid #585858; background-color:#fff; }

.btn_mn{display:inline-block; min-width:35px; height:39px; line-height:39px; padding:0px 17px; margin:1px 2px;  text-align:center; font-size:13px;  }
.btn_mn:link,
.btn_mn:visited,
.btn_mn:active{color:#fff;}
.btn_mn:hover{color:#585858;  }

.btn2{display:inline-block; min-width:35px; height:30px; line-height:35px; padding:0px 5px; margin:1px 2px; border:1px solid #585858; text-align:center; font-size:13px; background-color:#585858;}
.btn2:link,
.btn2:visited,
.btn2:active{color:#fff;}
.btn2:hover{color:#585858; border:1px solid #585858; background-color:#fff;}

.btn.del{border:1px solid #7a7a7a; background-color:#7a7a7a;}
.btn.del:link,
.btn.del:visited,
.btn.del:active{color:#fff;}
.btn.del:hover{color:#7a7a7a; border:1px solid #7a7a7a; background-color:#fff;}

.btn.type_03{height:32px; height:28px; line-height:28px; padding:0px 15px; background-color:#616161;}
.btn.type_03:link,
.btn.type_03:visited,
.btn.type_03:active{}
.btn.type_03:hover{border:1px solid #616161; background-color:#fff;}

.btn.color_01{background:#de325d; border:1px solid #de325d;}
.btn.color_01:hover{color:#de325d; border:1px solid #de325d; background-color:#fff;}
.btn.color_02{background:#3477bf; border:1px solid #3477bf;}
.btn.color_02:hover{color:#3477bf; border:1px solid #3477bf; background-color:#fff;}
.btn.color_03{color:#616161; background-color:#fff; border:1px solid #626262;}
.btn.color_03:hover{padding:0px 17px; color:#fff; border:1px solid #626262; background-color:#929292;}
.btn.color_02:hover{color:#3477bf; border:1px solid #3477bf; background-color:#fff;}
.btn2.color_01{background:#de325d; border:1px solid #de325d;}
.btn2.color_01:hover{color:#de325d; border:1px solid #de325d; background-color:#fff;}
.btn2.color_04{background:#1b98a6; border:1px solid #1b98a6;}
.btn2.color_04:hover{color:#1b98a6; border:1px solid #1b98a6; background-color:#fff;}

.btn.icon_01{border:1px solid #d3d3d3; color:#404040; background-color:#fff;}
.btn.icon_01{height:auto; line-height:20px; padding:5px 12px 5px 36px !important; text-align:left; background-image:url("../../assets/img/common/btn_icon_01.png"); background-repeat:no-repeat; background-position:12px center;}
.btn.icon_01:hover{height:auto; line-height:20px; padding:5px 12px 5px 36px !important; border:1px solid #de325d;}
.btn.icon_02{padding-right:32px !important; background-image:url("../images/layout/btn_icon_02.png"); background-repeat:no-repeat; background-position:right center;}
.btn.icon_02:hover{background-image:url("../images/layout/btn_icon_02_ov.png"); background-repeat:no-repeat; background-position:right center;}
.btn.color_01.icon_02:hover{background-image:url("../images/layout/btn_icon_02_ov_color_01.png");}
.btn.color_02.icon_02:hover{background-image:url("../images/layout/btn_icon_02_ov.png");}
.btn.icon_03{padding-left:34px !important; background-image:url("../images/layout/btn_icon_03.png"); background-repeat:no-repeat; background-position:17px center;}
.btn.icon_03:hover{padding:0px 17px 0px 34px !important; background-image:url("../images/layout/btn_icon_03_ov.png");}
.btn.icon_04{padding-left:35px !important; background-image:url("../images/layout/btn_icon_04.png"); background-repeat:no-repeat; background-position:15px center;}
.btn.icon_04:hover{background-color:#fff; background-image:url("../images/layout/btn_icon_04_ov.png"); background-position:15px center;}

.btn[href*=".hwp"] span{color:#0f5398;}
.btn[href*=".pdf"] span{color:#b11414;}
#txt a.key{padding-right:20px; background:url("../images/layout/key.png") no-repeat right top;}



.btn.type_02,
.btn.type_02:link,
.btn.type_02:visited,
.btn.type_02:active,
.btn.type_02:hover{height:28px; line-height:28px; padding:0px 12px; color:#eb3663; border:1px solid #eb3663; background-color:#fff;}
span.btn.type_02,
span.btn.type_02:link,
span.btn.type_02:visited,
span.btn.type_02:active,
span.btn.type_02:hover{border:1px solid #e0e0e0; color:#404040; background-color:#e0e0e0;}

.btn.type_02.color_01,
.btn.type_02.color_01:hover{color:#fff; border:none; background-color:#ee7300;}
.btn.type_02.color_02,
.btn.type_02.color_02:hover{color:#fff; border:none; background-color:#3477bf;}
.btn.type_02.color_03,
.btn.type_02.color_03:hover{color:#fff; border:none; background-color:#5b5b5b;}

.btn.type_02.icon_01{padding-left:32px !important; background-position:11px center;}
.btn.type_02.icon_01:hover{padding:0px 12px 0px 32px !important;}

.btn.type_02.icon_02{padding-right:32px !important;}
.btn.type_02.icon_02:hover{padding:0px 32px 0px 12px !important;}


ul.w50p{overflow:hidden;}
ul.w50p li{float:left; width:50%;}
ul.w33p{overflow:hidden;}
ul.w33p li{float:left; width:33.3%;}
ul.w25p{overflow:hidden;}
ul.w25p li{float:left; width:25%;}
ul.w20p{overflow:hidden;}
ul.w20p li{float:left; width:20%;}


/* box */
.box{position:relative; padding:3px; margin-bottom:20px; background:url("../../assets/img/common/box_bg.gif") repeat left top;}
.box .title{display:block; font-size:18px; color:#000;}
.box.icon .photo{position:absolute; left:24px; top:22px; width:85px; height:85px;}
.box.icon .photo.icon_01{background:url("../../assets/img/common/box_icon_01.gif") repeat left top;}
.box.icon .photo.icon_02{background:url("../../assets/img/common/box_icon_02.gif") repeat left top;}
.box.icon .photo.icon_03{background:url("/images/swwu/layout/box_icon_03.gif") repeat left top;}
.box.icon .photo.icon_04{background:url("/images/swwu/layout/box_icon_04.gif") repeat left top;}
.box.icon .photo.icon_05{background:url("/images/swwu/layout/box_icon_05.gif") repeat left top;}
.box.icon .photo.icon_06{background:url("/images/swwu/layout/box_icon_06.gif") repeat left top;}
.box.icon .photo.icon_07{background:url("/images/swwu/layout/box_icon_07.gif") repeat left top;}
.box.icon .photo.icon_08{background:url("/images/swwu/layout/box_icon_08.gif") repeat left top;}
.box.icon .photo.icon_09{background:url("/images/swwu/layout/box_icon_09.gif") repeat left top;}
.box.icon .photo.icon_10{background:url("/images/swwu/layout/box_icon_10.gif") repeat left top;}
.box .con{min-height:15px; padding:19px 21px; background:#fff;}
.box.icon .con{min-height:85px; padding-left:127px;}
.box .con .table_cell{display:table-cell; height:85px; vertical-align:middle;}
.box .con .h7{margin:0;}

.box.icon_01 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_01.gif") no-repeat 22px 19px;}
.box.icon_02 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_02.gif") no-repeat 22px 19px;}
.box.icon_03 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_03.gif") no-repeat 22px 19px;}
.box.icon_04 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_04.gif") no-repeat 22px 19px;}
.box.icon_05 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_05.gif") no-repeat 22px 19px;}
.box.icon_06 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_06.png") no-repeat 22px 19px;}
.box.icon_07 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_07.png") no-repeat 22px 19px;}
.box.icon_08 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_08.png") no-repeat 22px 19px;}
.box.icon_09 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_09.png") no-repeat 22px 19px;}
.box.icon_10 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_10.png") no-repeat 22px 19px;}
.box.icon_11 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_11.png") no-repeat 22px 19px;}
.box.icon_12 .con{padding-left:125px; background:#fff url("../../assets/img/content/ticon_12.png") no-repeat 22px 19px;}

.box.icon_13 .con{padding-left:125px; background:#fff url("../../assets/img/swwu/content/ticon_13.gif") no-repeat 22px 19px;}
.box.icon_14 .con{padding-left:125px; background:#fff url("../../assets/img/swwu/content/ticon_14.gif") no-repeat 22px 19px;}

.box .con.bg_01{padding-right:170px; background:#fff url("../../assets/img/content/top_bg3.gif") no-repeat right bottom;}

@media screen and (max-width: 600px){
	.box.icon .photo{display:none;}
	.box .con{padding-left:21px !important; background:#fff !important;}
	.box .con.bg_01{padding-right:21px !important;}
}

/*footer */
.footer {padding: 100px 0; background: rgba(0,0,0,0.1);}
 
.areaList > li > a:before {content:""; display:block; margin:0 auto 0.5em; width:60px; height:60px; background:url(../../assets/img/main/ico_area.png) 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 0 100px;}
#footer .footAttach {border-top:1px solid #ddd; padding: 1em; word-break: keep-all;}
#footer .footAttach a {text-decoration:underline; text-underline-position:under;}
#footer .familySite:after {content:""; display:block; clear:both;}
#footer .familySite .cell select {vertical-align: top; height:100%; border:0; background:transparent url(../../assets/img/common/ico_select_arrow.png) no-repeat center right 0.5em; font-family:inherit;}
#footer .familySite .cell button {height:100%; padding:0 0.5em; position:relative;}
#footer .familySite .cell button:before {content:""; display:block; width:1px; height:1em; background:#ccc; position:absolute; top:calc(50% - 0.5em); left:0;}
#footer .footerSns {display: flex;justify-content: center;}
#footer .footerSns:after {content:""; display:block; clear:both;}
#footer .footerSns > a {display:block;position: relative;width:2.5em;height:2.5em;/* text-indent: -9999px; */}
#footer .footerSns > a:before {content:""; display:block; width:100%; height:100%; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url(../../assets/img/common/ico_sns.png) no-repeat; background-size:cover;}
#footer .footerSns .mail:before { background-position: 0 center;}
#footer .footerSns .twitter:before { background-position: -2.5em center;}
#footer .footerSns .facebook:before { background-position: -5em center;}
#footer .footerSns .naverblog:before { background-position: -7.5em center;}
#footer .footerSns .kakaostory:before { background-position: -10em center;}
#footer .footerSns .youtube:before { background-position: -12.5em center;}
#footer .footerSns .badatv:before { background-position: -15em center;}
#footer .footerSns .insta:before { background-position: -17.5em center;}
#footer .footerSns .befm {width:5em;}
#footer .footerSns .befm:before { background-position: -20em center;}
#footer .footerBody {margin-top:3em;}
#footer .footerMenu li {position: relative; line-height:1; margin-bottom:1em;}
#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 li:nth-child(3) {font-size: 2rem;}
#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 > 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 {margin-top:2em;}
#footer .footerBody .inner > article {width:100% !important; text-align: center; padding:0 !important; border:0 !important;}
#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(../../assets/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 .footerAddress {margin-bottom:1em;}
#footer .footerMenu {text-align: center;}
#footer .footerMenu ul {display:inline-block;}
#footer .footerMenu li {display:inline-block; margin-right:1em;}
#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 {padding-right: 1.2%; box-sizing: border-box;}
#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; letter-spacing: -0.023em;}

#scrollTop {position:fixed;bottom: 2em;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: 50px; border: 1px solid #f1f1f1; border-radius: 50%;background: #fff;font-size: 0.85em;color: #222;line-height: 50px;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: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 .footerBody .inner article {flex: 0 0 70%; max-width: 70%; text-align: left;}
	#footer .footerBody .inner article:last-child {flex: 0 0 30%; max-width: 30%;}

	#footer .footerMenu {text-align: left;}
	#footer .footerAddress {display: flex; flex-wrap: wrap; margin-top: 50px; font-size:0.9em;}
	#footer .footerAddress .footerLogo {margin-right: 20px;width:110px;height:24px;}
	#footer .footerAddress .footerLogo > a{display:block;width:100%;height:100%;}
	#footer .footerAddress .footerLogo > a > img{display:block;width:100%;height:100%;}
	#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 .footerLogo img{max-width:110px;}
	#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;}
}


/* 레이어팝업 */
#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:#d2147b;margin-bottom: 10px;text-align: center;}
#disaster .disasterTitle > span {display:inline-block; vertical-align:top; border-bottom:3px solid #d2147b; margin-left:2.5em; position: relative;}
#disaster .disasterTitle > span:before {content:"";display:block;width:2em;height:2em;background:url(../../assets/img/common/ico_disaster_gra.svg) no-repeat center center / 36px 40px;position:absolute;top:50%;right:calc(100% + 0.5em);transform:translateY(-50%);}
#disaster .disasterContents {font-size:1.1em; line-height:1.4em; color:#666; word-break: keep-all;text-align:center;}
#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:#fff;}
#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); */background:#fff;color:#666;line-height:1;font-size:0.9em;text-align: right;border-top:1px solid #d9d9d9;box-sizing:border-box;width:100%;}
#disaster .disasterClose label {display:inline-block; height:3em; line-height:3em; white-space:nowrap;}
#disaster .disasterClose button {margin-left:16px;width:1.5rem; height:1.5rem; text-indent:-9999px;overflow:hidden;background:url(../../assets/img/common/ico_close.png) no-repeat center center;}
#disaster .disasterContents {display:block;width: 100%;height: 52px;overflow: hidden;word-break: keep-all;word-wrap:break-word;text-align: center;white-space:normal;}

#disaster {position: relative; width:100vw; height:140px; background: #000;}
#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: 65px;}
#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: 48px;
	height:102px;}
	#header.disasterOn .hd-gnb.pc {top: 90px;}
	#header.disasterOn .hd-searchbox {top: 103px;}
	#header.disasterOn .hd-sitemap .btn-link {top: 108px;}
	#disaster .disasterClose {background:#fff;}
	#disaster .disasterTitle {font-size: 2.0rem;}
	#disaster .disasterContents {font-size: 1.7rem;
	line-height:1.4em;
	height:4.2em;}
}

@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.2rem;}
}
@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: 52px;}
	#disaster .disasterTitle {font-size: 1.6rem;}
	#disaster .disasterContents {height: 6em;font-size: 1.2rem; overflow:scroll;}
	#disaster .disasterContents > font {font-size: 1.2rem !important;}
	
#disaster .disasterTitle > span:before {
	background-size: 29px 39px;
}
}
/*2023-01-30 햄버거메뉴 아이콘 변경*/
.header.active .mo .btn-link span,
.header.slide .mo .btn-link span{
	color:#232323;
}
.hd-gnb-mobile.mo{
	height:60px;
}
.hd-gnb-mobile.mo > a > p{
	overflow:hidden;
	border:0;
	width:1px;
	height:1px;
	clip:rect(1px, 1px, 1px, 1px);
	clip-path:inset(50%)
}
.info-ul .info-list .global-sel{
	padding-right:40px !important;
}
.header .mo .btn-link{
	width:38px;
}
.hd-gnb-mobile .btn-link{
	top:6px;
	right:4px;
	display:block;
	width:100%;
	height:100%;
}
.header .mo .btn-link span{
	height:auto;
	padding:0;
	border-radius:4px;
	border:none;
	color:#fff;
	font-size:15px;
	line-height:32px;
	width:100%;
	display:block;
	text-align:center;
	white-space:nowrap;
}
.header .mo .btn-link span:before{
	content:'메뉴';
	display:block;
	width:100%;
	text-align:center;
}

.header .mo.close .btn-link span:before{content:'닫기';display:block;width:100%;text-align:center;}
.hd-gnb-mobile.close .btn-link span:nth-child(1){color:#232323;transform:inherit;position:inherit;top:0;left:0;}
/* 모바일 스타일 추가*/
@media all and (max-width:1280px) {	
	.info-ul {position: absolute; top:50%; right: calc(2% + 99px); text-align: right; transform: translateY(-50%);}
}
/* 웹접근성 텍스트*/
.acces_txt{overflow: hidden;position: absolute;clip: rect(0, 0, 0, 0);clip-path: polygon(0 0, 0 0, 0 0);width: 1px;height: 1px;margin: -1px;}


/* ===== PC Mega Menu (hover only the current main menu) ===== */
.hd-gnb.pc .depth01 {overflow: visible;}
.hd-gnb.pc .depth01-list {overflow: visible; max-width: none; flex: 0 0 auto;}
.hd-gnb.pc .depth01-link {display:block;}
.hd-gnb.pc .depth02.mega{ display:none;position:fixed; top:100px; left:0;width:100%;z-index:2;padding:26px 0 26px;box-sizing:border-box;}
.hd-gnb.pc .depth02.mega:before,
.hd-gnb.pc .depth02.mega:after{content:none !important;}
	.hd-gnb.pc .depth02.mega .mega-inner {max-width: 1180px;margin: 0 auto; transform: translateX(30px);padding: 0 20px;display: grid;column-gap: 60px;row-gap: 20px;grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); }
  .hd-gnb.pc .depth02.mega .mega-inner.cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
  .hd-gnb.pc .depth02.mega .mega-inner.cols-5 > .mega-group {min-width: 0;}
    .hd-gnb.pc .depth02.mega .mega-inner.cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
  .hd-gnb.pc .depth02.mega .mega-inner.cols-6 > .mega-group {min-width: 0;}
.hd-gnb.pc .depth02.mega .mega-col{min-width:0;}
.hd-gnb.pc .depth02.mega .mega-group{margin-bottom:14px;}
.hd-gnb.pc .depth02.mega .mega-group:last-child{margin-bottom:0;}
	.hd-gnb.pc .depth02.mega .depth02-link {
		display: inline-block;
		padding: 0;
		margin: 0 0 10px 0;
		line-height: 1.2;
		font-weight: 700;
		color: #1565c0 !important;
	}
.hd-gnb.pc .depth02.mega .depth02-link:before{content:none !important;}

.hd-gnb.pc .depth02.mega .depth03{display:block; margin:0; padding:0;}
.hd-gnb.pc .depth02.mega .depth03-list{margin:0 0 6px 0;}
.hd-gnb.pc .depth02.mega .depth03-list:last-child{margin-bottom:0;}
.hd-gnb.pc .depth02.mega .depth03-link{color:#222; font-size:16px; line-height:1.35;}
.hd-gnb.pc .depth02.mega .depth03-link:hover{font-weight:500;}

/* small desktop */
@media (max-width: 1280px){
  .hd-gnb.pc .depth02.mega .mega-inner{column-gap:40px; max-width:1080px;}
}
@media (max-width: 1024px){
  .hd-gnb.pc .depth02.mega{padding:22px 0;}
  .hd-gnb.pc .depth02.mega .mega-inner{grid-template-columns:repeat(2, minmax(0,1fr));}
}
  
@media screen and (min-width:1280px) { 
	/* 배경(흰색 박스) 높이를 화면 아래까지 늘림 (JS 인라인 height 덮어씀) */
	.hd-gnb.pc .gnb-bg { height: calc(60vh - 110px) !important; } /* 110px = 헤더 높이 */
	/* 실제 메뉴(내용) 영역도 화면 아래까지 늘리고, 넘치면 스크롤 */
	.hd-gnb.pc .depth02.mega { max-height: calc(60vh - 110px); overflow-y: auto; overscroll-behavior: contain;  }/* 스크롤 튐 방지(선택) */ 
		/* 스크롤 시 우측 여백/가로 밀림 방지(선택) */
		.hd-gnb.pc .depth02.mega .mega-inner { padding-bottom:10px; }
}
 
/* 기본 상태에서 예배차량노선표 항목 강조 */
#footer .familySite .worship-bus {margin:6px; }
#footer .familySite .worship-bus a {display: block;position: relative;padding: 8px 8px 8px 55px; margin:2px 3px; border: 1px solid #222; background: url(../../assets/img/main/svg/ico_bus.svg) no-repeat 5px 0; border-radius: 20px;font-size: 1.6rem; text-decoration: none;white-space: nowrap;transition: 0.4s;}

/* 모바일에서 강조 스타일 */
@media screen and (max-width: 768px) {
	#footer .familySite .worship-bus a {background: rgb(163,216,251, 0.12);  color:rgb(77,75,76, 0.82);  border:1px solid #d7d7d7; border-radius: 10px; padding: 8px 15px;} /* 충분한 여백 */
	#footer .familySite .worship-bus a { font-size: 14px; /*padding: 10px;*/ }
}