@import url('//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');

@font-face {
    font-family: 'GmarketSansLight';
    src: url('./fonts/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('./fonts/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('./fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tenada';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff') /* Modern Browsers */
}

/* noto-sans-kr-500 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff') /* Modern Browsers */
}

/* noto-sans-kr-700 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('./fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff') /* Modern Browsers */
}

/* keyframe */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
body { color:#2a2e35; }
/* 공통 스타일 */
br {
    opacity: 0;
}
.next-line-1400 {
	display:block;
}
.next-line-767 {
	display:inline;
}
.board18-14 {
	font-size:18px;
}
.hidden-con {
	visibility:hidden;
}
#wrap {
    overflow: hidden;
}

section, #our-center {
    margin-top: 72px;
    position: relative;
    display: block;
    width: 100%;
}
.next_line_pc {
	display:block;
}
.sns_blog img {
	width:20px;
}
.inner {
    display: block;
    position: relative; /* 필수 position:relative */
    max-width: 1300px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.inner_box {
    display: block;
    position: relative; /* 필수 position:relative */
    max-width: 1400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.main_inner {
    display: block;
    position: relative; /* 필수 position:relative */
    max-width: 1400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.main-visual-bn .inner {
	background-repeat:no-repeat;
	background-position:right center;
	background-size:;
	background-color: transparent;
	position:relative;
}


.main_garland {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.main_vane {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.main_fire {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}



h3, .notice-tit li:nth-of-type(2) {
    font-family: "GmarketSansBold", sans-serif;
    font-size: 40px;
    color: #2a2e35;
    line-height: 1.3;
}
.h2-con h3  {font-size:35px; font-family:'Noto Sans KR';}

.link-more-01 {
    display: flex;

    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center;
    float: right;
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
    color: #fff;
	z-index: 1;
    position: relative;
}

.link-more-01:hover {
    color: #8ebff0;
}

.link-more-01 i {
    font-size: 19px;
    padding-left: 3px;
}


.link-more-02, .show-sked-more {
    font-family: "GmarketSansBold", sans-serif;
    font-size: 12px;
    color: #2a2e35;
    display: flex;

    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 78px;
    height: 78px;
    background-color: #fff;
	border:1px solid #fff;
    border-radius: 100%; transition:all 0.3s ease;
}
.link-more-02:hover { background-color:#fff; color:#21ade5; }

/*.link-more-03 {
    display: inline-block;
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
    color: #2a2e35;
    width: 210px;
    height: 60px;
    border: 2px solid #2a2e35;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 56px;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
}

.link-more-03 i {
    font-size: 17px;
    margin-left: 10px;
}

.link-more-03:hover {
    background-color: #2a2e35;
    color: #ffffff;
}
*/
.link-more-03 {	
	position:relative;
	display:inline-block;
	height:50px;
	padding-right:60px;
}
.link-more-03 span {
	font-weight:bold;
	font-size:18px;
	line-height:50px;	
	height:50px;
	display:inline-block;
	vertical-align:top;
}
.more_circle {
	position:absolute;
	display:inline-block;
	background-color:#2a2e35;
	width:45px;
    height:45px;
	top:50%;
	right:0;
	transform:translateY(-50%);
	border-radius:50%;
	overflow:hidden;
}
.long-arrow-right {
	z-index:1;
	position:absolute;
	display: inline-block;
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
	margin: 30px auto;
	width: 20px;
	height: 20px;
	border-left: 2px solid #fff;
	transform: rotate(135deg);
	bottom:-20px;
	right: 20px;
}
.long-arrow-right::after {
  content: "";
  display: block;
  width: 2px;
  height: 45px;
  background-color:#fff;
  transform: rotate(-45deg) translate(15px, 4px);
  left: 0;
  top: 0;
}
.link-more-03:hover .long-arrow-right {
	animation:arrow .5s;
}

@keyframes arrow {
    0% {
		right:60px;
		opacity:0;
	}
    100% {
		right: 20px;
		opacity:1;
	}
}
.link-more-03:hover .more_circle {
	transform:translateY(-50%) scale(1.05);
	transition:.3s;
}

.m-more-link-01 {
    display: none;
    width: 100%;
    height: 35px;
    background-color: #eff4fe;
    font-family: 'S-CoreDream-5Medium';
    font-size: 14px;
    color: #2a2e35;
    text-align: center;
}

.m-more-link-01 i {
    margin-left: 10px;
}

.main-bg {
    opacity: .1;
}
.main-bg.obj1 {
    display: inline-block;
    width: 450px;
    height: 450px;
    background: url(../../img/text2.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-1200px, -150px);
    animation: main-bg-move01 3s linear 0s infinite alternate;
}

.main-bg.obj2 {
    display: inline-block;
    width: 360px;
    height: 598px;
    background: url(../../img/text1.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 50%;
    animation: main-bg-move02 10s linear 0s infinite alternate;
    transform: translate(200px, 0px);
}

.main-bg.obj3 {
    display: inline-block;
    width: 700px;
    height: 350px;
    background: url(../../img/text3.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(100px, 800px);
    animation: main-bg-move03 10s linear 0s infinite alternate;
}

.main-bg.obj4 {
    display: inline-block;
    width: 450px;
    height: 450px;
    background: url(../../img/text4.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(100px, 100px);
    animation: main-bg-move04 3s linear 0s infinite alternate;
}

.main-bg.obj5 {
    display: inline-block;
    width: 303px;
    height: 703.5px;
    background: url(../../img/text5.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-1100px, -1100px);
    animation: main-bg-move05 10s linear 0s infinite alternate;
}

.main-bg.obj6 {
    display: inline-block;
    width: 450px;
    height: 450px;
    background: url(/img/text_001.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(500px, -500px);
    animation: main-bg-move06 10s linear 0s infinite alternate;
    z-index: -2;
}

.main-bg.obj7 {
    display: inline-block;
    width: 500px;
    height: 500px;
    background: url(/img/text_002.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-1200px, -300px);
    animation: main-bg-move07 10s linear 0s infinite alternate;
}

.main-bg.obj8 {
    display: inline-block;
    width: 700px;
    height: 350px;
    background: url(https://glife.ggcf.kr/inc/imgs/main-bg-s.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(100px, -80px);
    animation: main-bg-move08 10s linear 0s infinite alternate;
}

/* header */
#header {
    position: relative;
    display: block;
    width: 100%;
}

.header-wrap {
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    height: 70px;
    position: absolute;
    top: 78px;
    z-index: 9999;
}

.header-logo {
    display: inline-block;
    width: 124px;
    margin-right: 3%;
	height:100%; 
	font-size:100%;
}

.header-logo-link {
    display: inline-block;
    background: url("../imgs/main-logo.svg") no-repeat 0 50%;
    background-size: contain;
    width: 124px;
    height: 100%;
	vertical-align:top;
}

.m-lnb-btn {
    display: block;
    font-size: 38px;
    color: #fff;
}

.lnb {
    min-width: 830px;
    width: 94%;
    height: 100%;
    display: flex;

    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.lnb-list {
    height: 100%;
    display: flex;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    z-index: 9998;
}
.header-wrap ul {margin-bottom:0px;}

.lnb-list > li {
    position: relative;
	padding:0 50px;
}

.lnb-list > li a {
    font-size: 21px;
    color: #ffffff;
    transition:
    all 0.3s ease;
    font-family: 'S-CoreDream-5Medium';
    font-weight: 600;
    letter-spacing: -1px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

.lnb-list > li a:hover, .lnb-list > li a .on {
    color: #0076c0;
}
.bg_white {background-color: #ffffff40;}
.snb-bg {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    position: absolute;
    top: 183px;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    background-color: #eff4fe;
	display:none;
    z-index: 9995;
    height: 310px;
    transition: height .2s;
}
.nav_bg {width:100%; height:65px;
    background-color: #0061af8c;
    position: absolute;
    top: 117px;
    z-index: 1;
    }

.snb-list {
    display:none;
    position: absolute;
    width: 100%;
    top: 100%;
	height:350px;
    padding: 30px 0 0 50px;
    left: 0;
    z-index: 9996;
}

.snb-list li:not(:first-of-type) {
    margin-top: 15px;
}

.snb-list li a {
    display: inline-block;
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
    line-height: 22px;
    color: #2a2e35;
    text-align: left;
    position: relative;
}
.snb-list li a span{position:absolute;}
.snb-list li a:hover {
    font-family: 'S-CoreDream-5Medium';
}

.snb-list li a:hover span{position:absolute;}
.snb-list li.current a:after,
.snb-list li a:hover:after { display:none !important;}

.header-util-list {
    margin-left: 3%;
    min-width: 220px;
    display: flex;

    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center;

}
.header-util-list li {
	margin-left:25px;
}
.header-util-list li:first-child {
	margin-left:0;
}
.header-util-list a {
    font-family: 'S-CoreDream-5Medium';
    font-size: 14px;
    color: #0076c0;
}

.header-util-list a:hover {
    border-bottom:1px solid #0076c0;
}

.header-util-list a i {
	padding-right: 2px;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#cSearch a i { font-size:35px; color:#0076c0; }
#cSearch input::-webkit-input-placeholder { color: #7f7f7f;}
#cSearch input:-ms-input-placeholder { color: #7f7f7f;}

.search-container input[type="text"]::placeholder { color: rgba(255,255,255,.5); }
.search-area .ck-con input[type="text"]::placeholder { color: rgba(255,255,255,.5); }
.mobile-search .srch-box input[type="text"]::placeholder { color: rgba(255,255,255,.5); font-size:12px;}


/*** 메인 컨텐츠 ***/
/* main visual */
#layout-main, #main-visual, .main-content, .main-content section {
    display: block;
    position: relative;
}

#main-visual .swiper-container {
    width: 100%;
    height: 700px;
	padding-bottom: 0;
}
.main-visual-img {
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	max-width:900px;
}

#main-visual .swiper-page-area {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#main-visual .swiper-pagination {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
    left: 0;
    bottom: 130px;
}

#main-visual .swiper-pagination span:not(:first-of-type).swiper-pagination-bullet {
    margin-left: 18px;
}

#main-visual .swiper-pagination-bullet {
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    opacity: 1;
    background: none;
    font-family: "GmarketSansLight", sans-serif;
    font-size: 16px;
    color: #0076c0;
}
.bg-wrap {
	width:100%;
	height:100%;
	background-color:#fff;
	background-repeat:no-repeat; 
	background-position:center top; 
	background-size: 3000px auto;
	padding-bottom:90px;
}
.bg-wrap.pc {
	display: block !important;
}
.bg-wrap.mo {
	display: none !important;
}





@keyframes page-progress-ani {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

#main-visual .swiper-pagination-bullet-active .page-progress::after {
    position: absolute;
    content: '';
    height: 3px;
    background: #0076c0;
    animation: page-progress-ani 3.5s ease 0s 1 normal forwards;
}

#main-visual .swiper-pagination-bullet-active .page-progress {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 3px;
    background-color: #0076c0;
    top: -2px;
    margin-right: 15px;
}

#main-visual .swiper-pagination-bullet-active {
    width: 96px;
    font-family: "GmarketSansBold", sans-serif;
}
.main-visual-text {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
	z-index:1;
}

.main-visual-subtit {
    font-family: "GmarketSansMedium", sans-serif;
    font-size: 30px;
	line-height:40px;
    color: #0076c0;
    padding-bottom: 25px;
    text-indent: 5px;
}

.main-visual-tit {
    font-family: "GmarketSansMedium", sans-serif;
    font-size: 80px;
    font-weight: 400;
    line-height: 1.1;
    color: #0076c0;
}
.main-visual-desc {
	color: #0076c0;
    font-size: 18px;
    margin-top: 9px;
}
.main-visual-bn {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;		
	margin-top: 0;		
	background:#fff;
}
/* quick menu */
.quick-menu-list-wrap {
    position: absolute;
    left: 0;
    bottom: -52px;
    width: 100%;
    height: 130px;
    background-color: #eff4fe;
    z-index: 9;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.quick-menu-list {
    display: flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;

    align-items: center;
    -webkit-align-items: center;
    width: 96%;
    height: 100%;
    margin: 0 auto;
}

.quick-menu-list li {
    width: 100%;
}
.quick-menu-list li a {
	text-align: center;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    height: 100%;
    font-family: "GmarketSansBold", sans-serif;
    font-size: 25px;
    color: #2a2e35;
    word-break: keep-all;
    position: relative;
	transition:all 0.3s ease;
}

.quick-menu-list li a:hover {
    color: #0076c0;
}

.quick-menu-list li i {
	position:relative;
	top:1px;
	right:-4px;
	transition:right .5s;
}
.quick-menu-list li:hover i {
	right:-15px;	
}
.icon-our-center {
    background: url("../imgs/main-quick-menu-icon-01.svg") no-repeat 0 0;
    background-size: contain;
    width: 47px;
    height: 38px;
    display: inline-block;
    margin-right: 15px;
    min-width: 44px;
}

.icon-show-search {
    background: url("../imgs/main-quick-menu-icon-02.svg") no-repeat 0 0;
    background-size: contain;
    width: 43px;
    height: 40px;
    display: inline-block;
    margin-right: 15px;
    min-width: 40px;
}

.icon-ggcf {
    background: url("../imgs/main-quick-menu-icon-03.svg") no-repeat 0 0;
    background-size: contain;
    width: 45px;
    height: 47px;
    display: inline-block;
    margin-right: 15px;
    min-width: 40px;
}

.icon-contact {
    background: url("../imgs/main-quick-menu-icon-04.svg") no-repeat 0 0;
    background-size: contain;
    width: 45px;
    height: 47px;
    display: inline-block;
    margin-right: 15px;
    min-width: 40px;
}

/*** main ***/
.main-content {
   /* padding-top: 52px;  quick menu bottom 값 */
    padding-top:0;
    height: 100%;
}
#show-sked .section-tit h3 {
	color:#fff;
	position:relative;
	top:10px;
}
.section-tit p {
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
    color: #2a2e35;
    padding-top: 13px;
    line-height: 1.6;
    text-align: right;
    width: 73%;
}
#show-sked .section-tit p {
	color:#fff;
}
/* show-sked */
#show-sked {
	background: linear-gradient(to right, #0076c0, #0076c0, #0076c0, #0098a3);
	/*overflow:hidden;*/
}
section#show-sked {
    margin-top:0;
	padding-top:10.7%;
}
#show-sked .section-tit {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.show-sked-info1-link .show-sked-more {
	opacity:0;
}
.show-sked-info1-link:hover .show-sked-more {
	opacity:1;
}
.sked-cal {
    position: relative;
    margin-top: 3%;
    width: 100%;
    height: 100%;
    max-height: 100px;
    padding: 1.7%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    display: flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.cal-month-list {
    width: 80px;
    display: flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.btn-cal-prev i, .btn-cal-next i {
    font-size: 14px;
    color: #8ebff0;
}

.month-text {    
    font-size: 38px;
    text-align: center;
	padding:0 5px;
}

.month-text em {
	font-family: "GmarketSansBold", sans-serif;
    font-style: normal;
	color: #8ebff0;
}

.month-text span {
	font-family: "GmarketSansMedium", sans-serif;
    display: block;
    font-size: 14px;
    color: #8ebff0;
    padding-top: 2px;
}

.sked-cal-list {
    width: calc(100% - 110px);
    min-width: 1010px;
    margin-left: 1.5%;
    display: flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.sked-cal-list li a {
    font-family: "GmarketSansMedium", sans-serif;
    font-size: 16px;
    color: #2a2e35;
    display: flex;

    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding-top: 2px;
	border-radius: 100%;
    color: #8ebff0;
    width: 40px;
    height: 40px;
}

.sked-cal-list li {
    display: flex;

    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.sked-cal-list li a:hover {
    text-decoration: underline;
}

.sked-cal-list li a.today {
    border:1px solid #fff;
    font-family: "GmarketSansBold", sans-serif;
	color:#fff;
	position:relative;
}
.sked-cal-list li a.today::after {

	background:none;
}
.sked-cal-list li a.today::before {
	content:'';
	display:block;
	position:absolute;
	bottom:9px;
	left:50%;
	width:50%;
	transform:translateX(-50%);
	height:1px;
	background-color:#fff;
}
.sked-cal-list li a.on {
	position:relative;
}
.sked-cal-list li a.on::after {
	content:'';
	display:block;
	position:absolute;
	bottom:9px;
	left:50%;
	width:50%;
	transform:translateX(-50%);
	height:1px;
	background-color:#8ebff0;
}
#show-sked-sl {
    padding-bottom: 5%;
    width: 100%;
}

#show-sked-sl .swiper-slide {
    position: relative;
    width: 308px;
    padding-bottom: 18px;
}

#show-sked-sl .show-sked-img-area {
    margin-top: 0;
    position: relative;
    width: 308px;
    height: 440px;
    border-radius: 15px;
    background-color: #00aceb;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

@keyframes show-sked-expand {
    from {
        margin-top: 0;
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to {
        margin-top: 44px;
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}


@keyframes show-sked-expand-m {
    from {
        margin-top: 0;
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    to {
        margin-top: 28px;
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
}


#show-sked-sl .swiper-slide-active .show-sked-img-area {
    animation: show-sked-expand 0.3s ease 0s 1 normal forwards;
}

#show-sked-sl .swiper-slide-active .show-sked-img-area .show-sked-info1 {
    animation: fadeIn 0.3s ease 0s 1 normal forwards;
}

#show-sked-sl .swiper-slide-active .show-sked-info2-list {
    display: none;
}


.show-sked-info1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.show-sked-info1-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
}

.show-sked-text {
    display: block;
    position: absolute;
    width: 80%;
    top: 22.72%;
    font-family: 'S-CoreDream-5Medium';
    color: #ffffff;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.show-sked-region {
    display: inline-block;
    font-size: 16px;
    padding: 2.4% 5.2% 2.8%;
    border-radius: 20px;
    border: 1px solid #ffffff;
}

.show-sked-tit {
    width: 100%;
    font-size: 20px;
    padding-top: 4.87%;
    padding-bottom: 6.5%;
    line-height: 1.4;
}

.show-sked-desc {
    display: block;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .5);
    padding-top: 6.5%;
}

.show-sked-desc-list {
    display: block;
}

.show-sked-desc-list li {
    font-size: 15px;
    text-align: left;
    line-height: 1.4;
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.show-sked-desc-list li:not(:first-of-type) {
    padding-top: 1.4%;
}

.show-sked-desc-list li i {
    padding-right: 2%;
    padding-top: 1.4%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.show-sked-info1-link .show-sked-more {
    position: absolute;
    bottom: 14%;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.show-sked-info2-list {
    display: block;
    position: relative;
    margin-top: 8%;
    letter-spacing: -0.5px;	
}

.show-sked-info2-list dt {
    font-family: 'S-CoreDream-5Medium';
	font-weight:lighter;
    font-size: 16px;
    color:#fff;
}

.show-sked-info2-list dt em {
    font-style: normal;
	font-weight:bold;
    padding-right: 10px;
	color:#00b1e7;
}

.show-sked-info2-list dd {
    font-family: 'S-CoreDream-5Medium';
    font-size: 20px;
	line-height:1.3;
    font-weight: 600;
    color: #fff;
    margin-top: 3.25%;
    letter-spacing: -0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/* center-space */
#center-space {
    position: relative;
    z-index: 99;
}
#center-space .section-tit {
	position:relative;
	top:20px;
}
#center-space .more_link {
	position: absolute;
    right: 30px;
    top: 20px;
    font-family: "GmarketSansBold", sans-serif;
    font-size: 14px;
    color: #0076c0;
    width: 93px;
    height: 93px;
    border: none;
    border-radius: 100%;
    /*transition: all 0.3s ease;*/
	display:flex;
	text-align:center;
}

#center-space .more_link::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    background-color: #0076c0;
    border-radius: 50%;
    transform: scale(0);
    transition: opacity .3s cubic-bezier(.215,.61,.355,1), transform .3s cubic-bezier(.215,.61,.355,1);
	z-index:-1;
	opacity: 0;
}

#center-space .more_link::after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border: 1px solid #0076c0;
    border-radius: 50%;
    transform: scale(1);
    opacity: 1;
    transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1);
}
#center-space .more_link:hover {
	color:#fff;
	transition:color .3s;
}
#center-space .more_link:hover::before {
    transform: scale(1);
	opacity: 1;
}

#center-space .more_link:hover::after {
    transform: scale(1.2);
    opacity: 0;
}







.space-bn-wrap {
    position: relative;
    display: block;
    width: 100%;
    /*margin-top: 7%;*/
}
.space-bn-wrap:after {
	clear:both;
	display:block;
	content:'';
}
.space-bn-area {
    position: absolute;
    width: 92.1428%; /* (배너 전체 가로 1290/inner 가로 1400) x 100) */
    padding-bottom: 25%; /* 전체 컨텐츠 영역을 잡기 위해 배너위치만큼 임의로 넣음 */
    right: 0;
}

.space-bn-list {
    position: relative;
    width: 100%;
}

.space-bn-list li {
    position: absolute;
    display: inline-block;
    width: 23.2558%; /* 300/1290*100 */
    border-radius: 18px;
    overflow: hidden;
    background-color: #2a2e35;
	transition:all 0.5s ease;
}

.space-bn-list li:nth-of-type(1) {
    left: 0;
    top: 0;
    padding-bottom: 22.48%; /* 290/1290*100 */
}

.space-bn-list li:nth-of-type(2) {
    left: 25.58%; /* (300+30)/1290*100 */
    margin-top: -3.876%; /* 50/1290*100 */
    padding-bottom: 31%; /* 400/1290*100 */
}

.space-bn-list li:nth-of-type(3) {
    left: 51.16%; /* 25.58%*2 */
    margin-top: -13.9535%; /* 180/1290*100 */
    padding-bottom: 31%; /* 400/1290*100 */
}

.space-bn-list li:nth-of-type(4) {
    left: 76.744%; /* 25.58%*3 */
    margin-top: -5.426%; /* 70/1290*100 */
    padding-bottom: 25.58%; /* 330/1290*100 */
}

.space-bn {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.space-bn-list li p {
    position: absolute;
    font-family: 'GmarketSansMedium', sans-serif;
    font-size: 25px;
    color: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	transition:all 0.3s ease;
    z-index: 999;
}

.space-bn img {
    display: block;
    width: 100%;
    opacity: 0.5;
    transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    -webkit-transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: transform .3s cubic-bezier(.25, .46, .45, .94);
    -o-transition: transform .3s cubic-bezier(.25, .46, .45, .94);
}

.space-bn span{	position:absolute; left:0; width:100%; top:0; transform:translateY(-50%);}

.space-bn-link:hover p {
    opacity:0;
}

.space-bn-link:hover img {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    opacity: 0.4;
   
}
.space-bn-link .on { opacity:0; }
.space-bn-link:hover .off { opacity:0;}
.space-bn-link:hover .on { opacity:1; }


#center-space .link-more-02 {
    position: absolute;
    top: 100%;
    left: 5.7%;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
}
/*공간소개 스와이퍼*/
#center-space .spaceSlide {
	padding-top:80px;
}
.spaceSlide {
	float:left;
	width:60%;
}
.spaceSlide .swiper-slide {
}
.spaceList {
	width:100%;
	position:relative;
	padding-left:10px;
	box-sizing:border-box;
}

.spaceList:after {
	clear:both;
	display:block;
	content:'';
}
.spaceListTop {
	margin-bottom:95px;
}
.spaceSlide2 .spaceList {
	margin-bottom:25px;
}
.spaceListBtm {
}
.spaceList li {
	float:left;
	margin-right:10px;
	display:table;
}
.spaceList li:nth-child(5) {
	clear:both;
}
.spaceList li:last-child {
	margin-right:0;
}
.spaceList li:nth-child(-4n+4) {
	/*margin-bottom:10px;*/
}
.spaceList li button {
	display:table-cell;
	height:75px;
	vertical-align:middle;
	box-sizing:border-box;
	color:#0076c0;
	border-radius:50px;
	border:2px solid #0076c0;
	padding:0 30px;
	font-size:20px;
	background-color:#fff;
    font-family: "GmarketSansMedium", sans-serif;
}
.spaceList li button.on {
	background-color:#0076c0;
	color:#fff;
	transition:.3s;
}

.spaceList li button.select {
	background-color:#0076c0;
	color:#fff;
	transition:.3s;
}

.spaceSlide .swiper-pagination-bullet-active {
	background: #0076c0;
	width:40px;
}
.spaceSlide .swiper-pagination-bullet {
    border-radius:10px;
}
.spaceImgShow {
	margin-top:50px;
	box-sizing:border-box;
	float:right;
	border-radius:22px;
	overflow:hidden;	
    width:40%;
	height:0;
	padding-bottom:27.168%;
}
.spaceImgShow img {
	width:100%;
	display:none;
}
.spaceImgShow img:first-child {
	display:block;
}
.spaceSlide .swiper-button-pause {
	color:#b9b9b9;
}
.spaceSlide .swiper-pagination2 {
	position:absolute;
	width:80px !important;
	top:-3px;
	bottom:auto !important;
	left:400px !important;
	z-index:10;
}
.spaceSlide .swiper-button-pause {
	position:absolute;
	display:inline-block;
	top:0px;
	left:470px !important;
	z-index:10;
	cursor:pointer;
}
/* our-center */
#our-center {
    display: block;
    width: 100%;
    height: 250px;
	box-sizing:border-box;
	margin-bottom: 9.2857%;
}
#our-center .m-more-link-01 {
	display:none;
}
#our-center .inner {

}
#our-center .our-center-tit {
    position: relative;
    display: block !important;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	z-index:1;
}
.our-center-bg {
	height:100%;
	width:auto;
	position:absolute;
	right:100px;
	top:0;
}
#our-center .our-center-tit p {
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
	display:block;
}
.our-center-img {
	width:300px;

}
.more-view {
    display: inline-block;
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
    color: #ffffff;
    padding: 10px 20px 12px 20px;
    border: 1px solid #ffffff;
    margin-top: 3.2%;
    border-radius: 30px;
    background-color: transparent;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
}

.more-view:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
.more_link {
	font-family: "GmarketSansMedium", sans-serif;
    font-size: 15px;
    color:#2a2e35;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 78px;
    height: 78px;
	border:1px solid #2a2e35;
    border-radius: 100%; transition:all 0.3s ease;
}
#our-center .more_link {
	position:absolute;
	right:0;
	bottom:0px;

	font-family: "GmarketSansBold", sans-serif;
    font-size: 14px;
    color: #0076c0;
    width: 93px;
    height: 93px;
    border:none;
    border-radius: 100%;
    display:flex;
	text-align:center;
}


#our-center .more_link::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    background-color: #0076c0;
    border-radius: 50%;
    transform: scale(0);
    transition: opacity .3s cubic-bezier(.215,.61,.355,1), transform .3s cubic-bezier(.215,.61,.355,1);
	z-index:-1;
	opacity: 0;
}

#our-center .more_link::after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border: 1px solid #0076c0;
    border-radius: 50%;
    transform: scale(1);
    opacity: 1;
    transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1);
}
#our-center .more_link:hover {
	color:#fff;
	transition:color .3s;
}
#our-center .more_link:hover::before {
    transform: scale(1);
	opacity: 1;
}

#our-center .more_link:hover::after {
    transform: scale(1.2);
    opacity: 0;
}






#sns .more_link {
	position:relative;
	left:50px;
	top:70px;

    background-color: transparent;
    font-family: "GmarketSansBold", sans-serif;
    font-size: 14px;
    color: #0076c0;
    width: 93px;
    height: 93px;
    border:none;
    border-radius: 100%;
   /* transition: all 0.3s ease;*/
   display:flex;
	text-align:center;
}


#sns .more_link::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    background-color: #0076c0;
    border-radius: 50%;
    transform: scale(0);
    transition: opacity .3s cubic-bezier(.215,.61,.355,1), transform .3s cubic-bezier(.215,.61,.355,1);
	z-index:-1;
	opacity: 0;
}

#sns .more_link::after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border: 1px solid #0076c0;
    border-radius: 50%;
    transform: scale(1);
    opacity: 1;
    transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1);
}
#sns .more_link:hover {
	color:#fff;
	transition:color .3s;
}
#sns .more_link:hover::before {
    transform: scale(1);
	opacity: 1;
}

#sns .more_link:hover::after {
    transform: scale(1.2);
    opacity: 0;
}

/* space */

.half-image, .half-color {
  display: block;
  height: 66%;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: 0;
}
.half-color {
  background-color: #1349a9;
  left: 0;
}
#space {
    position: relative;
    display: block;
    width: 100%;
    height: 501px;
    background-color: #fff;
    z-index: 10;
}

#space .more_link {
	position:
	relative;
	right: -44%;
	top: -53px;
	background-color: transparent;
	font-family: "GmarketSansBold", sans-serif;
	font-size: 14px;
	color: #ffffff;
	width: 63px;
	height: 63px;
	border:
	none;
	border-radius: 100%;
	/* transition: all 0.3s ease;*/
	display:
	flex;
	text-align:
	center;
	background-color: #0076c0;
	z-index: 9999;
}


#space .more_link::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    background-color: #00bcd4;
    border-radius: 50%;
    transform: scale(0);
    transition: opacity .3s cubic-bezier(.215,.61,.355,1), transform .3s cubic-bezier(.215,.61,.355,1);
	z-index:-1;
    opacity: 0;
}

#space .more_link::after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border: 1px solid #0076c0;
    border-radius: 50%;
    transform: scale(1);
    opacity: 1;
    transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1);
}
#space .more_link:hover {
	color:#fff;
	transition:color .3s;
}
#space .more_link:hover::before {
    transform: scale(1);
	opacity: 1;
}

#space .more_link:hover::after {
    transform: scale(1.2);
    opacity: 0;
}



/* show-search */
#show-search {
    background-color: #ffffff;
    padding-bottom: 9.2857%; /* 아래 sns 영역 bg 가리기 위해 padding-bottom 주고 background 화이트 처리 */
    z-index: 10;
}



#show-search .inner {
    text-align: center;
}


.show-search-form {
    text-align: center;
    margin: 5% auto 0;
    position: relative;
    z-index: 10;
    max-width: 500px;
}


#show-search .selectric-items .selectric-scroll {
	-ms-overflow-style: none; 
	scrollbar-width: none; 
}
#show-search .selectric-items .selectric-scroll::-webkit-scrollbar {
	display: none; 
}

#show-search .selectric-open .selectric-items {
	display:block;
	height:302px;
	transition:height .5s;
}

#show-search .selectric-items {
	display:block;
	transition:height .5s;
	width:100%;
	height:0;
	top: calc(100% - 2px);
	position: absolute;
	left: 0;
	background: #ffffff;
	border: 1px solid #2a2e35;
	box-sizing: border-box;
	z-index: 9999;
}



.show-cate-01, .show-cate-02 {
    width: 200px;
    height: 50px;
    border: 0;
    border-bottom: 2px solid #2a2e35;
    font-family: 'S-CoreDream-5Medium';
    font-size: 20px;
    color: #2a2e35;
    margin: 0 10px;
}

#show-search-sl {
    margin-top: 5.4%;
	z-index: 3;
    position: relative;
}

#show-search-sl .swiper-container {
   /* padding: 0 40px;
    width: calc(100% + 80px);*/
	position:relative;
}

.swiper-button-next-show, .swiper-button-prev-show {
	position:absolute;
	top:-125px;
	display:inline-block;
	font-size:30px;
	color:#0076c0;
	cursor:pointer;
    padding-bottom:20px;
}
.swiper-button-next-show {
	right:0;
}
.swiper-button-prev-show {
	left:0;
}




