/* ************************************ 서브 ************************************ */
.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; text-align: center;}
.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{margin-top: 250px; text-align: center;}
.greet_bottom p{font-size: 29px; line-height: 1.3; font-weight: 600;}


/* 연혁 */
.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: 130px 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: #636822; 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: 100px;}
.history_line:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 8px; height: 8px; background: #636822; border-radius: 50%;}
.history_line .h_img{width: 100%; margin-top: 30px;}
.history_line .h_img img{width: 100%;}
.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: 19px;}
.history_line > ul{margin: 100px 0; 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_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%; margin-top: 25px;}
.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;}


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

.map_adress{margin-top: 100px;}
.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);}


/* Works 공통 */
.top_img_text{display: flex; align-items: center; width: 100%; height: 500px; padding: 100px 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.top_img_text.top_s21{background-image: url("../imgs/sub/s02/s21_top.jpg");}
.top_img_text.top_s22{background-image: url("../imgs/sub/s02/s22_top.jpg");}
.top_img_text.top_s23{background-image: url("../imgs/sub/s02/s23_top.jpg");}
.top_img_text.top_s24{background-image: url("../imgs/sub/s02/s24_top.jpg");}
.top_img_text p{font-size: 35px; font-weight: 700; line-height: 1.4; color: #fff; word-break: keep-all; text-align: center;}



@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: 1023px){
   	/* 연혁 */
	.history_nav ul li a{width: 130px; padding: 12px 0;}
	
	.history_wrap{width: 94%; margin-top: 100px;}
	.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: 100px 0 70px;}
	.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 .h_img{width: 100% !important; margin-top: 0;}
	.history_line .history_left .h_img{margin-bottom: 25px;}
	.history_line .history_right .h_img{margin-top: 25px;}
	.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: 25px;}
	.history_line .h_text ul{margin-top: 25px; 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: 10px;}
	.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: 23px; margin-top: 7px;}
	.greet_title .gpt_02{font-size: 16px; 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{margin-top: 150px;}
	.greet_bottom p{font-size: 25px; line-height: 1.4;}
	
	/* 연혁 */
	.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: 80px auto 0;}
	.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;}
	
	/* 오시는 길 */
	.sub_map_box {height: 300px !important;}
	.sub_map_box .wrap_map{min-height: 300px;}
	
	.map_adress{margin-top: 60px;}
	.map_adress .madp_01{font-size: 19px;}
	.map_adress .madp_02{font-size: 14px;}
	.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);}
	

	/* Works 공통 */
	.top_img_text{height: 250px; padding: 50px 0; background-position: center right;}
	.top_img_text p{font-size: 25px;}
	.top_img_text.top_s21{background-position: left bottom;}
	.top_img_text.top_s24{background-position: left bottom;}
}


@media (max-width: 480px) {
	/* 회사소개 */
	.greet_bottom{margin-top: 100px;}
	.greet_bottom p{font-size: 23px;}
	
	
	/* 의료 장비소개 */
	.equipment_lays ul li{width: 100%; margin-left: 0 !important;}
	.equipment_lays ul li:nth-child(n+2){margin-top: 20px;}
	.equipment_lays div .eqp_01{font-size: 17px; margin-bottom: 6px;}
	.equipment_lays div .eqp_02{font-size: 14px;}
	
	
	/* 오시는 길 */
	.sub_map_box {height: 250px !important;}
	.sub_map_box .wrap_map{min-height: 250px;}
	
	
	/* Works 공통 */	
	.top_img_text{height: 200px; padding: 30px 0;}
	.top_img_text p{font-size: 21px;}
	
    
}