@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https:////fonts.googleapis.com/earlyaccess/nanummyeongjo.css');


/* 공통요소 */
body {min-width: 1300px;max-width: 1920px;width: 100%;margin:0 auto;}
hr {height:1px;margin:60px 0;border:none;background-color: #ddd;}
.inner {width: 100%;max-width: 1200px;margin:0 auto;}
.mb-hide {display: block;}
.mb-show {display: none !important;}
.mb-inlineblock {display: none !important;}
.mb-flex {display: none !important;}
.mb-table {display: none !important;}
.pc-table {display: table !important;}
.contents {padding: 80px 0 0 0;}
.contents.no-pad {padding: 0;}
.contents.no-top-pad {padding-top: 0;}
.contents.no-bottom-pad {padding-bottom: 0;}
.contents.bottom-pad {padding-bottom: 120px;}
.contents.half-pad {padding: 75px 0;}
.contents.half-top-pad {padding-top: 75px;}
.contents.half-bottom-pad {padding-bottom: 75px;}
.contents.bg-gray {background-color: #faf7f5;}
.contents.bg-brown {background-color: #f9f6f0;}

/* 폼 */
.form {display: flex;}
.form+.form {margin-top: 20px;}
.form+.form.no-mt {margin-top: 5px;}
.form-label {flex-shrink: 0;width: 130px;color: #000;font-size: 18px;line-height: 43px;}
.form-control {width:100%;height: 43px;padding:0 10px;font-size: 16px;border:2px solid #d7d7d7;box-sizing: border-box;background-color: #fff;}
.form-bar {margin:0 3px;color:#666;line-height: 43px;}
textarea.form-control {height: auto;padding:15px;box-sizing: border-box;}
.form-file {min-width: 135px;height: 43px;margin-left: 5px;color:#fff;font-size: 15px;line-height: 43px;text-align: center;border-radius: 3px;background-color: #333;cursor: pointer;}
.form-file input {display: none;}
input.form-control::placeholder,
select.form-control::placeholder,
textarea.form-control::placeholder {color:#ccc;}

/* datepicker */
[id*="datepicker"]:not([id*="-datepicker"]) {
	background-image: url(/resource/images/tbl_st_ca.png);
	background-repeat: no-repeat;
	background-position: 90% center;
}

/* 체크박스, 라디오박스 */
.check-group {display: flex;align-items: center;}
.check-group .check-list label {margin-right: 20px;font-size: 17px;font-weight: 500;line-height: 1;letter-spacing: -0.88px;}
.check-group .check-list label:before {display: inline-block;width: 17px;height: 17px;margin-top: -2px;margin-right: 5px;background-color: #cecece;vertical-align: middle;content:'';}
.check-group .check-list input {display: none;}
.check-group .check-list input:checked+label:before {background-color: #284a94;}

/* 넓이 % */
.check {width: 2% !important; position: relative;bottom: 10px;}
.w5p {width: 5% !important;}
.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w33p {width: 33.33% !important;}
.w40p {width: 40% !important;}
.w50p {width: 50% !important;}
.w100p {width: 100% !important;}

/* margin */
.mt-0 {margin-top: 0px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-90 {margin-top: 90px !important;}
.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-55 {margin-bottom: 55px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.m0-auto {margin:0 auto !important}
.pr-0 {padding-right: 0 !important;}

/* 비디오 */
.video {position: relative;width: 100%;margin:0 auto;border:3px solid #284a94;box-sizing: border-box;}/* 임시 색상 */
.video:after {display: block;padding-top: 56.4%;content: "";}
.video.no-border {border:none;}
.video .post-play {position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 100;}
.video .post-play:after {position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.6);content: url(/resource/images/play2.png);}
.video .post-play img {width: 100%;height: 100%;}
.video .post {position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 100;}
.video .post img {width: 100%;height: 100%;}
.video iframe,
.video object,
.video embed,
.video video,
.video .video-file {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
iframe,
video {max-width: 100%;}

/* 게시판 검색박스 */
.search-box {overflow: hidden;position: relative;display: block;width: 100%;max-width: 380px;height: 60px;margin: 0px auto 40px;border: 1px solid #ccc;box-sizing: border-box;border-radius: 32px;}
.search-box input {width: 100%;height: 100%;padding: 0 25px;color: #333;font-size: 20px;font-family: 'Noto Sans Kr';letter-spacing: -1.2px;border: none;outline: none;box-sizing: border-box;background-color: rgba(255, 255, 255, 0);}
.search-box input::placeholder {color:#ddd;font-size: 18px;}
.search-box button {position: absolute;top: 50%;right: 20px;width: 19px;height: 18px;margin-top: -9px;text-indent: -9999px;background-image: url("/resource/images/search-gray.png");background-repeat: no-repeat;background-position: 0 0;background-size: cover;}

/* 탭 */
[id*="tab"] {display: flex;justify-content: center;margin-bottom: 60px;}
[id*="tab"] li {width: 100%;max-width: 261px;}
[id*="tab"] li a {display: flex;justify-content: center;width: calc(100% - 8px);height: 65px;margin:0 4px;color:#333;font-family: 'Noto Sans Kr';font-size: 18px;font-weight: 500;line-height: 65px; background-color: #f1f1f1;}
[id*="tab"] li.on a {color:#fff;background-color: #284a94;box-shadow: 5px 8px 10px 0 rgba(0, 0, 0, 0.24);}
[id*="tab"].no-li-side li a {width: 100%;margin:0;}
[id*="tab"].no-li-side li.on a {box-shadow: none;}

._blank {
    display: inline-block;
    margin-right: 39px;
}
/* 
	Quick

#quick {
	display: flex;
	align-items: center;
    justify-content: center;
	flex-flow: column;
	position: fixed;
	right: 0;
	bottom: 40%;
	transform: translateY(35%);
	z-index: 8000;
}
#quick ._group {
    display: flex;
    flex-direction: column;
    height: 274px;
    justify-content: space-evenly;
    background: #8e7a70;
    border-bottom-left-radius: 20px;
}
#quick a {
	overflow: hidden;
	display: block;
	width: 86px;
	height: 86px;
	border: none;
	border-bottom: 0;
	box-sizing: border-box;
	background-color: #284a94;
	transition: width 0.4s;
    border-top-left-radius: 20px;
}
#quick a.icon1 {
    background-color: #1d3426;
}
#quick a.icon2, #quick a.icon3, #quick a.icon4, #quick a.icon5 {
    background-color: #8e7a70;
    height: 30px;
}
#quick a.icon-you,
#quick a.icon-blog,
#quick a.icon-kakao {
	border-color: #cbcbcb !important;
	background-color: #0b5389 !important;
}
#quick a.icon-blog {
	margin-top: -1px;
}
#quick a.icon1.mb,
#quick a#more {
	display: none;
}
#quick a i {
	display: inline-block;
	height: 100%;
	padding-left: 86px;
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
	vertical-align: middle;
}

#quick a:not(#top) span {
	overflow: hidden;
	display: none;
	margin-top: -2px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Noto Sans kr';
	white-space: nowrap;
	vertical-align: middle;
}
#quick a.icon1 i {
	background-image: url("/resource/images/icon-quick-01.png");
}
#quick a.icon2 i {
	background-image: url("/resource/images/icon-quick-02.png");
}
#quick a.icon3 i {
	background-image: url("/resource/images/icon-quick-03.png");
}
#quick a.icon4 i {
	background-image: url("/resource/images/icon-quick-04.png");
}
#quick a.icon5 i {
	background-image: url("/resource/images/icon-quick-05.png");
}
#quick a.icon-kakao i {
	background-image: url("/resource/images/q-kakao.png");
}
#quick a.icon-you i {
	background-image: url("/resource/images/q-you.png");
}
#quick a.icon-blog i {
	background-image: url("/resource/images/q-blog.png");
}
*/

/* 
	Quick
*/
#quick {
	display: flex;
	align-items: flex-end;
	flex-flow: column;
	position: fixed;
	right: 0;
	bottom: 40%;
	min-width: 86px;
	max-width: 160px;
	transform: translateY(35%);
	z-index: 8000;
}
#quick a {
	overflow: hidden;
	display: block;
	width: 86px;
	height: 86px;
	border-bottom: 1px solid #8e7a70;
	box-sizing: border-box;
	background-color: #284a94;
	transition: width 0.4s;
}

#quick a:first-child {
    border-top-left-radius: 20px;
    border-bottom: 1px solid #1d3426;
}
#quick a.icon1 {
    background-color: #1d3426;
}
#quick a.icon2, #quick a.icon3, #quick a.icon4, #quick a.icon5 {
    background-color: #8e7a70;
    height: 70px;
    margin-bottom: -1px;
}
#quick a.icon-you,
#quick a.icon-blog,
#quick a.icon-kakao {
	border-color: #cbcbcb !important;
	background-color: #0b5389 !important;
}
#quick a.icon-blog {
	margin-top: -1px;
}
#quick a.icon1.mb,
#quick a#more {
	display: none;
}
#quick a i {
	display: inline-block;
	height: 100%;
	padding-left: 86px;
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
	vertical-align: middle;
}
#quick a:not(#top) span {
	overflow: hidden;
	display: none;
	margin-top: -2px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Noto Sans kr';
	white-space: nowrap;
	vertical-align: middle;
}
#quick a.icon1 i {
	background-image: url("/resource/images/icon-quick-01.png");
}
#quick a.icon2 i {
	background-image: url("/resource/images/icon-quick-02.png");
}
#quick a.icon3 i {
	background-image: url("/resource/images/icon-quick-03.png");
}
#quick a.icon4 i {
	background-image: url("/resource/images/icon-quick-04.png");
}
#quick a.icon5 i {
	background-image: url("/resource/images/icon-quick-05.png");
}
#quick a.icon-kakao i {
	background-image: url("/resource/images/q-kakao.png");
}
#quick a.icon-you i {
	background-image: url("/resource/images/q-you.png");
}
#quick a.icon-blog i {
	background-image: url("/resource/images/q-blog.png");
}
#quick a:not(#top):hover {
	width: 195px;
}
#quick a:first-child:hover i {
	background-color: #1d3426 !important;
}
#quick a:not(#top):hover i {
	background-color: #8e7a70;
    padding-left: 30px;
    padding-right: 40px;
}
#quick a.icon-kakao:not(#top):hover i,
#quick a.icon-you:not(#top):hover i,
#quick a.icon-blog:not(#top):hover i {
	background-color: #8e7a70 !important;
}
#quick a:not(#top):hover span {
	display: inline-block;
	padding-left: 0px;
	color:#fff;
	line-height: 50px;
}

#quick a:last-child {
    border-bottom-left-radius: 20px;
}


/* 
	Header
*/
.m-bg {
	display: none;
}
header {
	display: flex;
	position: fixed;
	top: 0;
	/* left: 50%; */
	width: 100%;
	max-width: 1920px;
	min-width: 1300px;
	min-height: 86px;
	margin:0 auto;
	padding:0;
	box-sizing: border-box;
	background-color: transparent;
	z-index: 9999;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff29;
}
/*
header.on:after {
	position: absolute;
	top: 85px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e2e2e2;
	z-index: -1;
	content:'';
}
*/
header.on {
    /*
	border-bottom: 1px solid #e2e2e2;
    */
    background-color: #fff;
    transition-property:background-color;
    transition-duration:1s;
    border-bottom: 3px solid #8f7b71;
}
header * {
	font-family: 'Noto Sans Kr';
}
header .logo {
	position: absolute;
	top: 0px;
	left: 86px;
}
header .logo a {
	display: block;
	padding:18px 0;
	box-sizing: border-box;
}
header nav {
    width: 100%;
    /* max-width: 902px; */
    display: flex;
    justify-content: flex-end;
}
header #gnb {
    display: flex;
    justify-content: space-between;
    width: 902px;
    margin-right: 180px;
}
header #gnb li {
    position: relative;
    padding: 0 15px;
    min-width: 120px;
    cursor: pointer;
}
header #gnb li span {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 86px;
    justify-content: center;
}
header #gnb li:last-of-type span::after {
	display: none;
}
/*
header #gnb li span::before {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	max-width: 160px;
	height: 3px;
	background-color: #284a94;
	transform: translateX(-50%);
	transition: width 0.3s;
	content:'';
}
*/
header #gnb li:hover span::before {
	width: 100%;
}

header.on #gnb li span a {
    color: #333;
}
header #gnb li span a {
    font-family: 'Pretendard';
    font-size: 18.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.46px;
    text-align: center;
    color: #fff;
}

header #gnb .snb {
    display: none;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    top: 89px;
}

header #gnb .snb li {
    height: 45px;
    text-align: center;
    cursor: pointer;
}

header #gnb .snb li:nth-child(odd) {
    background-color: #eeeeee;
}

header #gnb .snb li:nth-child(even) {
    background-color: #fff;
}

header #gnb .snb li a {
    color: #333;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
}

header #gnb .snb li a:hover {
    color: #b77f63;
}

header #gnb > ul > li {
    transition: 0.35s;
}
/*
header #gnb li:hover .snb{
    display: block;
}
*/
header #gnb > ul > li > a {
    display: inline-block;
    width: inherit;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
}

header #gnb > ul > li ul {
    position: absolute;
    display: none;
    width: 150px;
}

header #gnb > ul > li ul li {
    padding: 10px;
    background-color: rgb(161, 198, 255);
}

header ._right {
    display: flex;
    align-items: center;
    height: 86px;
    min-width: 330px;
    justify-content: flex-end;
}

header ._right a span { 
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 4.11;
    letter-spacing: -0.45px;
    text-align: center;
    color: #fff;
    margin-right: 30px;
    position: relative;
}

header ._right a:first-child span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -15px;
    width: 1px;
    height: 12px;
    background-color: #666f6a;
}

.dropdown {
    color: #fff;
    width: 46px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdown a:hover {
    color: inherit;
}

header.on .dropdown {
    color: #333;
}

header.on ._right a span {
    color: #333;
}

header.on ._right a:first-child span:after {
    background-color: #333;
}


header ._right ._ham {
    height: 86px;
    width: 86px;
    background: #8e7a70;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 46px;
}

header .head-tel {
	position: absolute;
	display: flex;
	top: 28px;
	right: 50px;
	font-size: 16px;
}

header .head-tel .mb-hide {
    align-items: center;
}

header .head-tel a {
	position: relative;
	margin-left: 11px;
	padding-left: 11px;
	color:#101820;
	font-size: 20px;
	font-weight: 900;
}
header .head-tel a:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 14px;
	margin-top: -6px;
	background-color: rgba(60, 60, 60, 0.43);
	content:'';
}
header .m-quick,
header .ham {
	display: none;
}

.menu-close {
    position: absolute;
    top: 78px;
    right: 88px;
    cursor: pointer;
}

.menu-all {
    display: none;
    background: url(/resource/images/bg-menu-all.png);
    width: 1298px;
    height: 786px;
    position: absolute;
    top: 33px;
    left: 50%;
    transform: translateX(-50%);
}

.menu-all ._wrap {
    display: flex;
    padding-top: 112px;
    justify-content: center;
    width: 940px;
    margin: 0 auto;
}

.menu-all ._wrap div {
    width: calc(100% / 6);
}

.menu-all ._wrap div span {
    font-family: 'Pretendard';
    font-size: 18.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 4.05;
    letter-spacing: -0.46px;
    text-align: center;
    color: #fff;
    display: block;
    cursor: pointer;
}

.menu-all ._wrap div ul li {
    display: flex;
    justify-content: center;
}

.menu-all ._wrap div ul li a {
    font-family: 'Pretendard';
    font-size: 18.5px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.92;
    letter-spacing: -0.46px;
    text-align: center;
    color: #98a49d;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.menu-all ._wrap div ul li a:hover {
    color: #fff;
}

.menu-all ._wrap div ul li a:hover::before {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #8e7a70;
    position: absolute;
    top:13px;
    left: -15px;
    border-radius: 50%;
}

/* 
	Main
*/
#main-banner {
	position: relative;
}
#main-banner .swiper-slide {
	overflow: hidden;
}
#main-banner .swiper-slide img {
	/* max-width: 100%; */
	min-height: 500px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
#main-banner .inner {
	position: absolute;
	top: 73%;
	left: 50%;
	transform: translate(-50%, -73%);
    z-index: 100;
}
#main-banner .inner * {
	color: #fff;
	text-align: center;
}

#main-banner .inner .slogan{
	z-index: 90;
	opacity:0.9;
	position:relative;
	width:100%;
}
#main-banner .inner .slogan h2 {
  text-align: left;
}
#main-banner .inner .slogan h2 p {
    display: inline-block;
    zoom:1;
    opacity: 0;
    font-family: 'NanumMyeongjo';
    font-size: 45px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: -2.93px;
    color: #fff;
}

#main-banner .swiper-slide .inner ._txt{
	z-index: 90;
	opacity:1;
	position:relative;
	width:100%;
}
#main-banner .swiper-slide .inner ._txt h2 {
  text-align: left;
}
#main-banner .swiper-slide .inner ._txt h2 p {
    display: inline-block;
    zoom:1;
    font-family: 'NanumMyeongjo';
    font-size: 45px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: -2.93px;
    color: #fff;
    text-align: left;
}

#main-banner .button-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    bottom: 15%;
    left: 50%;
    width: 100%;
    height: 1px;
    /* padding: 0; */
    box-sizing: border-box;
    transform: translateX(-50%);
    z-index: 10;
    max-width: 1200px;
}
#main-banner .swiper-button-box .swiper-pagination {
	position: relative;
	width: auto;
	color: #fff;
	letter-spacing: -2px;
}
#main-banner .swiper-button-box .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	margin-right:6px;
	background-color: #b9b9b9;
	opacity: 1;
}
#main-banner .swiper-button-box .swiper-pagination-bullet-active {
	border: 2px solid #fff;
	box-sizing: border-box;
	background-color: transparent;
}

#main-banner .button-prev {
    background: url(/resource/images/main-swiper-prev.png) no-repeat;
    height: 17px;
    width: 10px;
}

#main-banner .button-next {
    background: url(/resource/images/main-swiper-next.png) no-repeat;
    height: 17px;
    width: 10px;
}

#main-banner .button-stop {
    background: url(/resource/images/main-swiper-stop.png) no-repeat;
    height: 17px;
    width: 10px;
    margin:0 10px;
    cursor: pointer;
}

#main-banner .swiper-pagination {
    position: relative;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

#main-banner .swiper-pagination-fraction {
    bottom: initial !important;
    left: initial !important;
    width: 111px !important;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.page-line {
    display: block;
    width: 36px;
    position: relative;
}

.page-line::after {
    position: absolute;
    width: 36px;
    height: 2px;
    background-color: #fff;
    content: '';
    left: 0;
}

#sub-bnnr {
	overflow: hidden;
	position: relative;
    height: 413px;
}
/* #sub-bnnr > img {
	position: relative;
	left: 50%;
	margin-left: -960px;
} */
#sub-bnnr .inner {
	position: absolute;
	top: 62%;
	left: 20%;
	text-align: center;
	transform: translate(-20%,-62%);
    display: flex;
    align-items: center;
}
#sub-bnnr .inner span {
    font-family: 'NanumMyeongjo';
    font-size: 45px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -2.93px;
    text-align: left;
    color: #fff;
    display: block;
    margin-right: 50px;
}

.sub-title {
    font-family: 'Nanum Myeongjo';
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: -0.95px;
    text-align: center !important;
    color: #333;
    position: relative;
    margin-bottom: 60px;
}

.sub-title b {
    color: #8e7a70;
}

.sub-title::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -29px;
    left: 50%;
    transform: translateX(-50%);
    width: 41px;
    height: 1px;
    background-color: #333;
}