.swiper-button-next-show img, .swiper-button-prev-show img {
	width:70px;
	position:relative;
	transition:.5s;
}
.swiper-button-next-show img {
	right:0;
}
.swiper-button-prev-show img {
	left:0;
}
.swiper-button-next-show:hover img {
	right:-15px;	
}
.swiper-button-prev-show:hover img {
	left:-15px;	
}



.show-search-img-area {
    position: relative;
    width: 100%;
    padding-bottom: 142.8%;
    border-radius: 15px;
    /*background-color: #2a2e35;*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.show-search-tag {
    position: absolute;
    top: 20px;
    right: 20px;
}

.show-search-cate, .show-search-region {
    display: inline-block;
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
    color: #ffffff;
    padding: 6px 8px;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px;
}

.show-search-info {
    display: block;
    margin-top: 5%;
    text-align: left;
}

.show-search-link:hover .show-search-tit {
    color: #0076c0;
}

.show-search-tit {
    font-family: 'S-CoreDream-5Medium';
	transition:all 0.3s ease;
    font-size: 20px;
    color: #2a2e35;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.show-search-tit span {
    display: inline-block;
    font-family: 'S-CoreDream-5Medium';
    font-size: 15px;
    padding: 2.4% 4%;
    border-radius: 15px;
    margin-right: 3%;
}

.show-search-tit span.ing {
    color: #004a71;
    background-color: #d8f6ff;
}

.show-search-tit span.end {
    color: #828282;
    background-color: #e6e6e6;
}

.show-search-desc {
    margin-top: 4%;
}

.show-search-desc li {
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
    letter-spacing: -0.5px;
    color: #2a2e35;
    display: flex;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.show-search-desc li:not(:first-of-type) {
    margin-top: 3%;
}

.show-search-desc li i {
    font-size: 16px;
    padding-right: 10px;
    color: #2a2e35;
}

.link-more-wrap {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 80px;
}
#show-search .link-more-wrap {
	padding-bottom:5%;
}
/* sns */
#sns {
    position: relative;
    display: block;
    width: 100%;
    /*height: 556px;
    background-color: #f0f4ff;*/
    z-index: 10;
}

.sns-bg {
    opacity: 0.08;
}
@keyframes main-bg-move01 {
    from {
        top: 50%;
    }

    to {
        top: 80%;
    }
}
@keyframes main-bg-move02 {
    from {
        left: 50%;
    }

    to {
        left: 70%;
    }
}
@keyframes main-bg-move03 {
    from {
        left: 50%;
    }

    to {
        left: 70%;
    }
}
@keyframes main-bg-move04 {
    from {
        top: 50%;
    }

    to {
        top: 80%;
    }
}
@keyframes main-bg-move05 {
    from {
        left: 50%;
    }

    to {
        left: 70%;
    }
}
@keyframes main-bg-move06 {
    from {
        top: 50%;
    }

    to {
        top: 80%;
    }
}
@keyframes main-bg-move07 {
    from {
        left: 50%;
    }

    to {
        left: 70%;
    }
}
@keyframes main-bg-move08 {
    from {
        left: 50%;
    }

    to {
        left: 70%;
    }
}
@keyframes sns-bg-move01 {
    from {
        top: 0;
    }

    to {
        top: -200px
    }
}

@keyframes sns-bg-move02 {
    from {
        left: 500px;
    }

    to {
        left: 700px;
    }
}

@keyframes sns-bg-move03 {
    from {
        bottom: 0;
    }

    to {
        bottom: -200px;
    }
}

@keyframes sns-bg-move04 {
    from {
        left: 720px;
    }

    to {
        left: 920px;
    }
}

@keyframes sns-bg-move05 {
    from {
        top: -90px;
    }

    to {
        top: -290px
    }

}

@keyframes sns-bg-move06 {
    from {
        left: 1440px;
    }

    to {
        left: 1640px;
    }
}


.sns-bg.obj1 {
    display: inline-block;
    width: 207px;
    height: 352px;
    background: url("../imgs/sns-bg-01.svg") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 0;
    left: -240px;
    animation: sns-bg-move01 10s linear 0s infinite alternate;
}

.sns-bg.obj2 {
    display: inline-block;
    width: 200px;
    height: 204px;
    background: url(../imgs/sns-bg-02.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: -10px;
    left: 500px;
    animation: sns-bg-move02 10s linear 0s infinite alternate;
}

.sns-bg.obj3 {
    display: inline-block;
    width: 580px;
    height: 324px;
    background: url(../imgs/sns-bg-03.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 120px;
    animation: sns-bg-move03 10s linear 0s infinite alternate;
}

.sns-bg.obj4 {
    display: inline-block;
    width: 342px;
    height: 344px;
    background: url(../imgs/sns-bg-04.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 300px;
    left: 720px;
    animation: sns-bg-move04 10s linear 0s infinite alternate;
}

.sns-bg.obj5 {
    display: inline-block;
    width: 440px;
    height: 349px;
    background: url(../imgs/sns-bg-05.svg) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: -90px;
    left: 1240px;
    animation: sns-bg-move05 10s linear 0s infinite alternate;
}

.sns-bg.obj6 {
    display: inline-block;
    width: 400px;
    height: 310px;
    background: url("../imgs/sns-bg-06.svg") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 1440px;
    animation: sns-bg-move06 3s linear 0s infinite alternate;
}

#sns .section-tit {
    position: relative;
    padding-top: 7%;
	z-index:1;
}

#sns .link-more-02 {
    position: relative;
    margin-top: 4.2857%;
    left: 5.7%;
}

#sns-sl {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

#sns-sl .sns-sl-wrap {
    position: relative; /* 모바일 화면에서 위치가 변경되므로 position:relative 필수 */
    display: block;
    width: 100%;
    height: 100%;
}

#sns-sl .swiper-container {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 37px;
    width: 82%; /* (각컨텐츠 252*3+여백 40*2) 836/1400 */
    height: auto;
    padding: 70px 0px 30px 0px; /* sns-sl-img 그림자 크기만큼 여백 */
}

#sns-sl .sns-sl-img {
    display: block;
    width: 343px;
    height: 273px;
     /* (컨텐츠세로)252/(부모컨테이너가로)836 */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position:
    relative;
    z-index:1;
    border: 1px solid #000;
}
#sns-sl .sns-sl-img::after {
	position:
	absolute;
	content:
	'';
	display:
	block;
	width:100%;
	height:100%;
	background-color:#0076c0;
	opacity:0;
}
#sns-sl .sns-sl-img:hover::after {
	opacity:.5;	
	transition:opacity .2s;
}
.swiper-container {}
@keyframes sns-sl-moveUp {
    from {
        margin-top: 0;
    }
    to {
        margin-top: -50px;
    }
}

@keyframes sns-sl-shadow {
    from {
        box-shadow: 0 13px 30px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 13px 30px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 13px 30px rgba(0, 0, 0, 0);
    }
    to {
        box-shadow: 0 13px 30px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 13px 30px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 13px 30px rgba(0, 0, 0, .3);
    }
}

#sns-sl a { display:block; transition:all 0.3s ease; border-radius: 20px; overflow:hidden; }
#sns-sl a:hover { transform:translateY(-20px); box-shadow: 0 13px 30px rgba(0, 0, 0, .3);  }
/*
#sns-sl .sns-sl-img:hover {
    animation: sns-sl-moveUp 0.3s ease 0s 1 normal forwards, sns-sl-shadow 0.3s ease 0s 1 normal forwards;
}
*/

.sns-sl-icon {
    position: absolute;
    bottom: 6%;
    right: 6%;
    font-size: 30px;
    color: #ffffff;
	z-index:2;
}

/* notice */
#notice {
    padding-bottom: 8.57%;
    background-color: #eff4fe;
    z-index: 11;
}

#notice {
    margin-top: 0;
	overflow:hidden;
}

.notice-tit li {
    display: inline-block;
}

.notice-tit li:nth-of-type(2) {
    color: #c9c9c9;
    position: relative;
    padding-left: 40px;
}

.notice-tit li:nth-of-type(2)::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 36px;
    background-color: #c9c9c9;
    position: absolute;
    top: 4px;
    left: 0;
    margin: 0 20px;
}
#notice .swiper-container {
	padding:40px 0;
}
.notice-list-wrap {
    display: block;
    margin-top: 40px;
}
.notice-list::after {
	clear:both;
	display:block;
	content:'';
}
.notice-list li {
    position: relative;
	float:left;
	width: calc(33% - 46px);
	box-sizing:border-box;
	background-color:#fff;
	margin-right:70px;
	top:0;
}

.notice-list li:hover {
	box-shadow:0 0 20px 0 rgba(0,0,0,.2);
	transition:box-shadow .25s;
}
.notice-list li:last-child {
	margin-right:0;
}
.notice-list li a {
    font-family: 'S-CoreDream-5Medium';
    font-size: 20px;
    padding: 50px 40px 80px;
    color: #2a2e35;
    display: block;
    width: 100%;
}
.notice-list li a .notice-name {
    display:-webkit-box; 
    word-wrap:break-word; 
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical; 
    overflow:hidden; 
    text-overflow:ellipsis;
    height:80px;
	font-size:28px;
	line-height:40px;	

	margin:20px 0 48px;
	font-size:28px;
	font-weight:bold;
}
.notice-list li a .notice-type {
	color:#ababab;
	font-size:18px;
}
.notice-con {
	font-size:18px;
	line-height:28px;
	margin-bottom:80px;
	display:-webkit-box; 
    word-wrap:break-word; 
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical; 
    overflow:hidden; 
    text-overflow:ellipsis;
    height:56px;
	color:#787d86;
}
.notice-list li a:hover .notice-name {
    color: #0076c0;
}

.list-date {
    position: relative;
    display: block;
    font-size: 13px;
	font-family: 'GmarketSansMedium';
	color:#ababab;
}

.list-date i {
    color: #777;
	font-size:40px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	transition:transform .5s;
	transform-origin: center center;
}
.notice-list li:hover i {
	color:#0076c0;
}

#notice .section-tit {
    display: flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    width: 100%;
}

.noticeTab {
	z-index:30;
	position:relative;
	text-align:center;
}
.noticeTabBtn {
    border-radius:28px;
    outline:none;
	cursor:pointer;
	width:100px;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#888;
}
.noticeTabBtn.select {
	background-color:#cfedfc;
    color:#2a2e35;
	position:relative;
	z-index:1;
}
/* footer */
#footer {
    background-color: #333333;
}

.footer-top {
    position: relative;
    display: block;
    width: 100%;
    height: 96px;
    border-bottom: 1px solid #484848;
}

.footer-link-list {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.footer-link-list li {
    display: inline-block;
    border: 1px solid #ffffff61;
    padding: 10px 20px 10px 20px;
    background-color: #0000006e;
}

.footer-link-list li:not(:first-of-type) {
    position: relative;
    text-align:
    center;
}

/*.footer-link-list li:not(:first-of-type)::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #484848;
    margin: 0 15px 0 13px;
    left: 0;
    top: 8px;
}*/

.footer-link-list li a {
    font-family: 'S-CoreDream-5Medium';
    font-size: 16px;
    color: #ffffff;
}

.footer-link-list li strong {
    color: #fff;
    font-weight: normal;
}

.footer-etc {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: flex;

    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center;

    z-index: 99;
}

.sns-link-list {
    display: flex;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center;
}

.sns-link-list li {
    position: relative;
}

.sns-link-list li:not(:first-of-type) {
    padding-left: 25px;
}

.sns-link-list li i {
    font-size: 22px;
    color: #777777;transition:all 0.3s ease;
}

.sns-link-list li a:hover i {
    color: #ffffff;
}

.family-link {
    margin-left: 25px;
    position: relative;
}

.family-link-default {
    width: 195px;
    height: 40px;
    border: 1px solid #4c4c4c;
    font-family: 'S-CoreDream-5Medium';
    font-size: 14px;
    color: #7b7b7b;
    display: flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 13px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.family-link.on .family-link-list {
    display: block;
    animation: fadeIn 0.2s ease 0s 1 normal forwards;
}

.family-link-list {
    display: none;
    opacity: 0;
    width: 195px;
    border: 1px solid #4c4c4c;
    background-color: #404040;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    position: absolute;
    bottom: 39px;
    left: 0;
}

.family-link-list li {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    height: 40px;
    padding: 0 13px;
    z-index: 99;
}

.family-link-list li:not(:last-of-type) {
    border-bottom: 1px solid #4c4c4c;
}

.family-link-list li, .family-link-list li a {
    font-family: 'S-CoreDream-5Medium';
    font-size: 14px;
    color: #ffffff;
}

.family-link-list li a {
    display: flex;
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 100%;
}

.family-link-list li a:hover {
    color: #21ade5;
}
#footer {
	position: relative;
    bottom: 0;
    width: 100%;
}
.footer-info {
    position: relative;
    width: 100%;
    height: 180px;
}

.footer-logo {
    position: absolute;
    left: 0;
    top: 30px;
}

.footer-logo img {
    width: 158px;
    opacity: 0.5;
}

.footer-address {
    position: absolute;
    left: 200px;
    top: 45px;
    font-family: 'S-CoreDream-5Medium';
    font-size: 14px;
    color: #767676;
    line-height: 1.7;
}

@media all and (max-width: 1400px) /* 아아패드 프로 세로, 아이패드 가로 */ {
	. {
		display:inline;
	}
    .inner {
        max-width: none;
        padding: 0 4.8%;

        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
	.bg-wrap  {
		background-size: calc(203vw - 118px) auto;
		background-position:center 57px; 
	}
	#main-visual .swiper-container {
		height: 51vw;
	}
    #main-visual .swiper-pagination {
        padding-left: 4.8%;
    }
	
	.main-visual-img {
		width: calc(90% - 420px);
	}
	.spaceSlide .swiper-slide {
	}
	.spaceImgShow {
	    margin-top: calc(4% + 15px);
	}
	#center-space .spaceSlide {
		padding-top:5.71vw;
	}
	.spaceListTop {
	    margin-bottom: 6.78vw;
	}
	.spaceList li {
		margin-right: 6px;
	}
	.spaceList li:last-child {
		margin-right:0 ;
	}
	.spaceList li button {
		height: calc(20px + 3.3vw);
		border-radius: calc(20px + 3.3vw);
		padding: 0 calc(7px + 1vw);
		font-size: calc(5px + 1.07vw);
	}
    
    #show-search .inner {
        max-width: 1400px;
    }
	#show-search-sl .swiper-button-prev, #show-search-sl .swiper-button-next {
		display:none;
	}
	.notice-list li {
	    width: calc(31.33%);
		margin-right:3%;
	}
	.notice-list li:last-child {
		margin-right:0;
	}
	.notice-list li a {
	    padding: 40px 30px 60px;
	}
	.notice-list li a .notice-name {	
	    margin: 15px 0 30px;
		height: 60px;
		line-height: 30px;
		font-size: 20px;
	}
	.notice-con {
		margin-bottom: 60px;
	}
	.main-bg.obj1 {
		transform: translate(-900px, -150px);
	}
	.main-bg.obj5 {
		transform: translate(-800px, -700px);
	}
	.main-bg.obj7 {
		transform: translate(-1200px, -300px);
	}
}

@media all and (max-width: 1280px) /* header와 이달의 공연 달력 부분 레이아웃 문제로 추가 */ {
    /* header */
    .lnb, .header-util-list {  display: none;}
    .m-lnb-btn {display: block; }

    /* show-sked */
    .sked-cal-list {  display: none; }

    .cal-month-list {
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%) !important;
    }

    .sked-cal {
        padding: 6% 1.7%;
    }

    .btn-cal-prev i, .btn-cal-next i {
        font-size: 4vw;
    }

    .month-text p {
        display: flex;

        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        font-size: 4.2vw;
    }

    .month-text em {
        order: 2;
    }

    .month-text span {
        order: 1;
        font-size: inherit;
		font-family:"GmarketSansBold", sans-serif;
    }

    .month-text span::after {
        content: '.';
        padding-right: 10px;
    }

    .space-bn-wrap {
    }
	.main-visual-tit {
		font-size: 59px;
	}

}

@media all and (max-width: 1080px) /* 퀵메뉴 레이아웃 변경으로 미디어 쿼리 추가 */ {
    .quick-menu-list-wrap {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        height: auto;
        background-color: transparent;
    }

    .quick-menu-list li {
        display: inline-block;
        background-color: #eff4fe;
        height: 90px;
        padding: 0 5%;
        margin: 0 0.8%;
        border: 0 !important;


        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .quick-menu-list li a {
        height: auto;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        font-size: 16px;
    }

    .quick-menu-list li a span {
        display: inline-block;
    }

    .icon-show-search em {
        transform: scale(0.5);
        -ms-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
	.notice-list li {
	    width: calc(50% - 1.5%);
		margin-right:3%;
	}
	.notice-list li:nth-child(2) {
		margin-right:0;
	}
	.notice-list li:last-child {
		display:none;
	}

}

@media all and (max-width: 1023px) /* 아이패드 9.7인치 세로, 모바일 가로 */ {
	.selectric .label { font-size:15px !important; }
    /* 공통 */
    section, #sns {
        margin-top: 0%;
    }
	.slogan {
		margin-top:80px;
	}
	#our-center {
        margin-top: 35%;
		margin-bottom: 0;
    }
	#notice {
        padding-top: 20%;
    }
    #show-search {
        padding-bottom: 0;
    }
	.spaceImgShow {
		width: 100%;
		padding-bottom:67.92%;
	}
	.spaceSlide {
		width: 100%;
	}
	#center-space .spaceSlide {
	    padding-top: 35px;
		margin-top: 20px;
	}
	.spaceSlide .swiper-pagination2 {
		left: 50% !important;
		transform:translateX(-50%);
	}
	.spaceSlide .swiper-button-pause {
		left: calc(50% + 40px) !important;
		transform:translateX(-50%);
		z-index: 10;
	}
	
	#sns .more_link {
	    position: absolute;
		left:auto;
	    right: 0;
		top: 50%;
	}
    .link-more-01, .link-more-02, .link-more-03 {
        display: none;
    }

    .m-more-link-01 {
        display: flex;

        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;

        margin-top: 50px;
    }

    .main-content .link-more-01, #center-space .link-more-02, #sns .link-more-02, #show-search .link-more-03 {
        display: none;
    }
	#notice .link-more-01 { display:block !important; }
	#notice .link-more-01 span { display:none; }
	#notice .link-more-01 i  {font-size:30px; }
    .section-tit {
        text-align: center;
    }

    /* show-sked */
    #show-sked-sl {
        padding-bottom: 0;
		margin-top:11%; 
    }
	section#show-sked {
		padding: 20% 0 5%;
	}
    /* center-space */
    .space-bn-wrap {
        margin-bottom: 0;
        margin-top: 10%;
    }

    .space-bn-area {
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
	.spaceImgShow {
		float:none;
		margin:0 auto;
	}
	.spaceSlide {
		float:none;
	}
    .space-bn-list li {
        width: 48%;
    }
	.spaceList li button {
		height: calc(30px + 3.3vw);
		border-radius: calc(30px + 3.3vw);
		padding: 0 calc(14px + 1.5vw);
		font-size: calc(8px + 1.07vw);
	}
    .space-bn-list li:nth-of-type(1) {
        padding-bottom: 47%;
    }

    .space-bn-list li:nth-of-type(2) {
        padding-bottom: 64%;
        left: auto;
        right: 0;
        margin-top: 6.13%;
    }

    .space-bn-list li:nth-of-type(3) {
        padding-bottom: 64%;
        left: 0;
        margin-top: 51.5%;
    }

    .space-bn-list li:nth-of-type(4) {
        padding-bottom: 52.8%;
        left: auto;
        right: 0;
        margin-top: 73.5%;
    }

    .space-bn-list li p {
        font-size: 3.6vw;
    }

	#our-center {
		height: 200px;
	}
	#our-center .m-more-link-01 {
		display: flex;
	}
	#our-center .more_link {
		display:none;
	}
	.our-center-bg {
	    height: calc(100% - 60px);		
		right:0;
	}
	#center-space .more_link {
		display:none;
	}
    /* show-search */
    .link-more-wrap {
        display: none;
    }

    .selectric-wrapper {
        margin: 0 6px !important;
    }

    .selectric {
        width: 140px !important;
        height: 32px !important;
    }

	.selectric .label {
        line-height: 30px !important;
        height: 30px !important;
    }

    .selectric-items ul, .selectric-items li {
        font-size: 15px !important;
        line-height: 16px !important;
        min-height: 16px !important;
    }

    .show-cate-01, .show-cate-02 {
        font-size: 16px
    }

    .show-search-desc li {
        font-size: 12px;
		line-height:1.4;
    }

    .show-search-desc li:not(:first-of-type) {
        margin-top: 5px;
    }

    .show-search-tit {
        font-size: 16px;
    }

    .show-search-tit span {
        font-size: 13px;
    }

    #show-search-sl {
        margin-top: 10%;
    }

    .show-search-tag {
        top: 14px;
        right: 14px;
    }

    .show-search-cate, .show-search-region {
        font-size: 14px;
        padding: 6px 8px;
    }

    /* sns */
    #sns {
        height: 78vw;
    }

    .sns-bg {
        display: none !important;
    }

    #sns .section-tit {
        position: relative;
		margin-bottom:20px;
    }

    #sns .section-tit p {
        display: none;
    }

    #sns-sl {
        left: 0;
        top: 0;
    }

    #sns-sl .swiper-container {
        width: 100%;
        top: 20%;
        left: 0;
        padding: 70px 0 30px 0;
    }

    #sns-sl .sns-sl-img:hover {
        animation: none;
    }

        /* notice */

    .notice-list-wrap {
        padding: 5% 0;
    }
}
@media all and (max-width: 1000px) {
	#main-visual .swiper-container {
		height: 100vw;
	}
	
	#main-visual .swiper-pagination {
		bottom: 8vw;
	}
	.swiper-slide.main-visual-bn {
		margin-top: 57px;
		height:calc(100% - 57px);
	}
	.main-visual-bn .inner {
		text-align: center;
	}
	.main-visual-text {
		display:block;
		position: static;
		width: 100%;
		height: auto;
		z-index: 1;
		padding-top:calc(50px + 5%);
		text-align: center;
	}
	.main-visual-subtit {
	    font-size:calc(8px + 1.8vw);
		line-height:30px;
	}
	.main-visual-tit {
	    font-size: 8vw;
	}
	.main-visual-img {
		position:static;
		width: 70%;
		transform:translate(0);
	}
	#main-visual .swiper-container {
		height: calc(100vw + 200px);
		padding-bottom:0;
	}

	#main-visual .swiper-pagination {
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		padding-left: 0;
	}
	
	.show-sked-info1-link .show-sked-more {
		opacity:1;
	}
	.bg-wrap {
		background-size: cover;
		background-position:center 0; 
	}
	
	.bg-wrap.pc {
		display: none !important;
	}
	.bg-wrap.mo {
		display: block !important;
	}
	.main-visual-desc {
		margin: 7px 0 44px;
	}
	
}
@media all and (max-width: 767px) /* 모바일 세로*/ {
	.search-container input[type="text"]::placeholder { font-size:12px; }
	.search-area .ck-con input[type="text"]::placeholder { font-size:12px; }
	
}
@media all and (max-width: 767px) /* 모바일 세로*/ {

    /* 공통 */
	#main-visual .swiper-slide .inner {
	    
	}
	.next_line_pc {
		display:inline !important;
	}
	.next_line_767 {
		display:block;
	}
    .m-more-link-01 {
        margin-top: 20px;
    }

    .section-tit p {
        display: none;
    }

    .main-content {
        padding-top: 0;
    }

    br.on_mobile {
        display: block;
    }
	h3 {
		font-size:35px;
	}
    /* header */
	#header {
	   height: 57px;
	 }

    .header-wrap {
        height: 75px;
    }


    .header-logo-link {
        width: 86px;
        height: 43px;
    }

    .m-lnb-btn {
        font-size: 30px;
    }

	.header-wrap {
	}
    /* main-visual */
    #main-visual .swiper-container {
		/*height: calc(120vw + 120px);*/
		padding-bottom: 0;
	}

    .main-visual-text {
		width:100%;
		padding-top: 5%;
    }

    .main-visual-tit {
		margin: 2.91vw 3.91vw 0;
    }
    .main-visual-tit > br {
		display:none;
	}
    .main-visual-subtit {       
	    line-height:23px;
	    padding-bottom:0;
    }
	.main-visual-img {
		width: 100%;
	}
    #main-visual .swiper-pagination {
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
		padding-left:0;
		height:40px;
		padding-top:10px;
		bottom: calc(12vw + 90px);
	}



	#main-visual .swiper-pagination span:not(:first-of-type).swiper-pagination-bullet {
		margin-left: 12px;
	}
	#main-visual .swiper-pagination-bullet {
		font-size:14px;
	}
    /* 메인배너 버튼 스타일 변경
    #main-visual .swiper-pagination-bullet-active::before {
        display: none;
        content: '';
        height: 3px;
        width: 0;
        background: none;
        margin-top: 0;
        margin-right: 0;
    }

    #main-visual .swiper-pagination-bullet-active {
        width: auto;
    }
    */
    /* quick menu */
    .quick-menu-list-wrap {
        position: absolute;
        left: 0;
        bottom: -150px;
    }

    .quick-menu-list {
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
		    position: relative;
    top: -120px;
    }

    .quick-menu-list li {
        width: 48%;
    }

    .quick-menu-list li:nth-of-type(3), .quick-menu-list li:nth-of-type(4) {
        margin-top: 2.2%;
    }

    /* show-sked */
    #show-sked-sl .show-sked-img-area {
        width: 200px;
        height: 284px;
    }
	#show-search-sl .swiper-container {
		padding-left: 25px;
	}
    #show-sked-sl .swiper-slide {
        width: 200px;
        padding-bottom: 14px;
    }
	#calendarList .swiper-slide-active { width:auto !important; }
	#calendarList.swiper-container { padding:0; height:auto; }
    #show-sked-sl .swiper-slide-active .show-sked-img-area {
        animation: show-sked-expand-m 0.3s ease 0s 1 normal forwards;
    }
	section#show-sked {
		padding: 26% 0 5%;
	}
    .show-sked-region {
        font-size: 12px;
    }

    .show-sked-tit {
        font-size: 16px;
    }

    .show-sked-desc-list li {
        font-size: 12px;
    }

    .show-sked-info2-list dt {
        font-size: 2vw;
    }

    .show-sked-info2-list dd {
        font-size: 2.5vw;
    }
	#show-sked-sl {
		margin-top: 6%;
	}
    .link-more-02, .show-sked-more {
        font-size: 11px;
        width: 52px;
        height: 52px;
    }

    .show-sked-info1-link .show-sked-more {
        bottom: 8%;
    }

    .show-sked-text {
        top: 16%;
    }
	.spaceList li {
		/*width:calc(25% - 7px);*/
		text-align:center;
	}

	.spaceList li button {		
		border: 1.5px solid #0076c0;
		padding: 0 20px;
		text-align:center;
	}
    /* our-center */
    #our-center {
        height: 124px;
        background-size: cover;
    }
	
    #our-center .more-view {
        font-size: 12px;
        padding: 7px 12px;
    }
	.our-center-bg {
	    height: 100%;
		top:-50px;
		right:-20px;
	}
    /* show-serch */
	#center-space .spaceSlide {
		padding-top: 15px;
	}
	#show-search {
		margin-top: 40%;
	}
    #show-search > .inner {
        padding: 0;
    }
	#our-center .our-center-tit p {
		font-size:14px;
	}
    /* sns */
    #sns {
        height: auto;
        padding-bottom: 11.43%;
        margin-top: 1%;
    }
    #sns-sl {
        position: static;
    }
    #sns-sl .swiper-container {
        position: static;
        padding: 0;
    }
    #sns .section-tit {
        text-align: left;
		padding-top: 21%;
		margin-bottom: 30px;
    }
    #sns-sl .sns-sl-img:hover {
        animation: none;
    }
	#sns .more_link {
		display:none;
		top: 30%;
	}
	#sns .m-more-link-01 {
		border:0.8px solid #2a2e35;
		margin-left:15px;
		width:calc(100% - 30px);
	}
	.swiper-button-next-show, .swiper-button-prev-show {
		display:none;
	}
    /* notice */
    h3, .notice-tit li:nth-of-type(2) {
        font-size: 26px;
		margin-bottom:5px;
    }

    .notice-list li a p {
        width: 100%;
		font-size:12px;
    }

	.sns-link-list li i {
        font-size: 25px;
    }
	.notice-list li a .notice-type {
		font-size:14px;
	}
    .notice-tit li:nth-of-type(2) {
        padding-left: 20px;
    }

    .notice-tit li:nth-of-type(2)::before {
        height: 21px;
        margin: 0 12px 0 8px;
    }
	.notice-list li a .notice-name {
		margin: 10px 0 20px;
	}
    .notice-list li a {
        font-size: 15px;
		line-height: 23px;
		padding: 40px 30px 50px;
    }
	.notice-con {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 40px;
		-webkit-line-clamp:3; 
		height:66px;
	}
	.list-date i {
		font-size: 30px;
	}
    .notice-list-wrap {
        margin-top:0;
		padding: 0;
    }
	.notice-list li {
	    width: 80% !important;
		margin-right:3%;
	}
	.notice-list li:nth-child(2) {
		margin-right:3%;
	}
	.notice-list li:last-child {
		display:block;
	}
	.noticeTabBtn {
		width: 56px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
    #calendarList.swiper-container.no_data .swiper-wrapper div,
    #show-search-sl .swiper-container.no_data .swiper-wrapper div,
    #livingCultureArea.no_data div,
    #recordsDataArea.no_data div,
    .b_list tbody.no_data div,
    .minwon.no_data div{
        padding-top: 75px;
        font-size: 20px;
    }
    #calendarList.swiper-container.no_data .swiper-wrapper div .no-data-icon,
    #show-search-sl .swiper-container.no_data .swiper-wrapper div .no-data-icon,
    #livingCultureArea.no_data div .no-data-icon,
    #recordsDataArea.no_data div .no-data-icon,
    .b_list tbody.no_data div .no-data-icon,
    .minwon.no_data div .no-data-icon{
        width: 50px;
        height: 50px;
        margin-left: -25px;
    }
    #calendarList.swiper-container.no_data .swiper-wrapper div .no-data-icon .xi-search,
    #show-search-sl .swiper-container.no_data .swiper-wrapper div .no-data-icon .xi-search,
    #livingCultureArea.no_data div .no-data-icon .xi-search,
    #recordsDataArea.no_data div .no-data-icon .xi-search,
    .b_list tbody.no_data div .no-data-icon .xi-search,
    .minwon.no_data div .no-data-icon .xi-search{
        margin-top: 16px;
    }

    /* footer */


    #footer .inner {
        padding: 0;
    }

    .footer-top {
        position: relative;
        height: 54px;
        z-index: 200;
    }

    .footer-link-list li a {
        font-size: 12px;
    }

    .family-link {
        position: absolute;
        top: 200px;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        margin-left: 0;
    }

    .footer-link-list {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .footer-etc {
        position: relative;
        justify-content: center;
        -webkit-justify-content: center;
        width: 100%;
        top: 72px;
        transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
    }

    .footer-info {
        height: 280px;
        z-index: 99;
    }

    .footer-logo img {
        width: 164px;
    }

    .footer-logo {
        left: 50%;
        top: 70px;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .footer-address {
        text-align: center;
        font-size: 11px;
        display: block;
        width: 100%;
        left: 0;
        top: 138px;
    }

	.main-bg.obj1 {
		width: 300px;
		height: 300px;
		transform: translate(-100vw, 50vw);
	}
	.main-bg.obj2 {
		width: 270px;
		height: 450px;
		transform: translate(5vw, 0px);
	}
	.main-bg.obj3 {
		width: 400px;
		height: 200px;
		transform: translate(-10vw, 120vw);
	}
	.main-bg.obj4 {
		width: 280px;
		height: 280px;
		transform: translate(-90vw, 0px);
	}
	@keyframes main-bg-move04 {
		from {
			top: 50%;
		}

		to {
			top: 65%;
		}
	}
	.main-bg.obj5 {
		width: 200px;
		height: 468px;
		transform: translate(20vw, -25vw);
	}
	.main-bg.obj7 {
		display:none;
	}
	.main-bg.obj8 {
		width: 280px;
		height: 280px;
		transform: translate(-10vw, 18vw);
	}
	.spaceSlide2 .spaceList {
		margin-bottom: 12px;
	}
	.main-visual-desc {
		font-size: 13px;
		margin: 0px 0 22px;
	}
	
}
@media(max-width: 690px) {
.gabbb .bts {
    background-color: #0053c5;
    width: 250px;
    height: 60px;
    color: #fff;
    margin-left: 38%;
    border: 0px solid #fff;
    position: relative;
}
	.next_line_690 {
		display:block;
	}
}



@media all and (max-width: 570px)  {
.gabbb .bts {
    background-color: #0053c5;
    width: 250px;
    height: 60px;
    color: #fff;
    margin-left: 18%;
    border: 0px solid #fff;
    position: relative;
}
	.quick-menu-list li {
		height: calc(40px + 6.5vw);
	}
	#main-visual .swiper-pagination {
		bottom: calc(7vw + 90px);
	}
}

