@charset "utf-8";

@media (max-width: 1400px) {
	/* s1-4 */
	.member-list ul li .img-box {max-width: 200px;}
	.member-list ul li .text-box {width: calc(100% - 200px); padding: 45px 35px 0;}
}

@media (max-width: 1200px) {
	#lnb {max-width: 220px;}

	.sub-content {padding-left: 40px;}

	/* s1-1 */
	.greeting .text-box > p:nth-child(3) {padding-right: 0;}

	/* s1-2 */
	.history-wrap:before {left: 250px;}
	.year-wrap .year {max-width: 250px;}

	/* s1-4 */
	.member-list ul li .img-box {max-width: 180px;}
	.member-list ul li .text-box {width: calc(100% - 180px); padding: 35px 30px 0;}
	.member-list ul li .text-box .name {font-size: 32px;}

	/* s1-6 */
	.location .btn-area a {width: 120px;}
}

@media (max-width: 1024px) {
	.sub-visual {height: 240px; margin-top: 95px;}
	.sub-visual h2 {font-size: 38px;}
	.sub-content-wrap {padding-top: 20px;}
	.sub-content-wrap .flex {display: block;}

	#lnb {max-width: none; margin-bottom: 80px;}
	#lnb ul {display: flex; width: 100%;}
	#lnb li {flex: 1; width: auto; height: 50px; margin-bottom: 0; margin-left: -1px;}
	#lnb li a {position: relative; display: flex; justify-content: center; align-items: center; font-size: 16px; padding: 0 5px;}
	#lnb li a:after {display: none;}
	#lnb li a:hover {border: 1px solid #ddd;}

	.sub-content {width: 100%; flex: auto; padding-left: 0;}
	.page-title {padding-bottom: 20px; margin-bottom: 30px;}
	.page-title h3 {font-size: 30px;}

	.real-cont {padding-bottom: 80px;}

	/* s1-1 */
	.img-container {height: 240px; padding: 20px 50px;}
	.img-container b {font-size: 16px; margin-bottom: 10px;}
	.img-container h4 {font-size: 28px; margin-bottom: 14px;}
	.greeting .text-box {margin-top: 30px;}
	.greeting .text-box > p {font-size: 16px;margin-bottom: 22px;}
	.greeting .text-box > p:nth-child(-n+3) {padding-right: 260px;}
	.greeting .text-box .name p {font-size: 16px;}
	.greeting .text-box .name b {font-size: 24px; margin-left: 15px;}

	/* s1-2 */
	.history-wrap {padding: 40px 0 80px;}
	.history-wrap:before {left: 200px;}
	.year-wrap {margin-bottom: 30px;}
	.year-wrap .year {max-width: 200px; padding-right: 30px;}
	.year-wrap .year:after {top: 17px;}
	.year-wrap .year h4 {font-size: 40px;}
	.year-wrap .details {padding-left: 28px;}
	.month-wrap {margin-bottom: 7px;}
	.month-wrap .month {max-width: 85px; font-size: 16px;}
	.month-wrap ul li {font-size: 16px; margin-bottom: 7px;}

	/* s1-4 */
	.member-list ul {margin: -10px;}
	.member-list ul li {padding: 10px;}
	.member-list ul li .img-box {max-width: 170px;}
	.member-list ul li .text-box {width: calc(100% - 170px); padding: 45px 25px 0;}
	.member-list ul li .text-box .position {font-size: 16px; margin-bottom: 10px;}
	.member-list ul li .text-box .name {font-size: 28px;}

	/* s1-6 */
	.location .map {margin-bottom: 25px;}
	.location .root_daum_roughmap {height:300px !important;}
	.location .root_daum_roughmap .wrap_map {height:300px !important;}
	.location .info {font-size: 16px;}
	.location .info dl {margin-bottom: 5px;}
	.location .info dt {max-width: 45px;}
	.location .info dd {width: calc(100% - 45px);}
	.location .btn-area a {width: 120px; height: 45px; font-size: 16px;line-height: 43px;}
	
	/* s3-3 */
	.sub_3_3 .page-title {margin-bottom: 50px;}
	.process figure {margin-bottom: 50px;}
	.process table col:nth-child(1) {width: 140px !important;}
	.process table col:nth-child(3) {width: 140px !important;}
	.process table th {font-size: 16px; padding: 12px 0;}
	.process table td {font-size: 16px; padding: 12px 20px;}
	.process table td .dot-large {font-size: 16px; padding-left: 12px;}
	.process table td .dot-large:before {top: 10px;}
	.process table td .dot-small {font-size: 15px; padding-left: 10px; margin-top: 7px;}
	.process table td .dot-small:before {top: 11px;}
}