.sub-ctt {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    display: block;
    margin-bottom: 48px;
}

.sub4-mj {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: center;
    color: #333;
    margin-bottom: 38px;
}

.sub4-ctt {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    display: block;
    margin-bottom: 78px;
}

.father-say {
    background-image: url(/resource/images/sub-bnnr-01.png);
	background-repeat: no-repeat;
    height: 304px;
}

.father-say .inner {
    display: flex;
    align-items: center;
    padding-top: 57px;
}

.father-say ._left {
    margin-right: 38px;
    padding-left: 14px;
    display: flex;
    align-items: center;
}

.father-say ._left ._box {
    margin-right: 14px;
}

.father-say ._left ._box ._year {
    font-family: Pretendard;
    font-size: 28.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.71px;
    text-align: center;
    color: #fff;
}


.father-say ._left ._box ._day {
    font-family: Pretendard;
    font-size: 18.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.28px;
    text-align: center;
    color: #fff;
}

.father-say ._left ._month {
    font-family: Pretendard;
    font-size: 67.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 2.84; */
    letter-spacing: -1.69px;
    text-align: left;
    color: #fff;
}

.father-say img {
    height: 1px;
}

.father-say ._right {
    font-family: 'NanumMyeongjo';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-left: 41px;
}

.father-say ._right span {
    display: block;
}

.main-thumb {
    margin-top: -50px;
}

.main-thumb .inner {
    display: flex;
    justify-content: space-between;
}

.main-thumb .inner ._box {
    height: 444px;
    width: 361px;
    border: 1px solid #cccccc;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 12px 15px;
    box-sizing: border-box;
    background: #fff;
    align-items: center;
}

.main-thumb .inner ._box a {
    cursor: pointer;
}

.main-thumb .inner ._box a img {
    height: 175px;
}

.main-thumb .inner ._box ._txt-01 {
    padding: 34px 0px 0 0;
    border-bottom: 1px solid #cccccc;
    width: 284px;
    height: 172px;
    box-sizing: border-box;
    margin:0 auto;
}

.main-thumb .inner ._box ._txt-01 h1 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #9a7563;
    margin-bottom: 12px;
}

.main-thumb .inner ._box ._txt-01 span {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.5px;
    text-align: left;
    color: #333;
}

.main-thumb .inner ._box p {
    font-family: 'Pretendard';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #a5a5a5;
    align-self: flex-start;
    padding-left: 23px;
    margin-top: 19px;
}

.main-notice {
    padding: 104px 0 111px 0;
}

.main-notice .inner {
    display: flex;
}

.main-notice ._notice {
    width: calc(100% - 400px - 73px);
    margin-right: 73px;
}

.main-notice ._notice ._wrap ._ul {
    position: relative;
}

.main-notice ._notice ._tab {
    display: flex;
}

.main-notice ._notice ._tab ._left {
    width: 171px;
    margin-right: 40px;
    height: 51px;
    background-color: #ebebeb;
    border-radius: 25.5px;
    margin-bottom: 15px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 51px;
}

.main-notice ._notice ._tab.on ._left {
    background-color: #1d3426;
}

.main-notice ._notice ._tab ._left ._txt {
    height: 51px;
    background-color: #ebebeb;
    color: #a5a5a5;
}

.main-notice ._notice ._tab.on ._left ._txt {
    background-color: #1d3426;
    color: #fff;
}

.main-notice ._notice ._tab.on ._list {
    width: 515px;
    display: block;
}

.main-notice ._notice ._tab ._list {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.main-notice ._notice ._tab.on ._list ul li {
    border-top: 1px solid #cccccc;
}

.main-notice ._notice ._tab.on ._list ul li:last-child {
    border-bottom: 1px solid #cccccc;
}

.main-notice ._notice ._tab.on ._list ul li a {
    padding: 21px 28px 20px 34px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.main-notice ._notice ._tab.on ._list ul li span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    display: block;
}

.main-notice ._notice ._tab.on ._list ul li span:first-child {
    width: 30px;
}

.main-notice ._notice ._tab.on ._list ul li span:nth-child(2) {
    width: calc(100% - 120px);
}
.main-notice ._notice ._tab.on ._list ul li span:nth-child(3) {
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.43px;
    text-align: center;
    color: #a5a5a5;
    width: 90px;
}

.main-notice ._story {
    width: 446px;
}

.main-notice ._story iframe {
    border-radius: 10px;
}

.main-notice ._notice p, .main-notice ._story p {
    font-family: 'NanumMyeongjo';
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -2.94px;
    text-align: left;
    color: #333;
    margin-bottom: 38px;
}

.main-notice ._joint {
    width: 400px;
}

.main-notice ._joint p {
    font-family: 'NanumMyeongjo';
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -2.94px;
    text-align: left;
    color: #333;
    margin-bottom: 38px;
}

.main-notice ._joint a {
    width: 400px;
    height: auto;
    display: block;
    cursor: pointer;
}

.main-notice ._joint a img {
    width: 100%;
}

.main-notice ._joint a h1 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-top: 20px;
}

/* sub1 - page01 역사 */
.box-sub01-01-01 {
    padding-bottom: 30px;
}

.box-sub01-01-01 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub01-01-01 ._inner div h2 {
    font-family: 'NanumMyeongjo';
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: -1.75px;
    text-align: center;
    color: #8e7a70;
}

.box-sub01-01-01 ._inner div h2._first {
    margin-top: 17px;
}

.box-sub01-01-01 ._inner div span._year {
    font-family: 'NanumMyeongjo';
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: -1.75px;
    text-align: center;
    color: #8e7a70;
    display: block;
    margin-top: 10px;
}

.box-history {
    padding: 50px;
}

.box-history ._inner {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.box-history ._inner ._each {
    min-height: 375px;
    width: 451px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 26px;
    box-sizing: border-box;
    flex-direction: column;
}

.box-history ._inner ._each.mini {
    min-height: 153px !important;
    justify-content: center;
    align-items: center;
    padding-top: 0;
}

.box-history ._inner ._each.mini ._txt {
    margin-top: 0;
}

.box-history ._inner ._left ._each:not(:last-child) {
    margin-bottom: 130px;
}

.box-history ._inner ._right ._each.mt, .box-history ._inner ._left ._each.mt {
    margin-top: 264px;
}

.box-history ._inner ._right ._each.mt2, .box-history ._inner ._left ._each.mt2 {
    margin-top: 340px;
}

.box-history ._inner ._right ._each.mb1, .box-history ._inner ._left ._each.mb1 {
    margin-bottom: 98px !important;
}

.box-history ._inner ._right ._each.mb2, .box-history ._inner ._left ._each.mb2 {
    margin-bottom: 114px !important;
}

.box-history ._inner ._right ._each.mb3, .box-history ._inner ._left ._each.mb3 {
    margin-bottom: 127px !important;
}

.box-history ._inner ._right ._each:not(:last-child) {
    margin-bottom: 130px;
}

.box-history ._inner ._line {
    border-right: 1px solid #cfc3bc;
}

.box-history ._inner ._line ._dot {
    height: 263px;
    position: relative;
}

.box-history ._inner ._line ._dot:last-child {
    padding-bottom: 80px;
}

.box-history ._inner ._line ._dot.pb {
    padding-bottom: 94px;
}

.box-history ._inner ._line ._dot.pb3 {
    padding-bottom: 78px;
}

.box-history ._inner ._line ._dot.pb4 {
    padding-bottom: 32px;
}

.box-history ._inner ._line ._dot.pb5 {
    padding-bottom: 0px;
    height: 215px;
}

.box-history ._inner ._line ._dot.mini, .box-history ._inner ._line ._dot.mini {
    padding-bottom: 205px;
}

.box-history ._inner ._line ._dot::after {
    content: '';
    width: 13px;
    height: 13px;
    background-color: #8e7a70;
    border-radius: 50%;
    left: -6px;
    top: 0;
    position: absolute;
}

.box-history ._inner ._line ._dot.mini::after {
    top: 72%;
}

.box-history ._inner ._each ._txt {
    margin: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    flex-direction: column;
}

.box-history ._inner ._each ._txt.column {
    flex-direction: column;
    padding-bottom: 46px;
    padding-top: 5px;
}

.box-history ._inner ._each ._txt.column img {
    margin: 23px 0;
}

.box-history ._inner ._each ._txt.column span, .box-history ._inner ._each.mini ._txt span{
    line-height: 1.62;
}

.box-history ._inner ._each ._txt b {
    font-family: 'NanumMyeongjo';
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: normal;
    color: #8e7a70;
}

.box-history ._inner ._each ._txt b+span {
    margin-top: 10px;
}

.box-history ._inner ._each ._txt b a {
    font-size: 18px;
    color: #333;
    display: block;
    margin-bottom: 15px;
}

.box-history ._inner ._each ._txt b a:hover {
    color: #333
}

.box-history ._inner ._each ._txt img {
    margin: 0 15px;
}

.box-history ._inner ._each ._txt span {
    font-family: 'Pretendard';
    font-size: 18.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.46px;
    text-align: center;
    color: #333;
    margin-bottom: 10px;
}



/* sub1 - page02 설립자 */
.box-sub01-02-01 {
    height: 855px;
    background: url(/resource/images/img-sub01-02-01.png);
    padding-top: 80px;
    box-sizing: border-box;
    cursor: pointer;
}

.box-sub01-02-01 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub01-02-01 ._inner div {
    padding-top: 56px;
}

.box-sub01-02-01 ._inner div h2 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: left;
    color: #333;
    margin-bottom: 54px;
}

.box-sub01-02-01 ._inner div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub01-02-02 {
    padding-bottom: 251px;
    padding-top: 82px;
}

.box-sub01-02-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub01-02-02 ._inner ._box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 84px;
}

.box-sub01-02-02 ._inner ._box table tr td:first-child {
    width: 105px;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: -0.45px;
    text-align: left;
    color: #8e7a70;
}

.box-sub01-02-02 ._inner ._box table tr td:nth-child(2) { 
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    padding-left: 29px;
}

.box-sub01-02-02 ._inner ._box img {
    margin-right: -162px;
}

.box-sub01-02-03 {
    height: 2616px;
    background: url(/resource/images/img-sub01-02-bg.png);
}

.box-sub01-02-03 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 715px;
}

.box-sub01-02-03 ._inner ._img-01 {
    position: absolute;
    top: -250px;
}

.box-sub01-02-03 ._inner ._box1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 49px;
}

.box-sub01-02-03 ._inner ._box1 img {
    margin-right: -170px;
}

.box-sub01-02-03 ._inner ._box2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 96px;
}

.box-sub01-02-03 ._inner ._box2 div p:nth-child(2) {
    margin-top: 52px;
    margin-bottom: 51px;
}

.box-sub01-02-03 ._inner p {
    font-family: 'NanumMyeongjo';
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.95px;
    text-align: left;
    color: #333;
}

.box-sub01-02-03 ._inner span {
    font-family: 'NanumMyeongjo';
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.52;
    letter-spacing: -3.75px;
    text-align: left;
    color: #333;
}

.box-sub01-02-04 div:first-child {
    background-color: #b8ac9c;
    width: 1062px;
    height: 598px;
    
    margin:0 auto;
    margin-top: -292px;
    margin-bottom: 84px;
}

.box-sub01-02-04 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-bottom: 146px;
}

.box-sub01-02-04 ._inner a {
    cursor: pointer;
}

.box-sub01-02-04 ._inner a:not(:last-child) {
    margin-right: 20px;
}

.txt-info {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.8px;
    text-align: center;
    color: #333;
    margin-top: 80px;
    background-color: #f4ece8;
    width: 100%;
    height: 80px;
    line-height: 80px;
    position: relative;
}

.txt-info span {
    position: relative;
}

.txt-info span::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #a2988f;
    position: absolute;
    left: -10px;
    top: 12px;
    border-radius: 50%;
}

/* sub1 - page03 소비녀 */
.box-sub01-03-01 {
    padding-top: 80px;
    height: 855px;
    background: url(/resource/images/img-sub01-03-bg.png);
    box-sizing: border-box;
}

.box-sub01-03-01 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub01-03-01 ._inner div {
    padding-top: 82px;
}

.box-sub01-03-01 ._inner div p:first-child {
    margin-bottom: 44px;
}

.box-sub01-03-01 ._inner div p {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.8px;
    text-align: left;
    color: #333;
}

.box-sub01-03-01 ._inner div span {
    font-family: 'NanumMyeongjo';
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: -3.75px;
    text-align: left;
    color: #333;
}

.box-sub01-03-01 ._inner div a {
    font-family: 'NanumMyeongjo';
    font-size: 40px;
    text-align: left;
    color: #333;
}

.box-sub01-03-02 {
    height: 2731px;
    background: url(/resource/images/img-sub01-02-bg.png);
}

.box-sub01-03-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub01-03-02 ._inner ._box1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 97px;
}

.box-sub01-03-02 ._inner ._box1 div {
    padding-left: 60px;
}

.box-sub01-03-02 ._inner ._box1 img {
    padding-left: 164px;
}

.box-sub01-03-02 ._inner ._box2 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 77px;
}

.box-sub01-03-02 ._inner ._box2 img {
    padding-right: 72px;
}

.box-sub01-03-02 ._inner ._box2 div {
    padding-top: 32px;
}

.box-sub01-03-02 ._inner ._box2 div p:first-child {
    margin-bottom: 55px;
}

.box-sub01-03-02 ._inner ._box3 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 112px;
}

.box-sub01-03-02 ._inner ._box3 div {
    padding-left: 60px;
}

.box-sub01-03-02 ._inner ._box3 div p:nth-child(2) {
    margin: 50px 0;
}

.box-sub01-03-02 ._inner ._box3 img {
    padding-left: 106px;
    width: 465px;
}

.box-sub01-03-02 ._inner ._box4 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:108px;
}

.box-sub01-03-02 ._inner ._box4 ._left {
    padding-right: 73px;
}

.box-sub01-03-02 ._inner ._box4 ._left span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -1.35px;
    text-align: left;
    color: #333;
    display: block;
    margin-top: 5px;
}

.box-sub01-03-02 ._inner ._box4 ._right {
    margin-top: -40px;
}

.box-sub01-03-02 ._inner ._box4 ._right span {
    margin: 30px 0;
    display: block;
}

.box-sub01-03-02 ._inner p, .box-sub01-03-03 ._inner p {
    font-family: 'NanumMyeongjo';
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.95px;
    text-align: left;
    color: #333;
}

.box-sub01-03-02 ._inner span, .box-sub01-03-03 ._inner span {
    font-family: 'NanumMyeongjo';
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 55px;
    letter-spacing: -3.75px;
    text-align: left;
    color: #333;
}

.box-sub01-03-02 ._inner b, .box-sub01-03-03 ._inner a._txt-01 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.11;
    letter-spacing: -1.35px;
    text-align: left;
    color: #333;
    display: block;
    margin-top: 47px;
}


.box-sub01-03-03 {
}

.box-sub01-03-03 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub01-03-03 ._inner ._box1 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 119px;
}

.box-sub01-03-03 ._inner ._box1 div p {
    margin-bottom: 22px;
}

.box-sub01-03-03 ._inner ._box1 div a._txt-01 {
    display: block;
    margin: 50px 0;
}

.box-sub01-03-03 ._inner ._box2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 117px;
    margin-bottom: 98px;
}

.box-sub01-03-03 ._inner ._box2 img {
    padding-right: 98px;
}

.box-sub01-03-03 ._inner ._box2 div p {
    margin-top: 26px;
    margin-bottom: 11px;
}

.box-sub01-03-03 ._video {
    margin:0 auto;
    height: 598px;
    width: 1062px;
    background-color: #b8ac9c;
    margin-bottom: 113px;
}

.box-sub01-03-03 ._box3 {
    display: flex;
    justify-content: center;
    margin-bottom: 132px;
}

.box-sub01-03-03 ._box3 a {
    margin-top: 0;
    cursor: pointer;
}

.box-sub01-03-03 ._box3 a:not(:last-child) {
    margin-right: 20px;
}

.video-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-popup iframe {
    width: 1062px;
    height: 598px;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: white;
    font-size: 30px;
}


/* 국내선교 sub2 - page01 */
.box-sub02-01-1 {
    margin-top: 70px;
    display: flex;
}

.box-sub02-01-1 div {
    padding: 82px 83px 0 35px;
}

.box-sub02-01-1 h1 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    text-align: left;
    color: #333;
    margin-bottom: 53px;
}

.box-sub02-01-1 span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-left: 63px;
    display: block;
}

.box-sub02-01-1 span a {
    color: #8e7a70;
}

.box-sub02-01-2 {
    margin-top: 84px;
    border-top: 2px solid #8f7b71;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 36px;
}

.box-sub02-01-2 ._box {
    display: flex;
    border-bottom: 1px solid #bfbfbf;
    padding: 30px 0;
}

.box-sub02-01-2 ._box ._left {
    width: 270px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 69px 45px 0 45px;
    box-sizing: border-box;
    border-right: 1px solid #bfbfbf;
}

.box-sub02-01-2 ._box ._left h1 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    color: #333;
    align-self: flex-start;
    margin-bottom: 12px;
}

.box-sub02-01-2 ._box ._left p {
    font-family: 'NanumMyeongjo';
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.75;
    letter-spacing: -2.6px;
    text-align: center;
    color: #333;
    margin-bottom: 48px;
}

.box-sub02-01-2 ._box ._left span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    margin-top: 45px;
}

.box-sub02-01-2 ._box ._right {
    padding-left: 48px;
    padding-top: 27px;
}

.box-sub02-01-2 ._box ._right ._wrap {
    display: flex;
}

.box-sub02-01-2 ._box ._right ._each {
    margin-bottom: 20px;
}

.box-sub02-01-2 ._box ._right ._wrap ._idx {
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    padding: 20px 30px 28px 29px;
    margin-right: 19px;
    margin-bottom: 19px;
}

.box-sub02-01-2 ._box ._right ._wrap ._idx p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #8e7a70;
    margin-bottom: 19px;
}

.box-sub02-01-2 ._box ._right ._wrap ._idx table tr td {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    padding-right: 20px;
}

.box-sub02-01-2 ._box ._right ._wrap ._idx span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub02-01-2 ._box ._right ._wrap ._idx span a {
    color: #a0a0a0;
}

.box-sub02-01-2 ._box ._right ._each ._province {
    width: 206px;
    height: 49px;
    background-color: #8e7a70;
    border-radius: 10px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    font-size: 18px;
}

.box-sub02-01-2 ._box ._right ._each ._province.mt {
    margin-top: 40px;
}

/* 해외선교 sub2 - page02 */
.box-sub02-02-1 {
    margin-top: 70px;
    display: flex;
}

.box-sub02-02-1 div h1 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.56px;
    text-align: left;
    color: #333;
    margin-top: 72px;
    margin-left: 35px;
    margin-bottom: 10px;
}

.box-sub02-02-1 div h1 a {
    color: #333;
    font-weight: bold;
}

.box-sub02-02-1 div p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1px;
    text-align: left;
    color: #333;
    margin-left: 35px;
    margin-bottom: 53px;
}

.box-sub02-02-1 div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    display: block;
    margin-left: 99px;
    margin-right: 94px;
}

.box-sub02-02-1 div span a {
    font-weight: 500;
}

.box-sub02-02-1 div span a:hover {
    color: inherit;
}

.box-sub02-02-2 {
    margin-top: 84px;
    border-top: 2px solid #8f7b71;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 36px;
}

.box-sub02-02-2 ._box {
    display: flex;
    border-bottom: 1px solid #bfbfbf;
}