@media all and (max-width: 450px)  {
	.spaceList li button {		
		padding: 0 12px;
	}
	.spaceList li button.space_pb {
		padding: 0 15px;
	}
}
@media all and (max-width: 384px) {
	.icon-our-center{ min-width:inherit; width:42px; height:32px; margin-right:7px; }
	.icon-show-search{ min-width:inherit; width:42px; height:32px; margin-right:7px; background-position:right 0 }
	.icon-ggcf{ min-width:inherit; width:42px; height:38px; margin-right:7px; }
	.icon-contact { min-width:inherit; width:42px; height:38px; margin-right:7px; background-position:right 0 }
	.quick-menu-list li a { /*padding-left:13px; justify-content:left; */font-size:15px; }
	.quick-menu-list li a .icon-show-search { margin-right:7px; }
    /* show-sked */
    .show-sked-info2-list dt {
        font-size: 3.2vw;
    }

    .show-sked-info2-list dd {
        font-size: 3.8vw;
    }

    /* center-space */
    .space-bn-list li p {
        font-size: 16px;
    }

    /* show search */
    .show-search-tag {
        top: 12px;
        right: 12px;
    }

    .show-search-cate, .show-search-region {
        font-size: 12px;
        padding: 4px 6px;
    }
	#main-visual .swiper-pagination {
		/*bottom: 120px;*/
	}

	.spaceList li {
		margin-right: 3px;
	}
	.spaceList li button {
		padding: 0 12px;
		font-size:10px;
	}
	.spaceList li button.space_pb {
		padding: 0 15px;
	}
}

/*웹진 목록*/
.wzSubTit1 {
	font-family: 'GmarketSansLight', sans-serif;
	font-size:50px;
	color:#fff;
	margin-top: -40px;
    margin-bottom: 18px;
}
.wzSubTit2 {
	font-size:15px;
	color:#fff;
    line-height: 1.8;
	padding-top:0;
	padding-left:250px;
}
.wzYear {
	margin-bottom:30px;		
}
.wzYear > span {
	border-top:1px solid #000; 
	font-size:30px;
	font-family: 'GmarketSansBold', sans-serif;
	padding-top:10px;
}
.wzLi {
		
}
.wzLi::after {
	clear:both;
	display:block;
	content:'';
}
.wzLi li {
	float:left;
	width:14.7%;
	height:26vw;
	max-height:350px;
	margin-right:2.2%;
}
.wzLi li:nth-of-type(6n) {
	margin-right:0;
}
.wzLiImg {
	width:100%;
	position:relative;
}
.wzLiImg:before {
	content: "";
	display: block;
	padding-top: 132%;
}
.wzLiImg img {
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.wxLiTit {
	font-size:16px;
	font-family: 'GmarketSansMedium', sans-serif;
	margin-top:15px;
}

/*웹진 목록 - 목록*/
.wzDep2Sub {
	background-image:url('../img/content/2021_07_01_left.png'), url('../img/content/2021_07_01_right.png'), url('../img/content/2021_07_01_back.png');
	background-repeat:no-repeat, no-repeat, repeat-x ;
	background-position: left center, right center, center center;
	background-size:auto 90%, auto 90%, auto 100%;
	margin-top:-120px;
    width: 100vw;
    left: calc(50% - 50vw);
	height:800px;
	position:relative;
}
.wzDep2Sub.wzDep2Sub1002 {
	background-image:url('../img/content/2021_10_02_left.png'), url('../img/content/2021_10_02_right.png'), url('../img/content/2021_10_02_back.png');
	background-size:auto 100%, auto 100%, auto 100%;
}
.wzDep2Sub.wzDep2Sub1203 {
	background-image:url('../img/content/2021_12_03_left.png'), url('../img/content/2021_12_03_right.png'), url('../img/content/2021_12_03_back.jpg');
	background-size: auto 87%, auto 75%, auto 100%;
    background-position: left calc(100% - 50px), right calc(100% - 50px), center center;
}
.wzDep2SubCover {
	display:none;
}
.wzDep2Txt {
	padding-top:150px;
	text-align:center;
	margin:0 auto;
	max-width: 1000px;
}
.dep2SubLogo {
	width:200px;
}
.dep2SubDate {
	width: 158px;
    display: block;
    margin: 67px auto 0;
}
.dep2SubName {
	color:#fff;
	font-size:65px;
	font-family: 'GmarketSansLight', sans-serif;
    margin: 39px 0 51px;
	line-height: 1.2;
}
.dep2SubName > small {
	display:block;
	font-size:35px;
    margin: 106px 0 20px;
}
.dep2SubName > span {
	font-family: 'GmarketSansBold', sans-serif;
}
.dep2SubDay {
	color:#fff;
	font-size:20px;
	font-family: 'GmarketSansLight', sans-serif;
}
.dep2SubDay > span {
	font-family: 'GmarketSansMedium', sans-serif;
}

.wzDep2SectWrap {
	width: 100vw;
    position: relative;
    left: calc(50% - 50vw);	
	margin-bottom: -318px;
}
.wzDep2Sect {	
	overflow:hidden;
	padding-bottom: 215px;
	position: relative;
}
.wzDep2Sect.hongja {
	background-color:#fff;
}
.wzDep2Sect.spaceTour {
	background-color:#f0f0f0;
    transform: skewY(3deg);
	top: -125px;
}
.wzDep2Sect.spaceTour .wzDep2SectIn {
    transform: skewY(-3deg) rotate(0.001deg);
}
.wzDep2Sect.lifeColumn {
	background-color:#b5f1c4;
	transform: skewY(-3deg);
	top: -294px;
	padding-bottom: 260px;
}
.wzDep2Sect.lifeColumn.lifeColumn02 {
	background-color:#edd5c7;	
}
.wzDep2Sect.lifeColumn.lifeColumn03 {
	background-color:#ffdbd9;	
}
.wzDep2Sect.lifeColumn .wzDep2SectIn {
	transform: skewY(3deg);
}
.wzDep2Sect.emptyFill  {
	background-color:#fff;
	transform: skewY(3deg);
	top: -462px;
	padding-bottom: 70px;
}
.wzDep2Sect.emptyFill .wzDep2SectIn {
	transform: skewY(-3deg);
}
.wzDep2SectIn {
	display:flex;
	max-width:1400px;
	margin:0 auto;
	height:100%;
}
.dep2SectImg {
	width: 50%;
	position:relative;
}
.dep2SectImgS {
	width:567px;
    margin-right: 20px;
    margin-right: 20px;
}
.wzDep2Sect.hongja .dep2SectImg img {
	transform:translateY(-70px);
}
.wzDep2Sect.spaceTour .dep2SectImg img {
	transform:translateY(-4px);
}
.wzDep2Sect.lifeColumn .dep2SectImg img {
	transform:translateY(110px);
}
.dep2SectTxt {
	width: 50%;
	padding:50px;
	padding-top: 190px;
	padding-bottom:0;
}

.dep2SectImgS + .dep2SectTxt {
	padding-top: 124px;
}
.dep2SectTxt.left {
	padding-left: 100px;
}
.dep2SectTxt.right {
	padding-right: 100px;
}
.dep2SectTxt h3 {
	font-size:16px;
	font-family: 'S-CoreDream-5Medium';
	position:relative;
	display:inline-block;
}
.dep2SectTxt h3::after {
	height:2px;
	width:46px;
	background:#2a2e35;
	position:absolute;
	top:50%;
	right:-6px;
	transform: translate(100%,-50%);    
	display:block;
	content:'';
}
.dep2SectTxt h1 {
	font-size:55px;
	color:#000;
	font-family: 'S-CoreDream-5Medium';
	line-height:1.2;
	margin:20px 0;
}
.dep2SectTxt h2 {
	font-size:28px;
    font-weight: 100;
	line-height: 1.5;
	color:#000;
}
.dep2SectTxt p {
	font-size:17px;
	color:#000;
	line-height:1.7;
    margin: 27px 0 74px;
}
.dep2SectTxt a {
	display:inline-block;
	height:50px;
	line-height:50px;
	padding:0 23px;
	background:#f0f0f0;
	border-radius:25px;
	font-size:17px;
	transition:.5s;
}



.dep2SectTxt,
.dep2SectImg {	
	position:relative;
	top:70px;
	opacity:0;	
}

.dep2SectTxt.show,
.dep2SectImg.show {	
	top:0;
	opacity:1;
	transition:opacity .3s, top .8s;	
}


.wzDep2Sect.spaceTour .dep2SectTxt a {
	/*background:#000;
	color:#fff;*/
	background:#fff;
}
.wzDep2Sect.lifeColumn .dep2SectTxt a {
	background:#fff;
}
.dep2SectTxt a i {
	position:relative;
	right:0;
	transition:right .5s;
}
.dep2SectTxt a:hover {
	background:#000;
	color:#fff;
	transition:.5s;
}
.wzDep2Sect.spaceTour .dep2SectTxt a:hover {
	background:#000;
	color:#fff;
	transition:.5s;
}
.wzDep2Sect.lifeColumn .dep2SectTxt a:hover {
	background:#000;
	color:#fff;
	transition:.5s;
}
.dep2SectTxt a:hover i {
	right:-10px;
	transition:right .5s;
}
.wzDep2Btns {
	text-align:center;
	position:relative;
	z-index:1;
    margin-top: -205px;
}



/*웹진 - 목록 - 목록 - 컨텐츠*/
.wzDep3Sub {
    margin-top: -120px;
    width: 100vw;
    position: relative;
    left: calc(50% - 50vw);
    height: 440px;
	display: flex;
    align-items: center;
}
.hongjaWrap .wzDep3Sub {
	background:url('../img/content/dep3_sub_back1.png') no-repeat center center/cover;
}
.hongjaWrap.hongjaWrap02 .wzDep3Sub {
	background:url('../img/content/dep3_sub_back1_02.png') no-repeat center center/cover;
}
.hongjaWrap.hongjaWrap03 .wzDep3Sub {
	background:url('../img/content/dep3_sub_back1_03.jpg') no-repeat center center/cover;
}
.spaceTourWrap .wzDep3Sub {
	background:url('../img/content/dep3_sub_back2.png') no-repeat center center/cover;
}
.spaceTourWrap.spaceTourWrap02 .wzDep3Sub {
	background:url('../img/content/dep3_sub_back2_02.png') no-repeat center center/cover;
}
.spaceTourWrap.spaceTourWrap03 .wzDep3Sub {
	background:url('../img/content/dep3_sub_back2_03.jpg') no-repeat center center/cover;
}
.lifeColumnWrap .wzDep3Sub {
	background:url('../img/content/dep3_sub_back3.png') no-repeat center center/cover;
}
.lifeColumnWrap.lifeColumnWrap02 .wzDep3Sub {
	background:url('../img/content/dep3_sub_back3_02.png') no-repeat center center/cover;
}
.lifeColumnWrap.lifeColumnWrap03 .wzDep3Sub {
	background:url('../img/content/dep3_sub_back3_03.jpg') no-repeat center center/cover;
}
.emptyFillWrap .wzDep3Sub {
	background:url('../img/content/dep3_sub_back4.png') no-repeat center center/cover;
}
.emptyFillWrap.emptyFillWrap02 .wzDep3Sub {
	background:url('../img/content/dep3_sub_back4_02.png') no-repeat center center/cover;
}
.emptyFillWrap.emptyFillWrap03 .wzDep3Sub {
	background:url('../img/content/dep3_sub_back4_03.jpg') no-repeat center center/cover;
}
.wzDep3Con {
}
.dep3Narr {
	font-size:17px;
	text-align:center;
	line-height: 1.7;
	margin:75px 0;
}
.dep3Narr > small {
	color:#6d6d6d;
	display:block;
	font-size:1em;
	margin-top: 30px;
}

.dep3Ytb {
	padding:60px 220px;
	background:#f8f8f8;
	width:100%;
}
.dep3YtbIn {
	position:relative;
	padding-top:56.3%;
	width:100%;
}
.dep3YtbIn iframe { 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
}
.dep3Ytb p {
	font-size: 16px;
    color: #6d6d6d;
    text-align: center;
    margin-top: 15px;
	line-height: 1.3;
}
.dep3Sect-t1 {
	display:flex;
	margin-top:83px;
}
.sectLeft {
	width:320px;
}
.hongjaWrap02 .sectLeft {
	width:380px;
}
.sectLeft h1 {
	font-size:35px;
	font-family: 'S-CoreDream-5Medium';
	line-height:1.2;
    font-weight: 200;
}
.sectLeft h1 strong {
    font-weight: 600;
}
.sectLeft h2 {
	font-size:22px;
	font-family: 'S-CoreDream-5Medium';
	line-height:1.5;
    font-weight: 200;
    margin-top: 24px;
}
.hongjaWrap .sectLeft h1 {
	color:#09932b;
	display:flex;
}
.hongjaWrap.hongjaWrap02 .sectLeft h1 {
	color:#158377;
}
.hongjaWrap.hongjaWrap03 .sectLeft h1 {
	color:#e9507f;
}
.hongjaWrap .sectLeft h2 {
	color:#09932b;
}
.hongjaWrap.hongjaWrap02 .sectLeft h2 {
	color:#158377;
}
.sectRight {
	width:calc(100% - 320px);
}
.hongjaWrap02 .sectRight {
	width:calc(100% - 380px);
}
.sectRight p {
	font-size:17px;
	line-height:1.7;
	margin-bottom:25px;
}
.imgs1 {
	display:flex;
}
.imgs1-mb {
	margin-bottom:20px;
}
.imgs1 img {
	width:calc(50% - 10px);
	margin-bottom:20px;
}
.imgs1 img:first-of-type {
	margin-right:20px;
}
.imgs2 {
	
}
.imgs2::after {
	content:'';
	display:block;
	clear:both;
}
.imgs2 li {
	width:calc(33% - 12px);
	margin-right:20px;
	float:left;
	margin-bottom:20px;
}
.imgs2 li:nth-of-type(3n) {
	margin-right:0;
}
.imgs2 li img {
	width:100%;
}
.imgs2 li.hidden img {
	visibility:hidden;
}

.wzDep3SubIn {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
	position:relative;
}
.wzDep3Txt {
	text-align:center;
	width: calc(100% - 498px);
    margin: 0 auto;
}
.wzDep3Txt h2 {
	color:#fff;
	font-size:15px;
	line-height:1.2;
	font-family: 'S-CoreDream-5Medium';
	font-weight:300;
	height:30px;
	line-height:30px;
	padding:0 20px;
	border-radius:15px;
	border:1px solid #fff;
	display:inline-block;
}
.wzDep3Txt h1 {
	color:#fff;
	font-size:50px;
	line-height:1.2;
	font-family: 'GmarketSansMedium', sans-serif;
	margin:20px 0 27px;
}
.wzDep3Txt h3 {
	color:#fff;
	font-size:17px;
	font-weight:300;
	line-height:1.2;
	font-family: 'S-CoreDream-5Medium';
}
.itv1 {
	width: 100vw;
    position: relative;
    left: calc(50% - 50vw);
	padding:65px 0;
	margin-top: 73px;
}
.hongjaWrap .itv1 {
	background:#eef8f0;	
}
.itv1In {
	max-width:1400px;
	padding: 0 20px;
	width:100%;
	margin:0 auto;
}
.itv1 h1 {
	font-size:35px;
	font-family: 'S-CoreDream-5Medium';
	line-height:1.1;
	margin-bottom:35px;
}	
.hongjaWrap .itv1 h1 {
	color:#09932b;
}
.itv1 dt {
	font-size:20px;
	line-height:1.5;
}
.itv1 dt span {
	font-weight:600;
}
.itv1 dd {
	font-size:17px;
	color:#09932b;
	padding:35px 30px;
	background:#fff;
	line-height:1.7;
	margin:25px 0 55px;
	text-align:justify;
}

.dep3Links {
	display:flex;
	justify-content:center;
	margin: 30px 0 85px;
}
.dep3Links a {
	display:flex;
	border-right:1px solid #dbdbdb;
	padding:15px 38px;
	transition:.2s;
}

.dep3Links a:last-of-type {
	border-right:none;
}
.dep3Links a i {
	font-size:30px;
	margin-right:10px;
	margin-top: 1px;
}
.hongjaWrap .dep3Links a i {
	color:#09932b;
}
.hongjaWrap.hongjaWrap02 .dep3Links a i {
	color:#158377;
}
.hongjaWrap.hongjaWrap03 .dep3Links a i {
	color:#e9507f;
}
.dep3Links a p {
	font-size:20px;
    font-weight: 600;
    line-height: 1.6;
}
.dep3Tags {
	display:flex;
    flex-wrap: wrap;
	padding-bottom: 30px;
}
.dep3Tags li {
	margin-right:10px;
	margin-bottom:10px;
}
.dep3Tags a {
	color:#0076c0;
	border-radius:25px;
	height:46px;
	line-height:46px;
	padding:0 24px;
	background:#f8f8f8;
	display:block;
	font-size:18px;
	cursor:default;
}
.dep3Writer {
	display:flex;
	align-items:center;
	padding: 35px 0 70px;
	border-top: 1px solid #dbdbdb;
	align-items: start;
}
.writerImg {
	width:66px;
}
.writerTxt {
	margin-left:20px;
	align-self: center;
}
.writerTxt dt {
	font-size:17px;
	font-weight:500;
	margin-bottom:10px;
    line-height: 1.3;
}
.writerTxt dd {
	font-size:17px;
	line-height: 1.4;
	color:#6d6d6d;
}
.wzDep3Btns {
	text-align: center;
    position: relative;
    z-index: 1;
}
.dep3Review {
    width: calc(100% - 250px);
    margin: 0 auto 30px;
}
.dep3Review ul {
	display:flex;
}
.dep3Review > p {
	font-size:35px;
    line-height: 1.1;
	margin-bottom: 62px;
    margin-top: 96px;
	font-weight:700;
	text-align:center;
}
.hongjaWrap .dep3Review > p {
	color:#09932b;
}
.hongjaWrap.hongjaWrap02 .dep3Review > p {
	color:#158377;
}
.hongjaWrap.hongjaWrap03 .dep3Review > p {
	color:#e9507f;
}

.dep3Review li {
	float:left;
	width:calc(50% - 18px);
	margin-right:36px;
	text-align:center;
	padding:60px;
	min-height: 100%;
}
.dep3Review li:last-child {
	margin-right:0;
}
.hongjaWrap .dep3Review li {
	border:5px solid #d8f4de;
}
.hongjaWrap.hongjaWrap02 .dep3Review li {
	border:5px solid #e2f2f0;
}
.hongjaWrap.hongjaWrap03 .dep3Review li {
	border:5px solid #ffe5ed;
}
.dep3Review li > h3 {
	font-size:30px;
	font-family: 'S-CoreDream-5Medium';
}
.reviewStar {
	font-size:30px;
	font-family: 'S-CoreDream-5Medium';
	margin:17px 0 40px;
	display:block;
}
.hongjaWrap .reviewStar {
	color:#09932b;
}
.hongjaWrap.hongjaWrap02 .reviewStar {
	color:#158377;
}
.hongjaWrap.hongjaWrap03 .reviewStar {
	color:#e9507f;
}
.dep3Review li > p {
    font-size: 17px;
    line-height: 1.7;
}
.dep3Sect-t2 {
	display:flex;
	padding:55px 0;
	justify-content:space-between;
}
.spaceTourWrap .dep3Sect-t2:nth-of-type(5),
.spaceTourWrap .dep3Sect-t2:nth-of-type(6),
.spaceTourWrap .dep3Sect-t2:nth-of-type(7),
.spaceTourWrap .dep3Sect-t2:nth-of-type(8) {
	background:#fbf6fc;
	position:relative;
}
.spaceTourWrap .dep3Sect-t2:nth-of-type(5)::after,
.spaceTourWrap .dep3Sect-t2:nth-of-type(6)::after,
.spaceTourWrap .dep3Sect-t2:nth-of-type(7)::after,
.spaceTourWrap .dep3Sect-t2:nth-of-type(8)::after {
	background:#fbf6fc;
	top:0;
	left:50%;
	width:100vw;
	content:'';
	height:100%;
	display:block;
	position:absolute;
	transform:translate(-50%);
}
.spaceTourWrap.spaceTourWrap02 .dep3Sect-t2:nth-of-type(5),
.spaceTourWrap.spaceTourWrap02 .dep3Sect-t2:nth-of-type(6),
.spaceTourWrap.spaceTourWrap02 .dep3Sect-t2:nth-of-type(7),
.spaceTourWrap.spaceTourWrap02 .dep3Sect-t2:nth-of-type(8) {
	background:#f6f6fa;
}
.spaceTourWrap.spaceTourWrap02 .dep3Sect-t2:nth-of-type(5)::after,
.spaceTourWrap.spaceTourWrap02 .dep3Sect-t2:nth-of-type(6)::after,
.spaceTourWrap.spaceTourWrap02 .dep3Sect-t2:nth-of-type(7)::after,
.spaceTourWrap.spaceTourWrap02 .dep3Sect-t2:nth-of-type(8)::after {
	background:#f6f6fa;
}
.spaceTourWrap.spaceTourWrap03 .dep3Sect-t2:nth-of-type(5),
.spaceTourWrap.spaceTourWrap03 .dep3Sect-t2:nth-of-type(6),
.spaceTourWrap.spaceTourWrap03 .dep3Sect-t2:nth-of-type(7),
.spaceTourWrap.spaceTourWrap03 .dep3Sect-t2:nth-of-type(8) {
	background:#f7f9f3;
}
.spaceTourWrap.spaceTourWrap03 .dep3Sect-t2:nth-of-type(5)::after,
.spaceTourWrap.spaceTourWrap03 .dep3Sect-t2:nth-of-type(6)::after,
.spaceTourWrap.spaceTourWrap03 .dep3Sect-t2:nth-of-type(7)::after,
.spaceTourWrap.spaceTourWrap03 .dep3Sect-t2:nth-of-type(8)::after {
	background:#f7f9f3;
}
.sectBox {
	display: flex;
    justify-content: space-between;
}
.sectImg {
	width:494px;
	max-width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.sectImg .swiper-pagination-bullet {
    background: #000;
    opacity: 0.4;
}
.sectImg .swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}
.sectTxt {
	width:calc(100% - 560px);
	position:relative;
	z-index:1;
}
.sectTxt h3 {
	font-size:20px;
	font-family: 'S-CoreDream-5Medium';
	line-height:1.2;
	position:relative;
	display:inline-block;
}
.sectTxt h3::after {
	content:'';
	display:block;
	position:absolute;
	width:25px;
	height:2px;
	left: calc(100% + 5px);
	top:50%;
	transform:translateY(-50%);
}
.spaceTourWrap .sectTxt h3 {
	color:#ae55c7;
}
.spaceTourWrap.spaceTourWrap02 .sectTxt h3 {
	color:#58559e;
}
.spaceTourWrap.spaceTourWrap03 .sectTxt h3 {
	color:#62861c;
}
.spaceTourWrap .sectTxt h3::after {
	background:#ae55c7;
}
.spaceTourWrap.spaceTourWrap02 .sectTxt h3::after {
	background:#58559e;
}
.spaceTourWrap.spaceTourWrap03 .sectTxt h3::after {
	background:#62861c;
}
.sectTxt h1 {
	font-size:35px;
	font-family: 'S-CoreDream-5Medium';
	line-height:1.2;
	margin:10px 0 25px;
}
.spaceTourWrap .sectTxt h1 {
	color:#ae55c7;
}
.spaceTourWrap .sectTxt h1 span {
	font-weight:300;
}
.spaceTourWrap.spaceTourWrap02 .sectTxt h1 {
	color:#58559e;
}
.spaceTourWrap.spaceTourWrap03 .sectTxt h1 {
	color:#62861c;
}
.sectTxt p {
	font-size:17px;
	font-family: 'S-CoreDream-5Medium';
	line-height:1.7;
}
.line-link {
	border-bottom:1px solid #000;
	display:inline-block;
	padding-bottom:10px;
	margin-top:25px;
}
.spaceTourWrap .line-link {
	border-bottom:1px solid #ae55c7;
	color:#ae55c7;
}
.spaceTourWrap.spaceTourWrap02 .line-link {
	border-bottom:1px solid #58559e;
	color:#58559e;
}
.spaceTourWrap.spaceTourWrap03 .line-link {
	border-bottom:1px solid #62861c;
	color:#62861c;
}
.line-link > span {
	font-weight:500;
}
/*.line-link > i {
	position:relative;
	right:0;
	transition:right .5s;
}
.line-link:hover > i {
	right:-10px;
	transition:right .5s;
}*/
.sectImg .swiper-container1,
.sectImg .swiper-container2,
.sectImg .swiper-container3,
.sectImg .swiper-container4,
.sectImg .swiper-container5,
.sectImg .swiper-container6,
.sectImg .swiper-container7,
.sectImg .swiper-container8 {
	position:relative;
}
.spaceTourWrap .dep3Links a i {
	color:#ae55c7;
}
.spaceTourWrap.spaceTourWrap02 .dep3Links a i {
	color:#58559e;
}
.spaceTourWrap.spaceTourWrap03 .dep3Links a i {
	color:#62861c;
}
.spaceTourWrap .dep3Links a:hover {
	color:#ae55c7;
	transition:.2s;
}
.spaceTourWrap.spaceTourWrap02 .dep3Links a:hover {
	color:#58559e;
	transition:.2s;
}
.dep3Sect-t3 {
	padding:100px 0;
}
.lifeColumnWrap .dep3Sect-t3.color {
	background:#fefcf6;
	position:relative;
}
.lifeColumnWrap .dep3Sect-t3.color::after {
    top: 0;
    left: 50%;
    width: 100vw;
    content: '';
    height: 100%;
    display: block;
    position: absolute;
    transform: translate(-50%);
	background:#fefcf6;
}
.lifeColumnWrap.lifeColumnWrap03 .dep3Sect-t3.color {
	background:#fff1ea;
}
.lifeColumnWrap.lifeColumnWrap03 .dep3Sect-t3.color::after {
	background:#fff1ea;
}
.dep3Sect-t3 h1 {
	font-size:35px;
	color:#000;
	font-family: 'S-CoreDream-5Medium';
	line-height:1.4;
	margin:0 0 25px;
	font-weight: 200;
	position:relative;
	z-index:1;
}
.dep3Sect-t3 h1 > span {
	font-weight:600;
}
.lifeColumnWrap .dep3Sect-t3 h1 {
	color:#ebad07;
}
.lifeColumnWrap.lifeColumnWrap02 .dep3Sect-t3 h1 {
	color:#885d13;
}
.lifeColumnWrap.lifeColumnWrap03 .dep3Sect-t3 h1 {
	color:#dc7442;
}
.dep3Sect-t3 > div {
	z-index:1;
	position:relative;
}
.ytb-wrap {
	width:500px;
	padding-top:57.33%;
	position:relative;
}
.ytb-wrap iframe {
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
}

.autoBox {
	display:flex;
	margin-bottom: 37px;
}
.sectImg-auto {
	flex-shrink:0;
}
.sectTxt-auto {
	
}
.sectTxt-auto-left {
	margin-right:60px;
}
.sectTxt-auto-right {
	margin-left:60px;
}
.wzNormalTxt {
	font-size:17px;
	color:#000;
	line-height:1.7;
}
.wzNormalTxt-mb {
	margin-bottom:20px;
}
.wzNormalTxt strong {
    font-size: 1.3em;
}
.wzNormalTxt strong span {
	color:#b65f2a;   
}
.wzNormalTxt strong small {
	font-size:0.77em;
}
.img-top {
	margin-top:35px;
}
.img-btm {
	margin-bottom:35px;
}
.colorBox {
	padding: 45px 0;
	justify-content: center;
	display:flex;
}
.colorBox > div > p {
	color:#6d6d6d;
	font-size:16px;
	text-align:center;
	margin-top: 17px;
}
.lifeColumnWrap .colorBox {
	background:#fefcf6;
	
}
.colorBoxLi {
	display:flex;
}
.colorBoxLi li {
	width:33%;
	padding:68px 12px 0;
}
.colorCircle {
	width:146px;
	height:146px;
	border:1px solid #000;
	padding:4px;
	margin: 0 12px;
	border-radius:50%;
}
.lifeColumnWrap .colorCircle {
	border:1px solid #ebb31c;
}
.colorCircle > div {
	border-radius:50%;
	background:#000;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
	display:flex;
}
.lifeColumnWrap .colorCircle > div {
	background:#ebb31c;
}
.colorCircle > div p {
	font-size:36px;
	font-weight:700;
	color:#fff;
}
.colorCircle > div p > span {
	font-size:16px;
}
.colorBoxLi li > p {
	text-align:center;
    margin-top: 20px;
    font-size: 17px;
	line-height:1.5;
}
.colorBox > div {
	width:500px;
	margin-right:50px;
}
.wzNormalTxtM {
	margin:40px 0;
}
.lifeColumnWrap .line-link {
    border-bottom: 1px solid #ebb31c;
	color:#ebb31c;
}
.dep3Links a i {
    color:#ebb31c;
}
.emptyFillWrap02 .dep3Links a i {
    color:#b65f2a;
}
.emptyFillWrap03 .dep3Links a i {
    color:#5d2ab0;
}
.lifeColumnWrap02 .dep3Links a i {
    color:#885d13;
}
.lifeColumnWrap03 .dep3Links a i {
    color:#dc7442;
}
.dep3Links a:hover p {
    color:#ebb31c;
	transition:.2s;
}
.hongjaWrap .dep3Links a:hover p {
	color:#09932b;
}
.hongjaWrap.hongjaWrap02 .dep3Links a:hover p {
	color:#158377;
}
.hongjaWrap.hongjaWrap03 .dep3Links a:hover p {
	color:#e9507f;
}
.spaceTourWrap .dep3Links a:hover p {
	color:#ae55c7;
}
.spaceTourWrap.spaceTourWrap02 .dep3Links a:hover p {
	color:#58559e;
}
.spaceTourWrap.spaceTourWrap03 .dep3Links a:hover p {
	color:#62861c;
}
.emptyFillWrap02 .dep3Links a:hover p {
	color:#b65f2a;
}
.emptyFillWrap03 .dep3Links a:hover p {
	color:#5d2ab0;
}
.lifeColumnWrap02 .dep3Links a:hover p {
	color:#885d13;
}
.lifeColumnWrap03 .dep3Links a:hover p {
	color:#dc7442;
}
.imgGrey {
	text-align:center;
	background:#f8f8f8;
	padding: 53px 80px;
}
.imgGrey img {
	margin-right:27px;
	width: calc(50% - 17px);
}
.imgGrey img:last-of-type {
	margin-right:0;
}
.sectQa {
    margin-top: 70px;
}
.sectQ {
	display:flex;
    margin-bottom: 34px;
}
.qaMark {
	font-size:28px;
	width:46px;
	height:46px;
	margin-right:40px;
	color:#0076c0;
	font-weight:700;
	text-align:center;
	padding-top:5px;
	border-radius:50%;
}
.emptyFillWrap02 .qaMark {
	color:#b65f2a;
}
.emptyFillWrap03 .qaMark {
	color:#5d2ab0;
}
.sectQ .qaMark {
	background:#f0f6ff;
}
.emptyFillWrap02 .sectQ .qaMark {
	background:#fdebe0;
}
.emptyFillWrap03 .sectQ .qaMark {
	background:#f5efff;
}
.qaMark span {
	font-size:0.6em;
}
.sectA .qaMark {

}
.emptyFillWrap02 .sectA .qaMark {	
	width:60px;
	flex-shrink: 0;
}
.sectA {
	display:flex;
    align-items: center;
}
.sectA:not(:last-of-type) {
	margin-bottom:20px;
}

.sectQ p {
	width:calc(100% - 86px);
	font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
	text-align:justify;
}
.sectQa p {
	width:calc(100% - 66px);
}
.sectA p {
	width:calc(100% - 66px);
    font-weight: 200;
	color:#0076c0;
    line-height: 1.7;
	padding: 28px 42px;
	background:#f0f6ff;
	border-radius:5px;
	position:relative;
	text-align:justify;
}
.emptyFillWrap02 .sectA p {	
	color:#b65f2a;
	background:#fdebe0;
}
.emptyFillWrap03 .sectA p {	
	color:#5d2ab0;
	background:#f5efff;
}
.sectA p::after {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:44px;
	height:32px;
	border-top:16px solid transparent;
	border-bottom:16px solid transparent;
	border-left:22px solid transparent;
	border-right:22px solid #f0f6ff;
	transform:translate(-100%, -50%);
	box-sizing:border-box;
}
.emptyFillWrap02 .sectA p::after {
	border-right:22px solid #fdebe0;
}
.emptyFillWrap03 .sectA p::after {
	border-right:22px solid #f5efff;
}
.sectQuot {
	margin:115px 0 0;
}
.emptyFillWrap .sectQuot:last-of-type {
	margin-bottom:80px;
}
.sectQuot h1 {
	font-size:30px;
	color:#000;
	font-family: 'S-CoreDream-5Medium';
	line-height:1.6;
	position:relative;
	margin-bottom: 30px;
}
.sectQuot h1::after {
	position:absolute;
	transform:translate(0, -68%);
	content:'“';
	color:#000;
	opacity:.2;
	left:0;
	font-size:50px;
	top: 0;
}
.sectQuot h1 span {
	font-size:27px;
	color:#0076c0;
	border:1px dashed #ccc;	
	padding:0 10px 2px;
	border-radius:8px;
	position:relative;
	top:-1px
}
.emptyFillWrap02 .sectQuot h1 span {	
	color:#b65f2a;
}
.emptyFillWrap03 .sectQuot h1 span {	
	color:#5d2ab0;
}
.sectQuot h1 span.empty-space {
	padding:0 100px;
}
.greyBox {
	background:#f8f8f8;
	padding:34px 38px;
	display:flex;
	margin:20px 0;
}
.greyBox > p {
	font-size:20px;
	font-weight:500;
	margin-right:45px;
}
.greyBox ul {
	display:flex;
}
.greyBox ul li {
	font-size:17px;
	border-top:1px solid #000;
	margin-right:40px;
}
.greyBox ul li:last-of-type {
	margin-right:0;
}
.greyBox ul li p {
	margin:20px 0 10px;
	font-weight:500;
}

.greyBox ul li strong {
	font-weight:400;
}
.imgs3 {
	margin-top:40px;
	margin-bottom: 20px;
	font-size:0;
}
.imgs3 img {
	width:calc(33% - 10px);
	margin-right:15px;
}
.imgs3 img:last-of-type {
	margin-right:0;
}
.imgs4 {
	display:flex;
    margin-bottom: 20px;
}
.imgs4-img {
	width:550px;
}
.imgs4-img img {
	width:100%;
}
.imgs4-txt {
	width:calc(100% - 550px);
	padding-left:45px;
    font-size: 17px;
    line-height: 1.7;
}
.imgs4-txt strong {
	color:#158377;
	display:block;
	font-size:20px;
    margin: 20px 0 3px;
}
.emptyFillWrap .line-link {
	color:#0076c0;
	border-bottom: 1px solid #0076c0;
}
.emptyFillWrap.emptyFillWrap02 .line-link {
	color:#b65f2a;
	border-bottom: 1px solid #b65f2a;
}
.text-just {
	text-align:justify;
}
.text-just > .text-just-tit {
	margin-bottom:5px;
	display:block;
}
.birth_logo_sub {
    width: 195px;
    margin-top: 0px;
    position: absolute;
}
.text-wrap {
	background:#e2f2f0;
	color:#158377;
	padding:20px 32px;
}
.hongjaWrap03 .text-wrap {
	background:#ffeff4;
	color:#000;
}
.hongjaWrap03 .text-wrap strong {
	color:#e9507f;
}
.line-link {
    border-bottom: 1px solid #e9507f;
	color:#e9507f;
}
.img-no-mg {
	display:flex;
	font-size:0;
}
.img-no-mg li {
	width:50%;
}
.img-no-mg li img {
	width:100%;
}
.sectBox2 {
	
}
.sectBox2-top {
	display:flex;
}
.sectBox2-top > p {
	padding-right:60px;
}
.sectBox2-top > img {
	width:500px;
    align-self: flex-start;
	flex-shrink:0;
}
.sectBox2-btm {
	margin-top:20px;
}
.sectBox2-btm .imgs1 {
	justify-content:flex-end;
}
.sectBox2-btm .imgs1 img {
	width:500px;
}
.sectBox3 {
	display:flex;
	margin: 40px 0;
}
.sectTxt3 {
	width:380px;
}
.sectTxt3 strong {
	color: #885d13;
	font-size:25px;
	line-height:1.3;
}
.sectImg3 {
	flex-shrink:1;
}


.hongja-talk {

}
.hongja-talk > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	padding: 0 100px;
    margin: 25px 0;
}
.hongja-talk > ul > li {
	padding:16px 53px;
	border-radius:25px;
	background:#ffeff4;
    margin-bottom: 22px;
    margin-right: 100px;
}
.hongja-talk > ul > li:last-of-type {
    margin-bottom: 22px;
}
.hongja-talk > ul > li.me {
	background:#e9507f;
    align-self: flex-end;
    margin-right: 0;
    margin-left: 100px;
}
.hongja-talk > ul > li p {
	color:#e9507f;
	margin-bottom:0;
}
.hongja-talk > ul > li.me p {
	color:#fff
}
.imgs-nowrap {
	display:flex;
}
.imgs-nowrap img {
	flex-grow:1;
	margin-right: 15px;
	min-width:0;
}
.imgs-nowrap img:last-of-type {
	margin-right: 0;
}
.hongja-interview {

}
.hongja-interview > ul {

}
.hongja-interview > ul > li {
    display: flex;
    align-items: flex-start;
}
.hongja-interview > ul > li strong {
	color:#e9507f;
	width:68px;
	flex-shrink:0;
	line-height: 1.7;
}
.hongja-interview > ul > li p {

}
.dep3Narr-tit {
	color:#dc7442;
	font-size:25px;
	display:block;
    margin-bottom: 25px;
	line-height: 1.5;
}
.lifeColumn-box {
	background:#fff1ea;
	padding:38px 44px;
	color:#dc7442;
    margin: 25px 0;
}
.lifeColumn-box > strong {
	display:block;
	font-size:20px;
    margin-bottom: 30px;
}
.lifeColumn-box > ul {

}
.lifeColumn-box > ul > li {
	display:flex;
	margin-bottom:17px;
	align-items:flex-start;
}
.lifeColumn-box > ul > li:last-of-type {
	margin-bottom:0;
}
.lifeColumn-box > ul > li > i {
	font-size: 20px;
    flex-shrink: 0;
    margin-right: 9px;
    position: relative;
    top: 3px;
}
.lifeColumn-box > ul > li > p {
	line-height: 1.5;
}
.lifeColumn-box > p {
	color:#dc7442;
}
.lifeColumn-box > * {
	margin-bottom:30px;
}
.lifeColumn-box > *:last-child {
	margin-bottom:0;
}






