/* ************************************ 서브 ************************************ */
.map_adress ul li a{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* 회사소개 */
.greet_wrap{}
.greet_title{padding-bottom: 30px;}
.greet_title h3{font-family: "Cormorant Garamond", serif; font-size: 39px; font-weight: 700; line-height: 1.3;}
.greet_title .gpt_01{font-size: 31px; font-weight: 700; line-height: 1.3; margin-top: 20px;}
.greet_title .gpt_02{font-size: 19px; line-height: 1.5; margin-top: 5px; color: #888;}

.greet_img_lays{margin-top: 50px;}
.greet_img_lays img{width: 100%; border-radius: 20px;}
.greet_img_lays ul{display: flex; align-items: center; margin-top: 200px;}
.greet_img_lays ul:first-child{margin-top: 0;}
.greet_img_lays ul li{width: 50%;}
.greet_img_lays ul li:nth-child(2){padding-left: 80px;}
.greet_img_lays ul.reverse_lays{flex-direction: row-reverse;}
.greet_img_lays ul.reverse_lays li{padding-right: 0;}
.greet_img_lays .gp_01{font-family: "Cormorant Garamond", serif; font-size: 49px; font-weight: 700; line-height: 1.2;}
.greet_img_lays .gp_02{font-size: 27px; font-weight: 700; line-height: 1.4; margin-top: 20px; word-break: keep-all;}
.greet_img_lays .gp_03{font-size: 19px; line-height: 1.5; margin-top: 5px; color: #888;}

.greet_bottom{background: #F1F1F1; padding: 130px 0 150px; margin-top: 50px;}
.greet_bottom ul{display: flex;}
.greet_bottom ul li{width: 40%;}
.greet_bottom ul li:nth-child(2){width: 60%}
.greet_bottom h3{font-size: 50px; font-weight: 700; line-height: 1.2; margin-bottom: 25px;}
.greet_bottom b{display: block; font-size: 40px; line-height: 1.1; margin-bottom: 45px;}
.greet_bottom a{display: inline-block; padding: 10px 40px; border: 1px solid #000; border-radius: 50px; color: #000; font-size: 17px;}
.greet_bottom a:hover{background: #000; color: #fff;}
.greet_bottom p{font-size: 19px; line-height: 1.4; margin-top: 30px;}
.greet_bottom p:first-child{margin-top: 0;}


/* 연혁 */
.history_nav{width: 100%;}
.history_nav ul{display: flex; justify-content: center; width: 100%; max-width: 1400px; margin: 0 auto;}
.history_nav ul li{margin-left: 20px;}
.history_nav ul li:first-child{margin-left: 0;}
.history_nav ul li a{display: block; width: 220px; line-height: 1.6; padding: 20px 0; border: 1px solid #ccc; text-align: center; border-radius: 50px; font-size: 17px;}
.history_nav ul li.active a{background: #423811; border-color: #423811; color: #fff;}
.history_nav ul li:hover a{text-decoration: underline;}

.history_wrap{width: 100%; margin: 0 0 200px; overflow: hidden;}
.history_circle{display: flex; justify-content: center; width: 100%; max-width: 1160px; margin: 0 auto;}
.history_circle div{display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; background: var(--one-gradient); border-radius: 50%;}
.history_circle div b{display: inline-block; font-size: 21px; font-weight: 400; line-height: 1.4; color: #fff; text-align: center;}
.history_line{position: relative; background: url("../imgs/sub/s01/history_line.jpg") repeat-y center;}
.history_line.last_line{padding-bottom: 50px;}
.history_line:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 8px; height: 8px; background: #636822; border-radius: 50%;}
.history_line ul{display: flex;}
.history_line li{font-size: 16px; line-height: 1.6;}
.history_line li span{display: block;}
.history_line li.h_mons{font-size: 17px;}
.history_line > ul{margin: 40px 0 50px; width: 100%;}
.history_line > ul > li{position: relative; width: 50%;}
.history_line > ul > li:after{content: ''; position: absolute; top: 7px; width: 8px; height: 8px; background: #636822; border-radius: 50%;}
.history_line .history_right > li:after{content: ''; left: -4px;}
.history_line .history_left > li:after{content: ''; right: -4px;}
.history_line > ul > li:before{content: ''; position: absolute; top: 11px; width: 80px; height: 1px; background: #636822;}
.history_line .history_right > li:before{content: ''; left: 0;}
.history_line .history_left > li:before{content: ''; right: 0;}
.history_line .history_left .h_img{padding-right: 0; padding-left: 110px; text-align: left;}
.history_line .history_left .h_img img{width: 100%; max-width: 430px;}
.history_line .h_img:after{content: ''; display: none;}
.history_line .h_img:before{content: ''; display: none;}
.history_line .history_img_wrap{flex-wrap: wrap;}
.history_line .history_left{justify-content: flex-start; text-align: right;}
.history_line .history_right{justify-content: flex-end;}
.history_line .history_left > li > ul{justify-content: flex-end;}
.history_line .history_left .h_text{display: flex; flex-wrap: wrap; justify-content: flex-end;}
.history_line .history_left > li{padding-right: 110px;}
.history_line .history_right > li{padding-left: 110px;}
.history_line .h_year{font-weight: 700; font-size: 19px; line-height: 1.4; width: 50px;}
.history_line .history_left .h_year{margin-left: 10px; text-align: right;}
.history_line .history_right .h_year{margin-right: 10px; text-align: left;}
.history_line .h_text{width: calc(100% - 60px);}
.history_line .h_text ul{width: 100%;}
.history_line .h_text ul:first-child{margin-top: 0;}
.history_line .h_text li{width: calc(100% - 50px);}
.history_line .h_text li.h_mons{width: 40px;}
.history_line .h_text li.h_solo{width: 100%;}
.history_line .history_left .h_mons{margin-left: 10px; text-align: right;}
.history_line .history_right .h_mons{margin-right: 10px; text-align: left;}

/* 비전 */
.vision_wrap{margin-bottom: 150px;}
.vision_wrap > ul{display: flex; padding: 50px 0; border-top: 1px solid #ccc;}
.vision_wrap > ul:first-child{border-top: 0;}
.vision_wrap > ul > li:nth-child(1){width: 260px; padding-left: 20px;}
.vision_wrap > ul > li:nth-child(2){width: calc(100% - 260px);}
.vision_wrap h3{font-size: 35px;}
.vision_wrap h3 b{background: linear-gradient(to left, #FB35CF, #02C0FE); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: 700;}
.vision_wrap p{font-size: 25px; font-weight: 600; margin-top: 10px; margin-bottom: 40px;}
.vision_wrap p:last-child{margin-bottom: 0;}
.vision_wrap span{display: block; font-size: 21px; font-weight: 300; color: #999;}

.vision_num_lay{display: flex; border-top: 1px solid #ccc; padding-top: 20px;}
.vision_num_lay > li{width: 50%; display: flex; align-items: center;}
.vision_num_lay > li:nth-child(1){border: 0;}
.vision_num_wrap h4{font-size: 75px; font-weight: 700; color: #FF5A62; margin-bottom: 20px; letter-spacing: -4px;}
.vision_num_wrap h4 .counter{display: inline-block;}
.vision_num_wrap h4 .counter_text{display: inline-block; margin-left: 5px; font-weight: 400; letter-spacing: 0; font-size: 19px; color: #222;}
.vision_num_wrap b{display: block; font-size: 25px; font-weight: 600;}
.vision_year {margin: 30px 0 10px; font-size: 19px;}
.vision_year span{display: inline-block; font-size: 55px; font-weight: 700; color: #FF5A62; letter-spacing: -4px; margin-right: 10px;}

.vision_num_ani .locn{min-width: 180px;}

.vision_img{text-align: right;}
.vision_img img{width: 279px;}

.core_wrap{display: flex; justify-content: space-between; background: url("../imgs/sub/s01/s12_line_h.png") repeat-x center;}
.core_wrap li span{display: flex; justify-content: center; align-items: center; width: 300px; height: 300px; border-radius: 50%; font-size: 30px; font-weight: 500; line-height: 1.2; color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; text-align: center;}
.core_wrap li:nth-child(1) span{background-image: url("../imgs/sub/s01/s12_02.jpg");}
.core_wrap li:nth-child(2) span{background-image: url("../imgs/sub/s01/s12_03.jpg");}
.core_wrap li:nth-child(3) span{background-image: url("../imgs/sub/s01/s12_04.jpg");}


/* 조직도 */
.organization_wrap{text-align: center;}
.organization_wrap div{padding: 50px 0 200px;}
.organization_wrap img{width: 100%; max-width: 1117px;}


/* 오시는 길 */
.sub_map_box{width: 100% !important;}
.sub_map_box .wrap_map{min-height: 600px;}
.sub_map_box .wrap_controllers{display: none;}
.sub_map_box .cont{display: none;}


.map_adress{margin-top: 50px;}
.map_adress .madp_01{font-size: 23px; font-weight: 700; word-break: keep-all;}
.map_adress .madp_02{font-size: 15px; color: #89A0B1; margin-top: 5px;}
.map_adress ul{display: flex; margin-top: 40px;}
.map_adress ul li{margin-left: 20px;}
.map_adress ul li:first-child{margin-left: 0;}
.map_adress ul li a{display: block; width: 240px; height: 50px; line-height: 50px; border-radius: 100px; font-size: 15px; text-align: center;}
.map_adress ul li:nth-child(1) a{background: #03C75A; color: #fff;}
.map_adress ul li:nth-child(2) a{background: #FFEA3B; color: #030001;}
.map_adress ul li:nth-child(1) a:hover{background: #009B45;}
.map_adress ul li:nth-child(2) a:hover{background: #FFD83B;}

.map_table_wrap{border-top: 2px solid #000;}
.map_table_wrap ul{display: flex; border-bottom: 1px solid #ccc;}
.map_table_wrap ul li{padding: 30px 10px; word-break: keep-all;}
.map_table_wrap ul li:nth-child(1){font-size: 18px; font-weight: 700; line-height: 1.4; width: 200px;}
.map_table_wrap ul li:nth-child(2){font-size: 15px; line-height: 1.5; width: calc(100% - 200px);}


/* 예약안내 */
.refund_wrap{display: flex;}
.refund_wrap{font-size: 17px; line-height: 2; color: #666;}
.refund_wrap li:first-child{width: 300px;}


/* VR */
.vr_viewer{width: 100%; height: 600px; margin-top: 50px;}
.psv-download-button{display: none !important;}



.only_page21 .sub_page_title{display: none;}
.only_page21 .sub_page_title.sub_page_block{display: block;}
.only_page22 .sub_page_title{display: none;}
.only_page22 .sub_page_title.sub_page_block{display: block;}



@media (max-width: 1420px){
	/* 회사소개 */
    .greet_img_lays ul li:nth-child(2){padding-left: 30px;}
	
	/* 연혁 */
	.history_nav ul li a{width: 180px; padding: 15px 0; font-size: 15px;}
}

@media (max-width: 1300px){
	/* 비전 */
	.core_wrap li span{width: 250px; height: 250px;}
}

@media (max-width: 1200px){
	/* 비전 */
	.core_wrap li span{width: 200px; height: 200px; font-size: 25px;}
}


@media (max-width: 1023px){
	/* 회사소개 */
	.greet_bottom ul{flex-wrap: wrap;}
	.greet_bottom ul li{width: 100% !important;}
	.greet_bottom ul li:first-child{margin-bottom: 50px;}
	
	/* 비전 */
	.core_wrap li span{width: 150px; height: 150px; font-size: 21px;}
	
   	/* 연혁 */
	.history_nav ul li a{width: 130px; padding: 12px 0;}
	
	.history_wrap{width: 94%;}
	.history_circle div{width: 110px; height: 110px;}
	.history_circle div b{font-size: 19px;}
	.history_line{padding-bottom: 1px;}
	.history_line ul{flex-wrap: wrap; justify-content: center !important;}
	.history_line > ul{margin: 50px 0;}
	.history_line li{width: 100% !important; text-align: center !important;}
	.history_line > ul > li{width: auto;}
	.history_line > ul > li:after{content: ''; position: absolute; top: -30px; left: 50% !important; transform: translateX(-50%); right: inherit !important;}
	.history_line > ul > li:before{content: ''; display: none;}
	.history_line .history_left .h_img{padding: 0; text-align: center; margin-top: 10px;}
	.history_line .history_left > li{padding-right: 0;}
	.history_line .history_right > li{padding-left: 0;}
	.history_line .h_year{font-size: 19px; line-height: 1.4; background: #fff; padding: 5px 0;}
	.history_line .history_left .h_year{margin-left: 0;}
	.history_line .history_right .h_year{margin-right: 0;}
	.history_line .h_text{margin-top: 15px;}
	.history_line .h_text ul{margin-top: 15px; background: #fff; padding: 5px 0;}
	.history_line .history_left .h_mons{margin-left: 0;}
	.history_line .history_right .h_mons{margin-right: 0;}
	.history_line .h_mons{margin-bottom: 0;}
	.history_line .history_left ul{flex-direction: column-reverse;}
}

@media (max-width: 767px) {
	/* 회사소개 */
	.greet_title h3{font-size: 35px;}
	.greet_title .gpt_01{font-size: 21px; margin-top: 7px;}
	.greet_title .gpt_02{font-size: 15px; margin-top: 3px;}
	
	.greet_img_lays{margin-top: 40px;}
	.greet_img_lays img{border-radius: 10px;}
    .greet_img_lays ul{flex-wrap: wrap; margin-top: 80px;}
	.greet_img_lays ul li{width: 100%;}
	.greet_img_lays ul li:nth-child(2){padding-left: 0; margin-top: 20px;}
	.greet_img_lays ul.reverse_lays li{padding-right: 0;}
	.greet_img_lays .gp_01{font-size: 31px;}
	.greet_img_lays .gp_02{font-size: 21px; margin-top: 7px;}
	.greet_img_lays .gp_03{font-size: 16px; margin-top: 3px;}
	
	.greet_bottom{padding: 90px 0; margin-top: 0;}
	.greet_bottom ul li:first-child{margin-bottom: 40px;}
	.greet_bottom h3{font-size: 40px; margin-bottom: 20px;}
	.greet_bottom b{font-size: 35px; margin-bottom: 30px;}
	.greet_bottom a{padding: 7px 30px; font-size: 15px;}
	.greet_bottom p{font-size: 17px; line-height: 1.4; margin-top: 30px;}
	
	/* 연혁 */
	.history_nav{width: 94%; margin: 0 auto;}
	.history_nav ul{margin: 0; justify-content: flex-start; flex-wrap: wrap;}
	.history_nav ul li{margin-left: 0; margin-right: 10px; margin-top: 10px;}
	.history_nav ul li:last-child{margin-right: 0;}
	.history_nav ul li a{width: auto; padding: 6px 20px; font-size: 14px;}

	.history_wrap{width: 94%; margin-bottom: 100px;}
	.history_circle div{width: 100px; height: 100px;}
	.history_circle div b{font-size: 17px; line-height: 1.2;}
	.history_line.last_line{padding-bottom: 50px;}
	.history_line > ul{margin: 80px 0 50px;}
	.history_line li{font-size: 15px;}
	.history_line li.h_mons{font-size: 17px;}
	.history_line .h_year{font-size: 19px;}
	
	/* 비전 */
	.vision_wrap{margin-bottom: 100px;}
	.vision_wrap > ul{flex-wrap: wrap; padding: 30px 0;}
	.vision_wrap > ul > li{width: 100% !important; padding: 0 10px !important;}
	.vision_wrap h3{font-size: 27px; margin-bottom: 10px;}
	.vision_wrap p{font-size: 21px; margin-bottom: 5px;}
	.vision_wrap span{font-size: 19px;}
	
	.vision_num_lay{flex-wrap: wrap;}
	.vision_num_lay > li{width: 100%;  margin-top: 30px;}
	.vision_num_lay > li:first-child{border-top: 0; margin-top: 0;}
	.vision_num_wrap h4{font-size: 60px; margin-bottom: 10px;}
	.vision_num_wrap b{font-size: 23px;}
	.vision_year {margin: 20px 0 5px;}
	.vision_year span{font-size: 40px;}

	
	.vision_img img{width: 200px;}
	
	/* 조직도 */
	.organization_wrap div{padding: 30px 0 100px;}
	
	/* 오시는 길 */
	.sub_map_box {height: 300px !important;}
	.sub_map_box .wrap_map{min-height: 300px;}
	
	.map_adress{margin-top: 30px;}
	.map_adress .madp_01{font-size: 17px;}
	.map_adress .madp_02{font-size: 14px; margin-top: 10px;}
	.map_adress ul{flex-wrap: wrap; margin-top: 40px;}
	.map_adress ul li{margin-left: 0;}
	.map_adress ul li:nth-child(2){margin-top: 20px;}
	.map_adress ul li a{ height: 45px; line-height: 45px; font-size: 14px;}
	
	.map_table_wrap ul li{padding: 20px 10px;}
	.map_table_wrap ul li:nth-child(1){font-size: 16px; width: 140px;}
	.map_table_wrap ul li:nth-child(2){font-size: 14px; width: calc(100% - 140px);}
	
	
	/* 예약안내 */
	.refund_wrap{flex-wrap: wrap; line-height: 1.4; margin-bottom: 20px;}
	.refund_wrap:first-child{margin-bottom: 0;}
	.refund_wrap li{width: 100%;}
	.refund_wrap li:first-child{width: 100%;}
	
}

@media screen and (max-width: 600px) {
	.core_wrap{flex-wrap: wrap; justify-content: center; background: url("../imgs/sub/s01/s12_line_v.png") repeat-y center; margin-top: 40px;}
	.core_wrap li{display: flex; justify-content: center; width: 100%; margin-top: 30px;}
	.core_wrap li:first-child{margin-top: 0;}
	.core_wrap li span{width: 180px; height: 180px; font-size: 20px;}
}

@media (max-width: 480px) {
	/* 회사소개 */
	.greet_bottom{padding: 70px 0;}
	.greet_bottom h3{font-size: 30px; margin-bottom: 15px;}
	.greet_bottom b{font-size: 23px; margin-bottom: 20px;}
	.greet_bottom p{font-size: 17px; margin-top: 20px;}
	
	/* 비전 */
	.vision_wrap{margin-bottom: 80px;}
	.vision_wrap > ul{flex-wrap: wrap; padding: 25px 0;}
	.vision_wrap h3{font-size: 23px; margin-bottom: 10px;}
	.vision_wrap p{font-size: 18px; margin-bottom: 10px;}
	.vision_wrap span{font-size: 16px;}
	
	.vision_num_lay > li{margin-top: 20px;}
	.vision_num_lay > li:first-child{margin-top: 0;}
	.vision_num_wrap h4{font-size: 50px; margin-bottom: 5px;}
	.vision_num_wrap b{font-size: 19px;}
	.vision_year {margin: 20px 0 0;}
	.vision_year span{font-size: 35px;}

	
	.vision_img img{width: 180px;}
	
	
	/* 연혁 */
	.history_wrap{margin-bottom: 70px;}
	
	/* 조직도 */
	.organization_wrap div{padding: 20px 0 80px;}

	
	/* 오시는 길 */
	.sub_map_box {height: 250px !important;}
	.sub_map_box .wrap_map{min-height: 250px;}
	
	
	/* 예약안내 */
	.refund_wrap{font-size: 15px;}
	
	
	/* VR */
	.vr_viewer{width: 100%; height: 400px; margin-top: 40px;}
    
}