.box-sub02-02-2 ._box ._left {
    width: 412px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f6f6f6;
    padding-top: 69px;
    box-sizing: border-box;
    border-right: 1px solid #bfbfbf;
}

.box-sub02-02-2 ._box ._left h1 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    margin-bottom: 5px;
}

.box-sub02-02-2 ._box ._left p {
    font-family: 'NanumMyeongjo';
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -2.6px;
    text-align: center;
    color: #333;
    margin-bottom: 30px;
}

.box-sub02-02-2 ._box ._left img:nth-child(3) {
    margin-bottom: 42px;
}

.box-sub02-02-2 ._box ._left img:nth-child(4) {
    margin-bottom: 103px;
}

.box-sub02-02-2 ._box:nth-child(2) ._right {
    height: 535px;
}

.box-sub02-02-2 ._box ._right {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 70px 0 70px 55px;
    box-sizing: border-box;
    width: calc(100% - 412px);
}
.box-sub02-02-2 ._box ._right div {
    width: 100%;
    display: flex;
}

.box-sub02-02-2 ._box ._right div img:first-child {
    margin-right: 17px;
}

.box-sub02-02-2 ._box ._right div img {
    margin-right: 18px;
    cursor: pointer;
}

.img-donation {
    margin-bottom: 30px;
}

.div-donation {
    display: flex;
    justify-content: center;
    margin-top: 54px;
    margin-bottom: 28px;
}

.div-donation a {
    width: 261px;
    height: 51px;
    background-color: #f16f2f;
    text-align: center;
    border-radius: 10px;
}

.div-donation a span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.11;
    letter-spacing: -0.45px;
    text-align: center;
    color: #fff;
}

#modalCloseButton {
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 45px;
}
  
#modalContainer, #modalContainer2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
}
  
#modalContent, #modalContent2 {
    position: absolute;
    background-color: #ffffff;
    width: 900px;
    height: 600px;
    box-sizing: border-box;
    border-top: 5px solid #f51c23;
    padding: 69px 50px 70px 60px;
    overflow-y: auto;
}

#modalContent, #modalContent2 {
    height: 700px;
    padding: 69px 50px 70px 38px;
}

#modalContent::-webkit-scrollbar, #modalContent2::-webkit-scrollbar {
    width: 25px;
    background-color: #fff;
}

#modalContent::-webkit-scrollbar-thumb, #modalContent2::-webkit-scrollbar-thumb{
    width: 6px;
    background-color: #d8d8d8;
    border-radius: 5px;
    background-clip: padding-box;
    border: 10px solid #fff;
}

#modalContent::-webkit-scrollbar-track, #modalContent2::-webkit-scrollbar-track { 
    background-color: #fff;
}
  
#modalContainer.hidden, #modalContainer2.hidden {
    display: none;
}

#modalContent ._part {
    display: flex;
    margin-bottom: 34px;
}

#modalContent ._part img {
    margin-right: 30px;
}

#modalContent ._part ._right {
    display: flex;
    flex-direction: column; 
}

#modalContent ._part ._right p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

#modalContent ._part ._right span {
    font-family: 'NanumMyeongjo';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -2.28px;
    text-align: left;
    color: #333;
    margin-top: 14px;
}

#modalContent ._thumb {
    background: #f6f3f1;
    padding: 59px 0 17px 75px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 49px;
}

#modalContent ._thumb ._row {
    width: 100%;
    display: flex;
    margin-bottom: 40px;
}

#modalContent ._thumb ._row ._left {
    width: 350px;
}

#modalContent ._thumb ._row ._left span:first-child,
#modalContent ._thumb ._row ._right span:first-child {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-right: 20px;
    position: relative;
}

#modalContent ._thumb ._row ._left span:first-child::before,
#modalContent ._thumb ._row ._right span:first-child::before {
    content: '';
    position: absolute;
    left: -18px;
    top: 8px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #bebebe;
}

#modalContent ._thumb ._row ._left span:nth-child(2),
#modalContent ._thumb ._row ._right span:nth-child(2) {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #747474;
}

#modalContent ._info {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

#modalContent2 ._content {
    display: flex;
}

#modalContent2 ._content .tab-map { 
    padding-right: 35px;
    width: 114px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#modalContent2 ._content .tab-map div:not(:first-child) {
    margin-top: 46px;
}

#modalContent2 ._content .tab-map div {
    cursor: pointer;
}

#modalContent2 ._content .tab-map div span {
    display: block;
    margin-top: 21px;
    text-align: center;
    font-family: 'NanumMyeongjo';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: -1.17px;
    text-align: center;
    color: #b6b6b6;
    
}

#modalContent2 ._content .tab-map div span b {
    font-family: 'Pretendard';
    font-weight: normal;
    letter-spacing: normal;
}

#modalContent2 ._content .tab-map ._on span { 
    color: #333;
}

#modalContent2 ._content ._info {
    width: calc(100% - 120px);
    border-left: 1px solid #dcdcdc;
    padding: 31px 0 0 45px;
}

#modalContent2 ._content ._info h1 {
    font-family: 'NanumMyeongjo';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.95px;
    text-align: left;
    color: #333;
    margin-bottom: 24px;
}

#modalContent2 ._content ._info h1 span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
}

#modalContent2 ._content ._info p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
}

#modalContent2 ._content ._info ._box {
    background: #f6f3f1;
    padding: 48px 0 40px 77px;
    margin-top: 39px;
    margin-bottom: 49px;
}

#modalContent2 ._content ._info ._box span {
    position: relative;
    display: block;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 20px;
}

#modalContent2 ._content ._info ._box span:last-child {
    margin-bottom: 0;
}

#modalContent2 ._content ._info ._box span::before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background-color: #d4d4d4;
    left: -15px;
    top: 10px;
    border-radius: 50%;
}

#modalContent2 ._content ._info ._address {
    display: flex;
    align-items: flex-start;
}

#modalContent2 ._content ._info ._address ._txt01 {
    display: block;
    margin-right: 206px;
    font-family: 'Lato';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    position: relative;
}

#modalContent2 ._content ._info ._address ._txt01::after {
    position: absolute;
    content: '';
    width: 117px;
    height: 1px;
    background-color: #dcdcdc;
    top: 14px;
    left: 100px;
}

#modalContent2 ._content ._info ._address ._list span {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    display: block;
    font-family: 'Pretendard';
}

/* 복지, 동행 */
.box-sub02-03-1 {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}

.box-sub02-03-1 div {
    display: flex;
    flex-direction: column;
    margin-right: 116px;
}

.box-sub02-03-1 div h1 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    text-align: left;
    color: #333;
    margin-bottom: 53px;
    margin-top: 83px;
    margin-left: 35px;
}

.box-sub02-03-1 div h1 a {
    color: #8e7a70;
}

.box-sub02-03-1 div p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-left: 65px;;
}

.box-sub02-03-2 {
    margin-top: 50px;
    border-top: 2px solid #8e7a70;
}

.box-sub02-03-2 ._box {
    display: flex;
    padding: 60px 0 49px;
    border-bottom: 1px solid #c6c6c6;
}

.box-sub02-03-2 ._box ._left {
    padding: 26px 45px 0 60px;
    border-right: 1px solid #c6c6c6;
}

.box-sub02-03-2 ._box ._left h1 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 13px;
}

.box-sub02-03-2 ._box ._left p {
    font-family: 'NanumMyeongjo';
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.75;
    letter-spacing: -2.6px;
    text-align: left;
    color: #333;
}

.box-sub02-03-2 ._box ._right {
    padding: 27px 0 32px 48px;
}

.box-sub02-03-2 ._box ._right ._space {
    width: 206px;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #8e7a70;
    margin-bottom: 30px;
    border-radius: 10px;
}

.box-sub02-03-2 ._box ._right ._wrap {
    display: flex;
}

.box-sub02-03-2 ._box ._right ._each {
    margin-bottom: 20px;
}

.box-sub02-03-2 ._box ._right ._wrap ._idx {
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    padding: 20px 30px 28px 29px;
    margin-right: 19px;
}

.box-sub02-03-2 ._box ._right ._wrap ._idx p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #8e7a70;
    margin-bottom: 19px;
}

.box-sub02-03-2 ._box ._right ._wrap ._idx table tr td {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    padding-right: 20px;
}

.box-sub02-03-2 ._box ._right ._wrap ._idx table tr td a {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #8e7a70;
    padding-right: 0px;
    text-decoration: underline;
}

.box-sub02-03-2 ._box ._right ._wrap ._idx span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub02-03-2 ._box ._right ._wrap ._idx span a {
    color: #a0a0a0;
}

/* sub2 - page04 교육, 의료 */
.box-sub02-04-1 {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}

.box-sub02-04-1 div {
    display: flex;
    flex-direction: column;
    margin-right: 116px;
}

.box-sub02-04-1 div h1 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    text-align: left;
    color: #333;
    margin-bottom: 10px;
    margin-top: 48px;
    margin-left: 35px;
}

.box-sub02-04-1 div p a {
    color: #8e7a70;
}

.box-sub02-04-1 div span {
    display: block;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 39px;
    margin-left: 35px;
}

.box-sub02-04-1 div p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-left: 100px;
}

/* 정의 · 평화 · 생태 sub2 - page05 */
.box-sub02-05-1 {
    margin-top: 63px;
}

.box-sub02-05-1 h1 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    text-align: center;
    color: #333;
}

.box-sub02-05-2 {
    display: flex;
    margin-top: 72px;
    padding-bottom: 68px;
    border-bottom: 1px solid #cbcbcb;
    justify-content: space-between;
}

.box-sub02-05-2 div {
    padding-top: 64px;
}

.box-sub02-05-2 div h1 {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

.box-sub02-05-2 div p {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
    font-family: 'Pretendard';
    margin-top: 30px;
    margin-bottom: 20px;
}

.box-sub02-05-2 div ul li {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    font-family: 'Pretendard';
    position: relative;
    padding-left: 17px;
}

.box-sub02-05-2 div ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #a2988f;
    position: absolute;
    left: 0px;
    top: 12px;
    border-radius: 50%;
}

.box-sub02-05-2 div a {
    height: 50px;
    display: inline-block;
    width: 210px;
    color: #fff;
    background-color: #8e7a70;
    border-radius: 10px;
    margin-right: 9px;
    margin-top: 47px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.box-sub02-05-3 {
    margin-top: 68px;
    display: flex;
    justify-content: space-between;
}

.box-sub02-05-3 div {
    padding-top: 127px;
}

.box-sub02-05-3 div p {
    font-family: 'Pretendard';
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
}

.box-sub02-05-3 div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub02-05-3 div span a {
    color: #8e7a70;
}

.box-sub02-05-4 ._top {
    border-top: 2px solid #8e7a70;
    /*
    border-bottom: 1px solid #c6c6c6;
    background-color: #f6f6f6;
    height: 59px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    */
}

.box-sub02-05-4 ._top span {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-right: 18px;
    font-family: 'Pretendard';
}

.box-sub02-05-4 ._top img {
    transform: rotate(180deg);
}

.box-sub02-05-4 {
    margin-top: 50px;
}

.box-sub02-05-4 ._box {
    display: flex;
    padding: 60px 0 49px;
    border-bottom: 1px solid #c6c6c6;
}

.box-sub02-05-4 ._box ._left {
    padding: 26px 45px 0 60px;
    border-right: 1px solid #c6c6c6;
}

.box-sub02-05-4 ._box ._left h1 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 13px;
}

.box-sub02-05-4 ._box ._left p {
    font-family: 'NanumMyeongjo';
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.75;
    letter-spacing: -2.6px;
    text-align: left;
    color: #333;
}

.box-sub02-05-4 ._box ._right {
    padding: 27px 0 32px 48px;
}

.box-sub02-05-4 ._box ._right div {
    border-radius: 10px;
    border: 1px solid #bfbfbf;
    padding: 39px 36px 29px;
}

.box-sub02-05-4 ._box ._right div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    display: inline-block;
    width: 100px;
}

.box-sub02-05-4 ._box ._right div span.wide {
    width: 130px;
}

.box-sub02-05-5 {
    margin-top: 68px;
    display: flex;
    justify-content: space-between;
    padding-top: 68px;
    border-top: 1px solid #c6c6c6;
}

.box-sub02-05-5 div {
    padding-top: 125px;
}

.box-sub02-05-5 div p {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 29px;
}

.box-sub02-05-5 div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub02-05-6 ._top {
    border-top: 2px solid #8e7a70;
    /*
    border-bottom: 1px solid #c6c6c6;
    background-color: #f6f6f6;
    height: 59px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    */
}

.box-sub02-05-6 ._top span {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-right: 18px;
    font-family: 'Pretendard';
}

.box-sub02-05-6 ._top img {
    transform: rotate(180deg);
}

.box-sub02-05-6 {
    margin-top: 50px;
}

.box-sub02-05-6 ._box {
    display: flex;
    padding: 60px 0 49px;
    border-bottom: 1px solid #c6c6c6;
}

.box-sub02-05-6 ._box ._left {
    padding: 26px 45px 0 60px;
    border-right: 1px solid #c6c6c6;
}

.box-sub02-05-6 ._box ._left h1 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 13px;
}

.box-sub02-05-6 ._box ._left p {
    font-family: 'NanumMyeongjo';
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.75;
    letter-spacing: -2.6px;
    text-align: left;
    color: #333;
}

.box-sub02-05-6 ._box ._right {
    padding: 27px 0 32px 48px;
}

.box-sub02-05-6 ._box ._right ._space {
    width: 206px;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #8e7a70;
    margin-bottom: 30px;
    border-radius: 10px;
}

.box-sub02-05-6 ._box ._right ._wrap {
    display: flex;
}

.box-sub02-05-6 ._box ._right ._each:first-child ._wrap {
    margin-bottom: 60px;
}

.box-sub02-05-6 ._box ._right ._wrap ._idx {
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    padding: 20px 30px 28px 29px;
    margin-right: 19px;
}

.box-sub02-05-6 ._box ._right ._wrap ._idx p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #8e7a70;
    margin-bottom: 19px;
}

.box-sub02-05-6 ._box ._right ._wrap ._idx span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub02-05-6 ._box ._right ._wrap ._idx span a {
    color: #a0a0a0;
}

/* sub2 - page06 피정의 집 */
.box-sub02-06-1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 57px;
    margin-bottom: 70px;
}

.txt-sub-06-1 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    text-align: center;
    color: #333;
}

.box-sub02-06-1 div h2 {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
}

.box-sub02-06-1 div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    display: block;
}

.box-sub02-06-1 div p {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
    margin-bottom: 13px;
    margin-top: 30px;
}

.box-sub02-06-1 div ul {}

.box-sub02-06-1 div ul li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    padding-left: 20px;
    position: relative;
}

.box-sub02-06-1 div ul li::after {
    position: absolute;
    content: '';
    background-color: #a2988f;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    top: 11px;
    left: 0px;
}

.box-sub02-06-2 {
    background-color: #f4ece8;
    padding:70px 0 112px;
}

.box-sub02-06-2 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub02-06-2 ._inner p {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333; 
    margin-bottom: 30px;
}

.box-sub02-06-2 table {
    width: 100%;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    margin-bottom: 60px;
}

.box-sub02-06-2 table tr td:last-child {
    border-right: none;
}

.box-sub02-06-2 table tr:first-child td {
    padding:17px 0 17px 0;
    background-color: #fff;
    border-top: 2px solid #8e7a70;
}

.box-sub02-06-2 table tr:nth-child(2) td {
    padding:44px 0 43px 0;
    background-color: transparent;
}

.box-sub02-06-2 table tbody tr td {
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    width: 25%;
    vertical-align: middle;
}

.box-sub02-06-2 table tbody tr td:last-child {
    border-right: none;
}

#inside-01 {
    position: relative;
}

#inside-01 .swiper-container {
    max-width: 772px;
    max-height: 485px;
}

#inside-01 .swiper-container ul li img {
    width: 100%;
}

#inside-01 .swiper-button-next.swiper-button-white, #inside-01 .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: transparent;
}

#inside-01 .swiper-button-prev, #inside-01 .swiper-container-rtl .swiper-button-next {
    left: 89px;
    right: auto;
}

#inside-01 .swiper-button-next, #inside-01 .swiper-container-rtl .swiper-button-prev {
    right: 89px;
    left: auto;
}

#inside-01 .swiper-control {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #1d3426;
    z-index: 10;
    height: 63px;
    width: 326px;
}
#inside-01 .swiper-img-title {
	width: 240px;
	padding-left: 49px;
	color:#fff;
	font-size: 18px;
    font-family: 'Pretendard';
    position: relative;
}

#inside-01 .swiper-img-title::after {
    content: '';
    width: 63px;
    height: 1px;
    background-color: #3f5447;
    position: absolute;
    top: 12px;
    left: 150px;
}

#inside-01 .swiper-pagination {
    position: static;
    width: auto;
    padding: 0 48px 0 0;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: right;
    color: #4a6a57;
}
#inside-01 .swiper-pagination img {
	margin:0 20px;
}

.box-sub02-06-1.second div h2 {
    margin-bottom: 20px;
}

.box-sub02-06-1.second div p {
    margin-top: 20px;
}

.box-sub02-06-3 {
    background-color: #f4ece8;
    padding:70px 0 107px;
}

.box-sub02-06-3 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub02-06-3 ._inner p {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333; 
    margin-bottom: 30px;
}

.box-sub02-06-3 table {
    width: 100%;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    margin-bottom: 60px;
}

.box-sub02-06-3 table tr td:last-child {
    border-right: none;
}

.box-sub02-06-3 table tr:first-child td {
    padding:17px 0 17px 0;
    background-color: #fff;
    border-top: 2px solid #8e7a70;
}

.box-sub02-06-3 table tr:nth-child(2) td {
    padding:17px 0 17px 0;
    background-color: #fff;
}

.box-sub02-06-3 table tr:nth-child(3) td {
    padding:44px 0 43px 0;
    background-color: transparent;
}

.box-sub02-06-3 table tbody tr td {
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    width: 25%;
    vertical-align: middle;
}

.box-sub02-06-3 table tbody tr td:last-child {
    border-right: none;
}

#inside-02 {
    position: relative;
}

#inside-02 .swiper-container {
    max-width: 772px;
    max-height: 485px;
}

#inside-02 .swiper-container ul li img {
    width: 100%;
}

#inside-02 .swiper-button-next.swiper-button-white, #inside-02 .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: transparent;
}

#inside-02 .swiper-button-prev, #inside-02 .swiper-container-rtl .swiper-button-next {
    left: 89px;
    right: auto;
}

#inside-02 .swiper-button-next, #inside-02 .swiper-container-rtl .swiper-button-prev {
    right: 89px;
    left: auto;
}

#inside-02 .swiper-control {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #1d3426;
    z-index: 10;
    height: 63px;
    width: 326px;
}
#inside-02 .swiper-img-title {
	width: 240px;
	padding-left: 49px;
	color:#fff;
	font-size: 18px;
    font-family: 'Pretendard';
    position: relative;
}

#inside-02 .swiper-img-title::after {
    content: '';
    width: 63px;
    height: 1px;
    background-color: #3f5447;
    position: absolute;
    top: 12px;
    left: 150px;
}

#inside-02 .swiper-pagination {
    position: static;
    width: auto;
    padding: 0 48px 0 0;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: right;
    color: #4a6a57;
}
#inside-02 .swiper-pagination img {
	margin:0 20px;
}

#inside-02 p, #inside-03 p {
    font-size: 27px;
    font-family: 'Pretendard';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    width: 772px;
    margin: 0 auto;
    margin-bottom: 9px;
}

#inside-03 p { 
    margin-top: 80px;
}