@media(max-width:1400px){		
	.next-line-1400 {
		display:inline;
	}
	.wzDep2Sub {
		margin-top: -50px;
		height: 500px;
		display:flex;
		align-items:center;
	}
	.wzDep2Txt {
		padding:0;
	}
	.dep2SubLogo {
		width: 170px;
	}
	.dep2SubName {
		font-size: 53px;
		margin: 44px 0 22px;
	}
	.dep2SubDay {
		font-size: 18px;
	}
	.dep2SectImg {
		width: 45%;
	}
	.dep2SectTxt {
		width: 55%;
		padding-top:100px;
	}
	.dep2SectTxt.left {
		padding-left: 55px;
	}
	.dep2SectTxt.right {
		padding-right: 55px;
	}
	.wzDep2Sect {
		padding-bottom: 230px;
	}
	.wzDep2Sect.hongja02 {
		
	}
	.dep2SectTxt h1 {
		font-size: 42px;
	}
	.dep2SectTxt h2 {
		font-size: 22px;
	}
	.dep2SectTxt p {
		font-size: 16px;
		color: #000;
		line-height: 1.7;
		margin: 17px 0 47px;
		text-align:justify;
	}
	.wzDep2Sect.hongja .dep2SectImg img {
		transform: translateY(-50%);
		top: 50%;
		position: absolute;
	}
	.wzDep2Sect.spaceTour .dep2SectImg img {
		transform: translateY(-50%);
		top: 50%;
		position: absolute;
	}
	.wzDep2Sect.lifeColumn .dep2SectImg img {
		transform: translateY(-50%);
		top: 50%;
		position: absolute;
	}
	.wzDep2Sect.emptyFill .dep2SectImg img {
		transform: translateY(-50%);
		top: 50%;
		position: absolute;
	}
	.wzDep2Btns {
		margin-top: -260px;
	}
	.dep3Ytb {
	    padding: 60px 165px;
	}
	.dep3Review {
	    width:100%;
	}
	.colorCircle {
		width: 120px;
		height: 120px;
		margin: 0 16px;
	}
	.colorCircle > div p {
		font-size: 30px;
	}
	.colorBoxLi {
		padding: 0 55px;
	}
	.colorBoxLi li {
		padding: 50px 0px 0;
	}
	.colorBoxLi li > p {
		margin-top: 11px;
		font-size: 16px;
	}	
	.colorBox > div {
		margin-right: 20px;
	}
	.imgs4-img {
		width:50%;
	}
	.imgs4-txt {
		width:50%;
		padding-left: 23px;
		font-size: 16px;
	}
	.imgs4-txt strong {
		font-size: 18px;
		margin: 15px 0 3px;
	}
	.dep2SubName > small {
		font-size: 31px;
		margin: 82px 0 9px;
	}



}
@media(max-width:1280px){
	.wzDep3Sub {
		margin-top: -50px;
	}
	.imgs4 {
		flex-direction:column;
	}
	.imgs4-img {
		width:100%;
	}
	.imgs4-txt {
		width:100%;
		padding:15px 0 0 0;
	}
	.sectBox2-btm .imgs1 img {
		width: calc(50% - 10px);
	}
	.hongja-talk > ul {
		padding: 0;
	}
}
@media(max-width:1000px){
	.wzDep2SubCover {
		display:block;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:rgba(0,0,0,.5);
	}
	.wzDep2Txt {
		position:relative;
		z-index:1;
	}

}