@media (max-width: 768px) {
	.sub-visual {height: 200px; margin-top: 85px;}
	.sub-visual h2 {font-size: 30px;}
	.sub-content-wrap {padding-top: 20px;}

	#lnb {margin-bottom: 50px;}
	#lnb ul {flex-wrap: wrap;}
	#lnb li {flex: auto; width: 33.333%; height: 40px; margin-top: -1px;}
	#lnb li a {font-size: 15px;}

	.page-title {flex-wrap: wrap; padding-bottom: 15px; margin-bottom: 30px;}
	.page-title h3 {width: 100%; font-size: 26px; margin-bottom: 15px;}

	.path ul {margin: 0 -18px;}
	.path ul li {padding: 0 18px; font-size: 15px;}

	.real-cont {padding-bottom: 70px;}

	/* s1-1 */
	.img-container {height: 200px; padding: 20px 20px;}
	.img-container b {font-size: 15px; margin-bottom: 10px;}
	.img-container h4 {font-size: 22px; margin-bottom: 14px;}
	.greeting .text-box {margin-top: 25px;}
	.greeting .text-box > p {font-size: 16px;margin-bottom: 20px;}
	.greeting .text-box > p:nth-child(-n+3) {padding-right: 0;}
	.greeting .text-box img {display: none;}

	/* s1-2 */
	.history-wrap {padding: 30px 0 70px;}
	.history-wrap:before {left: 10px;}
	.year-wrap {display: block; margin-bottom: 30px;}
	.year-wrap .year {max-width: none; padding-right: 0;}
	.year-wrap .year:after {top: 12px; right: auto; left: 5px;}
	.year-wrap .year h4 {font-size: 32px; text-align: left; padding-left: 28px;}
	.year-wrap .details {width: 100%; flex: auto; padding-left: 28px;}
	.month-wrap {margin-bottom: 7px;}
	.month-wrap .month {max-width: 85px; font-size: 16px;}
	.month-wrap ul li {font-size: 16px; margin-bottom: 7px;}

	/* s1-4 */
	.member-list ul {margin: -10px;}
	.member-list ul li {width: 100%; padding: 10px;}
	.member-list ul li .img-box {max-width: 140px;}
	.member-list ul li .text-box {width: calc(100% - 140px); padding: 35px 20px 0;}
	.member-list ul li .text-box .position {font-size: 15px; margin-bottom: 5px;}
	.member-list ul li .text-box .name {font-size: 22px;}

	/* s1-5 */
	.sub_1_5 #bo_cate ul li {width: 25%;}
	.sub_1_5 #bo_cate ul li a {border-bottom: 1px solid #459d11;}

	/* s1-6 */
	.location .map {margin-bottom: 20px;}
	.location .root_daum_roughmap {height:250px !important;}
	.location .root_daum_roughmap .wrap_map {height:250px !important;}
	.location .info-wrap {display: block;}
	.location .info dd {white-space: normal;}
	.location .btn-area {justify-content: flex-end; margin-top: 20px;}
	.location .btn-area a {width: 100px; height: 40px; font-size: 16px; line-height: 38px;}

	/* s3-3 */
	.sub_3_3 .page-title {margin-bottom: 30px;}
	.process figure {margin-bottom: 30px;}
	.process table col:nth-child(1) {width: 120px !important;}
	.process table col:nth-child(3) {width: 140px !important;}
	.process table th {font-size: 16px; padding: 12px 0;}
	.process table td {font-size: 16px; padding: 12px 20px;}
	.process table td .dot-large {font-size: 16px; padding-left: 12px;}
	.process table td .dot-large:before {top: 10px;}
	.process table td .dot-small {font-size: 15px; padding-left: 10px; margin-top: 7px;}
	.process table td .dot-small:before {top: 11px;}
}

@media (max-width: 480px) {
	
}