#inside-03 {
    position: relative;
}

#inside-03 .swiper-container {
    max-width: 772px;
    max-height: 485px;
}

#inside-03 .swiper-container ul li img {
    width: 100%;
}

#inside-03 .swiper-button-next.swiper-button-white, #inside-03 .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: transparent;
}

#inside-03 .swiper-button-prev, #inside-03 .swiper-container-rtl .swiper-button-next {
    left: 89px;
    right: auto;
}

#inside-03 .swiper-button-next, #inside-03 .swiper-container-rtl .swiper-button-prev {
    right: 89px;
    left: auto;
}

#inside-03 .swiper-control {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #1d3426;
    z-index: 10;
    height: 63px;
    width: 326px;
}
#inside-03 .swiper-img-title {
	width: 240px;
	padding-left: 49px;
	color:#fff;
	font-size: 18px;
    font-family: 'Pretendard';
    position: relative;
}

#inside-03 .swiper-img-title::after {
    content: '';
    width: 63px;
    height: 1px;
    background-color: #3f5447;
    position: absolute;
    top: 12px;
    left: 150px;
}

#inside-03 .swiper-pagination {
    position: static;
    width: auto;
    padding: 0 48px 0 0;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: right;
    color: #4a6a57;
}
#inside-03 .swiper-pagination img {
	margin:0 20px;
}

/* sub2 - page07 후원안내 */
.box-sub02-07-1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 57px;
    margin-bottom: 70px;
}

.box-sub02-07-1 div {
    margin-left: 37px;
    margin-top: 47px;
}

.box-sub02-07-1 div h1 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    text-align: left;
    color: #333;
    margin-bottom: 48px;
}

.box-sub02-07-1 div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub02-07-2 {
    background-color: #fff;
    padding:0px 0 72px;
}

.box-sub02-07-2 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    border-top: 2px solid #8e7a70;
    padding: 74px 60px 76px 60px;
    border-bottom: 1px solid #bdbdbd;
    box-sizing: border-box;
}

.box-sub02-07-2 ._inner h1 {
    font-family: 'NanumMyeongjo';
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1.95px;
    text-align: left;
    color: #333;
    margin-bottom: 22px;
}

.box-sub02-07-2 ._inner p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.9px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
}

.box-sub02-07-3 {
    padding:0px 0 119px;
}

.box-sub02-07-3 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px 88px 0 364px;
    background: url(/resource/images/img-sub02-07-bg.png);
    background-repeat: no-repeat;
    height: 375px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    cursor: default;
}

.box-sub02-07-3 ._inner ._left span {
    font-family: 'NanumMyeongjo';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -1.75px;
    text-align: center;
    color: #333;
    margin-right: 28px;
}

.box-sub02-07-3 ._inner ._line {
    margin-right: 32px;
    margin-top: 12px;
}

.box-sub02-07-3 ._inner ._right ._txt01 {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1px;
    text-align: left;
    color: #333;
    margin-bottom: 5px;
}

.box-sub02-07-3 ._inner ._right ._txt02 {
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: -0.8px;
    text-align: left;
    color: #333;
    margin-bottom: 23px;
    display: block;
}

.box-sub02-07-3 ._inner ._right ._txt03 span:first-child {
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: -0.4px;
    text-align: left;
    color: #ab815d;
    margin-right: 14px;
    display: inline-block;
}

.box-sub02-07-3 ._inner ._right ._txt03-1 span:first-child {
    margin-left: 70px;
}

.box-sub02-07-3 ._inner ._right ._txt03 span:nth-child(2),
.box-sub02-07-3 ._inner ._right ._txt03-1 span:first-child {
    font-family: 'Pretendard';
    font-weight: 600;
    letter-spacing: -0.45px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    text-align: left;
    color: #333;
    margin-right: 30px;
    display: inline-block;
    position: relative;
}

.box-sub02-07-3 ._inner ._right ._txt03 span:nth-child(2) a,
.box-sub02-07-3 ._inner ._right ._txt03-1 span:first-child a {
    font-family: 'Lato';
    font-size: 18px;
    font-weight: 800;
}

.box-sub02-07-3 ._inner ._right ._txt03 span:nth-child(2) a:hover,
.box-sub02-07-3 ._inner ._right ._txt03-1 span:first-child a:hover {
    color: inherit;
}

.box-sub02-07-3 ._inner ._right ._txt03 span:nth-child(2)::after,
.box-sub02-07-3 ._inner ._right ._txt03-1 span:first-child::after {
    position: absolute;
    right: -15px;
    content: '';
    height: 14px;
    width: 1px;
    background-color: #a5a3a3;
    top: 9px;
}

.box-sub02-07-3 ._inner ._right ._txt03 span:nth-child(3),
.box-sub02-07-3 ._inner ._right ._txt03-1 span:nth-child(2) {
    font-family: 'Pretendard';
    font-weight: 600;
    letter-spacing: -0.45px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    text-align: left;
    color: #333;
    display: inline-block;
    position: relative;
}

.box-sub02-07-3 ._inner ._right ._txt03 {
    display: block;
    margin-top: 16px;
}

.box-sub02-07-3 ._inner ._right ._txt03-1 {
    display: block;
}

.box-sub02-07-3 ._inner ._right ._txt04 span:first-child {
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: -0.4px;
    text-align: left;
    color: #ab815d;
    margin-right: 42px;
    display: inline-block;
}

.box-sub02-07-3 ._inner ._right ._txt04 span, .box-sub02-07-3 ._inner ._right ._txt06 span {
    font-family: 'Lato';
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #333;
}

.box-sub02-07-3 ._inner ._right ._txt04 span:nth-child(2) a,
.box-sub02-07-3 ._inner ._right ._txt04 span:nth-child(3) a {
    color: #8e7a70;
}

.box-sub02-07-3 ._inner ._right ._txt04 span:nth-child(2) {
    position: relative;
    margin-right: 30px;
}

.box-sub02-07-3 ._inner ._bottom {
    display: flex;
    align-items: center;
    margin-top: 11px;
}

.box-sub02-07-3 ._inner ._bottom a {
    width: 292px;
    height: 44px;
    border-radius: 10px;
    border: solid 0 #000;
    background-color: #ff7e00;
    display: inline-block;
    margin-right: 22px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-sub02-07-3 ._inner ._bottom a span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #fff;
}

.box-sub02-07-3 ._txt05 {
    font-family: 'NanumMyeongjo';
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -1.65px;
    text-align: center;
    color: #333;
    margin-top: 42px;
}

.box-sub02-07-3 ._inner ._right ._txt06 span {
    margin-left: 73px;
}

/* sub3 - page01 양성 과정 */
.box-sub03-01-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;;
}

.box-sub03-01-01 p {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: center;
    color: #333;
    margin-bottom: 29px;
}

.box-sub03-01-01 span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -1.35px;
    text-align: center;
    color: #333;
    margin-bottom: 30px;
    display: block;
}

.box-sub03-01-01 span:nth-child(4) {
    margin-bottom: 317px;
}

.box-sub03-01-01 img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.box-sub03-01-02.beige {
    background-color: #f4ece8;
    padding: 70px 0;
}

.box-sub03-01-02.beige ._inner ._box {
    padding: 0 40px;
}

.box-sub03-01-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-sub03-01-02.white {
    padding: 70px 0;
    background-color: #fff;
}

.box-sub03-01-02 ._inner ._box h1 {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
}

.box-sub03-01-02 ._inner ._box p {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
    margin-bottom: 18px;
}

.box-sub03-01-02 ._inner ._box span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    display: block;
}

.box-sub03-01-02 ._inner ._box li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 17px;
}

.box-sub03-01-02 ._inner ._box li::before {
    content: '';
    position: absolute;
    left: 1px;
    top: 9px;
    height: 6px;
    width: 7px;
    border-radius: 50%;
    background: #a2988f;
}

.box-sub03-01-03 {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    margin-bottom: 52px;
}

/* sub3 - page02 성소 모임 */
.box-sub03-02-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;;
}

.box-sub03-02-01 p {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: center;
    color: #333;
    margin-bottom: 69px;
}

.box-sub03-02-02 {
    background-color: #f4ece8;
    padding: 70px 0 95px;
}

.box-sub03-02-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub03-02-02 ._inner p:first-child {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 49px;
}

.box-sub03-02-02 ._inner ._box:nth-child(2) {
    display: flex;
    align-items: center;
    margin-bottom: 74px;
}

.box-sub03-02-02 ._inner ._box:nth-child(2) ._slide {
    margin-right: 65px;
}

.box-sub03-02-02 ._inner ._box:nth-child(3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-sub03-02-02 ._inner ._box ._slide {
    width: 480px;
    height: 300px;
}

.box-sub03-02-02 ._inner ._box ._txt {
    
}

.box-sub03-02-02 ._inner ._box ._txt h1 {
    font-family: 'Pretendard';
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 20px;
}

.box-sub03-02-02 ._inner ._box ._txt h1 a {
    font-family: 'Pretendard';
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.69;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-left: 48px;
    position: relative;
}

.box-sub03-02-02 ._inner ._box ._txt h1 a::before {
    position: absolute;
    left: -24px;
    content: '';
    height: 17px;
    width: 1px;
    background-color: #a5a3a3;
    top: 4px;
}

.box-sub03-02-02 ._inner ._box ._txt span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
    display: block;
}

.box-sub03-02-02 ._inner ._box ._txt li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 17px;
}

.box-sub03-02-02 ._inner ._box ._txt li.pl {
    padding-left: 60px;
}

.box-sub03-02-03 ._inner ._box ._txt li.pl {
    padding-left: 60px;
}

.box-sub03-03-02 ._inner ._box ._txt li.pl, .box-sub03-03-03 ._inner ._box ._txt li.pl {
    padding-left: 60px;
}

.box-sub03-02-02 ._inner ._box ._txt li.pl::before {
    display: none;
}

.box-sub03-02-02 ._inner ._box ._txt li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #a2988f;
}

.box-sub03-02-02 ._inner ._box ._txt li b {
    margin-right: 30px;
    position: relative;
    font-weight: 400 !important;
}

.box-sub03-02-02 ._inner ._box ._txt li b::after {
    position: absolute;
    right: -18px;
    content: '';
    height: 13px;
    width: 1px;
    background-color: #a5a3a3;
    top: 5px;
}

._slide .swiper-pagination {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 26px;
    height: 30px;
}

._slide .swiper-pagination-bullet {
    width: 35px;
    height: 5px;
    background-color: #dbc5ba;
    margin-right: 7px;
    opacity: 1;
    border-radius: 0;
    cursor: pointer;
}

._slide .swiper-pagination-bullet-active {
    width: 35px;
    height: 5px;
    background-color: #8e7a70;
    margin-right: 7px;
    opacity: 1;
    border-radius: 0;
    cursor: pointer;
}

.box-sub03-02-03 {
    background-color: #fff;
    padding: 70px 0 95px;
}

.box-sub03-02-03 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub03-02-03 ._inner p:first-child {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 49px;
}

.box-sub03-02-03 ._inner ._box:nth-child(2) {
    display: flex;
    align-items: center;
}

.box-sub03-02-03 ._inner ._box:nth-child(2) ._slide {
    margin-right: 65px;
}

.box-sub03-02-03 ._inner ._box ._slide {
    width: 480px;
    height: 300px;
}

.box-sub03-02-03 ._inner ._box ._txt h1 {
    font-family: 'Pretendard';
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 20px;
}

.box-sub03-02-03 ._inner ._box ._txt h1 a {
    font-family: 'Pretendard';
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.69;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-left: 48px;
    position: relative;
}

.box-sub03-02-03 ._inner ._box ._txt h1 a::before {
    position: absolute;
    left: -24px;
    content: '';
    height: 17px;
    width: 1px;
    background-color: #a5a3a3;
    top: 4px;
}

.box-sub03-02-03 ._inner ._box ._txt span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
    display: block;
}

.box-sub03-02-03 ._inner ._box ._txt li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 17px;
}

.box-sub03-02-03 ._inner ._box ._txt li.pl::before {
    display: none;
}

.box-sub03-02-03 ._inner ._box ._txt li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #a2988f;
}

.box-sub03-02-03 ._inner ._box ._txt li b {
    margin-right: 30px;
    position: relative;
}

.box-sub03-02-03 ._inner ._box ._txt li b::after {
    position: absolute;
    right: -18px;
    content: '';
    height: 13px;
    width: 1px;
    background-color: #a5a3a3;
    top: 5px;
}

.box-sub03-02-04 {
    background-color: #f4ece8;
    padding: 70px;
}

.box-sub03-02-04 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub03-02-04 ._inner p:first-child {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 49px;
}

.box-sub03-02-04 ._inner ._box {
    display: flex;
    align-items: center;
}

.box-sub03-02-04 ._inner ._box img {
    margin-right: 65px;
}

.box-sub03-02-04 ._inner ._box p {
    font-family: 'Pretendard';
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 20px;
}

.box-sub03-02-04 ._inner ._box span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    display: block;
    margin-bottom: 20px;
}

.box-sub03-02-04 ._inner ._box span b {
    display: inline-block;
    margin-right: 36px;
    position: relative;
}

.box-sub03-02-04 ._inner ._box span b::after {
    position: absolute;
    right: -18px;
    content: '';
    height: 13px;
    width: 1px;
    background-color: #a5a3a3;
    top: 9px;
}

.box-sub03-02-04 ._inner ._sns {
    display: flex;
    margin-top: 30px;
    min-width: 620px;
}

.box-sub03-02-04 ._inner ._sns a {
    margin-right: 10px;
    height: 51px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 51px;
    letter-spacing: -0.45px;
    text-align: center;
    color: #fff;
    font-family: 'Pretendard';
    display: block;
    padding: 0 27px;
    border-radius: 10px;
    border: solid 0 #000;
    background-color: #8e7a70;
    display: flex;
    align-items: center;
}

.box-sub03-02-04 ._inner ._sns a img {
    margin-right: 7px;
}

/* sub3 - page03 청년모임 */
.box-sub03-03-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;;
}

.box-sub03-03-01 p {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: center;
    color: #333;
    margin-bottom: 61px;
}

.box-sub03-03-02 {
    background-color: #f4ece8;
    padding: 79px 0 70px;
}

.box-sub03-03-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub03-03-02 ._inner p:first-child {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 49px;
}

.box-sub03-03-02 ._inner ._box:nth-child(2) {
    display: flex;
    align-items: center;
}

.box-sub03-03-02 ._inner ._box:nth-child(2) ._slide {
    margin-right: 65px;
    margin-top: -30px;
}

.box-sub03-03-02 ._inner ._box:nth-child(3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-sub03-03-02 ._inner ._box ._slide {
    width: 480px;
    height: 300px;
}

.box-sub03-03-02 ._inner ._box ._txt h1 {
    font-family: 'Pretendard';
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 20px;
}

.box-sub03-03-02 ._inner ._box ._txt h1 a {
    font-family: 'Pretendard';
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.69;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-left: 48px;
    position: relative;
}

.box-sub03-03-02 ._inner ._box ._txt h1 a::before {
    position: absolute;
    left: -24px;
    content: '';
    height: 17px;
    width: 1px;
    background-color: #a5a3a3;
    top: 4px;
}

.box-sub03-03-02 ._inner ._box ._txt span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
    display: block;
}

.box-sub03-03-02 ._inner ._box ._txt p {
    margin-top: 19px;
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
    margin-bottom: 9px;
}

.box-sub03-03-02 ._inner ._box ._txt li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 17px;
}

.box-sub03-03-02 ._inner ._box ._txt li a {
    width: 44px;
    display: inline-block;
}

.box-sub03-03-02 ._inner ._box ._txt li.pl::before {
    display: none;
}

.box-sub03-03-02 ._inner ._box ._txt li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #a2988f;
}

.box-sub03-03-02 ._inner ._box ._txt li b {
    display: inline-block !important;
    margin-right: 26px;
    position: relative;
    color: #333 !important;
}

.box-sub03-03-02 ._inner ._box ._txt li b::after {
    position: absolute;
    right: -15px;
    content: '';
    height: 13px;
    width: 1px;
    background-color: #a5a3a3;
    top: 6px;
}

.box-sub03-03-02 ._inner ._box ._txt ._sns {
    border-radius: 10px;
    border: solid 0 #000;
    background-color: #8e7a70;
    width: 51px;
    height: 51px;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    line-height: 45px;
}


.box-sub03-03-03 {
    background-color: #fff;
    padding: 70px 0 102px;
}

.box-sub03-03-03 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub03-03-03 ._inner p:first-child {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 49px;
}

.box-sub03-03-03 ._inner ._box:nth-child(2) {
    display: flex;
    align-items: center;
}

.box-sub03-03-03 ._inner ._box:nth-child(2) ._slide {
    margin-right: 65px;
}

.box-sub03-03-03 ._inner ._box:nth-child(3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-sub03-03-03 ._inner ._box ._slide {
    width: 480px;
    height: 300px;
}

.box-sub03-03-03 ._inner ._box ._txt span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 20px;
    display: block;
}

.box-sub03-03-03 ._inner ._box ._txt ul:nth-child(2), .box-sub03-03-03 ._inner ._box ._txt ul:nth-child(3){
    margin-bottom: 28px;
}

.box-sub03-03-03 ._inner ._box ._txt li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 17px;
}

.box-sub03-03-03 ._inner ._box ._txt li.pl::before {
    display: none;
}

.box-sub03-03-03 ._inner ._box ._txt li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #a2988f;
}

.box-sub03-03-03 ._inner ._box ._txt li b {
    display: inline-block;
    margin-right: 26px;
    position: relative;
}

.box-sub03-03-03 ._inner ._box ._txt li b::after {
    position: absolute;
    right: -15px;
    content: '';
    height: 13px;
    width: 1px;
    background-color: #a5a3a3;
    top: 6px;
}

/* sub03 - page04-01 예수 · 마리아 · 요셉회 입회 · 양성 안내 */
.sub3-04-ctt {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: center;
    color: #333;
    display: block;
    margin-bottom: 47px;
}

.box-sub03-04-01-01 {
    background-color: #fff;
    padding: 70px 0 70px;
}

.box-sub03-04-01-01 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.box-sub03-04-01-01 ._inner img {
    margin-right: 64px;
}

.box-sub03-04-01-01 ._inner ._box p {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 19px;
}

.box-sub03-04-01-01 ._inner ._box span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub03-04-01-02 {
    background-color: #f4ece8;
    padding: 70px 0;
}

.box-sub03-04-01-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-sub03-04-01-02 ._inner ._box p {
    font-family: 'Pretendard';
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 18px;
}

.box-sub03-04-01-02 ._inner ._box li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 17px;
}

.box-sub03-04-01-02 ._inner ._box li b {
   width: 107px; 
   display: inline-block
}

.box-sub03-04-01-02 ._inner ._box li b.m-b {
    display: none;
}

.box-sub03-04-01-02 ._inner ._box li b.m-b2 {
    display: none;
}

.box-sub03-04-01-02 ._inner ._box li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #a2988f;
}

/* sub3 - page04-02 모임안내 */

.box-sub03-04-02-01 {
    background-color: #fff;
    padding: 70px 0 113px;
}

.box-sub03-04-02-01 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.box-sub03-04-02-01 ._inner p:first-child {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.5px;
    text-align: center;
    color: #333; 
    margin-bottom: 23px;
}

.box-sub03-04-02-01 ._inner ._contact {
    width: 100%;
    height: 106px;
    padding: 32px 0 28px;
    text-align: center;
    background-color: #8e7a70;
    box-sizing: border-box;
}