@media(max-width:940px){
	.main-visual-tit {
		margin-bottom: 0; 
	}
	.wzLi li {
		width: 22.7%;
		height:38vw;
	}
	.wzLi li:nth-of-type(6n) {
		margin-right:2.2%;
	}
	.wzLi li:nth-of-type(4n) {
		margin-right:0;
	}
	.wzSubTit1 {
		font-size: 32px;
		margin-top: 5px;
		margin-bottom: 13px;
	}
	.wzSubTit2 {
		font-size: 12px;
		padding-bottom: 20px;
	    margin-top: 20px;
	    padding-left: 190px;
	}
	.wzDep3Sub {
		margin-top: 0;
	}
	.wzDep3Txt {
		width: calc(100% - 40px);
	}
	.wzDep3Txt h2 {
		margin-bottom:15px !important;
		font-size: 13px;
	}
	.wzDep3Txt h1 {
		font-size: 42px;
		margin: 13px 0 21px;
	}
	.wzDep3Txt h3 {
		font-size: 15px;
	}
	.wzDep3Sub {
		height: 351px;
	}
	.dep3Narr {
		font-size: 16px;
		margin: 40px 0;
	}
	.dep3Ytb {
		padding: 28px 52px;
	}
	.dep3Sect-t1 {
		margin-top: 40px;
		flex-direction: column;
	}
	.sectLeft {
		width:100%;
		margin-bottom: 20px;
	}
	.hongjaWrap02 .sectLeft {
		width:100%;
	}
	.sectLeft h1 {
		font-size: 30px;
	}
	.sectRight {
		width:100%;
	}
	.hongjaWrap02 .sectRight {
		width:100%;
	}
	.sectRight p {
		font-size: 16px;
	}
	.sectLeft h2 {
		margin:5px 0 0 !important;
		font-size: 20px;
	}
	.imgs2 li {
		width: calc(50% - 5px);
		margin-right:0;
	    margin-bottom: 10px;
	}
	.imgs2 li:nth-of-type(2n-1) {
		margin-right:10px;
	}
	.imgs2 li.hidden {
		display:none;
	}
	.imgs2 li img {
		width: 100%;
	}
	.itv1 {
		padding: 49px 0px;
		margin-top: 44px;
	}
	.itv1 h1 {
		font-size: 30px;
	}
	.itv1 dd {
		font-size: 17px;
		margin: 19px 0 35px;
	}
	.dep3Review > p {
	    font-size: 30px;
	    margin-top: 63px;
	    margin-bottom: 40px;
	}
	.dep3Review li > h3 {
		font-size: 20px;
	}
	.reviewStar {
		font-size: 20px;
	}
	.dep3Review li > p {
		font-size: 16px;
	}
	.dep3Review li {
		padding:40px;
	}
	.reviewStar {
	    margin: 7px 0 21px;
	}
	.dep3Sect-t2 {
		flex-direction:column;
		padding:30px 0;
	}
	.sectTxt h1 {
		font-size: 30px;
	    margin: 5px 0 14px;
	}
	.sectTxt p {
	    font-size: 16px;
	}
	.sectImg {
		margin: 0 auto 15px;
	}
	.sectTxt {
		width: 100%;
		text-align: center;		
	}
	.sectImg.up {
	    order:-1;
	}
	.line-link {
		margin-top: 15px;
	}
	.wzNormalTxt {
		font-size:16px;
	}
	.dep3Sect-t3 h1 {
		font-size: 30px;
		margin: 0 0 15px;
	}
	.dep3Sect-t3 {
		padding: 70px 0px;
	}
	.sectBox {
		flex-direction: column;
	}
	.sectTxt-auto-right {
		margin-left: 30px;
	}
	.sectTxt-auto-left {
		margin-right: 30px;
	}
	.sectImg-auto {
		width:45%;
	}
	.colorBox > div {
		margin:0 auto;
	}
	.colorBox {
		flex-direction:column;
	}
	.colorBoxLi li {
		padding: 40px 0px 0;
	}
	.colorCircle {
		width: 105px;
		height: 105px;
		margin: 0 auto;
	}
	.colorCircle > div p {
		font-size: 20px;
	}
	.imgGrey {
		padding: 35px 45px;
	}
	.sectQ p {
		font-size: 18px;
	}
	.sectQa p {
	}
	.sectQuot h1 {
		font-size: 27px;
	    margin-bottom: 19px;
	}
	.sectQuot h1 span {
		font-size: 23px;
	}
	.sectQuot {
		margin: 94px 0 0;
	}
	.sectQa {
		margin-top: 48px;
	}
	.sectQ {
		margin-bottom: 24px;
	}
	.birth_logo_sub {
	  width: 140px;
		margin-top: 20px;
	}
	.imgs4-txt strong {
		margin: 12px 0 0px;
	}
	.dep2SubName > small {
		font-size: 21px;
		margin: 30px 0 0px;
	}
	.ytb-wrap {
		width: 100%;		
	}
	.sectBox2-top > img {
		width:50%;
	}
	
	.sectBox2-btm .imgs1 img {
		width: calc(50% - 10px);
	}		


}
@media(max-width:767px){
	.wzSubTit2 {
		padding-left:0;
	}
	.wzLi li {
		width: 48%;
		height:71vw;
		margin-right:0;
		max-height:100%;
	}
	.wzLi li:nth-of-type(6n) {
		margin-right:0;
	}
	.wzLi li:nth-of-type(2n-1) {
		margin-right:2%;
	}
	.wxLiTit {
		font-size: 13px;
	}
	.wzDep2Txt {
		padding-top: 65px;
	}
	.dep2SubLogo {
		width: 100px;
	}
	.dep2SubDate {
		width: 100px;
	}
	.dep2SubDate {
		width: 112px;
		margin: 34px auto 0;
	}
	.wzDep2Sub {
		/*align-items:flex-start;*/
		height: 430px;
		/*background-position: left bottom, right bottom, center center;
		background-size: auto 38%, auto 38%, auto 100%;*/
	}
	.wzDep2Sub.wzDep2Sub1203 {
		background-size:42% auto, 43% auto, auto 100%;
	}
	.dep2SubName {
	    font-size: 30px;
		line-height: 1.3;
		margin: 14px 0 23px;
	}
	.dep2SubDay {
		font-size: 16px;
	}
	.wzDep2Sect {
		padding-bottom: 160px;
	}
	.wzDep2Sect.spaceTour {		
		top: -138px;
	}
	.wzDep2Sect.lifeColumn {
		padding-bottom: 180px;
	}
	.wzDep2Sect.emptyFill {
		padding-bottom: 10px;
	}
	.wzDep2SectIn {
		flex-direction: column;
		padding: 30px 0 0; 
	}
	.dep2SectImg {
		width: 72%;
		margin: 0 auto;
	}
	.dep2SectImgS {
		width: 57%;
	    margin-top: -47px;
	}
	.dep2SectTxt {
		width: 100%;
	}
	.dep2SectTxt.left {
		padding: 30px;
	}
	.dep2SectTxt.right {
		padding: 30px;
	    order: 1;
	}
	.wzDep2Sect.hongja .dep2SectImg img {
		position: static;
		transform: translateY(0);
	}
	.wzDep2Sect.spaceTour .dep2SectImg img {
		position: static;
		transform: translateY(0);
	}
	.wzDep2Sect.lifeColumn .dep2SectImg img {
		position: static;
		transform: translateY(0);
	}
	.wzDep2Sect.emptyFill .dep2SectImg img {
		position: static;
		transform: translateY(0);
	}
	.dep2SectTxt h3 {
		font-size: 12px;
	}
	.dep2SectTxt h3::after {
		height: 1px;
		width: 32px;
	}
	.dep2SectTxt h1 {
		font-size: 27px;
		margin: 3px 0 12px;
	}
	.dep2SectTxt h2 {
		font-size: 16px;
		margin-bottom: 20px !important;
	}
	.dep2SectTxt p {
		font-size: 13px;
		color: #000;
		line-height: 1.7;
		margin: 9px 0 25px;
		text-align:left;
	}
	.dep2SectTxt a {
		height: 40px;
		line-height: 40px;
		padding: 0 19px;
		border-radius: 20px;
		font-size: 14px;
	}
	.wzDep2Btns .btn {
		width:calc(50% - 30px);
	    font-size: 15px;
	}
	.wzDep3Sub {
		height: 280px;
		/*margin-top: 25px;*/
	}
	.wzDep3Txt h2 {
		margin-bottom: 7px !important;
		font-size: 11px;
		height: 25px;
		line-height: 25px;
		padding: 0 12px;
	}
	.wzDep3Txt h1 {
	    font-size: 32px;
		margin: 10px 0 16px;
	}
	.dep3Ytb {
		padding: 20px 28px;
	}
	.sectLeft {
		margin-bottom: 12px;
	}
	.sectLeft h1 {
		font-size: 21px;
	}
	.sectRight p {
		font-size: 14px;
	}
	.sectLeft h2 {
		font-size: 16px;
	}
	.itv1 {
		margin-top: 25px;
		padding: 25px 0;
	}
	.itv1 h1 {
		font-size: 21px;
		margin-bottom: 23px;
	}
	.itv1 dt {
		font-size: 16px;
	}
	.itv1 dd {
	    font-size: 14px;
		margin: 15px 0 21px;
		padding: 21px 16px;
	}
	.dep3Narr {
		font-size: 14px;
		margin: 25px 0;
	}
	.dep3Links {
		margin: 25px 0 25px;
		flex-direction: column;
	}
	.dep3Links a {
		border-right: none;
		background: #f6f6f6;
		margin-bottom: 10px;
		padding: 13px 0;
		justify-content: center;
	   /* padding-right: 12px;*/
	}
	.dep3Links a i {
	    font-size: 23px;
	    margin-right: 8px;
		padding-top: 2px;
		display:none;
	}
	.dep3Links a p {
		font-size: 14px;
		font-weight: 300;
	    text-align: center;
	}
	.dep3Tags {
		padding-bottom: 20px;
	}
	.dep3Tags li {
		margin-right: 7px;
		margin-bottom: 7px;
	}
	.dep3Tags a {
		height: 28px;
		line-height: 28px;
		padding: 0 13px;
		font-size: 13px;
	}
	.dep3Writer {
		padding: 20px 0 65px;
	}
	.writerTxt dt {
		font-size: 16px;
		margin-bottom: 7px;
	}
	.writerTxt dd {
		font-size: 13px;
	}
	.dep3Ytb p {
		font-size: 13px;
	}
	.dep3Review > p {
		font-size: 21px;
		margin-top: 34px;
		margin-bottom: 23px;
	}
	.dep3Review ul {
		flex-direction: column;
	}
	.dep3Review li {
		width:100%;
		margin-right:0; 
		margin-bottom:10px;
	    padding: 24px;
		border: 3px solid #d8f4de;
	}
	.dep3Review li > h3 {
		font-size: 16px;
	}
	.reviewStar {
		font-size: 16px;
		margin:3px 0 11px;
	}
	.dep3Review li > p {
		font-size: 14px;
	}
	.dep3Sect-t2 {
		padding: 20px 0;
	}
	.sectTxt h3 {
		font-size: 16px;
	}
	.sectTxt h1 {
		font-size: 21px;
		margin: 0px 0 8px;
	}
	.sectTxt p {
		font-size: 14px;
	}
	.line-link {
		margin-top: 13px;
		font-size: 15px;
		border: 1px solid #000;
		padding: 11px 12px;
		text-align: center;
		display: block;
		line-height: 1.6;
	}
	.line-link span {
		font-size:15px;
	}
	.line-link {
		font-size:13px;
	}
	.line-link i {
		display:none;
	}
	.spaceTourWrap .line-link {
		border: 1px solid #ae55c7;
	}
	.spaceTourWrap03 .line-link {
		border: 1px solid #62861c;
	}
	.hongjaWrap03 .line-link {
		border: 1px solid #e9507f;
	}
	.wzNormalTxt {
		font-size:14px;
	}
	.dep3Sect-t3 h1 {
		font-size: 21px;
	}
	.img-top {
		margin-top: 18px;
	}
	.img-btm {
		margin-bottom: 18px;
	}
	.dep3Sect-t3 {
		padding: 55px 0px;
	}
	.autoBox {
		flex-direction:column;
	}
	.sectImg-auto {
		width:100%;
		text-align:center;
	    margin-bottom: 16px;
	}	
	.sectTxt-auto-right {
		margin-left:0;
	}
	.sectTxt-autoleft {
		margin-left:0;
	}
	.sectImg-auto.up {
		order:-1;
	}
	.colorBoxLi {
		padding: 0;
	}
	.colorBox > div {
		width:calc(100% - 30px);
		text-align: center;
	}
	.colorCircle {
		width: 80px;
		height: 80px;
	}
	.colorBoxLi li > p {
		margin-top: 7px;
		font-size: 11px;
	}
	.colorCircle > div p {
		font-size: 18px;
	}
	.colorCircle > div p > span {
		font-size: 11px;
	}
	.wzNormalTxtM {
		margin: 25px 0;
	}
	.autoBox {
		margin-bottom: 10px;
	}
	.imgGrey {
		padding: 13px 18px;
	}
	.imgGrey img {
		margin-right: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	.lifeColumnWrap .line-link {
		border: 1px solid #ebb31c;
	}
	.sectTxt-auto-left {
		margin-right: 0;
	}
	.emptyFillWrap .line-link {
		border: 1px solid #0076c0;
	}
	.emptyFillWrap.emptyFillWrap02 .line-link {
		border: 1px solid #b65f2a;
	}
	.sectQuot h1 span.empty-space {
		padding: 0 50px;
	}
	.qaMark {
		font-size: 20px;
		width: 32px;
		height: 32px;
		margin-right: 9px;
		padding-top: 4px;
	}
	.sectQ p {
		font-size: 15px;
	}
	.sectQa p {
		width: calc(100% - 41px);
	}
	.sectQ {
		margin-bottom: 18px;
	}
	.sectA p {
		width: calc(100% - 41px);
		padding: 12px 19px;		
	}
	.sectA p::after {
		width: 24px;
		height: 20px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 12px solid transparent;
		border-right: 12px solid #f0f6ff;
	}
	.emptyFillWrap02 .sectA p::after {		
		border-right: 12px solid #fdebe0;
	}
	.emptyFillWrap03 .sectA p::after {		
		border-right: 12px solid #f5efff;
	}
	.sectQuot {
		margin: 62px 0 0;
	}
	.sectQuot h1 {
		font-size: 21px;
	}
	.sectQuot h1 span {
		font-size: 19px;
		padding: 0 6px 2px;
	}
	.imgs3 img {
		width: 100%;
		margin-right:0;
		margin-bottom:10px;
	}
	.imgs3 img:last-of-type {
		margin-bottom:0;
	}
	.greyBox {
		padding: 17px 24px;
		margin: 20px 0;
		flex-direction:column;
	}
	.greyBox > p {
		font-size: 17px;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.greyBox ul {
		flex-direction:column;
	}
	.greyBox ul li {	
		margin-right: 0;
		padding: 5px 0 20px;
	}
	.greyBox ul li p {
		margin: 8px 0 5px;
		font-size: 14px;
	}
	.greyBox ul li strong {
		font-size: 14px;	
	}
	.sectA {
		align-items: flex-start;
	}	
	.sectA p::after {
		top: 16px;
		transform: translate(-100%, 0);
	}
	.sectA .qaMark {
		margin-top: 11px;
	}
	.emptyFillWrap .sectQuot:last-of-type {
		margin-bottom: 43px;
	}
	.sectQuot h1::after {
		transform: translate(0, -55%);
		font-size: 40px;
	}
	.wzYear > span {
		font-size: 21px;
	}
	.text-just {
		text-align:left;
	}
	.itv1 dd {
		text-align:left;
	}
	.writerImg {
		width: 37px;
		flex-shrink:0;
	}
	.writerTxt {
		margin-left: 10px;
	}
	.birth_logo_sub {
		width: 89px;
		margin: 0;
		position: absolute;
		top: -5px;
		right: 15px;
	}
	.next-line-767 {
		display:block;
	}
	.wzDep3Btns a {
		font-size:15px;
	}
	.sectQ p {
		text-align:left;
	}
	.sectA p {
		text-align:left;
	}
	.hongjaWrap .dep3Links a p {
		color:#000;
		transition:0s;
	}
	.hongjaWrap .dep3Links a:hover p {
		color:#000 !important;
		transition:0s;
	}
	.spaceTourWrap .dep3Links a:hover p {
		color:#000 !important;
		transition:0s;
	}
	.spaceTourWrap .dep3Links a p {
		color:#000;
		transition:0s;
	}
	.hongjaWrap .dep3Links a p {
		color:#000;
		transition:0s;
	}
	.hongjaWrap .dep3Links a:hover p {
		color:#000;
		transition:0s;
	}
	.lifeColumnWrap .dep3Links a:hover p {
		color:#000 !important;
		transition:0s;
	}
	.lifeColumnWrap .dep3Links a p {
		color:#000;
		transition:0s;
	}
	.emptyFillWrap .dep3Links a:hover p {
		color:#000 !important;
		transition:0s;
	}
	.emptyFillWrap .dep3Links a p {
		color:#000;
		transition:0s;
	}
	.dep2SectTxt a:hover {
		background: #f0f0f0;
		color: #000;
		transition: 0s;
	}
	.dep2SectTxt a i {
		transition: 0s;
	}
	.dep2SectTxt a:hover i {
		right: 0;
		transition: 0s;
	}
	.wzDep2Sect.spaceTour .dep2SectTxt a {
		background: #fff;
		color: #000;
		transition: 0s;
	}
	.wzDep2Sect.spaceTour .dep2SectTxt a:hover {
		background: #fff;
		color: #000;
		transition: 0s;
	}
	.wzDep2Sect.lifeColumn .dep2SectTxt a:hover {
		background: #fff;
		color: #000;
		transition: 0s;
	}
	.wzDep2Sect.lifeColumn .dep2SectTxt a {
		background: #fff;
		color: #000;
		transition: 0s;
	}
	.imgs4-txt {
		font-size: 14px;
	}
	.imgs4-txt strong {
		font-size: 15px;
		margin: 10px 0 0;
	}
	.text-wrap {
		padding: 15px 20px;
	}
	.imgs1 img:first-of-type {
		margin-right: 10px;
	}
	.imgs1 img {
		width: calc(50% - 5px);
	}
	.sectBox2-btm .imgs1 img {
		width: calc(50% - 5px);
	}
	.sectBox2-top {
		flex-direction: column;
	}
	.sectBox2-top > p {
		padding-right: 0;
	}
	.sectBox2-top > img {
		width:100%;
		margin-top: 10px;
	}
	.sectBox2-btm {
		margin-top: 10px;
	}
	.sectBox3 {
		flex-direction:column;		
	    margin: 20px 0;
	}
	.sectTxt3 {
		width:100%;
	}
	.sectTxt3 strong {
		font-size: 18px;
		margin-bottom:10px;
		display:block;
	}
	.hongja-talk > ul > li {
		padding: 9px 21px;
		border-radius: 18px;
		margin-bottom: 15px;
		margin-right: 50px;
	}
	.hongja-talk > ul {
		margin: 8px 0;
	}
	.mo-100 {
	    flex-wrap:wrap;
	}
	.mo-100 img {
		width:100%;
	    margin-right:0;
		margin-bottom:10px;
	}
	.mo-50 {
	    flex-wrap:wrap;
	}
	.mo-50 img {
		width:calc(50% - 5px);
	    margin-right:10px;
		margin-bottom:10px;
	}
	.mo-50 img:nth-of-type(2n) {
	    margin-right:0;
	}
	.hongja-interview > ul > li strong {
		width: 56px;
		font-size: 14px;
	}
	.lifeColumn-box {
		padding: 25px 20px;
		margin: 20px 0;
	}
	.lifeColumn-box > strong {
		font-size: 17px;
		margin-bottom: 13px;
	}
	.lifeColumn-box > ul > li > i {
		font-size: 16px;
		margin-right: 4px;
		top: 2px;
	}
	.lifeColumn-box > ul > li > p {
		font-size: 13px;
	    top: 1px;
	}
	.lifeColumn-box > ul > li {
		margin-bottom: 12px;
	}
	.lifeColumn-box > * {
		margin-bottom: 15px;
	}
	.dep3Narr-tit {
		font-size: 18px;
		margin-bottom: 10px;
	}






}
@media(max-width:524px){
	.sectTxt {
		text-align: left;
	}
}

@media(max-width:380px){
	/*.dep2SubName {
		font-size: 21px;
	}*/
}



/*사업안내 팝업*/
.p8_pop {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-height: 80vh;
    max-width: 95%;
    width: 970px;
    border-radius: 30px;
    z-index: 9999;
    overflow: hidden;
	display:none;
}
.p8_pop_close {
	position: absolute;
    top: 20px;
    right: 20px;
    font-size: 40px;
    color: #fff;
}

.pop_in_top {
	background: #407de7;
    height: 100px;
    width: 100%;
}
.pop_in_tit {
	font-weight: 600;
    font-family: 'GmarketSansBold', sans-serif;
    font-size: 35px;
    line-height: 100px;
    color: #fff;
    text-align: center;
    margin: 0 35px;
}
.popTab {
    text-align: center;
    background: #fff;
    padding: 17px 0 0;
    height: 62px;
    border-bottom: 1px solid #e1e1e1;
}
.popTabBtn {
    font-family: 'GmarketSansBold', sans-serif;
	font-size: 20px;
	opacity:.7;
	margin-right:15px;
}
.popTabBtn:last-of-type {
	margin-right:0;
}
.popTabBtn.select {
	font-size: 25px;
	font-weight: 600;
	opacity:1;
}
.pop_in_btm {
	font-size: 14px;
    background-color: #fff;
    padding: 30px;
    height: 780px;
    line-height: 25px;
    overflow: auto;
	-ms-overflow-style: none; 
	scrollbar-width: none;
}
.pop_in_btm::-webkit-scrollbar {
	display: none; 
}

.p8_pop3 .modal-con-table tbody td {
    text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ccc;
}
.p8_pop3 .modal-con-table tbody td:last-of-type {
	border-right: none;
}
.popTabCon {

}
.p8_pop h2 {
	font-size: 24px;
    line-height: 1.2;
	font-family: 'GmarketSansMedium', sans-serif;
}
.pop_in_btm .modal-con-table {
	width:100%;
}
.p8_pop3 h2 {
	margin-top:50px;
}
.p8_pop3 h2:first-of-type {
	margin-top:0;
}
.p8_pop3 .modal-con-table {
	margin: 5px 0 20px;
}
.p8_pop .modal-con-table th {
	word-break: break-all;	
}
.p8_pop .modal-con-table td {
	word-break: break-all;	
}
.popTabCon .modal-con-table tbody td:nth-of-type(1) {
	text-align:center;	
}
.popTabCon .modal-con-table tbody td:nth-of-type(2) {
	text-align:center;	
}
.popTabCon .modal-con-table tbody td:nth-of-type(5) {
	text-align:center;	
}
.p8_pop_bg {
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
	z-index: 9998;
	display:none;
}


@media (max-width: 768px){
	.pop_in_top {
		height: 50px;
		text-align: center;
	}
	.pop_in_tit {
		position: relative;
		top: 3px;
		font-size: 22px;
		line-height: 50px;
		display: inline-block;
		margin: 0;
		vertical-align: top;
	}
	.p8_pop_close {
		position: static;
		font-size: 30px;
		line-height: 50px;
	}
	.pop_in_btm {
		font-size: 12px;
		padding: 15px 15px 50px;
		margin-top: 0px;
		line-height: 20px;
		height: calc(80vh - 50px);
	}
	.popTabBtn {
		font-size: 16px;
		margin-right: 10px;
	}
	.popTabBtn.select {
		font-size: 20px;
	}
	#content .p8_pop h2 {
		font-size: 20px;
		margin-bottom: 10px;
	    margin-top: 41px;
	}
	#content .p8_pop h2:first-of-type {
	    margin-top: 0;
	}
	.popTab {
		padding: 15px 0 0;
		height: 54px;
	}
	.img-no-mg {
		flex-direction:column;
	}
	.img-no-mg li {
	    width: 100%;
	}


}
.top_m {width: 1300px;margin:auto;}
.sns_i {width:33.333%;float:left;margin-top: 21px;}
.sns_box {width: 100%;font-family: 'Tenada';
    font-size: 28px;
    line-height: 50px;
    background: linear-gradient(to right, #17d0e1, #2f68c2);
    color: transparent;
    -webkit-background-clip: text;}
.sns_box ul {margin-bottom:0px;}
.sns_box li {width: 53px;float:left;}
.sns_box li img {width:84%;margin-top: 22px;}
.logo {width:33.333%; float:left; text-align:center;}
.logo img {width:64%;}
.search_t {width:33.333%; float:right;}




@charset "utf-8";
.ti_ti {width: 100%;font-family: 'GmarketSansBold', sans-serif;font-size: 38px;text-align: center;padding: 20px;}
/* sub nav */
.sub-nav{background:#f7f7f7;border-bottom:1px solid #ccc; z-index:99; position:relative;}
.sub-nav .layout{display:flex; justify-content:space-between;width: 1300px;margin: auto;}
.sub-nav__list{}
.sub-nav__list > ul{display:flex;}
.sub-nav__list > ul > li{position:relative;}
.sub-nav__list > ul > li::after{content:''; display:block; width:1px; height:20px; background:#ddd; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sub-nav__list > ul > li.home{}
.sub-nav__list > ul > li.home a{text-indent:-9999px; overflow:hidden; width:60px; height:60px; background:url('/img/nav-icon.png') no-repeat center center; display:block;}
.sub-nav__list > ul > li:not(.home) > a{padding:0 20px; height:60px; display:flex; align-items:center; justify-content:space-between; min-width:240px; font-size:17px; color:#888; position:relative;}
.sub-nav__list > ul > li:not(.home) > a::after{content:''; display:block; min-width:12px; height:7px; background-repeat:no-repeat; background-position:0 0; background-image:url('/img/nav-arrow.png'); margin-left:20px;}
.sub-nav__list > ul > li:not(.home) > a.active{color:#0076c0; font-weight:600;}
.sub-nav__list > ul > li:not(.home) > a.active::before{content:''; display:block; width:100%; height:3px; background:#0076c0; border-radius:3px; position:absolute; bottom:-1px; left:0;}
.sub-nav__list > ul > li:not(.home) > a.active::after{background-image:url('/img/nav-arrow-active.png');}
.sub-nav__list > ul > li:not(.home) > a.active + .depth{opacity:1; visibility:visible;}
.sub-nav__list .depth{position:absolute; width:100%; top:calc(100% + 1px); border-width:0 1px 1px 1px; border-style:solid; border-color:#ccc; background:#f7f7f7; padding:20px 0; visibility:hidden; opacity:0; transition:all .4s; z-index:10;}
.sub-nav__list .depth > li{padding:0 15px;}
.sub-nav__list .depth > li:not(:last-child){margin-bottom:15px;}
.sub-nav__list .depth > li > a{box-shadow:inset 0 0 0 #0076c0; line-height:1; font-size:17px; font-weight:400; color:#888; text-decoration:none; transition:color .4s, box-shadow .4s; position:relative;}
.sub-nav__list .depth > li > a:hover,
.sub-nav__list .depth > li > a:focus{color:#0076c0; font-weight:600; box-shadow:inset 0 -1px 0 #0076c0; text-underline-position:under;}

.sub-nav__list .depth > li > a.blankLink{display:inline-flex; align-items:center;}
.sub-nav__list .depth > li > a.blankLink::after{content:''; display:block; width:16px; height:16px; background:url('/resources/nie/images/common/gnbBlankLink_03.png') no-repeat 0 0; transition:all .4s; margin-left:10px;}
.sub-nav__list .depth > li > a.blankLink:hover::after,
.sub-nav__list .depth > li > a.blankLink:focus::after{background-image:url('/resources/nie/images/common/gnbBlankLink_06.png');}

.sub-programList{width:100%;}
.sub-programList > li{display:flex; align-items:center; padding:30px; border:1px solid #ccc; border-radius:3px;}
.sub-programList > li:not(:last-child){margin-bottom:30px;}
.sub-programList.type2 > li{align-items:flex-start;}
.sub-programList.type3 > li{align-items:flex-start; padding:40px;}
.sub-programList .sub-introList__img{display:block; width:220px; height:180px; margin-right:30px; overflow:hidden; position:relative;}
.sub-programList.type3 .sub-introList__img{display:block; width:461px; height:320px; margin-right:0; overflow:hidden; position:relative;}
.sub-programList .sub-introList__img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:auto; min-width:100%; min-height:auto; max-width:none;}
.sub-programList.type3 .sub-introList__img img{position:relative; top:auto; left:auto; transform:none; width:100%; height:auto; min-width:100%; min-height:auto;}
.sub-programList .sub-introList__item{flex:1; }
.sub-programList.type3 .sub-iconTitle.type2{margin-top:10px;}

.sub-nav__btns{display:flex;}
.sub-nav__btns .btn-item{position:relative; display:block;width:60px; height:60px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:center center; transition:background-image .4s;}
.sub-nav__btns .btn-item::before{content:''; display:block; width:1px; height:20px; background:#ddd; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.sub-nav__btns .btn-item.share{background-image: url('/img/share_ss.svg'); transition:all .4s;}
.sub-nav__btns .btn-item.share:focus,
.sub-nav__btns .btn-item.share:hover,
.sub-nav__btns .btn-item.share.active{background-image: url('/img/share_ss.svg');}
.sub-nav__btns .btn-item.print{background-image:url('/img/nav-print.png');}
.sub-nav__btns .btn-item.print:hover,
.sub-nav__btns .btn-item.print:focus{background-image:url('/img/nav-print-active.png');}
.sub-nav__btns .btn-item.copy{text-indent:0; font-size:14px; color:#6f6f6f; font-weight:600; display:flex; align-items:center; justify-content:center;}
.sub-nav__btns .btn-item.copy:hover,
.sub-nav__btns .btn-item.copy:focus{color:#258461;}

.sub-nav__btns .share_b{position:relative; display:block;width: 33px;height: 30px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:center center; transition:background-image .4s;margin-top: 15px;margin-right: 8px;}
.sub-nav__btns .share_b::before{content:''; display:block; width:1px; height:20px;background: #fff0; position:absolute; left:0;top:50%; transform:translateY(-50%);}
.sub-nav__btns .share_b.share{background-image: url('/img/share_ss.svg'); transition:all .4s;}
.sub-nav__btns .share_b.share:focus,
.sub-nav__btns .share_b.share:hover,
.sub-nav__btns .share_b.share.active{background-image: url('/img/share_ss.svg');}
.sub-nav__btns .share_b.print{background-image:url('/img/nav-print.png');}
.sub-nav__btns .share_b.print:hover,
.sub-nav__btns .share_b.print:focus{background-image:url('/img/nav-print-active.png');}
.sub-nav__btns .share_b.copy{text-indent:0; font-size:14px; color:#6f6f6f; font-weight:600; display:flex; align-items:center; justify-content:center;}
.sub-nav__btns .share_b.copy:hover,
.sub-nav__btns .share_b.copy:focus{color:#258461;}


.sub-nav__share{}
.sub-nav__share .share-item{position:absolute; background:#f7f7f7; border:1px solid #ccc; max-height:0; overflow:hidden; visibility:hidden; opacity:0; transition:all .4s;}
.sub-nav__share a.active + .share-item{margin-left: -15px;opacity:1; visibility:visible; max-height:250px;margin-top: 15px;}

.sub-nav__btns .btn-item.share::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; border-radius:3px;/* background-color:#0076c0; */ opacity:0; visibility:hidden; transition:all .4s;}
.sub-nav__btns .btn-item.share.active::after{opacity:1; visibility:visible;}

.sub-nav__share .share-item li{}
.sub-nav__share .share-item li:not(:last-child){border-bottom:1px solid #ccc;}
.sub-nav__share .share-item li a{display:block; text-indent:-9999px; overflow:hidden; width:59px; height:60px; background-position:center center; background-repeat:no-repeat;}
.sub-nav__share .share-item li a.facebook{background-image:url('/img/share-facebook.png');}
.sub-nav__share .share-item li a.blog{background-image:url('/img/share-blog.png');}
.sub-nav__share .share-item li a.twitter{background-image:url('/img/share-twitter.png');}
.sub-nav__share .share-item li a.story{background-image: url('/img/kakao.png');}

/* sub page */
.sub-page{margin-top:100px; padding-bottom:100px;}
.sub-page__title{text-align:center; font-size:36px; color:#222; font-weight:600; line-height:1; margin-bottom:70px;}

.sub-page > .page-title{margin-bottom:70px;}

.sub-page__tab{display:flex; overflow:hidden; border-radius:0 25px 0 25px; border:1px solid #ccc; margin-bottom:30px;}
.sub-page__tab a{flex:1; display:flex; justify-content:center; align-items:center; text-align:center; font-size:18px; color:#888; border-style:solid; border-color:#ccc; height:50px;}
.sub-page__tab a:not(:last-child){border-width:0 1px 0 0;}
.sub-page__tab a:last-child{border-width:0}
.sub-page__tab a.active{background:#0076c0; color:#fff; font-weight:600;}
.sub-page__tab.yellow a.active{background:#c28910;}
.sub-page__tab.green a.active{background:#689831;}
.sub-page__tab.orange a.active{background:#fc831d;}
.sub-page__tab.blue a.active{background:#389ae0;}

.sub-page__tab + .info-item{margin-top:100px;}
/* page title */
.page-title{text-align:center;}
.page-title h3{font-size:36px; color:#222; font-weight:600; line-height:1; margin-bottom:10px;}
.page-title p{font-size:15px; color:#0076c0; line-height:1;}
.page-title.yellow p{color:#c28910;}
.page-title.green p{color:#689831;}
.page-title.orange p{color:#fc831d;}
.page-title.blue p{color:#389ae0;}

/* sub title */
.sub-title{display:flex; align-items:flex-start; font-size:26px; color:#222; font-weight:600; line-height:1.3; letter-spacing:-0.02rem;}
.sub-title::before{content:''; display:block; margin-top:10px; margin-right:10px; min-width:15px; height:16px; background:url('/img/subTitleIcon.png') no-repeat 0 0; }
.sub-title.yellow::before{background:url('/img/subTitleIcon_y.png') no-repeat 0 0;}
.sub-title.green::before{background:url('/img/subTitleIcon_yg.png') no-repeat 0 0;}
.sub-title.orange::before{background:url('/img/subTitleIcon_o.png') no-repeat 0 0;}
.sub-title.blue::before{background:url('/img/subTitleIcon_b.png') no-repeat 0 0;}

/* sub txt */
.sub-txt{font-size:18px; color:#666; line-height:1.5;}

/* sub txtList */
.sub-txtList{}
.sub-txtList > li{font-size:18px; color:#666; padding-left:15px; word-break:break-word; position:relative; line-height:1.8;}
/* .sub-txtList > li:not(:last-child){margin-bottom:5px;} */
.sub-txtList > li::before{content:'-'; font-size:18px; color:#666; position:absolute; left:0; top:0;}
.sub-txtList > li > span{color:#666; font-weight:600;}

.sub-txtList.type2{}
.sub-txtList.type2 > li,
.sub-notxtList > li{position:relative; display:flex; align-items:center; font-size:16px; color:#666; line-height:1.4; text-indent:0;}
.sub-notxtList.type2 > li{font-size:18px;}
.sub-txtList.type2 > li{flex-wrap:wrap; padding-left:5px;}
.sub-txtList.type2 > li:not(:last-child),
.sub-notxtList > li:not(:last-child){margin-bottom:10px;}
.sub-txtList.type2 > li::before{content:''; position:absolute; top:11px; left:0; display:block; width:2px; height:1px; border-radius:100%; background-color:#666; margin-right:6px; }
.sub-txtList.type2 > li > span{width:100%; font-weight:600; line-height:1;}

.sub-txtList.type3{}
.sub-txtList.type3 > li{display:flex; flex-wrap:wrap; padding-left:0; text-indent:0; font-size:16px; font-weight:400; color:#333;}
.sub-txtList.type3 > li::before{display:none;}
.sub-txtList.type3 > li > span{position:relative; display:flex; align-items:center; margin-right:5px; font-weight:600; color:#333; }
.sub-txtList.type3 > li span::before{content:''; display:block; min-width:2px; height:2px; margin-right:10px; background-color:#333; border-radius:100%;}
.sub-txtList.type3 > li > p{padding-left:21px; text-indent:-11px;}

.sub-txtList.type4 li{font-size:16px; font-weight:400; color:#666; text-indent:0; word-break:break-word; padding-left:10px;}
.sub-txtList.type4 > li:not(:last-child){margin-bottom:10px;}
.sub-txtList.type4 li::before{content:'-'; font-size:16px; color:#666; margin-right:5px;}

.sub-txtList.type5 li{display:flex; align-items:flex-start; padding:0;}
.sub-txtList.type5 li:not(:last-child){margin-bottom:15px;}
.sub-txtList.type5 li.full{flex-direction:column;}
.sub-txtList.type5 li::before{display:none;}
.sub-txtList.type5 li .title{display:flex; align-items:center; font-size:18px; color:#666; font-weight:600; min-width:110px;}
.sub-txtList.type5 li .title::before{content:'-'; font-size:inherit; color:inherit; font-weight:inherit; margin-right:5px;}
.sub-txtList.type5 li .txt{font-size:18px; color:#666;}

.sub-txtList.type6{width:100%;}
.sub-txtList.type6 li{display:flex; align-items:flex-start; padding:0;}
.sub-txtList.type6 li:not(:last-child){margin-bottom:5px;}
.sub-txtList.type6 li.full{flex-direction:column;}
.sub-txtList.type6 li::before{display:none;}
.sub-txtList.type6 li .title{display:flex; align-items:center; font-size:18px; color:#666; font-weight:600; min-width:75px; margin-right:5px;}
.sub-txtList.type6 li .title::before{content:'-'; font-size:inherit; color:inherit; font-weight:inherit; margin-right:5px;}
.sub-txtList.type6 li .txt{font-size:18px; color:#666;}

/* sub intro list */
.sub-introList{}
.sub-introList > li,
.sub-introList.type2 > li{display:flex; align-items:flex-start; flex-wrap:wrap;}
.sub-introList.type2 > li{flex-wrap:wrap;}
.sub-introList > li:not(:last-child){margin-bottom:70px;}
.sub-introList > li > .sub-title{min-width:280px;}
.sub-introList > li > .sub-introList__item{width:calc(100% - 280px); flex:1;}

/* sub list */
.sub-list{}
.sub-list > li{display:flex; flex-wrap:wrap; line-height:1.6;}
/* .sub-list > li::before{content:''; display:inline-block; min-width:9px; height:10px; background:#0076c0; border-radius:0 4px 0 4px; margin:7px 10px 0 0;} */
.sub-list > li.yellow::before{background:#c28910;}
.sub-list > li.yellow .sub-list__title{color:#c28910;}
.sub-list > li.yellow .sub-list__title::before{background:#c28910;}
.sub-list > li.green::before{background:#689831;}
.sub-list > li.green .sub-list__title{color:#689831;}
.sub-list > li.green .sub-list__title::before{background:#689831;}
.sub-list > li.orange::before{background:#fc831d;}
.sub-list > li.orange .sub-list__title{color:#fc831d;}
.sub-list > li.orange .sub-list__title::before{background:#fc831d;}
.sub-list > li.blue::before{background:#389ae0;}
.sub-list > li.blue .sub-list__title{color:#389ae0;}
.sub-list > li.blue .sub-list__title::before{background:#389ae0;}
.sub-list.type2 > li:not(:last-child){margin-bottom:20px;}
.sub-list.type2 .sub-list__txt,
.sub-list.type2 .text-list-wrap{width:100%; flex:none;}
.sub-list > li .sub-list__title{}

.sub-list__title{display:inline-flex; align-items:baseline; min-width:78px; font-size:20px; color:#0076c0; font-weight:600; letter-spacing:-0.02rem; /* min-width:90px; */ margin-right:20px; margin-bottom:5px; text-align:justify; vertical-align:middle;}
.sub-list__title::before{content:''; display:inline-block; min-width:9px; height:10px; background:#0076c0; border-radius:0 4px 0 4px; margin:7px 10px 0 0;}

.sub-list__title.type2{text-align:left; min-width:210px; max-width:210px; /* margin-right:50px; */}
.sub-list__title.linkTitle{overflow:visible; display:flex; align-items:center;}
.sub-list__title.linkTitle::after{display:none;}
.sub-list__title::after{content:''; display:inline-block; width:100%;}
.sub-list .sub-list__title::after{display:none;}
.sub-list__txt{flex:1; font-size:18px; color:#666; line-height:1.6; letter-spacing:-0.02rem;}
.sub-list__txt > span{display:block; font-size:16px; color:#888; margin-top:5px;}
.sub-list __txt > .sub-title2{display:inline-block; font-size:18px; font-weight:600; color:#666; font-weight:600; line-height:1;}


.sub-list__comboBox{display:flex; justify-content:space-between; width:100%;}
.sub-list__comboBox .img{}
.sub-list__comboBox .img img{display:block;}
.sub-list__comboBox .img sup{text-align:right; font-size:14px; color:#666; font-weight:300; line-height:1; margin-top:10px; position:static; display:block;}

.sub-dot__title{display:flex; align-items:center; width:100%; font-size:18px; color:#666; font-weight:600; line-height:1; margin-bottom:20px;}
.sub-dot__title::before{content:''; display:block; width:3px; height:3px; background-color:#666; border-radius:100%; margin-right:6px;}

.ico-list{display:flex;}
.ico-list > span{display:flex; align-items:center; font-size:18px; color:#666; text-align:center; line-height:1;}
.ico-list > span:not(:last-child){margin-right:30px;}
.ico-list > span::before{content:''; display:inline-flex; align-items:center; justify-content:center; min-width:60px; height:60px; margin-right:10px; background-color:#fff; background-position:center center; background-repeat:no-repeat; border:3px solid #ddd; border-radius:100%; }
.ico-list .sens::before{background-image:url('/resources/nie/images/sub/ico_family_03.png');}
.ico-list .night::before{background-image:url('/resources/nie/images/sub/ico_family_06.png');}
.ico-list .culture::before{background-image:url('/resources/nie/images/sub/ico_family_08.png');}
.ico-list .family::before{background-image:url('/resources/nie/images/sub/ico_family_11.png');}
.ico-list .intro::before{background-image:url('/resources/nie/images/sub/ico_family_22.png');}

.sub-img-box{display:flex; justify-content:flex-start; align-items:flex-start; width:100%; padding:30px; background-color:#f7f7f7; flex-wrap:wrap;}
.sub-img-box .item{height:185px; overflow:hidden; width:calc((100% / 4) - 15px); position:relative;}
.sub-img-box .item:not(:nth-child(4n)){margin-right:20px;}
.sub-img-box .item:not(:nth-child(-n + 4)){margin-top:20px;}
.sub-img-box .item img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%; min-width:auto; min-height:100%; max-width:none;}

.sub-boxList2{display:flex;}
.sub-boxList2 > li{min-height:430px; border:1px solid #cdcdcd; border-radius:15px; padding:25px;}
.sub-boxList2 > li:not(.box2){width:calc((100% - 102px) / 4);}
.sub-boxList2 > li:not(:last-child){margin-right:34px;}
.sub-boxList2 .box2{flex:1; display:flex; flex-wrap:wrap;}
.sub-boxList2 .box2 .sub-list__title{width:100%;}
.sub-boxList2 > .box2 .box{width:calc((100% - 85px) / 2); height:calc(100% - 50px);}
.sub-boxList2 > .box2 .box:not(:last-child){margin-right:85px;}
.sub-boxList2 .sub-list__title{white-space:nowrap; margin-bottom:10px;}
.sub-boxList2 .sub-txtList{margin-bottom:20px;}
.sub-boxList2.type2 .sub-txtList{min-height:146px;}
.sub-boxList2.type3 .sub-txtList{min-height:207px;}
.sub-boxList2 .sub-txtList > li{line-height:1.4;}
.sub-boxList2 .sub-txtList > li:not(:last-child){margin-bottom:10px;}
.sub-boxList2 > li .imgWrap{display:flex; justify-content:space-between; width:100%;}
.sub-boxList2 > li .imgWrap img{width:calc((100% - 70px) / 2 ); height:auto;}
.sub-boxList2 > li .txt{font-size:16px; font-weight:300; color:#666; margin-top:15px; line-height:1.8;}

/* sub full box */
.sub-fullBox{position:relative; padding:70px 0;}
.sub-fullBox::before{content:''; display:block; width:calc(100vw - 17px); height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#f7f7f7;}
.sub-fullBox > *{position:relative;}

/* sub img slider */
.sub-imgSlider{position:relative;}
.sub-imgSlider__arrow{display:block; width:50px; height:50px; border-radius:100%; background:#fff; border:1px solid #ccc; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; z-index:10; top:50%; transform:translateY(-50%);}
.sub-imgSlider__arrow.prev{background-image:url('/img/sub-imgslider-arrow_03.png'); left:-80px;}
.sub-imgSlider__arrow.next{background-image:url('/img/sub-imgslider-arrow_05.png'); right:-80px;}
.sub-imgSlider .slider{overflow:hidden; width:1400px;}
.sub-imgSlider .slider .slick-track{display:flex; margin:0;}
.sub-imgSlider .slider .slick-list{margin-left:-30px;}
.sub-imgSlider .slider .slick-slide{height:245px; margin-left:30px; position:relative; overflow:hidden;}
.sub-imgSlider .slider .slick-slide img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:auto; height:100%; min-width:auto; min-height:100%; max-width:none;}
.sub-imgSlider .slider .slick-slide .text{position:absolute; bottom:0; display:flex; justify-content:center; width:100%; min-height:30px; font-size:16px; font-weight:400; color:#fff; text-align:center;}


/* sub icon title */
.sub-iconTitle{display:flex; align-items:center; font-size:18px; color:#666; line-height:1.2; padding-left:27px; position:relative;}
.sub-iconTitle::before{content:''; display:block; width:17px; height:17px; background:url('/img/subtitle-icons_03.jpg'); position:absolute; top:1px; left:0;}
.sub-iconTitle.type2{font-size:22px; font-weight:600; color:#222;}
.sub-iconTitle.type2::before{top:4px;}
.sub-iconTitle.type3{font-size:22px; font-weight:400; color:#222; line-height:1;}
.sub-iconTitle.type3::before{top:4px;}
.sub-iconTitle.type3 span{line-height:1; color:#0076c0; font-weight:600;}
.sub-iconTitle.type4{font-size:22px; font-weight:600; color:inherit; line-height:1.6;}
.sub-iconTitle.type4::before{top:8px;}
.sub-iconTitle span,
.sub-iconTitle b{line-height:inherit;}

.sub-line-content{border-width:1px 0 1px 0; border-style:solid; border-color:#3f3f3f; padding:40px;}
.sub-line-content .img-box{display:flex; justify-content:space-between;}
.sub-line-content .img-box span{}
.sub-line-content .img-box img{}
.sub-line-content .text-box2{margin-top:30px; background-color:#f7f7f7; padding:30px;}
.sub-line-content .text-box2 .title{font-size:18px; font-weight:600; color:#666;}
.sub-line-content .text-box2 p{font-size:18px; color:#666; line-height:1.6; margin-top:30px;}

.sub-lineBox{background-color:#f7f7f7; border-width:2px 0 1px; border-color:#333 transparent #cdcdcd; border-style:solid;}

/* required txt */
.required-txt{font-size:16px; color:#666;}
.required-txt::before{content:'*'; font-size:inherit; color:#f40e0e; font-weight:600;}
.required-txt.type2{display:flex; align-items:center; font-size:16px; font-weight:500; color:#e5006a;}
.required-txt.type2::before{content:''; display:block; min-width:18px; height:18px; margin-right:6px; background:url('/img/required.png') center center no-repeat;}








@media screen and (max-width:1024px){
	
	.sub-nav .layout{padding:0; flex-direction:column;align-items:center;}
	.sub-nav__list{width: 75%;border-right: 1px solid #ddd;}
	.sub-nav__list > ul > li.home{display:none;}
	.sub-nav__list > ul > li:nth-child(2){display:none;}
	.sub-nav__list > ul > li{flex:1; min-width:50%;}
	.sub-nav__list > ul > li:last-child::after{display:none;}
	.sub-nav__list > ul > li:not(.home) > a{min-width:auto; width:100%; padding:0 10px;}
	.sub-nav__list > ul > li:not(.home) > a::after{margin-left:10px;}
	
	.sub-nav__btns .btn-item{width:35px;}
	.sub-nav__btns .btn-item::before{display:none;}
	.sub-nav__share .share-item li a{width:49px;}



}




.sub_box {
	margin-bottom:88px
}
.sub_box:last-child {
	/* margin-bottom:0; */
}
.sub_box .sub_box_tit {
	margin-bottom:30px
}
.sub_box .sub_box_tit p {
	font-weight:700;
	font-size:32px
}
.sub_box .sub_box_tit p::before {
	content:'';
	display:inline-block;
	width:37px;
	height:33px;
	margin-right:15px;
	background:url(/asset/images//symbol.png) no-repeat center;
	position:relative;
	top:4px
}
.sub_box .sub_box_con>p {
	color:#666666;
	line-height:1.75
}
.sub_box .sub_box_con .paragraph {
	margin-bottom:40px
}
.sub_box .sub_box_con .paragraph:last-of-type {
	margin-bottom:0
}
.sub_box .sub_box_con .paragraph p {
	color:#666666;
	line-height:1.75
}
.sub_box .sub_box_con .paragraph .paragraph_tit {
	font-size:20px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:12px;
	color:#333
}
.sub_box .sub_box_con .paragraph .paragraph_tit.ver2 .tit {
	font-size:24px;
	font-weight:bold;
	color:inherit
}
.sub_box .sub_box_con .paragraph .paragraph_tit.ver2 .sub_tit {
	font-weight:bold;
	color:inherit
}
.sub_box .sub_box_con .paragraph .paragraph_con::after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:0
}
.sub_box .sub_box_con .paragraph .paragraph_con .left {
	float:left
}
.sub_box .sub_box_con .paragraph .paragraph_con .right {
	float:right
}
.sub_box .sub_box_con02 {
	border-top:2px solid #333
}

.list_box {
	display:
	table;
	table-layout:
	fixed;
	width: 49%;padding:40px 48px;
	border-radius:8px;
	background-color:#fafafa;
	margin-bottom:12px
;
	margin-right: 1%;
}
.list_box :last-child {
	margin-right: 0px;
}
.list_box:last-of-type {
	margin-bottom:0
;
	margin-right: 0px;
}
.list_box::after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:0
}
.list_box .left {
	display:
	table-cell;
	width: 100%;
}
.list_box .left .tit {
	font-size:24px;
	font-weight:
	bold;
	margin-bottom:24px;
	white-space:
	nowrap;
	text-overflow:
	ellipsis;
	overflow:
	hidden;
	line-height: 24px;
}
.list_box .left .mid_txt::after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:0
}
.list_box .left .mid_txt dl {
	float:none;
	overflow:hidden;
	margin-bottom:5px
}
.list_box .left .mid_txt dl:first-child dt {
	padding-left:0
}
.list_box .left .mid_txt dl:last-child {
	margin-bottom:0
}
.list_box .left .mid_txt dl dt {
	float:
	left;
	/* width:38px; */
	padding-right:10px;
	font-size:15px;
	font-weight:
	bold
}
.list_box .left .mid_txt dl dd {
	float:
	left;
	width:
	calc(100% - 38px);
	font-size:15px;
	color:#424242
;
	line-height: 23px;
}
.list_box .right {
	display:table-cell;
	width:35%;
	vertical-align:middle
}
.list_box .right .btn_area .apply_btn {
	padding:13px 0;
	margin-right:15px
}
.list_box .right .btn_area .apply_btn2 {
	padding:13px 0
}
.photo {width:100%;margin-bottom: 23px;}
.photo img {width:100%}
.list_all {width:100%;display: flex;flex-wrap: wrap;}


/* 게시판 글보기 */
.board_view {width:100%;border-top: 2px solid #000;margin-top: 31px;}
.board_view .title {padding:25px 20px;width: 100%;}
.board_view .title .v_tit {font-size:25px;line-height:33px;font-weight: 900;color:#333;width: 80%;float: left;text-align: left;}
.board_view .v_tit1 span {color:#333;margin-right:3px;}
.board_view .title .v_info {margin:15px -6px 0;font-size:14px;line-height:15px;text-align:right}
.board_view .title .v_info span {display:inline-block;padding:0 6px;vertical-align:middle}
.board_view .title .v_info span em {display:inline-block;position:relative;padding-left:10px;font-weight:400} 
.board_view .title .v_info span em:before {
    content:
    "";
    position: absolute;
    top:4px;
    left:0;
    width:6px;
    height:6px;
    background-color: #fff;
}

.board_view .body {padding: 30px 20px 0;}
.board_view .body .bv_img {margin-bottom:35px}
.board_view .view_txt {font-size:16px;line-height:33px;color:#333;text-align: left;}
.board_view .view_txt p {text-align: center;} 
.board_view .view_cont_info {margin-bottom:35px;width:100%;}
.board_view .view_cont_info dl {display:table;width:100%;margin-bottom:4px}
.board_view .view_cont_info dt,
.board_view .view_cont_info dd {display:table-cell;position:relative;height: 27px;vertical-align:middle}
.board_view .view_cont_info dd {word-break:break-all;margin-left:2px;padding-left:17px;font-size: 15px;color:#333;/* border-bottom: 1px solid #006ab7; */text-align: left;}
.board_view .view_cont_info dd a{color:#333}

.board_view .view_cont_info1 {margin-bottom:35px;width:100%;border-top:1px solid #666666;border-bottom:1px solid #666666 ;}
.board_view .view_cont_info1 dl {display:table;width:100%;border-bottom:1px solid #f1f1f1; }
.board_view .view_cont_info1 dl:last-child {border-bottom:0px}
.board_view .view_cont_info1 dt,
.board_view .view_cont_info1 dd {display:table-cell;position:relative;height:43px;vertical-align:middle;padding:4px 0}
.board_view .view_cont_info1 dt {width:250px;background-color:#1f2774;font-size:16px;color:#fff;font-weight:bold;text-align:center;transform: skew(-0.001deg);}
.board_view .view_cont_info1 dd {width:calc(100% - 250px);word-break:break-all;margin-left:2px;padding-left:17px;background-color:#ffffff;font-size:16px;color:#333;transform: skew(-0.001deg);}
.board_view .view_cont_info1 dd a{color:#333}
.board_view .view_hash {margin-top:110px;}
.board_view .view_hash .hash {display:inline-block;padding:10px 16px;background-color:#999999;border-radius:50px;font-size:14px;color:#fff;line-height:14px;cursor:pointer}
.board_view .view_file {margin-top:15px;padding:24px 0 24px 20px;border:1px solid #ddd;border-width:1px 0 1px}
.board_view .view_file dl {display:table;width:100%;}
.board_view .view_file dt {display:table-cell;width:70px;padding-top:11px;font-size:16px;line-height:16px;color:#333;font-weight:400;}
.board_view .view_file dd {display:table-cell;}
.board_view .view_file dd a {display:inline-block;padding:10px;border:1px solid #ddd;background-color:#f1f1f1;font-size:16px;color:#333;}

/* 댓글 */
.b_comment {margin-top:20px;border-top:1px solid #000;padding-top:20px;}
.b_comment .cm_tit {font-size:16px;line-height:16px;color:#333;font-weight:400}
.b_comment .cm_tit em {color:#000;font-weight:500}
.b_comment .b_comment_list {margin-top:10px;}
.b_comment .b_comment_list .list {padding:23px 30px;margin:7px 0 3px;background:#eafffa;}
.b_comment .b_comment_list .list .tit {display:block;font-size:16px;color:#333;font-weight:500;margin-bottom:15px;}
.b_comment .b_comment_list .list .tit span {display:inline-block;margin-left:7px;font-size:13px;color:#999;font-weight:400}
.b_comment .b_comment_list .list .txt {font-size:16px;line-height:27px;color:#333}
.b_comment .b_comment_list .list.dept1 {padding-left:20px;background-color:#f1f1f1}
.b_comment .b_comment_list .list.dept1 .txt strong {color:#ec7d37}
.b_comment .b_comment_frm {margin-top:22px;}
.b_comment .b_comment_frm input[type="text"].frm_input,
.b_comment .b_comment_frm input[type="password"].frm_input {padding-left:10px !important;height:39px;line-height:39px;font-size:16px}
.b_comment .b_comment_frm textarea.frm_input {border:0 !important;padding:0 !important;font-size:16px}
.b_comment .b_comment_frm .b_cmt_frm_list {width:100%;max-width:384px}
.b_comment .b_comment_frm .b_cmt_frm_list li {float:left;width:50%}
.b_comment .b_comment_frm .b_cmt_frm_list li:first-child {padding-right:0.5px}
.b_comment .b_comment_frm .b_cmt_frm_list li:last-child {padding-left:0.5px}
.b_comment .b_comment_frm .textarea_box {margin-top:3px;padding:23px 23px 20px;border:1px solid #ddd}
.b_comment .b_comment_frm .textarea_box .btn_md {font-size:15px;line-height:15px}
@media screen and (max-width:960px){
    .board_view .title {padding:2.5rem 2rem}
    .board_view .title .v_tit {font-size:2.5rem;line-height:3.3rem}
    .board_view .title .v_info {margin:1.5rem -0.6rem 0;font-size:1.4rem;line-height:1.4rem}
    .board_view .title .v_info span {padding:0 0.6rem}
    .board_view .title .v_info span em:before {width:0.6rem;height:0.6rem;top:0.3rem}
    .board_view .body {padding:4rem 2rem 0}
    .board_view .body .bv_img {margin-bottom:3rem}
    .board_view .view_cont_info {margin-bottom:3rem}
    .board_view .view_cont_info dt, .board_view .view_cont_info dd {padding:1.1rem;height:4.3rem}
    .board_view .view_cont_info dt {width:100px;font-size:1.6rem;}
    .board_view .view_cont_info dd {padding-left:1.7rem;font-size:1.6rem}
	
    .board_view .view_txt {font-size:1.6rem;line-height:3rem}
    .board_view .view_hash {margin-top:10rem}
    .board_view .view_hash .hash {padding:1rem 1.6rem;font-size:1.4rem;line-height:1.4rem}
    .board_view .view_file {margin-top:1.5rem;padding:2rem 0 2rem 2rem;}
    .board_view .view_file dl {display:block}
    .board_view .view_file dt {display:block;width:100%;padding-top:0;font-size:1.6rem;line-height:1.6rem}
    .board_view .view_file dd {display:block;width:100%;margin-top:0.6rem;margin-left:-0.2rem;margin-right:-0.3rem}
    .board_view .view_file dd a {padding:1rem;font-size:1.6rem;margin:0.3rem}

    .b_comment {margin-top:2rem}
    .b_comment .cm_tit {font-size:1.6rem;line-height:1.6rem}
    .b_comment .b_comment_list {margin-top:0}
    .b_comment .b_comment_list .list {padding:2rem 0 2rem 0;}
    .b_comment .b_comment_list .list .tit {font-size:1.6rem}
    .b_comment .b_comment_list .list .tit span {margin-left:0.7rem;font-size:1.3rem}
    .b_comment .b_comment_list .list .txt {font-size:1.5rem;line-height:2.5rem}
    .b_comment .b_comment_list .list.dept1 {padding-left:2rem}
    .b_comment .b_comment_frm input[type="text"].frm_input, 
    .b_comment .b_comment_frm input[type="password"].frm_input {padding-left:1rem !important;height:3.9rem;line-height:3.9rem;font-size:1.6rem}
    .b_comment .b_comment_frm .textarea_box {padding:2rem}
    .b_comment .b_comment_frm textarea.frm_input {font-size:1.6rem}
    .b_comment .b_comment_frm .textarea_box .btn_md {font-size:1.5rem;line-height:1.5rem}
}

@media screen and (max-width:960px){
	.board_view .body {padding:4rem 2rem 0}
    .board_view .body .bv_img {margin-bottom:3rem}
	
	.board_view .view_cont_info1 {margin-bottom:3rem}
    .board_view .view_cont_info1 dt, .board_view .view_cont_info dd {padding:1.1rem;height:4.3rem}
    .board_view .view_cont_info1 dt {width:100px;font-size:1.6rem;}
    .board_view .view_cont_info1 dd {width:calc(100% - 100px);padding-left:1.7rem;font-size:1.6rem;text-overflow:ellipsis;white-space:nowrap;}
		
}
/* 페이징 */
.pg_wrap {clear: both;
    margin: auto;
    padding: 20px 0 0;
    text-align: center;
    width: 100%;}
.pg {}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 8px;height:25px;line-height:25px;color:#000;letter-spacing:0;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page { margin: 2px; background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

.bullet-arrow1,.bullet-arrow2{font-size:20px}
.bullet-arrow1,.bullet-arrow2{font-size:20pxfont-weight:500;color:#333}
.bullet-arrow1{background:url(/images/icon_bullet1.png) no-repeat 0 0}

@media all and (min-width:768px){
	.bullet-arrow1,.bullet-arrow2{padding-left:26px;background-position:0 7px}
	.bullet-arrow2{margin-bottom:12px}
}

@media screen and (min-width:1070px){
.bullet-arrow1,.bullet-arrow2{font-size:20px}
}


@media screen and (min-width:768px) and (max-width:1069px){
.bullet-arrow1,.bullet-arrow2{font-size:17px}
}

@media screen and (max-width:767px){
.bullet-arrow1,.bullet-arrow2{padding-left:20px;background-position:0 4px;background-size:13px auto;font-size:14px}
}

.search_all {width:100%;height: 47px;}
.list_bb {width:100%;overflow: hidden;margin-top: 45px;}

.con_box{    position: relative;
    display: inline-block;
    width: 1280px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 30px;} 
.con_box .intro_tit{font-size: 24px; font-weight: 600; text-align: left; margin-bottom: 20px; color: #051e54;} 
.con_box ul.intro_con{position: relative;margin-bottom: 20px;}
.con_box .mar_left20{margin-left: 20px; !important;}
.con_box ul.intro_con li{position: relative; padding: 2px 0px 2px 12px; text-align: left; font-size: 20px;font-weight: 500;}  
.con_box ul.intro_con li span {font-weight: 800; }
@media (max-width: 600px){
  .con_box {width: 100%;}
  .con_box .intro_tit{font-size:18px; font-weight: 600; text-align: left; margin-bottom:10px; color: #051e54;} 
  .con_box ul.intro_con{position: relative;margin-bottom:10px;}
  .con_box .mar_left20{margin-left:5px; !important;}
  .con_box ul.intro_con li{position: relative; padding: 2px 0px 2px 6px; text-align: left; font-size:16px;font-weight: 500;}  
  .con_box ul.intro_con li span {font-weight: 800; }
}

.festival_data {width:100%;}
.festival_data p {line-height:25px;}

table.festival_table {
  border: 1px solid #1C6EA4;
  background-color: #FFFFFF;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  margin-top: 20px;
}
table.festival_table td, table.festival_table th {
  border: 1px solid #AAAAAA;
  padding: 7px 1px;
  padding: 10px;
}
table.festival_table tbody td {
}
table.festival_table tr:nth-child(even) {
  background: #FFFFFF;
}
table.festival_table td:nth-child(even) {
  background: #FFFFFF;
}
table.festival_table thead {
  background: #106ABF;
  border-bottom: 1px solid #444444;
}
table.festival_table thead th {
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 1px solid #FFFFFF;
  padding: 13px;
}
table.festival_table thead th:first-child {
  border-left: none;
}

table.festival_table tfoot td {
  font-size: 14px;
}
table.festival_table tfoot .links {
  text-align: right;
}
table.festival_table tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}


.banner_box {
    position: absolute;
    left: 0;
    bottom: -52px;
    width: 100%;
    height: 130px;
    background-color: #fff;
    z-index: 9;
    border-radius: 18px;
    }
.banner_box img {width:100%;}
.banner_box ul{
  margin: auto;
  padding: 18px 0;
  display: flex;
  list-style: none;
  width: 97%;
  gap:10px;
}
.banner_box ul li{
  margin: 0;
    display: flex;
    gap: 15px;
	    justify-content: space-between;
}
.banner_box ul li a .fa
{
  font-size: 40px;
  color:#555;
  /* line-height: 80px; */
  transition: 0.5s;
}
.banner_box ul li a
{
  position: relative;
  display: block;
  /* width: 80px; */
  /* height: 80px; */
  text-align: center;
  color: #003a72;
  transition: 0.5s;
  line-height: 26px;
  font-size: 14px;
  font-weight: 600;
  /* box-shadow: -20px 20px 10px rgba(0,0,0,0.5); */
}
.banner_box ul li a::before{
  content: "";
  position: absolute;
  top:10px;
  /* left: -20px; */
  /* height: 100%; */
  /* width: 20px; */
  transition: 0.5s;
}
.banner_box ul li ::after
{
  content: "";
  position: absolute;
  /* bottom: -20px; */
  left: -10px;
  transition: 0.5s;
}
.banner_box ul li a:hover
{
  transform: perspective(1000px) 
  translate(0px,-10px);
  background: transparent;
}
.banner_box ul li:hover .fa{
  color:#000;
}
.banner_box ul li:hover:nth-child(1) a
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(1) a::before
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(1) a::after
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(2) a
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(2) a::before
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(2) a::after
{
  background: transparent;
}

.banner_box ul li:hover:nth-child(3) a
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(3) a::before
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(3) a::after
{
  background: transparent;
}


.banner_box ul li:hover:nth-child(4) a
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(4) a::before
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(4) a::after
{
  background: transparent;
}

.banner_box ul li:hover:nth-child(5) a
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(5) a::before
{
  background: transparent;
}
.banner_box ul li:hover:nth-child(5) a::after
{
  background: transparent;
}
.main_bbox {width:100%;overflow: hidden;padding-bottom: 30px;}
.left_banner_add {margin-right: 0;w;width: 16%;float: left;}
.left_banner {margin-right: 1%;width: calc(20% - 1%);float:left;}
.right_banner {width: calc(100% - 37%);float:left;margin-right: 1%;}
.left_banner01 {width:100%;margin-bottom: 20px; background-color:#fae100; border:1px solid #2959af;box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%); color:#0054a9;height: 100px;padding:10px; border-radius:15px;}
.left_banner03 {width:100%;margin-bottom: 20px;background-color: #f2f2f2;border:1px solid #2959af;box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);color:#0054a9;height: 114px;padding:10px;border-radius:15px;overflow: hidden;}
.icon_m {
    text-align: center;
}
.icon_m img{
    width: 62px;
    margin: 1px 10px 10px 10px;
}
.tt_m{
    text-align: center;
    font-size: 16px;
    font-family: 'GmarketSansBold';
}
.bell {width:82px;float:left;}
.bell img {padding: 7px;}
.bell_txt {width: calc(100% - 87px);float:left;margin-left: 5px;font-size: 17px;line-height: 25px;padding-top: 16px;font-family: 'GmarketSansBold';}
.left_banner02 {width:100%; background-color:#e5f2fa; border:1px solid #2959af;box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%); color:#0054a9;height: 260px;padding: 19px;border-radius:15px;}
.left_banner02 h1 {color:#124aa7;font-size: 24px;font-family: 'GmarketSansBold';letter-spacing: -0.5px;line-height: 24px;margin-bottom: 9px;}
.left_banner02 ul {width:100%;}
.left_banner02 li {font-size:18px; color:#000;line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cir_num {padding: 4px 9px;border:1px solid #4e79be;border-radius: 107px; background-color:#fff; color:#134aa5;font-size: 12px;font-weight: 900;width: 30px;height: 30px;margin-right: 9px;}
.right_boxline {width:100%;border: 5px solid #1349a9; background-color:#fff;padding: 24px;box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);border-radius:15px;height: 285px;margin-bottom:20px;}
.right_boxline h1 {float:left;width:40%;color:#0076c0;font-size: 30px;font-family: 'GmarketSansBold';letter-spacing: -0.5px;line-height: 24px;margin-bottom: 9px;}
.right_boxline h2 {float:left;width:60%;color:#124aa7;font-size: 18px;font-family: 'GmarketSansBold';letter-spacing: -0.5px;line-height: 24px;margin-bottom: 9px;text-align: right;}
.right_boxline span {padding-right:10px;color:#124aa7;font-size: 22px;font-family: 'GmarketSansBold';letter-spacing: -0.5px;line-height: 24px;margin-bottom: 9px;text-align: right;}
.detail_search_b {width:100%;overflow: hidden;padding-top: 20px;}
.search_left {width: calc(79% - 5px);margin-right: 5px;float: left;}
.search_right {width: 21%;float: left;height: 170px;background: linear-gradient(to right, #0076c0, #0076c0, #0076c0, #0098a3, #0098a3);text-align: center;vertical-align: middle;border-radius: 20px;color: #fff;font-size: 28px;font-family: 'GmarketSansBold';letter-spacing: -0.5px;padding-top: 72px;}
.search_right .bt0001 {width:100%; color:#fff; font-size:28px;font-family: 'GmarketSansBold';letter-spacing: -0.5px;padding-top: 50px;}
.right_noticebox {width:100%;padding: 0px 15px 15px 0;border:1px solid #2959af;box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);border-radius:15px;height: 75px;}
.right_notice1 {width: 12%; float:left;background: url('/img/notice_bg.png') no-repeat;border-radius: 5px 0 0px 0px;height: 55px;background-size: 113px;background-position: 0px -8px;color: #fff;padding: 8px 0 0 23px;font-weight: 900;font-size: 18px;}
.right_notice2 {width: 88%; float:left;padding: 10px 10px 0 10px;line-height: 27px;}
.line_box {width:100%;overflow: hidden;padding-bottom: 30px;padding: 20px 0;}
.line_left {margin-right: 20px;width: calc(74% - 20px);float:left;}
.linel_cal {width:100%; line-height:30px;overflow: hidden;}
.linel_cal p {width:100%;padding-top: 20px;font-size: 30px;font-family: 'GmarketSansMedium';letter-spacing: -2px;line-height: 24px;margin-bottom: 22px;}
.linel_cal span {font-family: 'GmarketSansBold';}
.cal_fontc {color:#1348aa}
.cal_fontc2 {color:#e5a701}
.linel_cal ul {width:100%;margin-bottom: 12px;overflow: hidden;}
.linel_cal li {width: calc(50% - 20px); margin-right:20px;float:left; }
.linel_cal li:last-child {width:50%; margin-right:0px;float:left;}

.family {width:1300px; line-height:30px;overflow: hidden;margin:20px auto 0 auto; background-color:#eee;padding:20px; margin-bottom:30px; border-radius:20px;}
.family h3 {font-size:30px; text-align:center; margin:20px 0px;}
.family p {width:100%;padding-top: 20px;font-size: 30px;font-family: 'GmarketSansMedium';letter-spacing: -2px;line-height: 24px;margin-bottom: 22px;}
.family span {font-family: 'GmarketSansBold';}
.family ul {width:100%;margin-bottom: 12px;overflow: hidden;}
.family li {width: calc(50% - 20px); margin-right:20px;float:left; }
.family li:last-child {width:50%; margin-right:0px;float:left;}

.cal_banner1 {background-color:#1d98dc;border-radius:20px;padding: 7px;height:105px;}
.cal_banner2 {background-color:#e6a700;border-radius:20px;padding: 7px;height:105px;}

.bok {width:100%;font-size:28px;font-family: 'GmarketSansMedium';letter-spacing: -2px;color:#fff;}
.bok_img {width: 126px; float:left;}
.bok_txt {width: calc(100% - 146px);margin-left: 20px;float:left;padding-top: 16px;line-height: 32px;}
.bok_txt span {font-family: 'GmarketSansBold';}


.line_right {width: 26%;float:left;padding: 20px; border:1px solid #6fb7df;box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);height: 504px;border-radius:15px; background-color:#fff;}
.line_right h1 {float:left;width:80%;color:#1d98de;font-size: 24px;font-family: 'GmarketSansBold';letter-spacing: -0.5px;line-height: 27px;margin-bottom: 9px;}
.color_bb {color:#000;}
.line_right img {width: 72%;}
.line_right h2 {width:20%; float:right;margin-bottom: 9px;text-align: right;margin-top: -35px;position: relative;z-index: 2;}
.right_b {width:100%;float: left;}
.right_book {width:100%;margin-bottom: 9px;border:1px solid #dadada; border-radius:20px;height: 135px;overflow: hidden;}
.book_txt {
    font-size: 15px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    width: 100%;
    height:40px;
    line-height: 20px;
    overflow:
    hidden;
    text-overflow:
    ellipsis;
    margin-bottom: 18px;
    }
.right_book img {width:100%;border-radius: 20px;object-fit: cover;}




.section-tit {padding-top:20px;}
.section-tit h3 {color:#fff;width: 50%;float: left;border-bottom: 2px solid #fff;padding-bottom: 12px;font-size: 31px;}
.search_left select{height: 51px;border: 2px solid #1d98dc;p;padding: 0 16px;border-radius: 41px;margin-right:10px;font-size: 21px;color: #164da8;font-weight: 900;float: left;appearance: none;margin-bottom: 8px;}
.search_left select img {width:50%;}
.select_width1 {width: 48%;}
.select_width2 {width: 98.8%;}
.mr10{margin-right:10px !important;}
.select{/* width:180px; */padding:0 20px;border:1px solid #ccc;border-radius:3px;background:url('/img/down_narrow.png') right 20px center #fff no-repeat;font-size:15px;color:#8f8f8f;}


@media (max-width: 600px){
.family {width:100%; line-height:30px;overflow: hidden;margin:50px auto 0 auto; background-color:#eee;padding:20px; margin-bottom:30px; border-radius:20px;}

.banner_box {
    position: absolute;
    left: 0;
    bottom: -52px;
    width: 100%;
    height: 100px;
    background-color: #fff;
    z-index: 9;
    border-radius: 18px;
	        padding-top: 10px;
}
.banner_box ul {
    margin: auto;
    padding: 18px 0;
    list-style: none;
    width: 100%;
    margin-left: 5px;
    display: block;
    /* flex-direction: column; */
    gap:10px;
    display: flex !important;
    flex-direction: row !important;   /* column → row 로 변경 */
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-left: 0 !important;        /* 기존 margin-left: 5px 제거 */
    padding: 0 5px !important;
    box-sizing: border-box !important;
    gap: 0 !important;
}
.banner_box ul li {
    /* margin: 0 40px; */
    margin: auto;
    float: left;
    width: 50%;
    height: auto;
    text-align: center;
    float: none !important;
    width: calc(50% - 4px) !important;
    margin: 2px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
}
.banner_box ul li a {
    position: relative;
    display: block;
    /* width: 80px; */
    /* height: 80px; */
    text-align: center;
    color: #003a72;
    transition: 0.5s;
    line-height: 16px;
    font-size: 12px;
    font-weight: 600;
    /* box-shadow: -20px 20px 10px rgb(0 0 0 / 50%); */
}
.nav_bg {width:100%; height:65px;
    background-color: #0061af8c;
    position: absolute;
    top: 80px;
    z-index: 1;
	display:none;
    }
.sns_i {
    width: 33.333%;
    float: left;
    display: none;
}
.top_m {
    width: 100%;
    margin: auto;
}
.logo {
    width: 50%;
    float: left;
    text-align: center;
	position: absolute;
    z-index: 999999;
}
.logo img {
    width: 86%;
    height: auto;
}
.search_t {
    width: 50%;
    float: right;
    display: none;
}
.m-lnb-btn {
    height: 50px;
    font-size: 30px;
    display: flex;
    align-items: center;
    right: 30px;
    position: absolute;
    top: -75px;
    color: #000;
}
.sub-nav .layout {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    align-items: flex-start;
}
.sub-nav__list > ul > li:not(.home) > a {
    min-width: auto;
    width: 100%;
    padding: 0 10px;
    height: 45px;
}
.sub-nav__btns .btn-item.print {
    background-image: url(/img/nav-print.png);
    display: none;
}
.sub-nav__btns {
    display: flex;
    position: absolute;
    top: -7px;
    right: 3px;
    width: 25%;
}
#sub-top {
    width: 100%;
    padding: 100px 0 6px;
    display: flex;
    background: linear-gradient(to right, #0076c0, #0076c0, #0076c0, #0098a3, #0098a3);
    position: relative;
    overflow: hidden;
    height: 193px;
}
.ti_ti {
    width: 100%;
    font-family: 'GmarketSansBold', sans-serif;
    font-size: 30px;
    text-align: center;
    line-height: 36px;
    padding: 20px;
}
.footer-link-list li {
    display: inline-block;
    border: 1px solid #ffffff61;
    padding: 6px 10px 10px 10px;
    background-color: #0000006e;
}
.list_all {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.list_box {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    background-color: #fafafa;
    margin-bottom: 12px;
    margin-right: 1%;
}
.left_banner {
    margin-right: 20px;
    width: 100%;
    float: left;
}
.left_banner02 {
    width: 100%;
    background-color: #e5f2fa;
    border: 1px solid #2959af;
    box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);
    color: #0054a9;
    height: 260px;
    padding: 19px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.right_banner {
    width: 100%;
    float: left;
}
.right_boxline {
    width: 100%;
    border: 5px solid #1349a9;
    background-color: #fff;
    padding: 24px;
    box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);
    border-radius: 15px;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}
.right_boxline h1 {
    float: left;
    width: 100%;
    color: #0076c0;
    font-size: 30px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-bottom: 9px;
}
.right_boxline h2 {
    float: left;
    display: none;
    width: 60%;
    color: #124aa7;
    font-size: 22px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-bottom: 9px;
    text-align: right;
}
.detail_search_b {
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
}
.search_left {
    width: 100%;
    margin-right: 5px;
    float: left;
}
.search_left select {
    height: 51px;
    border: 2px solid #1d98dc;
    padding: 0 20px;
    border-radius: 41px;
    margin-right: 10px;
    font-size: 20px;
    color: #164da8;
    font-weight: 900;
    float: left;
    appearance: none;
    margin-bottom: 8px;
    width: 100%;
    line-height: 20px;
}
.search_right {
    width: 100%;
    float: left;
    height: 76px;
    background: linear-gradient(to right, #0076c0, #0076c0, #0076c0, #0098a3, #0098a3);
    text-align: center;
    vertical-align: middle;
    border-radius: 20px;
    color: #fff;
    font-size: 28px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.5px;
    padding-top: 28px;
}
.right_noticebox {
    width: 100%;
    padding: 0px 15px 15px 0;
    border: 1px solid #2959af;
    box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);
    border-radius: 15px;
    height: auto;
    overflow: hidden;
}
.right_notice1 {
    width: 100%;
    float: left;
    background: url(/img/notice_bg.png) no-repeat;
    border-radius: 5px 0 0px 0px;
    height: 47px;
    background-size: 113px;
    background-position: 0px -8px;
    color: #fff;
    padding: 8px 0 0 23px;
    font-weight: 900;
    font-size: 18px;
}
.right_notice2 {
    width: 100%;
    float: left;
    padding: 0px 10px 0 21px;
    line-height: 27px;
    font-size: 16px;
}
.line_left {
    margin-right: 20px;
    width: 100%;
    float: left;
}

.linel_cal p {
    width: 100%;
    padding: 20px 0;
    font-size: 30px;
    font-family: 'GmarketSansMedium';
    letter-spacing: -2px;
    line-height: 34px;
}
.linel_cal li {
    width: 100%;
    margin-right: 20px;
    float: left;
}
.linel_cal li:last-child {
    width: 50%;
    margin-right: 0px;
    float: left;
    margin-top: 10px;
}

.family p {
    width: 100%;
    padding: 20px 0;
    font-size: 30px;
    font-family: 'GmarketSansMedium';
    letter-spacing: -2px;
    line-height: 34px;
}
.family li {
    width: 100%;
    margin-right: 20px;
    float: left;
}
.family li:last-child {
    width: 100%;
    margin-right: 0px;
    float: left;
    margin-top: 10px;
}
.bok_txt {
    width: calc(100% - 156px);
    margin-left: 10px;
    float: left;
    padding-top: 16px;
    line-height: 32px;
}
.bok {
    width: 100%;
    font-size: 21px;
    font-family: 'GmarketSansMedium';
    letter-spacing: -1px;
    color: #fff;
}
.line_right {
    width: 100%;
    float: left;
    padding: 20px;
    border: 1px solid #6fb7df;
    box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);
    height: 474px;
    border-radius: 15px;
    background-color: #fff;
}
.line_right h2 {
    width: 20%;
    float: right;
    margin-bottom: 9px;
    text-align: right;
    margin-top: -16px;
    position: relative;
    z-index: 2;
}
.right_book img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    margin-top: -17px;
}

}

@media (max-width: 725px){
.family {width:100%; line-height:30px;overflow: hidden;margin:50px auto 0 auto; background-color:#eee;padding:20px; margin-bottom:30px; border-radius:20px;}

.banner_box {
    position: absolute;
    left: 0;
    bottom: -66px;
    width: 100%;
    height: 60px;
    background-color: #fff;
    z-index: 9;
    border-radius: 18px;
    padding-top: 10px;
}
.banner_box ul {
    margin: auto;
    padding: 18px 0;
    list-style: none;
    width: 100%;
    margin-left: 5px;
    display: block;
    /* flex-direction: column; */
    gap:10px;
    display: flex !important;
    flex-direction: row !important;   /* column → row 로 변경 */
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-left: 0 !important;        /* 기존 margin-left: 5px 제거 */
    padding: 0 5px !important;
    box-sizing: border-box !important;
    gap: 0 !important;
}
.banner_box ul li {
    /* margin: 0 40px; */
    margin: auto;
    float: left;
    width: 50%;
    height: auto;
    text-align: center;
    float: none !important;
    width: calc(50% - 4px) !important;
    margin: 2px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    height: auto !important;
}
.banner_box ul li a {
    position: relative;
    display: block;
    /* width: 80px; */
    /* height: 80px; */
    text-align: center;
    color: #003a72;
    transition: 0.5s;
    line-height: 16px;
    font-size: 12px;
    font-weight: 600;
    /* box-shadow: -20px 20px 10px rgb(0 0 0 / 50%); */
}
.nav_bg {width:100%; height:65px;
    background-color: #0061af8c;
    position: absolute;
    top: 80px;
    z-index: 1;
	display:none;
    }
.sns_i {
    width: 33.333%;
    float: left;
    display: none;
}
.top_m {
    width: 100%;
    margin: auto;
}
.logo {
    width: 33%;
    float: left;
    text-align: center;
    position: absolute;
    z-index: 999999;
}
.logo img {
    width: 87%;
    height: auto;
}
.search_t {
    width: 50%;
    float: right;
    display: none;
}
.m-lnb-btn {
    height: 50px;
    font-size: 30px;
    display: flex;
    align-items: center;
    right: 45px;
    position: absolute;
    top: -75px;
    color: #000;
}
.sub-nav .layout {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    align-items: flex-start;
}
.sub-nav__list > ul > li:not(.home) > a {
    min-width: auto;
    width: 100%;
    padding: 0 10px;
    height: 45px;
}
.sub-nav__btns .btn-item.print {
    background-image: url(/img/nav-print.png);
    display: none;
}
.sub-nav__btns {
    display: flex;
    position: absolute;
    top: -7px;
    right: 3px;
    width: 25%;
}
#sub-top {
    width: 100%;
    padding: 100px 0 6px;
    display: flex;
    background: linear-gradient(to right, #0076c0, #0076c0, #0076c0, #0098a3, #0098a3);
    position: relative;
    overflow: hidden;
    height: 193px;
}
.ti_ti {
    width: 100%;
    font-family: 'GmarketSansBold', sans-serif;
    font-size: 30px;
    text-align: center;
    line-height: 36px;
    padding: 20px;
}
.footer-link-list li {
    display: inline-block;
    border: 1px solid #ffffff61;
    padding: 6px 10px 10px 10px;
    background-color: #0000006e;
}
.list_all {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.list_box {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    background-color: #fafafa;
    margin-bottom: 12px;
    margin-right: 1%;
}
.left_banner {
    margin-right: 20px;
    width: 100%;
    float: left;
}
.left_banner02 {
    width: 100%;
    background-color: #e5f2fa;
    border: 1px solid #2959af;
    box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);
    color: #0054a9;
    height: 260px;
    padding: 19px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.right_banner {
    width: 100%;
    float: left;
}
.right_boxline {
    width: 100%;
    border: 5px solid #1349a9;
    background-color: #fff;
    padding: 24px;
    box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);
    border-radius: 15px;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}
.right_boxline h1 {
    float: left;
    width: 100%;
    color: #0076c0;
    font-size: 30px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-bottom: 9px;
}
.right_boxline h2 {
    float: left;
    display: none;
    width: 60%;
    color: #124aa7;
    font-size: 22px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-bottom: 9px;
    text-align: right;
}
.detail_search_b {
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
}
.search_left {
    width: 100%;
    margin-right: 5px;
    float: left;
}
.search_left select {
    height: 51px;
    border: 2px solid #1d98dc;
    padding: 0 20px;
    border-radius: 41px;
    margin-right: 10px;
    font-size: 20px;
    color: #164da8;
    font-weight: 900;
    float: left;
    appearance: none;
    margin-bottom: 8px;
    width: 100%;
    line-height: 20px;
}
.search_right {
    width: 100%;
    float: left;
    height: 76px;
    background: linear-gradient(to right, #0076c0, #0076c0, #0076c0, #0098a3, #0098a3);
    text-align: center;
    vertical-align: middle;
    border-radius: 20px;
    color: #fff;
    font-size: 28px;
    font-family: 'GmarketSansBold';
    letter-spacing: -0.5px;
    padding-top: 28px;
}
.right_noticebox {
    width: 100%;
    padding: 0px 15px 15px 0;
    border: 1px solid #2959af;
    box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);
    border-radius: 15px;
    height: auto;
    overflow: hidden;
}
.right_notice1 {
    width: 100%;
    float: left;
    background: url(/img/notice_bg.png) no-repeat;
    border-radius: 5px 0 0px 0px;
    height: 47px;
    background-size: 113px;
    background-position: 0px -8px;
    color: #fff;
    padding: 8px 0 0 23px;
    font-weight: 900;
    font-size: 18px;
}
.right_notice2 {
    width: 100%;
    float: left;
    padding: 0px 10px 0 21px;
    line-height: 27px;
    font-size: 16px;
}
.line_left {
    margin-right: 20px;
    width: 100%;
    float: left;
}

.linel_cal p {
    width: 100%;
    padding: 20px 0;
    font-size: 30px;
    font-family: 'GmarketSansMedium';
    letter-spacing: -2px;
    line-height: 34px;
}
.linel_cal li {
    width: 100%;
    margin-right: 20px;
    float: left;
}
.linel_cal li:last-child {
    width: 50%;
    margin-right: 0px;
    float: left;
    margin-top: 10px;
}

.family p {
    width: 100%;
    padding: 20px 0;
    font-size: 30px;
    font-family: 'GmarketSansMedium';
    letter-spacing: -2px;
    line-height: 34px;
}
.family li {
    width: 100%;
    margin-right: 20px;
    float: left;
}
.family li:last-child {
    width: 100%;
    margin-right: 0px;
    float: left;
    margin-top: 10px;
}
.bok_txt {
    width: calc(100% - 156px);
    margin-left: 10px;
    float: left;
    padding-top: 16px;
    line-height: 32px;
}
.bok {
    width: 100%;
    font-size: 21px;
    font-family: 'GmarketSansMedium';
    letter-spacing: -1px;
    color: #fff;
}
.line_right {
    width: 100%;
    float: left;
    padding: 20px;
    border: 1px solid #6fb7df;
    box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);
    height: 474px;
    border-radius: 15px;
    background-color: #fff;
}
.line_right h2 {
    width: 20%;
    float: right;
    margin-bottom: 9px;
    text-align: right;
    margin-top: -16px;
    position: relative;
    z-index: 2;
}
.right_book img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    margin-top: -17px;
}

}
.text-center {
  text-align:center;
  
}

.half-color-box {
  background: var(--gradient);
  height: auto;
  margin-bottom: 30px;
  margin-top: 0px;
}

.banner-box {
  background: var(--gradient);
  margin-bottom: 30px;
  margin-top: 0px;
}

.test-arrowbox {
  position: absolute;
  right: -7px;
  display: flex;
  top: -80px;
}

.swiper-testimonial {
  padding: 100px 20px;
  padding-top: 30px;
}

.test-arrowbox .swiper-button-next-test,
.test-arrowbox .swiper-button-prev-test {
  margin-right: 20px;
  /* background: var(--comp-color);2 */
  border-radius: 50%;
  --size: 55px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
}
.test-arrowbox .swiper-button-next-test1,
.test-arrowbox .swiper-button-prev-test1 {
  margin-right: 20px;
  /* background: var(--comp-color);2 */
  border-radius: 50%;
  --size: 35px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
}

.space_narrow {
  position: absolute;
  left: 39%;
  display: flex;
  top: 6px;
}

.swiper-space {
  padding: 100px 20px;
  padding-top: 30px;
}

.space_narrow .swiper-button-next-test,
.space_narrow .swiper-button-prev-test {
  margin-right: 20px;
  /* background: var(--comp-color);2 */
  border-radius: 50%;
  --size: 35px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
}
.space_narrow .swiper-button-next-test1,
.space_narrow .swiper-button-prev-test1 {
  margin-right: 20px;
  /* background: var(--comp-color);2 */
  border-radius: 50%;
  --size: 55px;
  width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-right {
  transform: rotate(180deg);
  margin-top: -7px;
}

.arrow {
  cursor: pointer;
  transition: all 0.2s ease-in;
}

.arrow:hover {
  transform: translateX(-15px);
}

.line_color {border-bottom:2px solid #3564b6;padding-bottom: 11px;}
.popup {border: 1px solid #a9a9a9;border-radius: 0px;height: 178px;overflow: hidden;}
.popup img {border-radius: 0px;object-fit: cover;width: 100%;}
.fbanner {border: 1px solid #a9a9a9;border-radius: 0px;height: 45px;overflow: hidden;}
.fbanner img {border-radius: 0px;object-fit: cover;width: 100%;vertical-align: middle;}
.space_v {border:1px solid #000; border-radius:30px;height: 250px;overflow: hidden;}
.space_v img {border-radius:30px;object-fit: cover;height: 100%;min-width: 330px;}

.space_list {
    position: absolute;
    width: 120px;
    left: 0;
    top: 22%;
    z-index: 9;
}

.space_select {}

.space_select select {
  width: 209px;
  padding: .8em .5em;
  font-family: inherit;
  background: url(/img/nnnn.png) no-repeat 95% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-top: 1px solid #0000;
  border-left: 1px solid #0000;
  border-right: 1px solid #0000;
  border-bottom: 1px solid #5186d6;
  border-radius: 0px;
  color: #5186d6;
  font-size: 24px;
}

.space_select select::-ms-expand { /* for IE 11 */
    display: none;
}

@media (max-width: 600px){
.popup {
    border: 1px solid #9f9f9f;
    border-radius: 0px;
    min-height: 244px;
    overflow: hidden;
}
.fbanner {
    border: 1px solid #9f9f9f;
    border-radius: 0px;

    min-height: 40px;
	margin-bottom:0px;
    overflow: hidden;
	background-color:#fff;
}
#space .more_link {
    position: relative;
    right: -31%;
    top: -12px;
    background-color: transparent;
    font-family: "GmarketSansBold", sans-serif;
    font-size: 14px;
    color: #ffffff;
    width: 63px;
    height: 63px;
    border: none;
    border-radius: 100%;
    /* transition: all 0.3s ease; */
    display: flex;
    text-align: center;
    background-color: #0076c0;
    z-index: 9999;
}
.half-color-box {
    background: var(--gradient);
    height: 328px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.banner-box {
    background: var(--gradient);
    margin-bottom: 0px;
    margin-top: 0px;
}
.space_list {
    position: absolute;
    width: 80%;
    left: 11.5%;
    top: 15%;
    z-index: 9;
}
.space_select select {
    width: 100%;
    padding: 0.8em 0.5em;
    font-family: inherit;
    background: url(/img/nnnn.png) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-top: 1px solid #0000;
    border-left: 1px solid #0000;
    border-right: 1px solid #0000;
    border-bottom: 1px solid #5186d6;
    border-radius: 0px;
    color: #5186d6;
    font-size: 24px;
    line-height: 24px;
}
.half-image, .half-color {
    display: block;
    height: 66%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.space_narrow {
    position: absolute;
    left: 32%;
    display: flex;
    top: 41%;
    z-index: 9;
}
.gab_mobile {margin-top: 209px;}
}
.year_select {
    width: 248px;
    margin-right: 20px;
    float: right;
}
.year_select select {
    height: 51px;
    border: 2px solid #1d98dc;
    padding: 0 20px;
    border-radius: 41px;
    margin-right: 10px;
    font-size: 21px;
    color: #164da8;
    font-weight: 900;
    float: left;
    appearance: none;
    margin-bottom: 8px;
    width: 100%;
}
@media (max-width: 600px){
.year_select {
    width: 100%;
    margin-right: 5px;
    float: left;
}
.year_select select {
    height: 51px;
    border: 2px solid #1d98dc;
    padding: 0 20px;
    border-radius: 41px;
    margin-right: 10px;
    font-size: 21px;
    color: #164da8;
    font-weight: 900;
    float: left;
    appearance: none;
    margin-bottom: 8px;
    width: 100%;
}
}
.card-info {
  position: relative;
  width: 100%;
  z-index: 1;
}

.card-info > a {
  position: relative;
  height: 100%;
  width: 100%;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.card-info h2 {
  margin:10px 0;
  color:#000000;
  font-size:18px;
  line-height:22px;
  cursor: inherit;
}
.card-info p {
  font-size:13px;
  cursor: inherit;
}
.swiper-slide img {/* min-height: 350px; */}
@media (max-width: 600px){
.swiper-slide img {/* min-height: 426px; */}
#space {
    position: relative;
    display: block;
    width: 100%;
    height: 555px;
    background-color: #fff;
    z-index: 10;
    margin-bottom: 43px;
}
html, body {
    /* font-size: 13px; */
    line-height: 17px;
}
.sub-ly1 {
    margin-top: 0px;
    margin-bottom: 30px;
    /* display: flex; */
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
}
#center-space {
    position: relative;
    margin-top: 30% !important;
}
.sub-nav__share {
    margin-left: 10px;
}
.sub-nav__share a.active + .share-item {
    margin-left: -8px;
    opacity: 1;
    visibility: visible;
    max-height: 250px;
    margin-top: 7px;
}
.sub-nav__share .share-item {
    position: absolute;
    background: #f7f7f7;
    border: 1px solid #ccc;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
    margin-left: -8px;
}
}
@media (max-width: 1023px){
#center-space {
    position: relative;
    margin-top: 40%;

}
}
.main_vimg {min-height:350px;}

@media (max-width: 450px){
.main_vimg {
    min-height: 425px;
}
}

/*제목*/
article h2{font-size:1.6rem;color:#000;margin:30px 0 0;padding:10px 0;font-weight:500;position:relative;display:inline-block}
article h2:before{width:100%;height:15px;padding:0 10px;display:inline-block;position:absolute;left:-8px;top:50%;z-index:-1;content:"";}
article h2:first-of-type{margin:0;}
article h3{font-size:1.4rem;color:#b31912;padding:10px 0;margin:30px 0 0 0 ;font-weight:600;position:relative}
article h3:before{width:1rem;height:4px;background:#b31912;display:block;position:absolute;top:0;left:0;content:""}
article h4{font-size:1.2rem;color:#001d77;padding:0 0 10px;margin:21px 0 0 0;font-weight:500;}
article h4:after{width:2rem;height:1px;background:#123466;display:block;margin:10px 0 0;content:""}
article strong{font-weight:500;}
@charset "utf-8";

/*setting*/
section{min-width:320px;}
section em{font-style:normal}


/* 탭 */
.basic_tab{overflow:hidden;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;}
.basic_tab li{float:left;width:100%}
.basic_tab li a{display:block;padding:10px 40px 8px 10px;height:30px;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;font-size:1.1333rem;position:relative}
.basic_tab li a:after{background:url("/images/01_portal/common/icon_bullet.png") no-repeat -23px -115px;width:16px;height:16px;position:absolute;top:14px;right:20px;display:inline-block;content:""}
.basic_tab li a:hover,
.basic_tab li a:focus{background:#e1e1e1;}
.basic_tab li.on a{background:#b31912;color:#fff;}
.basic_tab li.on a:after{background-position:-23px -90px;}
.basic_tab li.on a:hover{background-color:#8b0a04;}

.basic_tab02{overflow:hidden;}
.basic_tab02 li{float:left;width:100%;box-sizing:border-box;padding:4px 10px 0 0;position:relative}
.basic_tab02 li a{display:block;padding:10px 30px 8px 10px;box-sizing:border-box;height:45px;font-size:1.1333rem;background:url("/images/01_portal/common/tab02.png") no-repeat right center;border-bottom:solid 1px #cbcbcb;}
.basic_tab02 li:before{background:url("/images/01_portal/common/icon_bullet.png") no-repeat 4px -116px #cbcbcb;width:18px;height:18px;position:absolute;top:14px;right:20px;display:inline-block;border-radius:50%; content:""}
.basic_tab02 li a:hover, .basic_tab02 li.on a, .basic_tab02 li.on a:hover{background:url("/images/01_portal/common/tab02_on.png") no-repeat right center;color:#8b0a04;border:1px solid #d7182a;}
.basic_tab02 li:hover:before, .basic_tab02 li.on:before{background-color:#ecaaa7}

.basic_tab03{border:1px solid #545a74;}
.basic_tab03 ul:after{display:block;clear:both;content:""}
.basic_tab03 li{width:100%;padding:6px 0;border-bottom:1px solid #545a74;background:#f9f9f9;box-sizing:border-box;float:left;position:relative}
.basic_tab03 li:last-of-type{border:0;}
.basic_tab03 a{padding:0 20px;color:#123466;font-size:1.2rem;font-weight:400;display:block;}
.basic_tab03 li.on{background:#383e56;}
.basic_tab03 li.on a{color:#fff;}

.tab-con{border:1px solid #d2d2d2;border-top:0;padding:20px}
.tab-con2{margin:10px 0 0;padding:20px}

.tab_new{}

@media all and (min-width:768px){
.basic_tab li{width:50%}

.basic_tab03{border-bottom:1px solid #545a74;border:0;}
.basic_tab03 li{background:0;}
.basic_tab03 li:last-of-type{border-bottom:1px solid #545a74;}
.basic_tab03 .col2 li{width:50%}
.basic_tab03 .col3 li{width:33.33%}
.basic_tab03 .col4 li{width:25%}
.basic_tab03 .col5 li{width:20%}
.basic_tab03 .col6 li{width:16.66%}
.basic_tab03 li:after{content:"/";color:#545a74;position:absolute;top:6px;right:-3px;z-index:1}
.basic_tab03 li:last-of-type:after, .sdept04 li.on:after{display:none}

}
@media all and (min-width:1024px){
.basic_tab li,
.basic_tab02 li{width:25%}
.basic_tab .col5 li,
.basic_tab02 .col5 li{width:20%}
.basic_tab .col3 li,
.basic_tab02 .col3 li{width:33.333%}
.basic_tab .col2 li,
.basic_tab02 .col2 li{width:50%}
}
/*
@media all and (min-width:768px){
.basic_stab{text-align: right;}
.basic_stab .form_sel{width:200px}
.basic_stab .form_sm{width:100px}
}
*/

/* 기본 컨텐츠 */
.basic_ul{margin:10px 0 0 10px;word-break:keep-all}
.basic_ul>li{line-height:1.84;padding:0 0 0 16px;margin:0 0 5px 0;position:relative}
.basic_ul>li:before{content:"\2666";color:red;position:absolute;top:5px;left:0;font-size:10px;}
.basic_ulli>ul{margin:10px 0}
.basic_ul>li>ul>li{padding:6px 0 0 14px;position:relative}
.basic_ul>li>ul>li:before{content:"\203A";font-size:2rem;color:#001d77;display:block;position:absolute;top:-10px;left:0;}
.basic_ul>li>ul>li>ul{padding:8px 0 0;}
.basic_ul>li>ul>li>ul>li{padding:0 0 4px 8px;border-left:1px dashed #ccc}
.basic_ul .li_none{background:none;padding:0;border:0;}
.li_none:before, .li_none:after{display:none !important}

.basic_ul02{}
.basic_ul02>li{padding:10px 0 20px}
.basic_ul02>li span{padding:10px;margin:0 0 10px;background:#123466;text-align:center;color:#fff;border-radius:10px;display:inline-block;box-sizing:border-box}
.basic_ul02 li li{padding:0 0 6px 16px;position:relative}
.basic_ul02 li li:before{content:"\203A";font-size:2rem;position:absolute;top:-12px;left:0;}
@media all and (min-width:768px){
.basic_ul02>li{padding:0 0 20px;position:relative}
.basic_ul02>li span{width:20%;margin:0;float:left}
.basic_ul02 ul{width:76%;margin:0 0 0 4%;display:inline-block}
.basic_ul02 li li{padding-bottom:0}
}

/*목록*/
.basic_dl{margin:0 0 0 10px}
.basic_dl strong{font-weight:600;}
.basic_dl dt{padding:0 0 5px 16px;margin:16px 0 0;font-size:1.2rem;font-weight:500;color:#b31912;border-bottom:1px dashed;position:relative;}
.basic_dl dt:before{content:"\203A";font-size:2rem;color:#b31912;display:block;position:absolute;top:-14px;left:0;}
.basic_dl dt:first-child{margin:0;}
.basic_dl dd{padding:10px 0 0 16px;line-height:1.84;}
.basic_dl ul>li{font-size:1rem;line-height:1.84;padding:0 0 4px 16px;position:relative}
.basic_dl ul>li:before{content:"\2666";color:red;position:absolute;top:0;left:0;font-size:10px;}
.basic_dl ul>li>ul{margin:10px 0}
.basic_dl ul>li>ul>li{padding:0 0 0 8px;margin:0;border-left:1px solid #ccc}
.basic_dl ul>li>ul>li:before{display:none}

.basic_p{font-size:1rem;line-height:1.9;margin:10px 0 10px 10px;}
mark{background:#fdefbf;vertical-align:baseline}
.msky{background:0;padding:0 10px;display:inline-block;position:relative}
.msky:after{background:#d2e5fe;width:100%;height:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-0%);content:"";z-index:-1}

/*번호*/
article .num{width:32px;line-height:32px;margin:0 20px 0 0;background:#002253;border-radius:50%;color:#fff;text-align:center;font-style:normal;display:inline-block;}
article .num2{width:32px;line-height:32px;margin:0 20px 0 0;background:#d3231a;border-radius:50%;color:#fff;text-align:center;font-style:normal;display:inline-block;}

/* 박스형 컨텐츠 - 기본*/
.basic_box{padding:5px;background:url("/images/01_portal/common/p_slash.png");border:1px solid #ccc;}
.basic_box>div{background:#fff;padding:20px}
.basic_box2{border: 2px dashed #0076c0;padding: 14px;background:#f9f9f9;line-height: 25px;}
.basic_box3{border:1px dashed #ddd;padding:20px}
/*응용*/
.notice_box{margin:20px 0 30px;padding:5px;background:url("/images/01_portal/common/p_slash.png");border:1px solid #ccc;word-break:keep-all}
.notice_box>div{padding:120px 1rem 1rem 1rem;background:#fff}
.notice_box .notice{background:url(/images/01_portal/common/icon_speaker.gif) no-repeat #fff center 20px;}
.notice_box .prohibition{background:url(/images/01_portal/contents/sub05/icon_prohibition.gif) no-repeat #fff center 20px}

@media all and (min-width:768px){
.basic_box>div{padding:30px}
.notice_box>div{padding:30px 30px 30px 160px;text-align:left;background-position:30px !important;}
}
.tit_box{margin:20px 0 30px;padding:5px;background:url("/images/01_portal/common/p_slash.png");border:1px solid #ccc;}
.tit_box>div{padding:120px 30px 30px 30px;background:#fff}
@media all and (min-width:768px){
.tit_box>div{padding:30px 30px 30px 160px;text-align:left;background-position:30px !important;}
}

@media all and (min-width:768px){
.vertical_box{position:relative}
.vertical_box>div{display:inline-block;vertical-align:top}
.vertical_box .wi10{width:calc(10% - 4px)}
.vertical_box .wi20{width:calc(20% - 4px)}
.vertical_box .wi30{width:calc(30% - 4px)}
.vertical_box .wi40{width:calc(40% - 4px)}
.vertical_box .wi50{width:calc(50% - 4px)}
.vertical_box .wi60{width:calc(60% - 4px)}
.vertical_box .wi70{width:calc(70% - 4px)}
.vertical_box .wi80{width:calc(80% - 4px)}
.vertical_box .wi90{width:calc(90% - 4px)}
}

/*정보형 컨텐츠*/
.info_txt{line-height:1.5em;padding: 0 0 0 30px;word-break:keep-all;position:relative}
.info_txt:before{background:url("/images/01_portal/common/icon_bullet.png") no-repeat 0 -52px;width:22px;height:22px;position:absolute;top:0;left:0;content:""}

/* 테이블 */
/*.over_info{position:sticky;top:0;left:0;}*/
.over_info:before{width:30px;height:35px;margin:0 20px 0 0;background:url(/images/01_portal/common/icon_bullet.png) no-repeat -101px -112px;display:inline-block;content:"";vertical-align:middle}
.over_table{overflow-x:auto}
.over_table .basic_table{min-width:800px;}
.basic_table{width:100%;margin:10px 0;border-top:3px solid #123466}
.basic_table th, .basic_table td{text-align:center;padding:10px;border:1px solid #d2d2d2;border-top:none;vertical-align:middle;line-height:1.5em}
.basic_table thead th{background:#f7f7f7;color:#333;font-weight:400;}
.basic_table tbody th{background:#f3f8fb;color:#444;font-weight:400;}
.basic_table tbody td{color:#555;word-break:keep-all}
.basic_table tbody td li{text-align:left}
.basic_table tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}
.basic_table .point_bg, .basic_table .point_bg th{background:#fdefbf}
.basic_table td>ul{margin:0 0 0 10px}
.basic_table td>ul>li{line-height:1.6;padding:0 0 0 16px;margin:0 0 5px 0;position:relative}
.basic_table td>ul>li:before{content:"\2666";color:red;position:absolute;top:5px;left:0;font-size:10px;}
.basic_table td>ulli>ul{margin:10px 0}
.basic_table td>ul>li>ul>li{padding:6px 0 0 14px;position:relative}
.basic_table td>ul>li>ul>li:before{content:"\203A";font-size:2rem;color:#001d77;display:block;position:absolute;top:-7px;left:0;}
.basic_table td>ul>li>ul>li>ul{margin:6px 0 0;}
.basic_table td>ul>li>ul>li>ul>li{padding:0 0 4px 8px;border-left:1px solid #ccc}
.basic_table td>ul .li_none{background:none;padding:0;}
.table_left td{text-align:left}
.basic_table.txt_left tbody td{text-align:left;}

.basic_table_s{width:100%;margin:10px 0;border-top:3px solid #123466}
.basic_table_s th, .basic_table_s td{text-align:center;padding:5px 10px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;line-height:1.5em}
.basic_table_s thead th{background:#f7f7f7;color:#333;font-size:14px}
.basic_table_s tbody th{background:#f3f8fb;color:#444;font-size:14px}
.basic_table_s tbody td{color:#555;font-size:12px}
.basic_table_s tbody td li{padding:0 0 0 12px;margin:0 0 5px 0;background:url("/images/01_portal/common/li01.png") no-repeat 0 7px;text-align:left}
.basic_table_s tbody td li ul{margin:7px 0}
.basic_table_s tbody td li li{padding:0 0 0 10px;background:url("/images/01_portal/common/li02.gif") no-repeat 0 7px}
.basic_table_s tbody td li li li{padding:0 0 0 12px;background:url("/images/01_portal/common/li03.gif") no-repeat 0 7px}
.basic_table_s tbody td table{border-top:1px solid #323a47}
.basic_table_s tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}
@media all and (min-width:1024px){
.over_info,.over_info:before{display:none;}
}

/* 버튼 스타일 */
.basic_btn{text-align:center;margin:20px 0}
.basic_btn a{display:inline-block;background:#0052ca;border-radius:100px;color:#fff;text-align:left;font-size:16px;margin:0 5px 10px 5px;position:relative;overflow:hidden}
.basic_btn a:after{background:url("/images/01_portal/common/icon_bullet.png") #123466;width:32px;height:32px;border-radius:50%;border:10px solid #123466;display:inline-block;vertical-align:middle;position:absolute;top:50%;right:0;transform:translate(0, -50%);content:""}
.basic_btn a:focus,.basic_btn a:hover{background:#123466;text-decoration:underline}
.basic_btn a:focus span,.basic_btn a:hover span{text-decoration:underline;}
.basic_btn span{display:inline-block;padding:14px 60px 14px 30px}
.btn_new:after{background-position:-93px -46px !important}
.btn_go:after{background-position:-93px -21px !important}
.btn_down:after{background-position:-91px 4px !important}

a[class^="sbtn_"]{line-height:1.5;padding:4px 46px 4px 14px;border: 1px solid;display:inline-block;background:#fff;color:#083f90;font-size:1rem;position:relative}
a[class^="sbtn_"]:after{width:32px;height:32px;margin:0 0 0 20px;display:inline-block;background:url("/images/01_portal/common/icon_bullet.png") no-repeat #0052ca;vertical-align:middle;content:"";position:absolute;top:-1px;right:0;}
a[class^="sbtn_"] span{vertical-align:top}
a[class^="sbtn_"]:hover{border:1px solid;border-radius:20px 0 0 0;background-color:#0052ca;color:#fff;overflow:hidden}
a[class^="sbtn_"]:hover:after{background-color:#083f90}
.sbtn_new:after{background-position:12px -18px !important}
.sbtn_go:after{background-position:-38px -19px !important}
.sbtn_down:after{background-position:10px 8px !important}

/* 링크연결 컨텐츠 */
.link_box{padding:50px 0;border-top:1px solid #323a47;border-bottom:1px solid #e6e6e6;text-align:center;}
.link_box dt{color:#363636;font-size:24px;font-weight:600;margin:30px 0 0 0}
.link_box dd{margin:15px 0 0 0;line-height:1.5em}
.link_box dd strong{font-weight:500;}
.link_box dd a{display:inline-block;background:#0052ca;border-radius:30px;color:#fff;text-align:left;font-size:16px;margin:0 5px 10px 5px;padding:0 0px 0 0}
.link_box dd a:after{background:url("/images/01_portal/common/icon_bullet.png") -93px -21px #123466;;width:32px;height:32px;border:10px solid #123466;;border-radius:50%;display:inline-block;vertical-align:middle;content:""}
.link_box dd a:hover{background:#123466;}
.link_box dd a span{display:inline-block;padding:10px 20px;}
@media all and (min-width:768px){
.link_box{padding:50px 30px;background:#f9f9fb;overflow:hidden;text-align:left;}
.link_box p{float:left;width:45%;}
.link_box p img{width:90%;max-width:268px}
.link_box dl{float:left;width:55%}
.link_box dt{font-size:1.6rem;margin:0;}
}
@media all and (min-width:1024px){
.link_box{padding:50px;}
}

/*링크연결 컨텐츠 - 단*/
.link_box2{padding:50px 0;border-top:1px solid #323a47;border-bottom:1px solid #e6e6e6;text-align:center;}
.link_box2 dt{color:#363636;font-size:24px;font-weight:600;margin:30px 0 0 0}
.link_box2 dd{margin:15px 0 0 0;line-height:1.5em}
.link_box2 dd strong{font-weight:500;}
.link_box2 dd a{display:inline-block;background:#0052ca;border-radius:30px;color:#fff;text-align:left;font-size:16px;margin:0 5px 10px 5px;padding:0 0px 0 0}
.link_box2 dd a:after{background:url("/images/01_portal/common/icon_bullet.png") -93px -21px #123466;;width:32px;height:32px;border:10px solid #123466;;border-radius:50%;display:inline-block;vertical-align:middle;content:""}
.link_box2 dd a:hover{background:#123466;}
.link_box2 dd a span{display:inline-block;padding:10px 20px;}
@media all and (min-width:768px){
.link_box2{padding:50px 30px;background:#f9f9fb;overflow:hidden;text-align:left;}
.link_box2 li{width:50%;float:left;}
.link_box2 p{text-align:center}
.link_box2 dl{padding:20px;}
.link_box2 dt{font-size:1.6rem;margin:0;text-align:center;}
.link_box2 dd:last-of-type{text-align:center;}
}

.link_ul li{padding:0 0 10px;}
.link_ul a{text-align:center;display:block;}
.link_ul img{max-width:100%;}
@media all and (min-width:768px){
.link_ul:after{display:block;clear: both;content: ""}
.link_ul li{width:calc(25% - 4px);margin:0 2px;float:left;}
}
@media all and (min-width:1024px){
.link_ul li{width:calc(25% - 4px)}
.link_ul.col4 li{width:calc(25% - 4px)}
}



.txt_link{padding:0 6px;color:#223e99;text-decoration:underline;vertical-align:baseline}
.txt_link:after{width:14px;height:14px;background:url("/images/01_portal/common/icon_bullet.png") -21px -27px;display:inline-block;content:""}
.txt_link:hover,.txt_link:focus{color:#b31912;text-decoration:underline}

/* 모바일 이미지 확대보기 */
.big_img{border:1px solid #e1e1e1;position:relative;padding:20px;margin:5px 0;text-align:center}
.big_img.noline{border:0}
.big_img.nopad{padding:0}
.big_img img{max-width:100%;}
.big_img a{position:absolute;bottom:0;right:0;display:block;background:url("/images/01_portal/bbs/icon_bbs.png") no-repeat -270px 10px #223e99;color:#fff;padding:10px 10px 10px 40px;border-radius:15px 0 0}
.big_img.bi_cap span{color:#333;text-decoration:underline;display:block;}
/*.comment{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000%;top:-5000%;}*/
@media all and (min-width:1024px){
.big_img a{display:none}
.big_img a.big_on{display:inline-block}
}

/*이미지박스 - 기본*/
.img_box{padding:20px;border:1px solid #d7d7d7;box-sizing:border-box;text-align:center;}
.img_box img{max-width:100%;}
.img_box.noline{border:0;}
.w100 img{width:100% !important;}
.img_scroll{overflow-x:auto;box-sizing:border-box}
.img_scroll img{width:auto;max-width:none;}
img.mw100{max-width:100%}
/*
@media all and (min-width:768px){
.basic_box .img{overflow:hidden}
.basic_box .img span{text-align:left;margin:0 3% 0 0;float:left;width:15%}
.basic_box .img span img{width:100%}
.basic_box .img dl, .basic_box .img ul, .basic_box .img p{float:left;width:82%}
}
*/

/* 기본절차도 */
.basic_step li{padding:15px 0 0 0;margin:0 0 60px;font-size:16px;text-align:center;line-height:1.5em;position:relative}
.basic_step li:before{width:30px;height:30px;background:url("/images/01_portal/common/icon_bullet.png") -43px -83px #223e99;border-radius:50%;display:block;margin:10px auto;position:absolute;bottom:-50px;right:50%;transform:translate(50%, -0%);content:"";}
.basic_step li:last-of-type:before{display:none;}
.basic_step li strong{display:block;background:#223e99;color:#fff;padding:16px 15px;word-break:keep-all}
.basic_step li span{display:block;border:1px dotted #c2c2c2;padding:15px;background:#f4f6fb;word-break:keep-all}
.basic_step li em{font-size:.9333rem;display:block;}
@media all and (min-width:1024px) {
.basic_step ol{overflow:hidden}
.basic_step li{display:inline-block;padding:0;margin: 0 0 10px 50px;vertical-align:top;}
.basic_step li:before{top:5px;bottom:auto;right:calc(100% + 10px);transform:rotate(-90deg);}
.basic_step li:first-child{margin:0 0 10px 20px;}
.basic_step li:first-of-type:before{display:none}
.basic_step li:last-of-type:before{display:block;}
.basic_step .col2 li{width:calc(50% - 56px)}
.basic_step .col3 li{width:calc(33.33% - 56px)}
.basic_step .col4 li{width:calc(25% - 56px);}
.basic_step .col5 li{width:calc(20% - 56px)}
}

.basic_step2 dl{margin:0 0 60px;position:relative;}
.basic_step2 dl:after{width:30px;height:30px;background:url("/images/01_portal/common/icon_bullet.png") -43px -83px #223e99;border-radius:50%;display:block;margin:10px auto;position:absolute;bottom:-50px;left:50%;transform:translate(-50%, 0);content:"";}
.basic_step2 dl:last-of-type:after{display:none}
.basic_step2 .title{padding:20px;background:#223e99;color:#fff;text-align:center;line-height:19px;box-sizing:border-box;}
.basic_step2 .title i{font-style:normal}
.basic_step2 .text{display:block;border:1px dotted #c2c2c2;padding:20px;background:#f4f6fb;box-sizing:border-box;}
.basic_step2 .text strong{vertical-align:middle}
@media all and (min-width:1023px) {
.basic_step2 dl{padding:0 0 0 20%;}
.basic_step2 .title{width:20%;position:absolute;top:0;left:0;bottom:0;}
.basic_step2 .title i{position:absolute;top:0;left:0;display:block;width:100%;height:100%;margin:0;text-align:center;font-style:normal}
.basic_step2 .title i:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}
.basic_step2 .title i span{display:inline-block;vertical-align:middle;}
.basic_step2 .line5 dd{min-height: 130px;}
.login_top {display:none;}
} 

.basic_step3 li{margin:0 0 60px;position:relative;background:#223e99;}
.basic_step3 li:after{width:30px;height:30px;background:url("/images/01_portal/common/icon_bullet.png") -43px -83px #223e99;border-radius:50%;display:block;margin:10px auto;position:absolute;bottom:-50px;left:50%;transform:translate(-50%, 0);content:"";}
.basic_step3 li:last-of-type:after{display:none}
.basic_step3 .title span{padding:20px;color:#fff;text-align:center;box-sizing:border-box;display:block;}
.basic_step3 .text{display:block;border:1px dotted #c2c2c2;padding:20px;text-align:center;background:#f4f6fb;box-sizing:border-box;}
@media all and (min-width:1024px){
.basic_step3 li{padding:0 0 0 50%;min-height:62px;}
.basic_step3 li:after{left:25%;}
.basic_step3 .title span{width:50%;position:absolute;top:50%;left:0;transform:translate(0,-50%)}
.basic_step3 .col2{background:0;}
.basic_step3 .col2 span{background:#223e99;}
} 
/*지도*/
.map_area{border:1px solid #ccc}
.map_area img{width:100%}

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color:#d7182a !important;vertical-align:baseline;}
.fc_blue{color:#0353c8 !important;vertical-align:baseline;}
.fc_green{color:#03646a !important;vertical-align:baseline;}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}

/* 기본 마진 : 상황에 따라 추가 가능 */
.m0{margin:0px !important}
.m4{margin:4px !important}
.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mt0{margin-top:0px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt40{margin-top:40px !important}
.mt30{margin-top:30px !important}
.mt50{margin-top:50px !important}
.mb0{margin-bottom:0 !important}
.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}

/* 기본 패딩 : 상황에 따라 추가 가능 */
.p0{padding:0 !important;}
.p10{padding:10px !important;}
.p20{padding:20px !important;}
.pb0{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:10px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}

/* 배경 없앰 */
.bg_none{background:none !important;}

.va_top{vertical-align:top !important;}

/* 컨텐츠 float */
.f_left{float:left;}
.f_right{float:right;}

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
.txt_left{text-align:left !important}



/*서브사이트맵*/
.sitemap_sub>div{margin:0 0 20px;position:relative;}
.sitemap_sub>div:before{width:10px;height:10px;position:absolute;top:-3px;left:-3px;border-top:5px solid;border-left:5px solid;display:block;content:"";z-index:1;}
.sitemap_sub h2{padding:20px;border:3px dotted;text-align:center;display:block;}
.sitemap_sub h2:before{display:none;}
.sitemap_sub h2:after{width:10px;height:10px;position:absolute;bottom:-3px;right:-3px;border-bottom:5px solid;border-right:5px solid;display:block;content:"";z-index:1;}
.sitemap_sub a{display:block;}
.sitemap_sub .sm-dept-2{margin:14px 0 0;position:relative}
.sitemap_sub .sm-dept-2>li>a{padding:10px 10px 10px 20px;font-size:1.1633rem;font-weight:500;position:relative;}
.sitemap_sub .sm-dept-2>li>a:before{width:20px;height:20px;display:inline-block;background:url(/images/01_portal/common/icon_bullet.png) -100px 0 / 160px ;vertical-align:middle;content:""}
.sitemap_sub .sm-dept-3{padding:0 20px;}
.sitemap_sub .sm-dept-3>li{padding:0 0 0 10px;}
.sitemap_sub .sm-dept-3>li>a{padding:4px 10px 4px 16px;position:relative}
.sitemap_sub .sm-dept-3>li>a:before{content:"\2666";font-size:4px;position:absolute;top:6px;left:0;}

@media all and (min-width:768px){
.sitemap_sub>div{padding:0 0 0 250px;}
.sitemap_sub h2{width:250px;height:100%;font-weight:600;padding:0;border-width:2px;border-right:0;box-sizing:border-box;position:absolute;top:0;left:0;}
.sitemap_sub h2 em{position:absolute;top:50%;width:100%;left:0;transform:translate(0, -50%)}
.sitemap_sub .sm-dept-2{margin:0;padding:10px 0;border:1px solid;}
.sitemap_sub .sm-dept-2>li{display:inline-block;vertical-align:top;box-sizing:border-box}
.sitemap_sub .sm-dept-2>li>a{padding:20px;}
.sitemap_sub .sm-dept-2 a:hover,.sitemap .sm-dept-2 a:focus{text-decoration:underline}
.login_top {display:none;}
.login_top_m {display:block;}
} 


/* ************************* E : common style************************** */     
.gabbb {
    margin-top: 0px;
}
.login_top {display:block;text-align:right; padding:10px 0px;}   
.login_top_m {display:none;}

@media all and (max-width:768px){
.login_top {display:none;}
.login_top_m {display:block;position: absolute;color:#fff;}
}
@media all and (max-width:1023px) {
.login_top {display:none;}
}


/*********** List *************/
.bbs_con {width:100%; border-collapse:separate; border-spacing:0;}
.bbs_con th {color:#fff; background:#3c434c; box-sizing:border-box; font-weight:400; text-align:center; padding:20px 0; line-height:160%; font-size:1rem;}
.bbs_con td {padding:20px 0; text-align:center; border-bottom:1px solid #ddd; }
.bbs_con th:last-child, .bbs_con td:last-child{border-right:none;}
.bbs_con .mo_line{display:none}
.bbs_con td img{display:inline-block; margin:0 3px 2px 3px; vertical-align:middle; }
.bbs_con td.left {text-align:left; padding:20px 15px;}

.prd_tit ul{position:relative; overflow:hidden}
.prd_tit li{float:left;}
.prd_tit li.tit{padding:0 0 0 13px}
.prd_tit li.tit span a{display:inline-block; color:#888; font-size:0.9222rem; padding:2px 0 0 0;}

/* page_num */
.page_num{}

/* 페이지 넘버 */
.page_number_on{font-weight:700; float:left; line-height:12px; padding-top:4px; width:24px; height:20px; text-align:center; margin:0 2px; background:#646b74; color:#fff;}
.page_number{border:1px solid #ddd; font-weight:700; line-height:12px; padding-top:4px; width:24px; height:20px; float:left; text-align:center; margin:0 2px;}

@media all and (max-width:980px){




/*********** List *************/
.bbs_con {}
.bbs_con th {padding:15px 0;}
.bbs_con td {padding:15px 0;}
.bbs_con td.left {padding:15px 10px;}
}

@media all and (max-width:680px){
/*********** List *************/
.bbs_con {border-top:2px solid #3c434c;}
.bbs_con th {display:none}
.bbs_con td {padding:15px 0; border-right:none;}
.bbs_con td.left{padding:13px 3px;}
.bbs_con .pc_line{display:none}
.bbs_con .mo_line{display:block}
}

.mem_tit2 {margin-top:30px;}
.sns_login {width:500px; margin:50px auto;}
.sns_login a{display:block; width:100%; margin-bottom:4px; line-height:55px; font-size:15px; font-weight:400; letter-spacing:-0.5pt; color:#fff; text-align:center; box-sizing:border-box}

.sns_login a.kakao{background:#f8e910 url('/images/join_kakao.gif') 22px 19px no-repeat; color:#493433}
.sns_login a.kakao:hover{background:#e5d600 url('/images/join_kakao.gif') 22px 19px no-repeat; color:#493433}
.sns_login a.naver{background:#2db400 url('/images/join_naver.gif') 22px 19px no-repeat;}
.sns_login a.naver:hover{background:#28a000 url('/images/join_naver.gif') 22px 19px no-repeat;}
.sns_login a.google{background:#fff url('/images/join_google.gif') 22px 19px no-repeat; color:#666; border:1px solid #ddd}
.sns_login a.google:hover{background:#f9f9f9 url('/images/join_google.gif') 22px 19px no-repeat;}

@media all and (max-width:680px){
.left_banner_add {
    margin-right: 0;
    width: 100%;
    float: left;
}
.left_banner03 {
    width: 47%;
    margin-right: 3%;
    float: left;
    margin-bottom: 20px;
    background-color: #f2f2f2;
    border: 1px solid #2959af;
    box-shadow: 2px 4px 6px hsl(0deg 0% 0% / 18%);
    color: #0054a9;
    height: 180px;
    padding: 10px;
    border-radius: 15px;
    overflow: hidden;
}
.bell_txt {
    width: calc(100% - 87px);
    float: left;
    margin-left: 5px;
    font-size: 25px;
    line-height: 25px;
    padding-top: 16px;
    font-family: 'GmarketSansBold';
}
.sns_login {
    width: 350px;
    margin: 50px auto;
}
}

 .banner-box {
        position: relative;
    }
    .swiper-slide img {
        width: 100%;
    }
    .control-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(255, 255, 255, 0.7);
        padding: 10px;
        border-radius: 50%;
        cursor: pointer;
        font-size: 20px;
        color: #555;
        z-index: 100;
    }
    .play-btn {
        right: 10px;
    }
    .pause-btn {
        right: 50px;
    }

.addpage_container {
            width: 100%;
            margin: 0 auto;
            padding: 20px;
            background-color: #ffffff;
            text-align: left;
        }

        .addpage_title {
            color: #0074B7;
            font-size: 40px;
            margin-bottom: -6px;
            border-bottom: 9px solid #0074b7;
            padding: 15px 15px 5px 15px;
            line-height: 21px;
            width: 65%;
        }
		.addpage_title2 {
            color: #0074B7;
            font-size: 25px;
            margin-bottom: -6px;
            border-bottom: 9px solid #0074b7;
            padding: 15px 15px 5px 15px;
            line-height: 21px;
            width: 65%;
        }

        .addpage_subtitle {
            color: #333333;
            font-size: 16px;
            margin-bottom: 20px;
            border: 1px solid #0074b7;
            padding: 20px;
            border-radius: 0px 15px 15px 15px;
        }

        .addpage_list {
            list-style-type: none;
            padding-left: 0;
            margin-bottom: 20px;
            line-height: 1.8;
        }

        .addpage_list > li {
            margin-bottom: 15px;
        }

        .addpage_list > li > span {
            font-weight: bold;
            font-size: 18px;
            color: #0056a6;
            display: inline-block;
            margin-bottom: 5px;
        }

        .addpage_sublist {
            list-style-type: disc;
            padding-left: 20px;
            margin-top: 5px;
        }

        .addpage_list li::before {
            content: '■';
            color: #0056a6;
            font-weight: bold;
            display: inline-block;
            width: 1em;
        }

        .addpage_sublist li::before {
            content: '•';
            color: #555555;
            display: inline-block;
            width: 1em;
        }

        .addpage_table-container {
            overflow-x: auto;
            margin-bottom: 20px;
        }

        .addpage_custom-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }

        .addpage_custom-table th, .addpage_custom-table td {
            border: 1px solid #dddddd;
            padding: 10px;
            text-align: left;
            font-size: 0.9em;
        }

        .addpage_custom-table th {
            text-align: center;
            font-size: 1em;
            color: white;
            width: 150px;
        }

        .addpage_th.orange {
            background-color: #2196f3;
        }

        .addpage_th.pink {
            background-color: #3f51b5;
        }

        .addpage_th.green {
            background-color: #009688;
        }

        .addpage_custom-table td {
            background-color: #ffffff;
        }

        .addpage_custom-table td:first-child {
            text-align: center;
            font-weight: bold;
        }

        .addpage_custom-table td:nth-child(2) {
            text-align: center;
        }

        @media (max-width: 768px) {
            .addpage_container {
                width: 95%;
                padding: 10px;
            }
        }

        @media (max-width: 480px) {
            .addpage_table-container {
                overflow-x: auto;
            }

            .addpage_custom-table {
                width: 800px;
                /* Set a minimum width for the table */
            }
			.addpage_title {
            color: #0074B7;
            font-size: 18px;
            margin-bottom: -6px;
            border-bottom: 9px solid #0074b7;
            padding: 15px 15px 5px 15px;
            line-height: 21px;
            width: 65%;
        }
		.addpage_title2 {
            color: #0074B7;
            font-size: 18px;
            margin-bottom: -6px;
            border-bottom: 9px solid #0074b7;
            padding: 15px 15px 5px 15px;
            line-height: 21px;
            width: 65%;
        }
        }



.schedule-container {
            width: 100%;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th, td {
            padding: 8px 12px;
            border: 1px solid #ddd;
            text-align: center;
        }

        th {
            background-color: #f4f4f4;
        }

        td {
            white-space: nowrap;
            line-height: 25px;
        }

        /* 기본 스크롤 스타일 */
        ::-webkit-scrollbar {
            height: 8px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #888;
            border-radius: 10px;
        }

        ::-webkit-scrollbar-track {
            background-color: #f4f4f4;
        }

        /* 모바일 뷰에서만 스크롤을 활성화 */
        @media (max-width: 768px) {
            .schedule-container {
                overflow-x: auto;
            }

            table {
                min-width: 100%; /* 테이블이 작아지지 않고 가로로 스크롤되게 설정 */
            }
        }

        /* 중요한 행 강조 (예: 기념식) */
        tr.time-1930 {
            background-color: #ffeb3b;
        }

/*20240919퀵메뉴추가*/
/*** Quick PC ***/
	#rquick{position:fixed;width: 68px;top:72px;right:0;text-align:center;z-index:999999;background-color:#fff;height: auto;box-shadow:rgba(0,0,0,.11) -5px 0 8px;transition: all 0.3s;min-height: 380px;}
	#rquick.close{right: -68px;transition: all 0.3s;}
	#rquick .quick_btn {}
	#rquick .quick_in {}
	#rquick dl{background-color:#fff;}
	#rquick dl:last-of-type {position:absolute;top: 0;left:0;width:100%;}
	#rquick dl:last-of-type dt {margin:0 0 15px;}
	#rquick dt{color:#fff;font-size:.9rem;background: #0098a3;}
	#rquick dt p.tit{font-family: 'Montserrat', sans-serif; letter-spacing:0; line-height:100%; font-weight:bold; line-height:40px; display:block; height:40px;}

	#rquick dd {margin:0 10px;}
	#rquick dd a{display:block; color:#666; font-size:14px; font-weight:400; letter-spacing:-0.5pt; padding:68px 0 15px 0; background-repeat:no-repeat; background-position:center 20px; transition: all 0.3s; border-bottom:1px solid #ddd; font-weight:400;}
	#rquick dd.one a{background-image:url('/img/quick01.png'); }
	#rquick dd.two a{background-image:url('/img/quick02.png');}
	#rquick dd.three a{background-image:url('/img/quick03.png');}
	#rquick dd.four a{background-image:url('/img/quick04.png'); padding:70px 0 0 0; color:#434343; font-weight:bold; border-bottom:0; font-size:15px; letter-spacing:-0.3pt; line-height:1.4;}
	#rquick dd.five a{position:relative;padding:30px 0 0 8px;color:#434343;font-weight:bold;border-bottom:0;font-size: 12px;letter-spacing:0;}
	#rquick dd.five a:after {content:'';width: 9px;height: 5px;background:url('/img/arrow_b.png')no-repeat center;position:absolute;top: 34px;left: 5px;}
	
	#rquick dd.sns a {padding: 7px 0;border-bottom:0;}
	/* #rquick dd.six a{background-image:url('/img/q_sns01.png');}
	#rquick dd.seven a{background-image:url('/img/q_sns02.png');}
	#rquick dd.eight a{background-image:url('/img/q_sns03.png');}
	#rquick dd.nine a{background-image:url('/img/q_sns04.png');}
	#rquick dd.ten a{background-image:url('/img/q_sns05.png');} */
	
	

	#rquick .quick_btn {position: absolute; top:80px; left:-37px; width:37px;  height: 74px; text-align:center; border-radius:100px  0 0 100px;
	background:#fff; z-index:9; cursor:pointer; box-shadow:rgba(0,0,0,.11) -5px 0 8px;}
	#rquick .quick_btn i{position:absolute; display:inline-block; width:12px; height:20px; background:url('/img/arrow_next_g.png') center no-repeat; transition: all 0.3s; top:50%; transform:translate(-50%,-50%); background-size:9px; left:60%;}
	#rquick .quick_btn.close i{background:url('/img/arrow_prev_g.png') center no-repeat; transition: all 0.3s; background-size:9px;}

	/*** Quick PC ***/

/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

/*** Quick PC ***/
	#rquick{ min-width:320px; position:fixed; top:auto; bottom:0; width:100%; height:90px; box-shadow:rgba(0,0,0,.15) -15px 15px 20px 15px;  transition: all 0.3s;  min-height:auto;}
	#rquick.close{right:0; transition: all 0.3s; bottom:-90px;}
	#rquick .quick_in {padding:0; border-top:2px solid var(--mainColor); box-sizing:border-box;}
	#rquick dt{display:none;}


	#rquick dl {overflow:hidden;}
	#rquick dd {width: 20%;float:left;border-right:1px solid #ddd;box-sizing:border-box;margin:0}
	#rquick dd a{display:block; color:#666; font-size:13px; letter-spacing:-0.5pt; padding:60px 0 10px ; background-repeat:no-repeat; background-position:center 15px; transition: all 0.3s; border-bottom:0; font-weight:400; background-size:35px;}
	#rquick dd.four a{padding:60px 0 0 0; font-weight:bold; border-bottom:0; font-size:13px; line-height:1.4;}
	#rquick dd.four br {display:none;}
	#rquick dd.five {display:none;}
	#rquick dd.five a{position:relative; padding:20px 0 0 5px; color:var(--mainColor); font-weight:bold; border-bottom:0; font-size:13px; letter-spacing:0;}
	#rquick dd.five a:after {content:''; width:11px; height:7px; background:url('/img/arrow_b.jpg')no-repeat center; position:absolute; top:25px; left:20px;}

	#rquick .quick_btn {position: absolute; top:-35px; left:50%; transform:translateX(-50%); width: 70px;  height: 35px; text-align:center; border-radius:100px  100px 0 0;
	background:var(--mainColor); z-index:9; cursor:pointer; box-shadow:rgba(0,0,0,.11) 0 -6px 10px;}
	#rquick .quick_btn i{position:absolute;display:inline-block;width:10px;height:12px;background:url('/img/arrow_down.png') center no-repeat;transition: all 0.3s;top:60%;0%; */transform:translate(-50%,-50%);background-size:100%;left:50%;}
	#rquick .quick_btn.close i{background:url('/img/arrow_up.png') center no-repeat; transition: all 0.3s; background-size:100%;}
	#rquick .sns{/* display:none; */}
	}

/*******************************************************************************
	@media ~420px
*******************************************************************************/
@media all and (max-width:420px){
	
	#rquick dd.four a {padding:50px 0 0 0; font-size:12px; line-height:1.2; background-size:30px;}
	#rquick dd.four br {display:block;}


}
	/*** Quick PC ***/

/* ── 컨테이너 기본 설정 ── */
.goal_container {
  padding: 40px 20px;
  background: #f9f9f9;
}

/* ── 그리드 레이아웃: 상단 비전, 하단 2개 ── */
.goal_section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 40px;
  max-width: 900px;
  margin: 0 auto;
  align-items: start;
}

/* 첫 번째 아이템(비전)을 전체 가로 폭에 걸치기 */
.goal_section .goal_item:nth-child(1) {
  grid-column: 1 / -1;
}

/* ── 아이템 내부 세로 중앙 정렬 ── */
.goal_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* ── 동그라미 아이콘 ── */
.goal_icon {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #fff;
  margin-bottom: 16px;
  flex-direction:column;
  line-height:36px;
}

/* 아이콘 배경색 */
.goal_icon.blue {
  background-color: #3498db;
}
.goal_icon.black {
  background-color: #333;
}

/* ── 아이콘 아래 한 줄 제목 ── */
.goal_title {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 12px;
}

/* ── 본문 텍스트 ── */
.goal_header,
.goal_description {
  font-size: 1rem;
  line-height: 1.6;
  color: #444;
  max-width: 500px;
}

/* ── 강조 텍스트 ── */
.goal_description span {
  color: #3498db;
  font-weight: 600;
}

/* ── 반응형: 모바일에서는 1열 ── */
@media (max-width: 767px) {
  .goal_section {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .goal_section .goal_item:nth-child(1) {
    grid-column: 1;
  }
}
:root{
      --blue:#0b4aa2;
      --dark:#1f2328;

      /* 세련 톤(미세 변경) */
      --line:#d7dee7;
      --bg:#f5f7fa;
      --box:#ffffff;
      --box-border:#e6ebf1;
      --text:#1f2328;
      --muted:#5b6673;

      --shadow: 0 10px 24px rgba(15, 23, 42, .06);
      --shadow-soft: 0 6px 16px rgba(15, 23, 42, .05);

      --icon-size:92px;
      --gap:24px;
      --max:1120px;
      --radius:10px; /* 박스만 살짝 둥글게 */
    }

  .wrap{
      max-width:100%;
      margin:0 auto;
      padding:0 20px 28px;
    }

    /* 상단 타이틀 바: 아주 미세한 그라데이션 + 얇은 보더 */
    .titlebar{
      background: linear-gradient(180deg, var(--bg), #ffffff);
      padding:22px 14px;
      margin:0 -20px 22px;
      text-align:center;
      border-bottom:1px solid #e9eef5;
    }
    .titlebar .title{
      margin:0;
      font-weight:850;
      letter-spacing:-0.03em;
      color:var(--blue);
      font-size:22px;
    }

    .policy{
      display:flex;
      flex-direction:column;
      gap:22px;
      padding-bottom:6px;
    }

    .row{
      display:grid;
      grid-template-columns: calc(var(--icon-size) + var(--gap)) 1fr;
      align-items:center;
      column-gap:var(--gap);
      position:relative;
      min-height:var(--icon-size);
    }

    .left{
      position:relative;
      height:var(--icon-size);
      display:flex;
      align-items:center;
      justify-content:flex-start;
      z-index:2;
    }

    /* 아이콘 원: 미세한 하이라이트/그림자 */
    .badge{
      width:var(--icon-size);
      height:var(--icon-size);
      border-radius:999px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      position:relative;
      flex:0 0 auto;
      box-shadow: var(--shadow-soft);
      overflow:hidden;
    }
    .badge::before{
      content:"";
      position:absolute;
      inset:0;
      background: radial-gradient(120% 120% at 25% 15%, rgba(255,255,255,.22), rgba(255,255,255,0) 55%);
      pointer-events:none;
    }

    .badge.is-blue{ background:var(--blue); }
    .badge.is-dark{ background:var(--dark); }

    .badge-inner{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:6px;
      transform: translateY(-1px);
      user-select:none;
      position:relative;
      z-index:1;
    }

    /* 아이콘 SVG: 조금 더 정교하게(라인/두께) */
    .badge svg{
      width:28px;
      height:28px;
      display:block;
      fill:none;
      stroke:#fff;
      stroke-width:1.9;
      stroke-linecap:round;
      stroke-linejoin:round;
      opacity:.98;
    }
    .badge .label{
      font-weight:850;
      font-size:14px;
      letter-spacing:-0.02em;
      text-shadow: 0 1px 0 rgba(0,0,0,.08);
    }

    /* 라인: 얇고 톤 다운 + 미세 그라데이션 */
    .row::after{
      content:"";
      position:absolute;
      left: calc(var(--icon-size) + 8px);
      right: 0;
      top:50%;
      transform:translateY(-50%);
      height:2px;
      background: linear-gradient(90deg, var(--line), rgba(215,222,231,0));
      z-index:0;
    }

    /* 우측 박스: 테두리 톤 정리 + 그림자 + 타이포 개선 */
    .content{
      position:relative;
      z-index:1;
      background:var(--box);
      border:1px solid var(--box-border);
      border-radius:var(--radius);
      padding:18px 20px;
      text-align:center;
      line-height:1.7;
      font-size:14px;
      color:#2a333d;
      box-shadow: var(--shadow);
    }

    /* 박스 왼쪽에 얇은 포인트 스트립(아주 미세하게 “고급” 느낌) */
    .content::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:3px;
      border-top-left-radius:var(--radius);
      border-bottom-left-radius:var(--radius);
      background: linear-gradient(180deg, rgba(11,74,162,.35), rgba(11,74,162,.08));
      opacity:.55;
      pointer-events:none;
    }

    /* PC 미세 확장 */
    @media (min-width: 1024px){
      .titlebar{ padding:26px 14px; }
      .titlebar .title{ font-size:24px; }
      .content{ padding:20px 22px; font-size:14.25px; }
    }

    /* Tablet */
    @media (max-width: 1023px){
      :root{
        --icon-size:84px;
        --gap:20px;
        --radius:10px;
      }
      .titlebar .title{ font-size:20px; }
      .content{ font-size:13.75px; }
    }

    /* Mobile: 스택 + 가독성 우선 */
    @media (max-width: 640px){
      .wrap{ padding:0; }
      .titlebar{ margin:0 -16px 18px; padding:18px 12px; }
      .titlebar .title{ font-size:18px; }

      .row{
        grid-template-columns: 1fr;
        row-gap:12px;
        min-height:auto;
      }
      .left{
        height:auto;
        justify-content:center;
      }
      .row::after{ display:none; }

      .content{
        text-align:left;
        padding:16px 14px;
        box-shadow: 0 10px 22px rgba(15, 23, 42, .05);
      }
      .content br{ display:none; }
    }

    /* 모션(과하지 않게): hover 시 살짝 떠오르는 느낌 */
    @media (hover:hover){
      .content{
        transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
      }
      .row:hover .content{
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(15, 23, 42, .08);
        border-color:#dfe6ee;
      }
      .badge{
        transition: transform .18s ease;
      }
      .row:hover .badge{
        transform: translateY(-1px);
      }
    }



	@media (max-width: 720px) {
    .nav_bg {
        width: 100%;
        height: 65px;
        background-color: #0061af8c;
        position: absolute;
        top: 80px;
        z-index: 1;
        display: none;
    }
}
/* ===== 모달 오버레이 ===== */
#formModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

/* ===== 모달 본체 ===== */
#formModal .modal-inner {
    background: #fff;
    border-radius: 10px;
    padding: 40px 36px;
    max-width: 420px;
    width: 90%;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    text-align: center;
    position: relative;
}

/* ===== 닫기(×) 버튼 ===== */
#formModal .modal-close-x {
    position: absolute;
    top: 14px;
    right: 18px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #888;
    line-height: 1;
}

#formModal .modal-close-x:hover {
    color: #333;
}

/* ===== 아이콘 ===== */
#formModal .modal-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

/* ===== 제목 ===== */
#formModal .modal-title {
    margin: 0 0 10px;
    font-size: 18px;
    color: #222;
}

/* ===== 안내 문구 ===== */
#formModal .modal-desc {
    margin: 0 0 6px;
    font-size: 14px;
    color: #555;
    line-height: 1.7;
}

/* ===== 이메일 안내 ===== */
#formModal .modal-email {
    margin: 0 0 28px;
    font-size: 14px;
    color: #555;
}

#formModal .modal-email a {
    color: #1a6fc4;
    text-decoration: none;
    font-weight: 600;
}

#formModal .modal-email a:hover {
    text-decoration: underline;
}

/* ===== 다운로드 버튼 ===== */
#formModal .modal-download-btn {
    display: inline-block;
    background: #1a6fc4;
    color: #fff;
    padding: 13px 32px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    transition: background 0.2s;
}

#formModal .modal-download-btn:hover {
    background: #155aa0;
}

/* ===== 하단 닫기 버튼 ===== */
#formModal .modal-close-wrap {
    margin-top: 18px;
}

#formModal .modal-close-text {
    background: none;
    border: none;
    color: #aaa;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
}

#formModal .modal-close-text:hover {
    color: #777;
}