@charset "utf-8";

@media (max-width: 1600px) {
	.section04 .items {padding-bottom:80px;}
	.section04 .slick-arrow {top:auto; bottom:0; margin-top:0;}
	.section04 .slick-prev {left:50%; margin-left:-80px;}
	.section04 .slick-next {right:50%; margin-right:-80px;}
}
@media (max-width: 1500px) {
	#gnb>ul {margin-left:320px;}
}
@media (max-width: 1400px) {
	/* latout */
		#gnb>ul {margin-left:280px;}
		#gnb>ul>li {width:160px;}
		#gnb .submenu > ul {padding:30px 20px;}
		#gnb .submenu > ul > li {margin-bottom:10px;}
		
		.scroll-top {bottom:160px; right:15px;}
	/* main */
		.section01 .col {margin:0 -10px;}
		.section01 .row {margin:0 10px;}
		.section01 .txt-box a {padding:30px; min-height:250px;}
		.section01 .txt-box a p br {display:none;}
	/* sub */
		
}

@media (max-width: 1024px) {
	/* latout */
		/* header */
		#header {height:90px; position:absolute;}
		#header .sitelogo a {margin-top:-30px;}
		#header .sitelogo a img {height:60px;}
		#header.active {transform:translateY(0);}
		#header.hide {transform:translateY(0);}
		#gnb {display:none;}
		/* footer */
		#footer {padding:40px 0;}
		.foot-wrap {display:block;}
		.foot-wrap .logo {margin-bottom:30px;}
		.foot-wrap .box {width:100%;}
		.foot-wrap .box .info {padding-bottom:18px; margin-bottom:18px;}
		.foot-wrap .box p {font-size:14px;}
		.foot-wrap .box .copy ul {margin:0 -10px;}
		.foot-wrap .box .copy ul li {padding:0 10px;}
		.foot-wrap .box .copy ul li a {font-size:14px;}
	/* main */
		.main-visual .thumb .wrap {height:calc(100vh - 90px); padding-top:90px;}
		.main-visual .txt-box {margin-bottom:60px;}
		.main-visual .txt-box span {font-size:18px; margin-bottom:10px;}
		.main-visual .txt-box h2 {font-size:40px; margin-bottom:30px;}
		.main-visual .txt-box p {font-size:24px;}
		.main-visual .main-btns {width:180px;}
		.main-visual .scrolldown {right:15px; bottom:60px;}
		/* section */
		.section {padding:100px 0 120px;}
		.sec-tit {margin-bottom:48px;}
		.sec-tit h3 {font-size:40px; margin-bottom:20px;}
		.sec-tit p {font-size:18px;}
		.sec-tit .more a {font-size:16px; padding-right:18px;}
		.sec-tit .more a:hover {padding-left:0; padding-right:18px;}
		.sec-tit .more a:before {display:none;}
		.sec-tit .more a:after {width:8px; height:14px;}
		.sec-tit .more a:hover:after {width:8px;}
		.sec-txt {display:none;}
		/* section01 */
		.section01 .col {flex-wrap:wrap; max-width:870px; width:100%; margin:0 auto;}
		.section01 .row {margin:0; padding:0 20px; width:50%;}
		.section01 .row:first-child {width:100%;}		
		.section01 .img-box {max-width:none;margin-bottom:40px;}
		.section01 .txt-box {max-width:none;}
		.section01 .inner {background:url('../img/main/sec-m-img.jpg') center center no-repeat; padding:50px; height:300px;}
		.section01 .inner h4 {font-size:28px;}
		.section01 .txt-box a {padding:20px; min-height:160px; margin-bottom:40px;}
		.section01 .txt-box a:after {background-size:cover;}
		.section01 .txt-box a h5 {font-size:20px; margin-bottom:10px;}
		.section01 .txt-box a p {font-size:15px;}
		.section01 .txt-box a .icon {width:48px; height:48px; top:20px; right:20px;}
		/* section02 */
		.section02 {}
		.section02 .col {display:block; height:100%;}
		.section02 .sec-tit {max-width:none; width:100%; padding-top:0; margin-bottom:40px;}
		.section02 .sec-tit h3 br {display:none;}
		.section02 .sec-tit p br {display:none;}
		.section02 .sec-tit .sec02-arrow {margin-top:40px;}
		.section02 .sec-tit .sec02-arrow> div {width:50px; height:50px;}
		.section02 .row {width:100%;}
		.section02 .slide {width:100%; position:relative; padding-bottom:60px;}
		.section02 .swiper-wrapper {margin:0;}
		.section02 .swiper-slide {padding:0 10px;}
		.section02 .swiper-slide a p {font-size:20px; margin-top:30px;}
		.section02  .swiper-pagination {height:4px; width:calc(100% - 20px); left:10px;}
		/* section03 */
		.section03 .col {display:block;}
		.section03 .sec-tit {width:100%; max-width:none; margin-bottom:60px;}
		.section03 .sec-tit .more {margin-top:20px;}
		.section03 .img-box {width:100%; max-width:500px; margin:0 0 0 auto;}
		.section03 .img-box a {height:300px; font-size:26px; padding:40px;}
		/* section04 */
		.section04 .sec-tit {margin-bottom:30px;}
		.section04 .sec-tit .more {margin-top:10px;}
		.section04 .items {margin:0 -10px; padding-bottom:60px;}
		.section04 .item {padding:0 10px;}
		.section04 .inner {padding-top:0;}
		.section04 .inner:hover {padding-top:0;}
		.section04 .inner .img-box {margin-bottom:14px;}
		.section04 .inner .txt-box {padding:0;}
		.section04 .inner .txt-box h4 {font-size:16px; margin-bottom:14px;}
		.section04 .inner .txt-box p {font-size:13px;padding-left:14px;}
		.section04 .inner .txt-box p:before {width:10px; height:10px; margin-top:-5px; background-size:cover;}
		
		.section04 .slick-arrow {background-size:cover; width:24px; height:46px;}
		.section04 .slick-prev {left:50%; margin-left:-60px;}
		.section04 .slick-next {right:50%; margin-right:-60px;}
	/* sub */
		.real-cont {padding:100px 0 120px;}
		/* sub-visual */
		.sub-visual {height:380px; margin-top:90px;}
		.sub-visual h2 {font-size:40px;}
		/* lnb */
		.lnb ul li:after {height:14px; margin-top:-7px;}
		.lnb ul li a {font-size:16px; padding:15px 5px;}
		/* pagename */
		.pagename {margin-bottom:60px;}
		.pagename h3 {font-size:38px; padding-top:20px;}
		#sub_content .page-header h1 {font-size:38px;}
		.pagename h3:before {width:24px; height:5px; margin-left:-12px;}
		.pagename p {font-size:18px; margin-top:20px;}
		/* sub 01 01 */
		.outline .cnt {padding:100px 0 120px;}
		.outline .col {margin:0 -10px -20px;}
		.outline .col .row {width:50%; padding:0 10px; margin-bottom:20px;}
		.outline .inner {min-height:auto; height:100%; padding:30px 20px;}
		.outline .inner .icon {margin-bottom:20px;}
		.outline .inner .icon img {width:100px;}
		.outline .inner p {font-size:15px;}
		.outline .inner h4 {font-size:20px;}
		.outline .inner h4 span {font-size:18px;}
		/* sub 01 02 */
		.greeting .col {display:block;}
		.greeting .col {margin-top: 25px;}
		.greeting .txt-box {width:100%; padding-right:0; margin-bottom:60px;}
		.greeting .txt-box .tit {margin-bottom:30px; padding-bottom:30px;}
		.greeting .txt-box .tit:after {width:50px;}
		.greeting .txt-box h4 {font-size:28px;}
		.greeting .txt-box p {font-size:16px; margin-bottom:20px;}
		.greeting .txt-box p br {display:none;}
		.greeting .txt-box .name {margin-top:50px; font-size:20px;}
		.greeting .txt-box .name strong {margin-left:20px; font-size:23px;}
		.greeting .img-box {max-width:500px; padding-right:40px; padding-bottom:40px; margin:0 auto;}
		.greeting .img-box .back {opacity:0;}
		/* sub 01 03 */
		.history .img-box {margin-bottom:60px; padding-bottom:60px;}
		.history .box {width:300px; height:200px; bottom:0; left:60px; padding-left:30px;}
		.history .box p {font-size:18px; margin-bottom:10px;}
		.history .box h4 {font-size:28px;}		
		.history .col {display:block;}
		.history .year {display:none;}
		.history .txt-wrap {width:100%; padding-left:40px;}
		.history .txt-wrap .mob-year {position: relative; top: 0; left: 0; font-size:40px; margin-bottom:30px; display:block;}
		.history .txt-wrap .txt-box {padding-bottom:60px;}
		.history .txt-wrap .txt-box:last-child {padding-bottom:60px;}
		.history .txt-wrap .txt-box:before {content:''; width:14px; height:14px; top:18px; left:-40px; background-size:cover;}
		.history .txt-wrap .txt-box:after {top:18px; left:-33px;}
		.history .txt-wrap .txt-box .txt {margin-bottom:20px;}
		.history .txt-wrap .txt-box .txt .month {width:70px; font-size:18px;}
		.history .txt-wrap .txt-box .txt ul li {font-size:18px; margin-bottom:4px;}
		
		/* sub 01 04 */
		.ideology .cnt01 {margin-bottom:120px; text-align:center;}	 
		.ideology .cnt02 {padding:100px 0 120px;}
		.ideology .cnt02 h3 {margin-bottom:60px; font-size:40px;}
		/* 0724
		.ideology .col {margin:0 auto; max-width:700px; flex-wrap:wrap;}
		.ideology .col .row {width:50%; padding:0 20px; margin-bottom:40px;}
		.ideology .inner .txt-box {padding:30px 20px;}
		.ideology .inner .txt-box p {font-size:15px; margin-bottom:8px;}
		.ideology .inner .txt-box h4 {font-size:24px;}
		*/
		.ideology .col {margin:0 0 -40px; flex-wrap:wrap;}
		.ideology .col .row {width:50%; padding:0 20px; margin-bottom:40px;}
		.ideology .inner .icon {margin-bottom:10px;}
		.ideology .inner span {font-size:15px;}
		.ideology .inner h4 {font-size:26px; margin-bottom:18px;}
		.ideology .inner p {font-size:18px;}
		
		.gallery-list.authentication-list ul li a .txt {font-size:18px;}
		/* sub 01 07 */
		.directions .maps {height:360px; margin-bottom:30px;}
		.directions .txt-box {flex-direction:column-reverse;}
		.directions .txt-box .info {width:100%;}
		.directions .txt-box .info dl {font-size:18px;}
		.directions .txt-box .info dt {width:60px; padding-left:0;}
		.directions .txt-box .info dd a {display:inline-block;}
		.directions .txt-box .btns {margin:0 0 30px auto; max-width:250px;}
		.directions .txt-box .btns ul li a {padding:0 20px; font-size:16px; line-height:48px;}
		/* sub 02 01 */
		.business .cnt01 {padding:0 0 120px;}
		.business .cnt02 {padding-top:120px;}
		.business .cnt02 .col {margin:0 0 60px;}
		.business .cnt02 .col > div {padding:0;}
		.business .cnt02 .col .txt-box {padding-right:20px;}
		.business .cnt02 .col .box {padding-left:20px;}
		.business .cnt02 .col .tit {margin-bottom:20px; padding-bottom:20px;}
		.business .cnt02 .col .tit:after {width:14px;}
		.business .cnt02 .col .tit p {font-size:15px; margin-bottom:10px;}
		.business .cnt02 .col .tit h4 {font-size:24px;}
		.business .cnt02 .col .txt p {font-size:18px;}
		.business .cnt02 .col .txt p br {display:none;}
		/* sub 02 02 */
		.result table th {font-size:16px;padding:15px 5px;}
		.result table td {font-size:16px; padding:10px 20px;}
		/* sub 02 03 */
		.partner .cnt01 {margin-bottom:60px;}
		.partner .cnt h4 {font-size:28px; margin-bottom:20px;}
		.partner .cnt ul {margin:0 -5px -10px;}
		.partner .cnt ul li {padding:0 5px; margin-bottom:10px;}
		/* sub 03 01 */
		.personnel .cnt h4 {font-size:28px; margin-bottom:24px;}
		.personnel .cnt01 {margin-bottom:120px;}
		.personnel .cnt01 .col {margin:0 -10px;}
		.personnel .cnt01 .col .row {width:25%; padding:0 10px;}
		.personnel .cnt01 .col .inner {padding:20px; min-height:240px;}
		.personnel .cnt01 .col .inner p {font-size:16px;}
		.personnel .cnt01 .col .inner .icon {bottom:20px; right:20px;}
		.personnel .cnt01 .col .inner .icon img {width:38px;}
		
		.personnel .cnt02 {padding:100px 0 120px;}
		.personnel .cnt02 .col {margin:0 -10px;}
		.personnel .cnt02 .col .row {width:50%; padding:0 10px; margin-bottom:20px;}
		.personnel .cnt02 .col .row:first-child {width:100%;}
		.personnel .cnt02 .col .row > div {min-height:auto;}
		.personnel .cnt02 .col .row .logo {max-width:300px; height:310px; margin:0 auto;}
		.personnel .cnt02 .inner {padding:20px;}
		.personnel .cnt02 .inner h5 {font-size:24px;}
		.personnel .cnt02 .inner .box ul {padding-right:20px;}
		.personnel .cnt02 .inner .box li {font-size:16px;}
		.personnel .cnt02 .inner .box li:before {top:12px;}		
		.personnel .cnt02 .inner .icon {bottom:20px; right:20px;}
		.personnel .cnt02 .inner .icon img {width:50px;}		
		/* sub 03 02 */
		.board-list table td.current {padding:20px 10px;}
		.board-view.recruitment .title .info ul {align-items:center;}
		.recruitment .current {text-align:center;}
		.recruitment .current span {display:inline-block; width:80px; line-height:40px; background:#f9f9f9; font-size:16px; border-radius:10px; color:#fff;}
		.recruitment .current span.possibility {background:#233448;}
		.recruitment .current span.deadline {background:#b3b4b4;}
	
}

@media (max-width: 640px) {
	/* latout */
		/* footer */
		#footer {padding:30px 0;}
		.foot-wrap .logo {margin-bottom:20px;}
		.foot-wrap .logo img {height:50px;}
		.foot-wrap .box .info {padding-bottom:10px; margin-bottom:10px;}
		.foot-wrap .box p {font-size:12px;}
		.foot-wrap .box .copy {display:block;}
		.foot-wrap .box .copy p {margin-bottom:8px;}
		.foot-wrap .box .copy ul li a {font-size:12px;}
		/* scroll top */
		.scroll-top {bottom:30px; width:40px; height:40px;}
		.scroll-top:after {width:40px; height:40px; background-repeat:no-repeat; background-size:cover;}
	/* main */
		.main-visual .txt-box {margin-bottom:50px;}
		.main-visual .txt-box span {font-size:16px;}
		.main-visual .txt-box h2 {
			font-size:28px; 
			margin-bottom:20px;
			text-shadow: 2px 0px 4px rgba(255, 255, 255, 1.0);
		}
		.main-visual .txt-box p {
			font-size:20px;
			text-shadow: 2px 0px 4px rgba(255, 255, 255, 1.0);
		}
		/* section */
		.section {padding:60px 0 80px;}
		.sec-tit {margin-bottom:30px;}
		.sec-tit h3 {font-size:28px; margin-bottom:12px;}
		.sec-tit p {font-size:16px;}
		.sec-tit p br {display:none;}
		.sec-tit .more a {font-size:15px;}
		.sec-txt {display:none;}
		/* section01 */
		.section01 .col {margin:0 -10px; width:auto;}
		.section01 .row {margin:0; padding:0 10px;}
		.section01 .img-box {margin-bottom:20px;}
		.section01 .inner {padding:30px; height:200px;}
		.section01 .inner h4 {font-size:24px;}
		.section01 .txt-box a {padding:55px 15px 15px; min-height:auto; height:auto; margin-bottom:20px;}
		.section01 .txt-box a h5 {font-size:20px; margin-bottom:10px;}
		.section01 .txt-box a p {font-size:14px; height:calc(1.6em * 1 * 4);}
		.section01 .txt-box a .icon {width:36px; height:36px; top:15px; right:15px;}
		/* section02 */
		.section02 .sec-tit {margin-bottom:30px;}
		.section02 .sec-tit .sec02-arrow {margin-top:30px;}
		.section02 .sec-tit .sec02-arrow> div {width:40px; height:40px;}
		.section02 .slide {padding-bottom:40px;}
		.section02 .swiper-slide a p {font-size:16px; margin-top:20px;}
		.section02  .swiper-pagination {height:3px;}
		/* section03 */
		.section03 .sec-tit {margin-bottom:30px;}
		.section03 .img-box {max-width:400px;}
		.section03 .img-box a {height:250px; font-size:20px; padding:30px;}
		/* section04 */
		.section04 .items {padding-bottom:50px;}
		.section04 .inner .img-box {margin-bottom:10px;}
		.section04 .inner .txt-box h4 {font-size:14px; margin-bottom:10px;}
		
		.section04 .slick-arrow {width:20px; height:36px;}
		.section04 .slick-prev {margin-left:-40px;}
		.section04 .slick-next {margin-right:-40px;}
	/* sub */
		.real-cont {padding:60px 0 80px;}
		/* sub-visual */		
		.sub-visual {height:240px; 
			margin-top:120px; 
			padding-top: 70px;
			background-repeat:no-repeat; 
			background-size:cover; 
			background-position:center center; 
			align-items:center; 
			text-align:center;}

		.sub-visual h2 {font-size:18px;}
		.sub-visual p {font-size:12px; font-weight:600; color:#FFFFFF; position:relative; z-index:1; display: block;}
		
		#sub_content .page-header h1 {font-size:28px;}
		/* lnb */
		.lnb ul li:after {height:10px; margin-top:-5px;}
		.lnb ul li a {font-size:13px; padding:10px 3px;}
		/* pagename */
		.pagename {margin-bottom:40px;}
		.pagename h3 {font-size:28px;}
		.pagename h3:before {width:20px; height:4px; margin-left:-10px;}
		.pagename p {font-size:16px; margin-top:12px;}
		.pagename p br {display:none;}		
		/* sub 01 01 */
		.outline .cnt {padding:60px 0 80px;}
		.outline .inner {padding:20px 24px;}
		.outline .inner .icon img {width:60px;}
		.outline .inner p {font-size:14px;}
		.outline .inner h4 {font-size:18px;}
		.outline .inner h4 span {font-size:14px;}
		.outline .inner h4 br {display:none;}
		/* sub 01 02 */
		.greeting .txt-box {margin-bottom:40px;}
		.greeting .txt-box .tit {margin-bottom:15px; padding-bottom:15px;}
		.greeting .txt-box .tit:after {width:40px;}
		.greeting .txt-box h4 {font-size:24px;}
		.greeting .txt-box p {font-size:14px; margin-bottom:12px;}
		.greeting .txt-box .name {margin-top:30px; font-size:16px;}
		.greeting .txt-box .name strong {margin-left:10px; font-size:20px;}
		.greeting .img-box {max-width:300px; padding-right:0; padding-bottom:0;}
		/* sub 01 03 */
		.history .img-box {margin-bottom:30px; padding-bottom:30px;}
		.history .box {width:auto; height:auto; bottom:0; left:30px; padding:30px;}
		.history .box p {font-size:16px; margin-bottom:10px;}
		.history .box h4 {font-size:24px;}		
		.history .txt-wrap {padding-left:20px;}
		
		.history .txt-wrap .mob-year {font-size:30px;}
		.history .txt-wrap .txt-box {padding-bottom:40px;}		
		.history .txt-wrap .txt-box:last-child {padding-bottom:40px;}
		.history .txt-wrap .txt-box:before {top:10px; left:-22px;}
		.history .txt-wrap .txt-box:after {top:18px; left:-16px;}
		.history .txt-wrap .txt-box .txt .month {width:60px; font-size:14px;}
		.history .txt-wrap .txt-box .txt ul li {font-size:14px;}
		/* sub 01 04 */
		.ideology .cnt01 {margin-bottom:80px;}	 
		.ideology .cnt02 {padding:60px 0 80px;}
		.ideology .cnt02 h3 {margin-bottom:30px; font-size:28px;}
		.ideology .col .row {padding:0 10px; margin-bottom:20px;}
		/* 0724
		.ideology .inner .txt-box {padding:20px;}
		.ideology .inner .txt-box p {font-size:14px;}
		.ideology .inner .txt-box h4 {font-size:20px;}
		*/
		.ideology .col {margin:0 0 -30px; display:block;}
		.ideology .col .row {padding:0; width:100%; margin-bottom:30px;}
		.ideology .inner {display:flex; align-items:center;}
		.ideology .inner .icon {margin-bottom:0; width:160px;}
		.ideology .inner .txt {text-align:left; width:1%; flex:1 1 auto; padding-left:20px;}
		.ideology .inner span {font-size:14px;}
		.ideology .inner h4 {font-size:20px; margin-bottom:10px;}
		.ideology .inner p {font-size:16px;}
		.ideology .inner p br {display:none;}
				
		.gallery-list.authentication-list ul li a .txt {font-size:16px;}
		/* sub 01 07 */
		.directions .maps {height:240px; margin-bottom:20px;}
		.directions .txt-box .info dl {font-size:16px; display:block;}
		.directions .txt-box .info dt {width:100%; padding-left:0;}
		.directions .txt-box .info dd {width:100%;}
		.directions .txt-box .btns {margin:0 0 20px auto; max-width:220px;}
		.directions .txt-box .btns ul li a {padding:0 15px; font-size:14px; line-height:40px;}
		.directions .txt-box .btns ul li a:after {right:15px;}
		/* sub 02 01 */
		.business .cnt01 {padding:0 0 80px;}
		.business .cnt02 {padding-top:80px;}
		.business .cnt02 .col {display:block; margin:0;}
		.business .cnt02 .col > div {padding:0; margin-bottom:30px; width:100%;}
		.business .cnt02 .col .txt-box {padding-right:0;}
		.business .cnt02 .col .box {padding-left:0;}
		.business .cnt02 .col .tit {margin-bottom:15px; padding-bottom:15px;}
		.business .cnt02 .col .tit:after {width:12px;}
		.business .cnt02 .col .tit p {font-size:14px;}
		.business .cnt02 .col .tit h4 {font-size:20px;}
		.business .cnt02 .col .txt p {font-size:16px;}
		/* sub 02 02 */
		#bo_cate ul li {padding:0 10px;}
		#bo_cate ul li a {font-size:14px;}
		
		.result table col:first-child {width:100px !important;}
		.result table th {font-size:14px;padding:10px;}
		.result table td {font-size:14px; padding:10px;}
		/* sub 02 03 */
		.partner .cnt01 {margin-bottom:30px;}
		.partner .cnt h4 {font-size:24px; margin-bottom:12px;}
		.partner .cnt ul li {width:33.3333333%;}
		/* sub 03 01 */
		.personnel .cnt h4 {font-size:24px; margin-bottom:16px;}
		.personnel .cnt01 {margin-bottom:80px;}
		.personnel .cnt01 .col {flex-wrap:wrap;}
		.personnel .cnt01 .col .row {width:50%; margin-bottom:20px;}
		.personnel .cnt01 .col .inner {min-height:160px;}
		.personnel .cnt01 .col .inner p {font-size:14px;}
		.personnel .cnt01 .col .inner .icon img {width:30px;}
		.personnel .cnt02 {padding:60px 0 80px;}
		.personnel .cnt02 .col .row .logo {max-width:200px; height:210px;}
		.personnel .cnt02 .inner h5 {font-size:20px;}
		.personnel .cnt02 .inner {padding:20px 20px 60px;}
		.personnel .cnt02 .inner .box {display:block;}
		.personnel .cnt02 .inner .box ul {padding-right:0;}
		.personnel .cnt02 .inner .box li {font-size:14px; padding-right:0;}
		.personnel .cnt02 .inner .box li.w50 {width:100%;}
		.personnel .cnt02 .inner .box li:before {top:10px;}		
		.personnel .cnt02 .inner .icon img {width:40px;}		
		/* sub 03 02 */
		.board-list table td.current {padding:20px 10px;}		
		.board-view.recruitment .title .info ul {display:block;}
		.board-view.recruitment .title .info ul li.current {text-align:left;}
		.board-view.recruitment .title .info ul li.current span {text-align:center;}		
		.recruitment .current span {width:70px; line-height:28px; font-size:14px;}

}

@media (max-width: 400px) {
	/* layout */
		/* header */
		#header {height:70px; position:absolute;}
		#header .sitelogo a {margin-top:-25px;}
		#header .sitelogo a img {height:50px;}
		/* sub-visual */
		.sub-visual {height:180px; margin-top:70px;}
		/* lnb */
		.lnb ul li {flex:auto;}
		.lnb ul li a {font-size:12px; padding:10px 5px;}
	/* main */
		.main-visual .thumb .wrap {height:calc(100vh - 70px); margin-top:70px;}
		.section01 .col {margin:0;}
		.section01 .row {width:100%; margin-bottom:20px; padding:0;}
		.section01 .txt-box a p {height:auto;}
	/* sub */
		.pagename p br {display:none;}
			
		.outline .inner {padding:15px;}
		
		.greeting .txt-box h4 span {display:block;}
		.greeting .txt-box h4 br {display:none;}
		.greeting .img-box {max-width:240px;}
		
		.history .box {position:relative; left:0; display:inline-block; margin-top:20px;}

		#bo_cate ul li {padding:0 5px;}
		#bo_cate ul li a {font-size:12px;}
		.outline .inner h4 {font-size:16px;}
		
		.gallery-list ul li a .thumb {margin-bottom:14px;}
		
		.partner .cnt ul li {width:50%;}
		
		.personnel .cnt01 .col .inner {padding:15px 15px 50px;}
		.personnel .cnt01 .col .inner .icon {bottom:15px; right:15px;}
		
		.personnel .cnt02 .col .row {width:100%;}
		.personnel .cnt02 .inner h5 {margin-bottom:12px;}
		
		.history .txt-wrap {padding-left:30px;}
		.history .txt-wrap .txt-box:before {left:-25px;}
		.history .txt-wrap .txt-box:after {left:-19px;}
		.history .txt-wrap .mob-year {margin-bottom:20px;}
		.history .txt-wrap .txt-box .txt .month {font-size:14px;}
		
		.ideology .inner .icon {width:100px;}
		.ideology .inner h4 {font-size:18px;}
		.ideology .inner p {font-size:14px;}


}