.box-sub03-04-02-01 ._inner ._contact p {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: initial !important;
    letter-spacing: -0.5px;
    text-align: center;
    color: #fff;
    font-family: 'Pretendard';
    margin-bottom: 5px;
}

.box-sub03-04-02-01 ._inner ._contact span {
    display: block;
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.43px;
    text-align: center;
    color: #fff;
}

.box-sub03-04-02-01 ._inner ._contact span img {
    margin-right: 11px;
}

.box-sub03-04-02-01 ._inner ._contact span a {
    cursor: pointer;
    color: #fff;
}

.box-sub03-04-02-01 ._inner ._contact span a:hover {
    color: #fff;
}
.box-sub03-04-02-01 ._table {
    width: 100%;
    margin-bottom: 48px;
}

.box-sub03-04-02-01 ._table table {
    width: 100%;
    text-align: center;
}

.box-sub03-04-02-01 ._table table thead tr th {
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.box-sub03-04-02-01 ._table table tbody tr td.bd {
    border-right: 1px solid #bdbdbd !important;
}

.box-sub03-04-02-01 ._table table thead tr th:last-child,
.box-sub03-04-02-01 ._table table tbody tr td:last-child {
    border-right: none;
}

.box-sub03-04-02-01 ._table table thead tr th:first-child,
.box-sub03-04-02-01 ._table table tbody tr th:first-child {
    width: 19%;
}

.box-sub03-04-02-01 ._table table thead tr th:nth-child(2),
.box-sub03-04-02-01 ._table table tbody tr th:nth-child(2) {
    width: 28%;
}

.box-sub03-04-02-01 ._table table thead tr th:nth-child(3),
.box-sub03-04-02-01 ._table table tbody tr th:nth-child(3) {
    width: 26%;
}

.box-sub03-04-02-01 ._table table thead tr th:nth-child(4),
.box-sub03-04-02-01 ._table table tbody tr th:nth-child(4) {
    width: 27%;
}

.box-sub03-04-02-01 ._table table thead tr th,
.box-sub03-04-02-01 ._table table tbody tr th {
    background-color: #f6f6f6 !important;
}

.box-sub03-04-02-01 ._table table tbody tr td,
.box-sub03-04-02-01 ._table table tbody tr th {
    background-color: #fff;
    padding: 17px;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    vertical-align: middle;
}

.box-sub03-04-02-01 ._table table tbody tr td span {
    display: block;
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.03;
    letter-spacing: -0.43px;
    text-align: center;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-sub03-04-02-01 ._table table tbody tr td span a {
    font-weight: 500;
    cursor: pointer;
    color: #333;
}

.box-sub03-04-02-01 ._table table tbody tr td span a:hover {
    color: #333;
}

.box-sub03-04-02-01 ._table table tbody tr td span:nth-child(3) {
   margin-top: 33px; 
   line-height: 1.71;
}

.box-sub03-04-02-01 ._table table tbody tr td span img {
    margin-right: 7px;
}

.box-sub03-04-02-01 ._table table thead tr th {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    padding: 17px;
    border-top: 2px solid #a2988f;
}

.box-sub03-04-02-01 ._table table tbody tr {
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.43px;
    text-align: center;
    color: #333;
}

.board-search.sub3-04-03 {
    margin-top: 55px;
    margin-bottom: 43px;
}

.sub03-04-03.tab-02 {
    width: 100%;
    margin-top: 43px;
    margin-bottom: 37px;
}

.sub03-04-03.tab-02 ul {
    display: flex;
    height: 48px;
}

.sub03-04-03.tab-02 ul li:first-child {
    border-left: 1px solid #c6c6c6;
}

.sub03-04-03.tab-02 ul li {
    width: calc(100% / 6);
    background-color: #f6f6f6;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 48px;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    border-right : 1px solid #c6c6c6;
    border-top : 1px solid #c6c6c6;
    border-bottom : 1px solid #c6c6c6;
}

.sub03-04-03.tab-02 ul li a {
    color: inherit;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

.sub03-04-03.tab-02 ul li a:hover {
    color: inherit;
}

.sub03-04-03.tab-02 ul li.active {
    background-color: #8e7a70;
    color: #fff;
    border: 1px solid #8e7a70;
}

/* JPIC는 sub4 - page01-01 */
.box-sub04-01-1-1 {
    padding: 10px 50px 80px;
}

.box-sub04-01-1-1 h1 {
    color: #9e9e9e;
    font-family: 'NanumMyeongjo';
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.12;
    letter-spacing: -1.25px;
    text-align: center;
}

.box-sub04-01-1-1 h1 b:first-child {
    color: #7ab95d;
}

.box-sub04-01-1-1 h1 b:nth-child(2) {
    color: #45abd8;
}

.box-sub04-01-1-1 h1 b:nth-child(3) {
    color: #906db6;
}

.box-sub04-01-1-1 p {
    font-family: 'NanumMyeongjo';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.87;
    letter-spacing: -2.25px;
    text-align: center;
    color: #333;
    margin-top: 12px;
}

.box-sub04-01-1-1 ._bottom {
    margin-top: 80px;
    padding-left: 167px;
    display: flex;
}

.box-sub04-01-1-1 ._bottom div {
    margin-right: 98px;
}

.box-sub04-01-1-1 ._bottom div span {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: left;
    color: #333;
    display: block;
    margin-bottom: 50px;
}

.box-sub04-01-1-1 ._bottom div p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub04-01-1-2 {
    background: url(/resource/images/img-sub04-01-01-02.png);
    height: 692px;
    padding-top: 131px;
    box-sizing: border-box;
}

.box-sub04-01-1-2 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
}

.box-sub04-01-1-2 ._inner p {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 20px;
}

.box-sub04-01-1 {
    list-style-type: none;
    width: 672px;
}

.box-sub04-01-1 li {
    position: relative;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    border-bottom: 1px dotted;
    padding: 15px 0 15px 25px;
}

.box-sub04-01-1 li:first-child:not(.not) {
    padding-top: 0;
}

.box-sub04-01-1 li:first-child::before {
    top: 12px;
}

.box-sub04-01-1 li::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 26px;
    height: 6px;
    width: 7px;
    border-radius: 50%;
    background: #a2988f;
}

.box-sub04-01-1.b li:not(.not):first-child::before {
    top: 16px;
}

.box-sub04-01-1.b li::before {
    top: 30px;
}

.box-sub04-01-1 li b {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.55px;
}

.box-sub04-01-1-3 {
    background: url(/resource/images/img-sub04-01-01-03.png);
    height: 809px;
    padding-top: 70px;
    box-sizing: border-box;
}

.box-sub04-01-1-3 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
}

.box-sub04-01-1-3 ._inner p, .box-sub04-01-1-4 ._inner p, 
.box-sub04-01-2-1 p, .box-sub04-01-2-2 p {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 20px;
}

.box-sub04-01-1-4 {
    background-color: #f4ece8;
    padding: 70px 0;
}

.box-sub04-01-1-2 ._ul {width: 670px;}

.box-sub04-01-1-3 ._ul {width: 671px;}

.box-sub04-01-1-4 ._ul {
    width: 661px;
}

.box-sub04-01-1-4 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.box-sub04-01-1-4 ._inner div {
    padding-top: 30px;
}

.box-sub04-01-1-4 a {
    color: #fff;
    background-color: #8e7a70;
    padding: 18px 0 17px;
    border-radius: 10px;
    width: 325px;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 28px;
    cursor: pointer;
}

.box-sub04-01-2-1 {
    background-color: #f4ece8;
    padding: 55px 0;
}

.box-sub04-01-2-1 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.box-sub04-01-2-1 ._inner div {
    padding-top: 30px;
}

.box-sub04-01-2-2 {
    padding: 70px 0;
}

.box-sub04-01-2-2 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.box-sub04-01-2-2 ._inner div {
    padding-top: 30px;
}

.box-sub04-01-2-2 ul li {
    border-bottom: none;
}

.history {
    padding: 60px;
}

.history ._inner {
    max-width: 1111px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.history ._inner ._each {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 2px;
}

.history ._inner ._each ._left {
    width: calc(50% - 49px);
    padding-right: 49px;
    border-right: 2px dotted #303030;
    padding-bottom: 80px;
    position: relative;
}

.history ._inner ._each ._left:first-child {
    padding-top: 68px;
}

.history ._inner ._each ._left {
    text-align: right;
}

.history ._inner ._each ._right {
    text-align: left;
}

.history ._inner ._each ._right:nth-child(2) {
    padding-top: 68px;
}

.history ._inner ._each ._left::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #8e7a70;
    border-radius: 50%;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.history ._inner ._each ._right {
    width: calc(50% - 49px);
    padding-left: 47px;
}

.history ._inner ._each h1 {
    font-family: 'NanumMyeongjo';
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.6;
    letter-spacing: -2.5px;
    text-align: left;
    color: #8e7a70;
    margin-bottom: 29px;
}

.history ._inner ._each p {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
    margin-bottom: 6px;
}

.history ._inner ._each a, .history ._inner ._each span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    color: #333;
    display: block;
    line-height: 1.67;
}

.history ._inner ._each ._right h1, .history ._inner ._each ._right p, 
.history ._inner ._each ._right a, .history ._inner ._each ._right span {
    text-align: left;
}

.history ._inner ._each ._left h1, .history ._inner ._each ._left p, 
.history ._inner ._each ._left a, .history ._inner ._each ._left span {
    text-align: right;
}

.history ._inner ._each a {
    font-weight: 600;
    color: #8e7a70;
}

/* sub4 - page03 소비녀 지금 여기 */
.box-sub04-03-1 {
    padding: 10px 50px 80px;
}

.box-sub04-03-1 h1 {
    color: #9e9e9e;
    font-family: 'NanumMyeongjo';
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.12;
    letter-spacing: -1.25px;
    text-align: center;
}

.box-sub04-03-1 h1 b:first-child {
    color: #7ab95d;
}

.box-sub04-03-1 h1 b:nth-child(2) {
    color: #45abd8;
}

.box-sub04-03-1 h1 b:nth-child(3) {
    color: #906db6;
}

.box-sub04-03-1 p {
    font-family: 'NanumMyeongjo';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.87;
    letter-spacing: -2.25px;
    text-align: center;
    color: #333;
    margin-top: 12px;
}

.box-sub04-03-1 ._bottom {
    margin-top: 80px;
    padding-left: 75px;
    display: flex;
}

.box-sub04-03-1 ._bottom div {
    margin-right: 98px;
}

.box-sub04-03-1 ._bottom div span {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: left;
    color: #333;
    display: block;
}

.box-sub04-03-1 ._bottom div span:first-child {
    margin-bottom: 25px;
}

.box-sub04-03-1 ._bottom div p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 31px;
}

.box-sub04-03-2 {
    background-color: #f4ece8;
    padding: 80px 0;
    margin-top: -133px;
}

.box-sub04-03-2 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-sub04-03-2 ._inner div a {
    display: none;
}

.box-sub04-03-2 ._inner img:last-child {
    margin-top: 80px;
}

.box-sub04-03-2 ._inner ._box h1 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
}

.box-sub04-03-2 ._inner ._box div p {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
    margin-top: 27px;
    margin-bottom: 24px;
}
.box-sub04-03-2 ._inner ._box div ul li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.box-sub04-03-2 ._inner ._box div img:last-child {
    margin-top: 27px;
}

.box-sub04-03-3 {
    padding: 70px 0;
}

.box-sub04-03-3 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-sub04-03-3 ._inner div p {
    font-family: 'Pretendard';
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #8e7a70;
    margin-bottom: 9px;
    display: inline-block;
    margin-left: 10px;
}

.box-sub04-03-3 ._inner div h1 {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
    display: inline-block;
}

.box-sub04-03-3 ._inner div span.big {
    font-size: 20px;
}

.box-sub04-03-3 ._inner div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    display: block;
}

.box-sub04-03-3 ._inner div b {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
    margin-top: 28px;
    display: block;
}

.box-sub04-03-4 {
    background-color: #f4ece8;
    padding: 70px 0;
}

.box-sub04-03-4 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-sub04-03-4 ._inner ._box p {
    font-family: 'Pretendard';
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #8e7a70;
    margin-bottom: 9px;
    display: inline-block;
    margin-left: 10px;
}

.box-sub04-03-4 ._inner ._box h1 {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 18px;
    display: inline-block;
}

.box-sub04-03-4 ._inner ._box span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    display: block;
}

.box-sub04-03-4 ._inner ._box span.big{
    font-size: 20px;
}

.box-sub04-03-4 ._inner ._box b {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
    display: block;
    margin-top: 29px;
}

.box-sub04-03-4 ._inner ._box ul {
    margin-top: 25px;
}

.box-sub04-03-4 ._inner ._box li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    padding-left: 17px;
    position: relative;
}

.box-sub04-03-4 ._inner ._box li::before {
    content: '';
    position: absolute;
    left: 1px;
    top: 12px;
    height: 6px;
    width: 7px;
    border-radius: 50%;
    background: #a2988f;
}

.box-sub04-03-5 {
    padding: 70px 0;
}

.box-sub04-03-5 ._inner {
    max-width: 1145px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-sub04-03-5 ._inner ._box p {
    font-family: 'Pretendard';
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #8e7a70;
    margin-bottom: 9px;
    display: inline-block;
    margin-left: 10px;
}

.box-sub04-03-5 ._inner ._box h1 {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 18px;
    display: inline-block;
}

.box-sub04-03-5 ._inner ._box span.big{
    font-size: 20px;
}

.box-sub04-03-5 ._inner ._box span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    display: block;
}

.box-sub04-03-5 ._inner ._box span:nth-child(3) {
    margin-bottom: 19px;
}

.box-sub04-03-5 ._inner ._box span:last-child {
    margin-top: 17px;
}

.box-sub04-03-5 ._inner ._box b {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
    display: block;
    margin-top: 19px;
}

.box-sub04-03-5 ._inner ._box ul {
    margin-top: 8px;
}

.box-sub04-03-5 ._inner ._box li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    padding-left: 17px;
    position: relative;
}

.box-sub04-03-5 ._inner ._box li::before {
    content: '';
    position: absolute;
    left: 1px;
    top: 12px;
    height: 6px;
    width: 7px;
    border-radius: 50%;
    background: #a2988f;
}

.box-sub04-03-6 {
    padding: 10px 0 108px 0;
}

.box-sub04-03-6 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.box-sub04-03-6 ._inner a {
    width: 305px;
    height: 51px;
    background-color: #8e7a70;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    align-items: center;
    cursor: pointer;
    margin:0 auto;
}

.box-sub04-03-6 ._inner a img {
    margin-right: 23px;
}

.box-sub04-03-6 ._inner a span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 51px;
    letter-spacing: -0.45px;
    text-align: center;
    color: #fff;
}

.box-sub04-03-6 ._inner .insta-logo {
    margin-bottom: 43px;
}

.box-sub04-03-6 ._inner ._wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.box-sub04-03-6 ._inner ._box {
    width: 947px;
    display: flex;
    margin-bottom: 10px;
}

.box-sub04-03-6 ._inner ._box div {
    width: 309px;
    height: 309px;
    margin-right: 10px;
    background-color: #dcdcdc;
}

.box-sub04-03-6 ._inner ._box div:last-child {
    margin-right: 0;
}

/* 연대의그물망 sub4 - page04 */
.box-sub04-04-1 {
    padding: 10px 0px 80px;
}

.box-sub04-04-1 h1 {
    color: #9e9e9e;
    font-family: 'NanumMyeongjo';
    font-size: 50px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.12;
    letter-spacing: -1.25px;
    text-align: center;
}

.box-sub04-04-1 h1 b:first-child {
    color: #7ab95d;
}

.box-sub04-04-1 h1 b:nth-child(2) {
    color: #45abd8;
}

.box-sub04-04-1 h1 b:nth-child(3) {
    color: #906db6;
}

.box-sub04-04-1 p {
    font-family: 'NanumMyeongjo';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.87;
    letter-spacing: -2.25px;
    text-align: center;
    color: #333;
    margin-top: 12px;
}

.box-sub04-04-1 ._bottom {
    margin-top: 70px;
}

.box-sub04-04-1 ._bottom ._txt p {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.8px;
    text-align: center;
    color: #333;
    margin-bottom: 43px;
}

.box-sub04-04-1 ._bottom ._txt span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -0.18px;
    text-align: center;
    color: #333;
    display: block;
}

.wrap-link-box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 71px;
}

.wrap-link-box ._idx {
    width: 278px;
    height: 361px;
    margin-right: 29px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    cursor: pointer;
}

.wrap-link-box ._idx:last-child {
    margin-right: 0;
}

.wrap-link-box ._idx:hover ._bt {
    background-color: #8e7a70;
}

.wrap-link-box ._idx:hover ._bt span {
    color: #fff;
}

.wrap-link-box ._idx ._bt i {
	background-image: url(/resource/images/icon-go-link-hover.png);
    width: 16px;
    height: 16px;
}

.wrap-link-box ._idx:hover ._bt i {
	background-image: url(/resource/images/icon-go-link.png);
}

.wrap-link-box ._idx ._bt {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bfbfbf;
    border-top: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 54px;
    background-color: #fff;
}

.wrap-link-box ._idx ._bt span {
    font-family: 'Pretendard';
    font-size: 20.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.83;
    letter-spacing: -0.51px;
    text-align: center;
    color: #333;
    display: block;
    margin-right: 10px;
}

.box-sub04-04-2 {
    background-color: #f4ece8;
    height: 305px;
    margin-top: -263px;
}

#modalContainer_link {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
  
#modalContent_link {
    position: absolute;
    background-color: #ffffff;
    width: 900px;
    height: 654px;
    box-sizing: border-box;
    padding: 69px 60px;
    overflow-y: auto;
    border-top: 5px solid #89b150;
}

#modalContainer_link ._top h1 {
    font-family: 'NanumMyeongjo';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -2.28px;
    text-align: left;
    color: #333;
    margin-bottom: 17px;
}
#modalContainer_link ._top p {
    font-family: 'Pretendard';
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.45px;
  text-align: left;
  color: #333;
}

#modalContainer_link ._list {
    margin-top: 34px;
    width: 777px;
}

#modalContainer_link ._list ul li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding: 21px 40px;
    cursor: pointer;
}

#modalContainer_link ._list ul li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 10;
}

#modalContainer_link ._list ul li a:link {
    color: initial !important;
}

#modalContainer_link ._list ul li a:visited {
    color: initial !important;
}

#modalContainer_link ._list ul li::before {
    position: absolute;
    content: url(/resource/images/modal-link-dot.png);
    top: -17px;
    left: 0;
}

#modalContainer_link ._list ul li:last-child::after {
    position: absolute;
    content: url(/resource/images/modal-link-dot.png);
    bottom: -9px;
    left: 0;
}

#modalContainer_link ._list ul li:nth-child(odd) {
    background-color: #f6f3f1;
}

#modalContainer_link ._list ul li:nth-child(even) {
    background-color: #fff;
}

#modalContainer_link ._list ul li ._gray {
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a7a7a7;
}

#modalContent_link::-webkit-scrollbar {
    width: 25px;
    background-color: #fff;
}

#modalContent_link::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d8d8d8;
    border-radius: 5px;
    background-clip: padding-box;
    border: 10px solid #fff;
}

#modalContent_link::-webkit-scrollbar-track { 
    background-color: #fff;
}
  
#modalContainer_link.hidden {
    display: none;
}

/* 강생 이야기 sub5 - page02 */
.tab {
    margin-top: 63px;
}

.tab ul {
    display: flex;
    width: 100%;
}

.tab ul li {
    border-bottom: 3px solid #dbdbdb;
    padding-bottom: 17px;
    text-align: center;
    cursor: pointer;
}

.tab ul.n2 li {
    width: 50%;
}

.tab ul.n3 li {
    width: 33.3%;
}
.tab ul.n4 li {
    width: 25%;
}
.tab ul.n5 li {
    width: 20%;
}
.tab ul.n6 li {
    width: calc(100% / 6);
}

.tab ul li.on {
    border-bottom: 3px solid #8e7a70;
}

.tab ul li a {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.5px;
    text-align: center;
    color: #9e9e9e
}

.tab ul li.on a {
    color: #101820;
}

.tab-contents {
    margin-top: 58px;
}

.tab-contents .panel {
    display: none;
}

.tab-contents .panel.on {
    display: block;
}

.tab-contents .panel .list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 1060px;
}

.tab-contents .panel .list li {
    width: 320px;
    height: 325px;
    margin-right: 50px;
    margin-bottom: 50px;
}

.tab-contents .panel .list li:nth-child(3n) {
    margin-right: 0;
}

.tab-contents .panel .list li a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tab-contents .panel .list.add-after {
    width: 1092px;
}

.tab-contents .panel .list.add-after li {
    width: 243px;
    height: 300px;
    margin-right: 40px;
    margin-bottom: 40px;
    position: relative;
}

.tab-contents .panel .list.add-after li:nth-child(4n) {
    margin-right: 0px;
}

.tab-contents .panel .list.add-after li a:hover:after {
    display: block;
    position: absolute;
    /* margin-top: -30px; */
    text-indent: 0;
    content: url(/resource/images/down-btn.png);
    text-align: center;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
}

.tab-contents .panel .list li a img {
    height: 100%;
}

.tab-contents .panel .list ._img-01 {
    height: 180px;
    width: 100%;
    background-color: #e1e1e1;
    position: relative;
}

.tab-contents .panel .list ._img-01 img {
    width: 100%;
}

.tab-contents .panel .list ._img-01 .board-fixed {
    right: 11px;
    top: 14px;
    position: absolute;
    width: 29px;
    height: auto;
}

.tab-contents .panel .list ._box-txt {
    border-bottom: 1px solid #000;
    padding: 29px 0 0 0;
    height: 145px;
    box-sizing: border-box;
}
.tab-contents .panel .list ._tit {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 23px;
}
.tab-contents .panel .list span {
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.4px;
    text-align: left;
    color: #999;
}

.tab-contents .panel .list div span:first-child {
    margin-right: 30px;
    position: relative;
}


.tab-contents .panel .list div span:first-child::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -15px;
    width: 1px;
    height: 12px;
    background-color: #666f6a;
}

/* 그루터기 sub6 - page01 */
.wrap-box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.round-flex-box {
    width: 350px;
    height: 220px;
    margin-bottom: 45px;
    margin-right: 75px;
}

.round-flex-box a:hover ._bottom {
    background-color: #8e7a70;
}

.round-flex-box a:hover ._bottom span {
    color: #fff;
}

.round-flex-box ._bottom i {
	background-image: url(/resource/images/icon-go-link-hover.png);
    width: 16px;
    height: 16px;
}

.round-flex-box a:hover ._bottom i {
	background-image: url(/resource/images/icon-go-link.png);
}

.round-flex-box:nth-child(3n) {
    margin-right: 0;
}

.round-flex-box ._bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bfbfbf;
    border-top: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 54px;
}

.round-flex-box ._bottom span {
    display: block;
    margin-right: 13px;
    font-family: 'Pretendard';
    font-size: 19.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.49px;
    text-align: center;
    color: #333;
}

/* sub6 page01-01 총원 */
.box-sub06-01-01-01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 57px;
    margin-bottom: 92px;
}

.box-sub06-01-01-01 div {
    padding-left: 59px;
}

.box-sub06-01-01-01 div h2 {
    font-family: 'NanumMyeongjo';
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -1.6px;
    text-align: left;
    color: #333;
    margin-bottom: 48px;
    padding-top: 69px;
}

.box-sub06-01-01-01 div h2 b {
    color: #8e7a70;
    font-weight: 600;
}

.box-sub06-01-01-01 div span {
    font-family: 'NanumMyeongjo';
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.98;
    letter-spacing: -1.1px;
    text-align: left;
    color: #333;}


.box-sub06-01-01-02 {
    padding-bottom: 104px;
}

.box-sub06-01-01-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-sub06-01-01-02 ._inner ._wrap {
    display: flex;
}

.box-sub06-01-01-02 ._inner ._wrap ._each {
    width: calc(100%/3 - 20px);
    margin-right: 30px;
}

.box-sub06-01-01-02 ._inner ._wrap ._each:last-child {
    margin-right: 0;
}

.box-sub06-01-01-02 ._inner ._wrap ._each h1 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    width: 100%;
    border-bottom: 2px solid #8e7a70;
    padding-bottom: 12px;
    margin-bottom: 25px;
}

.box-sub06-01-01-02 ._inner ._wrap ._each ._table tr td:first-child {
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.09;
    letter-spacing: -0.43px;
    text-align: left;
    color: #333;
    width: 105px;
    position: relative;
    padding-left: 15px;
}

.box-sub06-01-01-02 ._inner ._wrap ._each ._table tr td:first-child::before {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #a2988f;
    border-radius: 50%;
    top: 15px;
    left: 0;
    content: '';
}

.box-sub06-01-01-02 ._inner ._wrap ._each ._table tr td:nth-child(2) {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.97;
    letter-spacing: -0.45px;
    text-align: left;
    color: #8c8c8c;
}
/* sub6 - page05 회원앨범 */

.tab-contents.sub6-05 .panel .list {
    width: 1100px;
}

.tab-contents.sub6-05 .panel .list li {
    width: calc(100% / 6 - 34px);
    margin-right: 40px;
    height: initial;
}

.tab-contents.sub6-05 .panel .list li a {
    cursor: pointer;
}

.tab-contents.sub6-05 .panel .list li:nth-child(6n) {
    margin-right: 0px;
}

.tab-contents.sub6-05 .panel .list ._img-01 {
    height: 180px;
    width: 100%;
    position: relative;
    text-align: center;
    background-color: transparent;
}

.tab-contents.sub6-05 .panel .list ._img-01 img {
    height: 100%;
}

.tab-contents.sub6-05 .panel .list ._box-txt {
    border-bottom: 1px solid #000;
    padding: 14px 0 0 0;
    height: initial;
    box-sizing: border-box;
}

.tab-contents.sub6-05 .panel .list li ._box-txt h1 {
    font-family: 'Pretendard';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.tab-contents.sub6-05 .panel .list li ._box-txt span {
    font-family: 'Pretendard';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 23px;
    display: block;
}

.tab-contents.sub6-05 .panel .list li ._box-txt span::after {
    display: none;
}

/* sub6 - page6 회원 정보 */
.noticeTable.sub6-06 table tbody td:first-child, 
.noticeTable.sub6-06 table thead th:first-child {
    width: 14%;
}

.noticeTable.sub6-06 table tbody td:nth-child(2), 
.noticeTable.sub6-06 table thead th:nth-child(2) {
    width: 14%;
}

.noticeTable.sub6-06 table tbody td:nth-child(3), 
.noticeTable.sub6-06 table thead th:nth-child(3) {
    width: 18%;
}

.noticeTable.sub6-06 table tbody td:nth-child(4), 
.noticeTable.sub6-06 table thead th:nth-child(4) {
    width: 20%;
}

.noticeTable.sub6-06 table tbody td:nth-child(5), 
.noticeTable.sub6-06 table thead th:nth-child(5) {
    width: 14%;
}

.noticeTable.sub6-06 table tbody td:nth-child(6), 
.noticeTable.sub6-06 table thead th:nth-child(6) {
    width: 14%;
}

.noticeTable.sub6-06 table tbody td:nth-child(7), 
.noticeTable.sub6-06 table thead th:nth-child(7) {
    width: 4%;
}

/* sub7 - page07-01 기도,휴가의 집*/
.tab-contents.sub6-07-01 ._txt-01 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    text-align: center;
    color: #333;
}

.tab-contents.sub6-07-01 ._txt-02 {
    font-family: 'Pretendard';
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 40px;
    margin-top: 66px;
}

.tab-contents.sub6-07-01 ._txt-02 span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-left: 47px;
    position: relative;
}

.tab-contents.sub6-07-01 ._txt-02 span::before {
    content: '';
    height: 15px;
    width: 1px;
    background-color: #bbb;
    position: absolute;
    left: -28px;
    top:1px;
}

.tab-contents.sub6-07-01 table {
    width: 100%;
    text-align: center;
}

.tab-contents.sub6-07-01 table thead tr th {
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

.tab-contents.sub6-07-01 table thead tr th:last-child {
    border-right: none;
}

.tab-contents.sub6-07-01 table thead tr th:first-child,
.tab-contents.sub6-07-01 table tbody tr th:first-child {
    width: 13%;
}

.tab-contents.sub6-07-01 table thead tr th:nth-child(2),
.tab-contents.sub6-07-01 table tbody tr th:nth-child(2) {
    width: 16%;
}

.tab-contents.sub6-07-01 table thead tr th:nth-child(3),
.tab-contents.sub6-07-01 table tbody tr th:nth-child(3) {
    width: 52%;
}

.tab-contents.sub6-07-01 table thead tr th:nth-child(4),
.tab-contents.sub6-07-01 table tbody tr th:nth-child(4) {
    width: 19%;
}

.tab-contents.sub6-07-01 table thead tr th,
.tab-contents.sub6-07-01 table tbody tr th {
    background-color: #f6f6f6 !important;
}

.tab-contents.sub6-07-01 table tbody tr td,
.tab-contents.sub6-07-01 table tbody tr th {
    background-color: #fff;
    padding: 20px;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    vertical-align: middle;
}

.tab-contents.sub6-07-01 table tbody tr:nth-child(2n) td:last-child {
    border-right: 1px solid #bdbdbd;
    text-align: left;
}

.tab-contents.sub6-07-01 table tbody tr td:first-child {
    border-top: 1px solid #bdbdbd;
}

.tab-contents.sub6-07-01 table tbody tr td:last-child {
    border-right: none;
}

.tab-contents.sub6-07-01 table thead tr th {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    padding: 22px;
    border-top: 2px solid #a2988f;
}

.tab-contents.sub6-07-01 table tbody tr {
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.43px;
    text-align: center;
    color: #333;
}

.tab-contents.sub6-07-01 table tbody tr b {
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.43px;
    text-align: center;
    color: #ff2f2f;
}

.tab-contents.sub6-07-01 table tbody tr td:nth-child(3) {
    text-align: left;
}

.tab-contents.sub6-07-01 ._txt-03 {
    margin-bottom: 29px;
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    font-family: 'Pretendard';
    margin-top: 47px;
}

.tab-contents.sub6-07-01 ._ul {
    margin-bottom: 44px;
}

.tab-contents.sub6-07-01 ._ul li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 16px;
}

.tab-contents.sub6-07-01 ._ul li::before {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #a2988f;
    border-radius: 50%;
    top: 11px;
    left: 0;
    content: '';
}

/* sub6 - page07-02 예약하기 */
.sub6-07-02 {
    background-color: #f2ede9;
    padding-top: 77px;
    padding-bottom: 107px;
}

.sub6-07-02 .panel {
    width: 510px;
    margin:0 auto;
    background-color: #fff;
    position: relative;
    border-radius: 20px;
}

.sub6-07-02 .panel ._day {
    height: 186px;
    background-color: #64a926;
    width: 100%;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.sub6-07-02 .panel ._bottom {
    border-radius: 20px;
    background: #fff;
    margin-top: -20px;
    padding-top: 50px;
    padding-bottom: 58px;
}

.sub6-07-02 .panel p {
    font-family: 'Pretendard';
    font-size: 25px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: -1.25px;
    text-align: left;
    color: #333;
    padding-left: 46px;
}

.sub6-07-02 .panel p:not(:first-child) {
    margin-top: 50px;
}

.sub6-07-02 .panel span {
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: -0.4px;
    text-align: left;
    color: #aaa;
    display: inline-block;
    margin-left: 15px;
}

.sub6-07-02 .tableType-01 {
    border-top: none;
}

.sub6-07-02 .tableType-01 tr {
    border-bottom: none;
}

.hr-table {
    width: 419px;
    margin:0 auto;
}

.roomTerm {
    margin-top: 10px;
}

.sub6-07-02 .panel .roomTerm span {
    font-family: 'Pretendard';
    font-size: 20.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-left: 5px;
    margin-right: 14px;
}

.roomTerm tbody tr td:first-child {
    width: 75px;
    border-right: none;
    padding:0;
    font-family: 'Pretendard';
    font-size: 20.5px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    padding-left: 46px;
    padding-right: 10px;
}

.roomTerm tbody tr td:nth-child(2) {
    width: calc(100% - 170px);
    padding: 10px 0;
    text-align: left;
}

.roomSelect {
	height: 50px;
	text-align: center;
	position: relative;
}

.roomSelect select {
	margin: 0 auto;
    border-radius: 10px;
    border: solid 1px #e5e5e5;
	box-sizing: border-box;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 50px;
    letter-spacing: normal;
    text-align: left;
    color: #333;
	background-color: transparent;
    padding: 10px 15px 10px 10px;
}

.room_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto;
    width: 423px;
}
.room_list div {
    text-align: center;
    line-height: 50px;
    margin-bottom: 10px;
    width: auto;
}

.room_list div:nth-child(odd) {
    margin-right: 9px;
}

.room_list div label {
    height: 50px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    width: 205px;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
}

.room_list div input[type="checkbox"]:checked + label,
.room_list div input[type="radio"]:checked + label {
    border-color: #64a926;
    background-color: #64a926;
    color: #fff;
}

.room_list.default div input[type="checkbox"]:checked + label,
.room_list.default div input[type="radio"]:checked + label {
    border-color: #b9b9b9;
    background-color: #ededed;
    color: #b9b9b9;
}

.room_list div input[type="checkbox"],
.room_list div input[type="radio"] {
    display: none;
}

.roomBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 76px;
}

.roomBtn a {
    width: 252px;
    height: 60px;
    background-color: #64a926;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}

.roomBtn a b {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 60px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

/* sub6 - page08-01 연피정 */
.tab-contents.sub6-08-01 ._txt-01 {
    font-family: 'NanumMyeongjo';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -1.2px;
    text-align: center;
    color: #333;
}


.tab-contents.sub6-08-01 ._txt-03 {
    margin-bottom: 29px;
    font-size: 35.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    font-family: 'Pretendard';
    margin-top: 47px;
}

.tab-contents.sub6-08-01 ._ul {
    margin-bottom: 44px;
}

.tab-contents.sub6-08-01 ._ul li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 16px;
}

.tab-contents.sub6-08-01 ._ul li::before {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #a2988f;
    border-radius: 50%;
    top: 11px;
    left: 0;
    content: '';
}

.tab-contents.sub6-08-01 table {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.tab-contents.sub6-08-01 table thead tr th {
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    background-color: #f6f6f6;
    padding: 17px;
    border-top: 2px solid #a2988f;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
}

.tab-contents.sub6-08-01 table tbody tr th, 
.tab-contents.sub6-08-01 table tbody tr td {
    padding: 18px 0 17px 0;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.43px;
    text-align: center;
    color: #333;
}

.tab-contents.sub6-08-01 table tbody tr td:last-child {
    border-right: none;
}

.tab-contents.sub6-08-01 table tbody tr th {
    background-color: #f6f6f6;
}

.tab-contents.sub6-08-01 table thead tr th:last-child {
    border-right: none;
}

.tab-contents.sub6-08-01 table thead tr th:first-child,
.tab-contents.sub6-08-01 table tbody tr th:first-child {
    width: 13%;
}

.tab-contents.sub6-08-01 table thead tr th:nth-child(3),
.tab-contents.sub6-08-01 table tbody tr th:nth-child(3) {
    width: 13%;
}

.tab-contents.sub6-08-01 table thead tr th:nth-child(2),
.tab-contents.sub6-08-01 table tbody tr th:nth-child(2) {
    width: 37%;
}

.tab-contents.sub6-08-01 table thead tr th:nth-child(4),
.tab-contents.sub6-08-01 table tbody tr th:nth-child(4) {
    width: 37%;
}

/* sub6 - page08-02 연피정 신청하기 */
.btn-s {
    width: 80px !important;
}

.box-btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 33px;
    margin-bottom: 20px;
}

.box-btn ._left {
    display: flex;
}

.box-btn ._right {
    display: flex;
}

.box-btn ._left button:not(:last-child), .box-btn ._right button:not(:last-child) {
    margin-right: 4px;
}

.btn-white {
    border-radius: 10px;
    border: 1px solid #8e7a70;
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
    letter-spacing: -0.43px;
    text-align: center;
    color: #333;
    height: 45px;
    width: 130px;
    line-height: 45px;
}

.btn-point {
    border-radius: 10px;
    border: solid 0 #000;
    background-color: #8e7a70;
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
    letter-spacing: -0.43px;
    text-align: center;
    color: #fff;
    width: 154px;
    height: 45px;
    line-height: 45px;
} 

.btn-black {
    border-radius: 10px;
    border: solid 0 #000;
    background-color: #000;
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.76;
    letter-spacing: -0.43px;
    text-align: center;
    color: #fff;
    width: 154px;
    height: 45px;
    line-height: 45px;
} 

.search-retreat ._box-select:nth-child(2) {
    width: 130px;
    margin-right: 10px;
}

.search-retreat ._box-select:nth-child(3) {
    width: 160px;
    margin-right: 10px;
}

.search-retreat ._box-select select {
    width: 100% !important;
}

.search-retreat ._box-input {
    width: 400px;
}

button.register-retrear {
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    margin-left: 10px;
    width: 150px;
}


#modalContainer_retreat {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
  
#modalContent_retreat {
    position: absolute;
    background-color: #ffffff;
    width: 1078px;
    height: 800px;
    box-sizing: border-box;
    padding: 69px 60px;
    overflow-y: auto;
}

#modalContent_retreat ._top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

#modalContent_retreat ._top span:first-child {
    font-family: 'Pretendard';
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: -0.7px;
    text-align: left;
    color: #333;
}

#modalContent_retreat ._top ._right span {
    margin-right: 40px;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
}

#modalContent_retreat ._top ._right span:not(:last-child)::after {
    content: '';
    height: 13px;
    width: 1px;
    background-color: #bdbdbd;
    position: absolute;
    top: 4px;
    right: -18px;
}

#modalContent_retreat ._top ._right span:last-child {
    margin-right: 0;
}

#modalContent_retreat ._top ._right span a {
    cursor: default;
}

#modalContent_retreat ._top ._right span a:hover {
    color: initial;
}

#modalContent_retreat::-webkit-scrollbar {
    width: 25px;
    background-color: #fff;
}

#modalContent_retreat::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d8d8d8;
    border-radius: 5px;
    background-clip: padding-box;
    border: 10px solid #fff;
}

#modalContent_retreat::-webkit-scrollbar-track { 
    background-color: #fff;
}
  
#modalContainer_retreat.hidden {
    display: none;
}

/* intro page07 찾아오시는 길 */
.box-intro-07-01 {
}

.box-intro-07-01 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-intro-07-01 ._inner div h2 {
    font-family: 'NanumMyeongjo';
    font-size: 35px;
    font-weight: normal;
    letter-spacing: -2.63px;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: #333;
}

.box-intro-07-01 ._inner div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.61;
    letter-spacing: -1.35px;
    text-align: center;
    color: #333;
    display: block;
}

.box-intro-07-02 {
    padding: 64px 0 133px;
}

.box-intro-07-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.box-intro-07-02 ._inner ._top {
    margin-bottom: 29px;
}

.box-intro-07-02 ._inner ._top span {
    font-family: 'Pretendard';
    font-size: 25px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #333;
}

.box-intro-07-02 ._inner ._top span:first-child {
    display: inline-block;
    margin-right: 40px;
    position: relative;
}

.box-intro-07-02 ._inner ._top span:first-child::after {
    position: absolute;
    content: '';
    height: 20px;
    width: 1px;
    background-color: #c4c4c4;
    top: 5px;
    right: -22px;
}

.box-intro-07-02 ._inner ._bottom {
    display: flex;
    height: 66px;
}

.box-intro-07-02 ._inner ._bottom div {
    width: 50%;
}

.box-intro-07-02 ._inner ._bottom div a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 66px;
}

.box-intro-07-02 ._inner ._bottom div:first-child {
    background-color: #8e7a70;
}

.box-intro-07-02 ._inner ._bottom div:first-child a {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.box-intro-07-02 ._inner ._bottom div:nth-child(2) {
    background-color: #fce500;
}

.box-intro-07-02 ._inner ._bottom div:nth-child(2) a {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #452c13;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-intro-07-02 ._inner ._bottom div a img {
    margin-right: 6px;
}

.box-intro-07-02 ._inner ._txt-01 {
    margin-top: 40px;
    width: 100%;
    display: flex;
}

.box-intro-07-02 ._inner ._txt-01 p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #452c13;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-intro-07-03 {
}

.box-intro-07-03 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.box-intro-07-03 ._inner .box-coming {
    display: flex;
}

.box-intro-07-03 ._inner .box-coming ._left {
    width: 254px;
    border-top: 3px solid #8e7a70;
    padding-top: 40px;
    padding-bottom: 60px;
}

.box-intro-07-03 ._inner .box-coming ._right {
    width: calc((100% - 254px));
    border-top: 1px solid #dcdcdc;
    padding-top: 40px;
    padding-left: 105px;
    padding-bottom: 60px;
}

.box-intro-07-03 ._inner .box-coming ._left h1 {
    font-family: 'Pretendard';
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1.5px;
    text-align: left;
    color: #333;
}

.box-intro-07-03 ._inner .box-coming span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.9px;
    text-align: left;
    color: #333;
}

.box-intro-07-03 ._inner .box-coming ._right ._guide {
    display: flex;
    align-items: center;
}

.box-intro-07-03 ._inner .box-coming.subway ._right ._guide {
    margin-bottom: 27px;
    margin-top: 40px;
}

.box-intro-07-03 ._inner .box-coming.bus ._right ._guide:not(:first-child) {
    margin-top: 40px;
}

.box-intro-07-03 ._inner .box-coming ._right ._guide img {
    margin-right: 7px;
}

.box-intro-07-03 ._inner .box-coming ._right ._guide span {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -1.1px;
    text-align: left;
    color: #333;
}

.box-intro-07-03 ._inner .box-coming ._right ._guide span a:hover {
    color: inherit;
}

.box-intro-07-03 ._inner .box-coming .box-bus {
    background-color: #f0ebe3;
    padding: 42px 69px 40px 46px; 
    display: flex;
    margin: 35px 0;
}

.box-intro-07-03 ._inner .box-coming .box-bus ._title {
    width: 65px;
    margin-right: 36px;
}
.box-intro-07-03 ._inner .box-coming .box-bus ._title span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.9px;
    text-align: left;
    color: #333;
}

.box-intro-07-03 ._inner .box-coming .box-bus ._ctt span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.18px;
    text-align: left;
    color: #333;
    display: inline-block;
}

.box-intro-07-03 ._inner .box-coming .box-bus ._ctt span.odd {
    margin-right: 10px;
}

.box-intro-07-03 ._inner .box-coming .box-bus .red { color:#f65312 !important;}
.box-intro-07-03 ._inner .box-coming .box-bus .green {color:#16aa43 !important;}
.box-intro-07-03 ._inner .box-coming .box-bus .sky {color:#3d9cdf !important;}
.box-intro-07-03 ._inner .box-coming .box-bus .blue {color: #1e1ad9 !important;}

.box-intro-07-03 ._inner .box-coming.car ._right p {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -1.1px;
    text-align: left;
    color: #333;
    margin-top: 30px;
    margin-bottom: 20px;
}

.box-intro-07-03 ._inner .box-coming:last-child ._left {
    padding-bottom: 30px;
}

.box-intro-07-03 ._inner .box-coming:last-child ._right {
    padding-bottom: 30px;
}

._family {
    background-image: url(/resource/images/bg-footer.png);
    display: flex;
    height: 531px;
}

._family .inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    background: none;
    display: flex;
    align-items: flex-start;
    padding: 177px 0 0;
}

._family ._left {
    margin-right: 50px;
}

._family ._left span {
    font-family: 'NanumMyeongjo';
    font-size: 20.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    opacity: 0.82;
}

._family img {
    margin-top: 15px;
}

._family ._right {
    margin-left: 57px;
    display: flex;
    width: 880px;
    flex-wrap: wrap;
}

._family ._right ._box {
    display: flex;
    margin-bottom: 44px;
}

._family ._right ._box a {
    width: 220px;
    background-color: #ffffff23;
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff23;
    border-right: none;
    transition: 0.55s;
    cursor: pointer;
}

._family ._right ._box a:last-child {
    border-right: 1px solid #ffffff23;
}

._family ._right ._box a span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: center;
    color: #fff;
}

  
  ._family ._right ._box a:hover {
    border-bottom: 4px solid #fff;
    transition: 0.55s;
    height: 74px;
  }
  

footer .inner {
    max-width: initial;
    padding: 80px 86px 123px;
    background-color: #1b251f;
    display: flex;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: space-between;
}

footer .inner ._logo {
    
}

footer .inner ._center {
    display: flex;
    flex-direction: column;
    min-width: 590px;
    padding-right: 180px;
}

footer .inner ._center div {
    display: flex;
}

footer .inner ._center span {
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.43px;
    text-align: left;
    color: #666f6a;
    display: block;
    position: relative;
}

footer .inner ._center span:first-child {
    color: #fff;
    width: 72px;
    margin-right: 36px; 
}

footer .inner ._center span:nth-child(2) {
    margin-right: 30px;
}

footer .inner ._center span:nth-child(2):after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -15px;
    width: 1px;
    height: 12px;
    background-color: #666f6a;
}

footer .inner ._right {
    display: flex;
    flex-direction: column;
    min-width: 350px;
}

footer .inner ._right ._top {
    display: flex;
    margin-bottom: 23px;
    justify-content: flex-end;
}

footer .inner ._right ._top a {
    margin-left: 24px;
    cursor: pointer;
}

footer .inner ._right ._bottom {
    display: flex;
}

footer .inner ._right ._bottom a {
    cursor: pointer;
}

footer .inner ._right ._bottom a span {
    font-family: 'Pretendard';
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.43px;
    text-align: right;
    color: #666f6a;
    margin-right: 30px;
    position: relative;
}

footer .inner ._right ._bottom a:last-child span {
    margin-right: 0;
}

footer .inner ._right ._bottom a:not(:last-child) span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -15px;
    width: 1px;
    height: 12px;
    background-color: #666f6a;
}

.board-search {padding: 27px;
    font-size: 16px;
    line-height: 24px;
    background-color: #f6f6f6;
    text-align: center;}
.board-search fieldset {
    display: flex;
    justify-content: center;
}
.board-search fieldset ._box {
    display: flex;
}
._box-select {
    position: relative;
    margin-right: 10px;
}
.board-search select {    
    padding: 8px 22px;
    width: 189px;
    height: 50px;
    font-size: 17px;
    border: 1px solid #d3d3d3;
    margin-right: 10px;
    font-family: 'Pretendard';
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.43px;
    text-align: left;
    color: #979797;
    border-radius: 5px;
}
.search-arrow {
    position: absolute;
    top: 12px;
    right: 0px;
    width: 50px;
    height: 50px;
    text-align: center;
    pointer-events: none;
}
.board-search select:focus {border-color:#333;outline:0;}
.board-search .search-input {
    width: 400px;
    height: 50px;
    font-size: 17px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding:0 22px;
    border-radius: 5px;
}
.board-search .search-input:focus {border-color:#333;outline:0;}
.board-search .search-input.date {width:180px;text-align:center;}
.board-search .search-btn {display:inline-block;padding:8px;width:80px;height:40px;font-weight:700;color:#fff;vertical-align:middle;text-align:center;background-color:#333;}
.board-search .search-btn span {display:block;}
.board-search .search-area {display:inline-block;}
._box-input {
    position: relative;
    width: 400px;
}
.input-arrow {
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    background: #8e7a70;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.showBox {
    opacity: 0;
    transform: translateY(10%);
    transition: all .5s ease-in-out;
}

/* 스크롤 등장 클래스 */
.showBox.on {
    opacity: 1;
    transform: translateY(0);
}

/* 개인정보처리방침 */
#member-box {
    max-width: 1200px;
    padding: 30px;
    margin: 0 auto;
    border: 1px solid #ddd;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 100px;
    font-family: 'Pretendard';
}

#member-box h3 {
    color: #333;
    font-size: 32px;
    font-family: 'Nanum Myeongjo';
}

#member-box h4 {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #8e7a70;
    font-size: 22px;
    font-family: 'Nanum Myeongjo';
    font-weight: 700;
}

#member-box p {
    font-size: 18px;
}

#member-box * + h3 {margin-top: 50px;}

.number-list > li, .number-list2 li {
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: -1px;
    counter-increment: number;
}

.number-list > li:before {
    position: absolute;
    top: 0;
    left: 10px;
    width: 25px;
    text-align: left;
    content: counter(number)')';
}


.number-list2 > li:before {
    position: absolute;
    top: 0;
    left: 10px;
    width: 25px;
    text-align: left;
    content: counter(number)'.';
}

/* 회원가입 */
.form-control {
    height: 48px;
    padding: 0 10px;
    font-size: 18px;
    line-height: 46px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.w100 {
    width: 100%;
}

.ft-pre {
    font-family: 'Pretendard' !important;
}

/* join-tab */
.box-join-tab ._txt01 {
    font-family: 'NanumMyeongjo';
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -2.63px;
    text-align: center;
    color: #8e7a70;
    margin-bottom: 28px;
    display: block;
}

.box-join-tab ._txt02 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    display: block;
}

.join-tab {
    display: flex;
    margin-top: 47px;
    margin-bottom: 35px;
    justify-content: center;
    position: relative;
    height: 392px;
    align-items: end;
}

.join-tab div {
    margin-right: 33px;
    width: 275px;
    height: 362px;
    border-radius: 20px;
    cursor: pointer;
    padding-top: 80px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

.join-tab div:last-child {
    margin-right: 0;
}

.join-tab div:last-child h1, .join-tab div:last-child p {
    margin-bottom: 20px;
}

.join-tab div h1 {
    font-family: 'Pretendard';
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: -0.7px;
    text-align: center;
    color: #fff;
    margin-bottom: 44px;
}

.join-tab div p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #fff;
    margin-bottom: 26px;
}

.join-tab div span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #fff;
    border: 1px solid #ffffff43;
    width: 146px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 22px;
}

.join-tab ._type01 {
    background: #ae775c;
}

.join-tab ._type02 {
    background: #9d6b66;
}

.join-tab ._type03 {
    background: #8e7a70;
}

.join-tab ._type04 {
    background: #4d5552;
}

.join-tab ._type01:hover {
    background: url("/resource/images/join-type01.png");
    margin-bottom: 30px;
    box-shadow: rgb(109 109 109 / 48%) 10px 10px 10px 1px, rgba(255, 255, 255, 0.8) -10px -10px 10px 2px;
    transition: 0.6s ease-out;
    opacity: 1;
}

.join-tab ._type02:hover {
    background: url("/resource/images/join-type02.png");
    margin-bottom: 30px;
    box-shadow: rgb(109 109 109 / 48%) 10px 10px 10px 1px, rgba(255, 255, 255, 0.8) -10px -10px 10px 2px;
    transition: 0.6s ease-out;
    opacity: 1;
}

.join-tab ._type03:hover {
    background: url("/resource/images/join-type03.png");
    margin-bottom: 30px;
    box-shadow: rgb(109 109 109 / 48%) 10px 10px 10px 1px, rgba(255, 255, 255, 0.8) -10px -10px 10px 2px;
    transition: 0.6s ease-out;
    opacity: 1;
}

.join-tab ._type04:hover {
    background: url("/resource/images/join-type04.png");
    margin-bottom: 30px;
    box-shadow: rgb(109 109 109 / 48%) 10px 10px 10px 1px, rgba(255, 255, 255, 0.8) -10px -10px 10px 2px;
    transition: 0.6s ease-out;
    opacity: 1;
}

/* 회원가입 */
.join-wrap {
	max-width: 700px;
	margin: 0 auto;
	background-size: 2.6rem;
}

.join-wrap .inputTxt {
	/*display: block;*/
	width: 100%;
	margin-bottom: 5px;
	line-height: 50px;
	border: 1px solid #c0c8d6;
	text-indent: 15px;
	font-size: 18px;
}

.join-wrap .inputTxt::placeholder {
	font-size: 16px;
	color:#999;
}

.join-wrap .inputTxt+.inputTxt {
	/*margin-top: 10px;*/
}

.join-wrap .loginOption {
	position: relative;
	margin: 15px 0 0;
	padding: 15px 0 0;
	border-top: 1px solid #c0c8d6;
}

.join-wrap .loginOption .link {
	position: absolute;
	top: 15px;
	right: 0;
	color: #333;
}

.join-wrap .btnSns {
	margin: 10px 0 0;
	/* padding: 15px 0 0; */
	text-align: center;
}

.join-wrap #btn-box {
	padding: 0;
	justify-content: center;
    margin-bottom: 45px;
}

.join-wrap #btn-box .btn {
	width: 346px;
	height: 54px;
	font-weight: 500;
	line-height: 54px;
}

.join-wrap #btn-box .btn.block {
	width: 616px !important;
}

.join-wrap #btn-box .btn img {
	margin-top: -3px;
	margin-right: 10px;
}

.join-wrap #btn-box .btn.naver {
	border-color: #2DB400;
	background-color: #2DB400;
}

.join-wrap #btn-box .btn.kakao {
	color: #3A1D1D;
	border-color: #F7E600;
	background-color: #F7E600;
}

.join-wrap .helpTxt {
	margin: 10px 10px 0;
	letter-spacing: -0.5px;
	text-align: left;
}

.join-wrap .frm_info {
	font-size: 16px;
}

.findWrap .inputTxt {
	display: block;
	width: 100%;
	line-height: 54px;
	margin: 0 0 7.5px;
	border: 0;
	border-bottom: 1px solid #1c2536;
	font-size: 18px;
}
.join-wrap {
	width: 100%;
	max-width: 700px;
	margin:0 auto
}
.agreeSection~.agreeSection {
	margin-top: 40px;
}

.agreeSection .title {
	margin: 0 0 15px;
	font-size: 18px;
	color: #333;
}

.agreeSection .agreeTxtWrap {
	overflow: auto;
	height: 180px;
	margin: 0 0 10px;
	padding: 10px;
	background: #fafafa;
	border: 1px solid #1c2536;
	color: #666;
}

.agreeChk {
	margin-top: 25px;
	padding-top: 25px;
	text-align: center;
	border-top: 1px solid #22314e;
}

.agreeTxtWrap {
	overflow: auto;
	height: 200px;
	margin-top: 50px;
	padding: 10px;
	background: #fcfcfc;
	border: 1px solid #1c2536;
	color: #666;
}

.agreeTxtWrap pre {
	display: block;
	padding: 10px;
	font-family: 'Noto Sans KR';
	font-size: 14px;
	box-sizing: border-box;
	white-space: pre-line;
}

.agreeTxtWrap pre table {
	width: 100%;
}

.agreeTxtWrap pre table td,
.agreeTxtWrap pre table th {
	border: 1px solid #ccc;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}


.joinInputTable {
	width: 100%;
	margin-top: -10px;
}

.joinInputTable tbody,
.joinInputTable tr,
.joinInputTable th,
.joinInputTable td {
	display: block;
	text-align: left;
}

.joinInputTable th {
	padding: 10px 0 5px;
	font-size: 18px;
	font-weight: 500;
}
.joinInputTable td {
	padding-bottom: 20px;
}

.joinInputTable .btnOn {
	position: relative;
	padding-right: 110px;
}

.joinInputTable .btnOn .btnCom {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 52px;
	background: #333;
	border: none;
	color: #fff;
	font-size: 18px;
}

.joinInputTable .inputTxt {
	width: 100%;
}

.joinInputTable textarea {
	width: 100%;
	height: 200px;
	padding: 15px;
	box-sizing: border-box;
}
.essential {
	color: #f0141e;
}

.btn.bg-point {
    color: #fff;
    border-color: #8e7a70;
    background-color: #8e7a70;
}
.btn:hover {
    opacity: 0.85;
}

#btn-box {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
}

#btn-box .btn {
    margin-right: 8px;
}

/* 로그인 */
#login-wrap	{
	width: 531px;
	margin:0 auto;
	padding:60px;
	border-radius: 10px;
	border:1px solid #d0d0d0;
	box-sizing: border-box;
}
#login-wrap .img-box {
	margin-bottom: 50px;
    justify-content: center;
    display: flex;
}
#login-wrap .form + .form {
	margin-top: 10px;
}
#login-wrap .btn {
	margin-top: 30px;
}
#login-wrap .join-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#login-wrap .join-box a {
	color:#999;
	font-size: 16px;
	line-height: 3.25;
	letter-spacing: -0.8px;
}
#login-wrap .login-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
}
#login-wrap .login-box a {
	width: 200px;
	height: 76px;
	font-size: 16px;
	letter-spacing: -0.8px;
	line-height: 76px;
	text-align: center;
	text-indent: -20px;
}
#login-wrap .login-box a.btn-naver {
	background-color: #48aa33;
}
#login-wrap .login-box a.btn-kakao {
	color:#381e1f;
	background-color: #fce000;
}

@media screen and (max-width:1800px) {
    header #gnb {
        margin-right: 40px;
    }
}


@media screen and (max-width:1580px) {
    header #gnb {
        display: flex;
        justify-content: space-between;
        width: 780px;
        margin-right: 30px;
    }

    header #gnb li {
        position: relative;
        padding: 0 0px;
        min-width: 115px;
    }

    header #gnb .snb li a {
        font-size: 15px;
    }

    header .logo {
        position: absolute;
        top: 0px;
        left: 40px;
    }

    footer .inner {
        padding: 80px 26px 123px;
    }
    
    ._family ._left {
        margin-right: 0px;
    }

    footer .inner ._center {
        padding-right: 40px;
        margin-left: 30px;
    }

    ._family ._right {
        margin-left: 10px;
        display: flex;
        width: 780px;
        flex-wrap: wrap;
    }

    ._family ._right ._box a {
        width: 190px;
    }

    ._family .inner {
        padding: 140px 35px 0 35px;
    }
}

@media screen and (max-width:1400px) {
    header #gnb {
        display: flex;
        justify-content: space-between;
        width: 710px;
        margin-right: 10px;
    }
}

.slide-in-blurred-top {
	-webkit-animation: slide-in-blurred-top 1.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	        animation: slide-in-blurred-top 1.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

@-webkit-keyframes slide-in-blurred-top {
    0% {
      -webkit-transform: translateX(-50%) translateY(0%) scaleY(2.5) scaleX(0.2);
              transform: translateX(-50%) translateY(0%) scaleY(2.5) scaleX(0.2);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      -webkit-filter: blur(40px);
              filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(-50%) translateY(0%) scaleY(1) scaleX(1);
              transform: translateX(-50%) translateY(0%) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-filter: blur(0);
              filter: blur(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-blurred-top {
    0% {
      -webkit-transform: translateX(-50%) translateY(0%) scaleY(2.5) scaleX(0.2);
              transform: translateX(-50%) translateY(0%) scaleY(2.5) scaleX(0.2);
      -webkit-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      -webkit-filter: blur(40px);
              filter: blur(40px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(-50%) translateY(0%) scaleY(1) scaleX(1);
              transform: translateX(-50%) translateY(0%) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-filter: blur(0);
              filter: blur(0);
      opacity: 1;
    }
  }

  #main-banner .swiper-slide {
    /*opacity: 0.65;*/
  }

#main-banner .swiper-slide.swiper-slide-active {
    /*
    transform: scale( 1.08 );
    transition: all 4s ease-in-out;
    opacity: 1;
    */
    animation-name: slide-zoom-in;
    animation-duration: 7s;
    animation-iteration-count:1;
    animation-direction:normal;
    animation-fill-mode: forwards;
}   

.slide-zoom-in {
	-webkit-animation: slide-zoom-in 3s;
	        animation: slide-zoom-in 3s;
}

  @keyframes slide-zoom-in {
    0% {
      opacity: 0.7;
    }
    10% {
        opacity: 0.8;
      }
    90% {
        transform: scale( 1.08 );
        opacity: 1;
    }
    100% {
        transform: scale( 1.08 );
        opacity: 0.8;
    }
  }

  @-webkit-keyframes slide-in-blurred-top {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
      }
      100% {
          width: 110%;
          height: 110%;
        opacity: 1;
      }
  }

  /* 캘린더 */
  .ui-widget.ui-widget-content {
    /*display: contents;*/
}
#datepicker-container, #datepicker-container2 {
    width: 100%;
    margin: 0 auto;
}
.cal .ui-datepicker .ui-datepicker-prev, .cal .ui-datepicker .ui-datepicker-next {top: 8px;}
.cal .ui-widget.ui-widget-content {display:contents !important; border:none;}
.cal .ui-datepicker {width: 28em;}
.ui-datepicker .ui-datepicker-title {
    font-size: 33.5px !important;
    color: #fff !important;
}
.cal .ui-datepicker .ui-datepicker-title span {
    font-family: 'Pretendard';
    font-size: 33.5px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
.cal .ui-widget-header {margin-bottom: 1em;border:none;background-color: #fff;}
.cal .ui-widget-header .ui-icon {position:relative;margin-top: -7px;text-indent:-9999px;border: none; box-shadow: none;transform-origin: center;background-color: transparent;cursor: pointer;background-image: none;}
.cal .ui-datepicker .ui-datepicker-prev,
.cal .ui-datepicker .ui-datepicker-next {top: 8px;}
.cal .ui-datepicker .ui-datepicker-prev-hover,
.cal .ui-datepicker .ui-datepicker-next-hover {background-color: #64a926;}
.cal .ui-datepicker .ui-datepicker-prev span {display:none;}
.cal .ui-datepicker .ui-datepicker-next span {display:none;}
.cal .ui-datepicker-calendar tr {border: none;}
.cal .ui-datepicker-calendar th {background-color: #fff; color:#333; font-size: 25.5px !important; line-height: 36px; font-weight: 600;}
.cal .ui-datepicker-calendar th:first-of-type {border:none !important;}
.cal .ui-datepicker-calendar th:first-of-type span,
.cal .ui-datepicker-calendar th:first-of-type a {color:#e6001f;}
.cal .ui-datepicker-calendar th:last-of-type span,
.cal .ui-datepicker-calendar th:last-of-type a {color:#1795d0;}
.cal .ui-widget-header .ui-state-default, 
.cal .ui-button, 
html .cal .ui-button.ui-state-disabled:hover, 
html .cal .ui-button.ui-state-disabled:active {border:none;background-color: #fff;}
.cal .ui-datepicker td span, .cal .ui-datepicker td a {background-color: #fff; width:42px;height:42px;margin:0 auto;font-family: 'Lato', sans-serif;font-size: 18px !important;font-weight: 600;line-height: 42px;text-align: center;border:none;border-radius: 100%;}
.ui-datepicker .ui-datepicker-week-end:first-child {border-left: none !important;}
.ui-datepicker .ui-datepicker-week-end:last-child {border-right: none !important;}
.ui-datepicker .ui-datepicker-week-end:first-child a {color: #d61818;}
.ui-datepicker .ui-datepicker-week-end:last-child a {color:#64a926;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #64a926 !important;
}
.ui-datepicker td.ui-datepicker-current-day a {
    color: #fff !important;
    background-color: #64a926;
}
.ui-datepicker td.ui-datepicker-today a {
    color: #333;
    background-color: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #ffffff;
    font-weight: normal;
    color: #333;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev:before {
    border-left: 0.2rem solid #fff;
    border-bottom: 0.2rem solid #fff;
}
.ui-datepicker .ui-datepicker-header a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 8px auto 0;
    transform: rotate(45deg);
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next:before {
    border-top: 0.2rem solid #fff;
    border-right: 0.2rem solid #fff;
}
.ui-datepicker .ui-datepicker-header a:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 8px auto 0;
    transform: rotate(45deg);
}
.cal .ui-datepicker .ui-datepicker-prev, .cal .ui-datepicker .ui-datepicker-next {
    top: 18px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 180px;
}
.ui-datepicker .ui-datepicker-next {
    right: 158px;
}
.ui-datepicker .ui-datepicker-header {
    position: absolute !important;
    padding: 0.2em 0;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: #64a926;
    width: 80%;
}

.my-tab {
	display: flex;
}
.my-tab li {
	width: 100%;
	margin-left: -1px;
}
.my-tab li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	color:#333;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -1px;
	text-align: center;
	border: 1px solid #d0d0d0;
	background-color: #fff;
}
.my-tab li.on a {
	color:#fff;
	border-color: #1d3426;
	background-color: #1d3426;
}

.mypage.con2 div {
    margin: 0 auto;
    width: 640px;
    height: 476px;
    border-radius: 20px;
    box-shadow: 6.4px 7.7px 13px 0 #d1d1d1;
    border: solid 1px #c3c3c3;
    padding: 100px 64px 63px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.mypage.con2 div ul li span:first-child {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.9px;
    text-align: left;
    color: #333;
    width: 70px;
    display: inline-block;
    margin-right: 60px;
    position: relative;
    padding-left: 10px;
}

.mypage.con2 div ul li {
    border-bottom: 1px solid #c3c3c3;
    padding: 25px 38px;
}

.mypage.con2 div ul li:first-child {
    padding-top: 0;
}

.mypage.con2 div ul li span:first-child::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #64a926;
    top: 9px;
    left: -10px;
    position: absolute;
}

.mypage.con2 div ul li span:nth-child(2) {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.9px;
    text-align: left;
    color: #333;
}

.mypage.con2 div button {
    border-radius: 15px;
    border: solid 0 #000;
    background-color: #a9a9a9;
    width: 252px;
    height: 52px;
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    margin-top: 60px;
}

.btn.bg-red {
    color: #fff !important;
    border-color: #8e7a70;
    background-color: #8e7a70;
}

.btn.bg-gray {
    color: #fff;
    border-color: #b2b2b2;
    background-color: #b2b2b2;
}


.box-history ._inner ._right ._each.pp-is-hidden {
    margin-right: -15px;
}

.box-history ._inner ._right ._each.pp-fade {
    margin-right: 0px;
}

.box-history ._inner ._left ._each.pp-is-hidden {
    margin-left: -15px;
}

.box-history ._inner ._left ._each.pp-fade {
    margin-left: 0px;
}

.pp-is-hidden {
    opacity: 0;
    -webkit-transition: opacity 1s linear,margin 1s ease;
    -moz-transition: opacity 1s linear,margin 1s ease;
    -ms-transition: opacity 1s linear,margin 1s ease;
    transition: opacity 1s linear,margin 1s ease
}

.pp-fade {
    opacity: 1;
    -webkit-transition: opacity 1s linear,margin 1s ease;
    -moz-transition: opacity 1s linear,margin 1s ease;
    -ms-transition: opacity 1s linear,margin 1s ease;
    transition: opacity 1s linear,margin 1s ease
}

.box-sub01-01-01 h2 {
    opacity: 0;
    transform: translateY(150px);
    transition: opacity 1.5s ease, transform 1.5s ease;
}

.box-sub01-01-01 h2._first {
    opacity: 1;
    transform: initial;
}

.box-sub01-01-01 h2.active {
    opacity: 1;
    transform: translateY(0);
}

.heartbeat {
	-webkit-animation: heartbeat 4.5s ease-in-out infinite both;
	        animation: heartbeat 4.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.97);
              transform: scale(0.97);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.96);
              transform: scale(0.96);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.94);
              transform: scale(0.94);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.96);
              transform: scale(0.96);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }


  /* 베트남 */
  .viet-main-box-01 {
    background: url(/resource/vietnam/images/main-menu-bg.png);
    height: 631px;
  }

  .viet-main-box-01 .inner {
    max-width: 1530px;
  }

  .viet-main-box-01 ._top {
    display: flex;
    align-items: center;
    padding-top: 101px;
    margin-bottom: 53px;
  }

  .viet-main-box-01 ._top h1 {
    font-family: "Marcellus", serif;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #bdafa8;
    margin-right: 49px;
  }

  .viet-main-box-01 ._bottom {
    display: flex;
    height: 355px;
    align-items: center;
  }

  .viet-main-box-01 ._bottom ._box {
    width: calc(100%/5 - 24px);
    margin-right: 30px;
    height: 325px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    padding: 16px 0 35px 0;
    box-sizing: border-box;
}

.viet-main-box-01 ._bottom ._box:hover {
    margin-bottom: 20px;
    opacity: 1;
    box-shadow: rgb(109 109 109 / 48%) -10px -10px 10px 2px, rgba(0, 0, 0, 0.24) 10px 10px 10px 1px;
    transition: 0.6s ease-out;
}

.viet-main-box-01 ._bottom ._box:last-child {
    margin-right: 0px;
}

.viet-main-box-01 ._bottom ._txt-01 {
    padding: 48px 0 0 22px;
}

.viet-main-box-01 ._bottom ._box h1 {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.5px;
    text-align: left;
    color: #333;
    
}

.viet-main-box-01 ._bottom ._box span {
    font-family: 'Pretendard';
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #8e7a70;
}

.viet-sub02-01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 80px;
}

.viet-sub02-01 p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
}

.viet-sub02-02 {
    background-color: #f4ece8;
    padding: 80px 0;
}

.viet-sub02-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.viet-sub02-02 ._inner ._box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.viet-sub02-02 ._inner ._box div {
}

.viet-sub02-02 ._inner ._box h1 {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
    margin-bottom: 37px;
}

.viet-sub02-02 ._inner ._box p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.viet-sub02-03 {
    background-color: #fff;
    padding: 80px 0;
}

.viet-sub02-03 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.viet-sub02-03 ._inner h1 {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
    margin-bottom: 37px;
}

.viet-sub02-03 ._inner p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 50px;
}

.viet-sub02-04 {
    background-color: #f4ece8;
    padding: 80px 0;
}

.viet-sub02-04 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.viet-sub02-04 ._inner ._box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.viet-sub02-02 ._inner ._box div {
}

.viet-sub02-04 ._inner ._box h1 {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
    margin-bottom: 37px;
}

.viet-sub02-04 ._inner ._box p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.viet-sub02-05 {
    background-color: #fff;
    padding: 80px 0;
}

.viet-sub02-05 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.viet-sub02-05 ._inner ._box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.viet-sub02-05 ._inner ._box div {
}

.viet-sub02-05 ._inner ._box h1 {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;

    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
    margin-bottom: 37px;
}

.viet-sub02-05 ._inner ._box p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.viet-sub02-05 ._inner ._box p:nth-child(2) {
    margin-bottom: 30px;
}

.viet-sub02-06 {
    background-color: #f6eee8;
    padding: 80px 0;
}

.viet-sub02-06 ._inner {
    max-width: 1200px;
    margin: 0 auto;
}

.viet-sub02-06 ._inner ._box1, .viet-sub02-06 ._inner ._box2, .viet-sub02-06 ._inner ._box3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.viet-sub02-06 ._inner h1._txt01 { 
    margin-bottom: 37px;

}

.viet-sub02-06 ._inner h1 {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
    margin-bottom: 14px;
}

.viet-sub02-06 ._inner p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.viet-sub02-06 ._inner span {
    font-family: 'Pretendard';
    font-size: 25px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.48;
    letter-spacing: -0.63px;
    text-align: left;
    color: #333;
    display: block;
    margin-bottom: 20px;
}

.viet-sub02-06 ._inner ._box1 {
    margin-top: 60px;
    padding-bottom: 50px;
    border-bottom: 1px solid #d9d9d9;
    justify-content: flex-start;
    align-items: flex-start;
}

.viet-sub02-06 ._inner ._box1 img {
    margin-right: 79px;
}

.viet-sub02-06 ._inner ._box2 {
    padding: 50px 0;
    border-bottom: 1px solid #d9d9d9;
}

.viet-sub02-06 ._inner ._box3 {
    padding: 50px 0;
}

.viet-sub02-06 ._inner ._box1 ul li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 13px;
}

.viet-sub02-06 ._inner ._box1 ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #a2988f;
    position: absolute;
    left: 0px;
    top: 12px;
    border-radius: 50%;
}

.viet-sub02-06 ._inner ._box1 a {
    width: 310px;
    height: 60px;
    line-height: 60px;
    background-color: #8e7a70;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #fff;
    display: block;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    cursor: pointer;
}

.viet-sub02-06 ._inner ._box3 {
    justify-content: flex-start;
}

.viet-sub02-06 ._inner ._box3 img {
    margin-right: 80px;
}

/* 베트남 sub4 - page01 */
.viet-sub04-01 {
    padding: 71px 124px 87px 124px;
    display: flex;
    justify-content: space-between;
}

.viet-sub04-01 div p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.viet-sub04-01 div p b {
    font-weight: 600;
}

.viet-sub04-02 {
    padding: 80px 0;
    box-sizing: border-box;
    background-color: #f6eee8;
}

.viet-sub04-02 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.viet-sub04-02 ._inner p {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
    margin-bottom: 28px;
}

.viet-sub04-02 ._inner li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
    position: relative;
    padding-left: 15px;
}

.viet-sub04-02 ._inner li b {
    font-weight: 600;
}

.viet-sub04-02 li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 11px;
    height: 6px;
    width: 7px;
    border-radius: 50%;
    background: #a2988f;
}


.viet-sub04-03 {
    padding: 80px 0;
    box-sizing: border-box;
}

.viet-sub04-03 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.viet-sub04-03 ._inner p {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
    margin-bottom: 28px;
}

.viet-sub04-03 ._inner li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
    position: relative;
    padding-left: 15px;
}

.viet-sub04-03 ._inner li b {
    font-weight: 600;
}

.viet-sub04-03 li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 11px;
    height: 6px;
    width: 7px;
    border-radius: 50%;
    background: #a2988f;
}


.viet-sub04-04 {
    padding: 80px 0;
    background-color: #f6eee8;
    box-sizing: border-box;
}

.viet-sub04-04 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.viet-sub04-04 ._inner p {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
    margin-bottom: 28px;
}

.viet-sub04-04 ._inner li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    position: relative;
    padding-left: 15px;
}

.viet-sub04-04 ._inner li b {
    font-weight: 600;
}

.viet-sub04-04 li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 11px;
    height: 6px;
    width: 7px;
    border-radius: 50%;
    background: #a2988f;
}

.viet-sub04-05 {
    padding: 80px 0 172px;
    box-sizing: border-box;
}

.viet-sub04-05 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.viet-sub04-05 ._inner div {
    margin-right: 114px;
}

.viet-sub04-05 ._inner h1 {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
}

.viet-sub04-05 ._inner p {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: -0.55px;
    text-align: left;
    color: #8e7a70;
    margin-bottom: 54px;
    padding-left: 61px;
}

.viet-sub04-05 ._inner p b {
    font-weight: 600;
}

.viet-sub04-05 ._inner span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.viet-sub04-06 {
    padding: 0px 0 107px;
    box-sizing: border-box;
    background-color: #f6eee8;
}

.viet-sub04-06 h1 {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: -0.88px;
    text-align: left;
    color: #333;
}

.viet-sub04-06 h1 span {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.5px;
    text-align: left;
    color: #8e7a70;
    display: inline-block;
    margin-left: 7px;
}

.viet-sub04-06 p {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: -0.55px;
    text-align: left;
    color: #333;
}

.viet-sub04-06 p b {
    font-weight: 600;
}

.viet-sub04-06 span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.viet-sub04-06 span b {
    font-weight: 600;
}

.viet-sub04-06 li {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    padding-left: 15px;
    position: relative;
}

.viet-sub04-06 li::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #a2988f;
    position: absolute;
    left: 0px;
    top: 11px;
    border-radius: 50%;
}

.viet-sub04-06 ._inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.viet-sub04-06 ._inner ._box1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -85px;
}

.viet-sub04-06 ._inner ._box1 img {
    margin-right: 189px;
}

.viet-sub04-06 ._inner ._box1 h1 {
    margin-top: 50px;
    margin-bottom: 35px;
}

.viet-sub04-06 ._inner ._box1 p {
    color: #8e7a70;
}

.viet-sub04-06 ._inner ._box2 {
    padding-top: 461px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.viet-sub04-06 ._inner ._box2 div {
    margin-top: -15px;
}

.viet-sub04-06 ._inner ._box2 h1, 
.viet-sub04-06 ._inner ._box3 h1,
.viet-sub04-06 ._inner ._box4 h1 {
    border-bottom: 1px solid #888;
    margin-bottom: 29px;
    padding-bottom: 5px;
}

.viet-sub04-06 ._inner ._box2 p {
    margin-bottom: 19px;
}

.viet-sub04-06 ._inner ._box3 {
    padding-top: 82px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.viet-sub04-06 ._inner ._box3 span:nth-child(3) {
    margin: 26px 0 30px 0;
    display: block;
}

.viet-sub04-06 ._inner ._box3 ul {
    margin-top: 29px;
}

.viet-sub04-06 ._inner ._box4 {
    padding-top: 68px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.viet-sub04-06 ._inner ._box4 div {
    width: 600px;
    margin-top: -15px;
}

.viet-sub04-06 ._inner ._box4 p {
    margin-bottom: 14px;
}

.viet-sub04-06 ._inner ._box4 ul {
    margin-bottom: 28px;
    margin-top: 10px;
}

.viet-sub04-06 ._inner ._box4 ul._last {
    margin-bottom: 15px;
}

.dropdown {
    position: relative;
  }
  
  .dropdown-lang {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 1.3s ease, opacity 0.8s ease; 
    position: absolute;
    left: -11px;
    top: 34px;
    z-index: 10110;
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 46px;
    text-align: center;
    height: 70px;
  }
  
  .dropdown-button {
    cursor: pointer;
  }
  
  .dropdown-lang li {
    padding: 5px 10px;
  }
  
  .dropdown-lang li a {
    color: #333;
    text-decoration: none;
  }

  .dropdown-lang li a:hover {
    color:#c49d8b;
  }
  
  .dropdown-lang.active {
    visibility: visible;
    max-height: 200px; /* 최대 높이 설정 (원하는 값으로 조절) */
    opacity: 1;
    transition: max-height 1.3s ease, opacity 1.4s ease; /* 트랜지션 설정 */
  }