@charset "utf-8";

/* 메인 */
.main{position: relative;}
.main-visual{background: url(../images/main/main-header-bg.png) no-repeat 50% 100% / cover;height: 635px;position: relative;}
.main-visual::after{content: "";background: url(../images/main/plane.png) no-repeat 50% 50% / 100% auto;width: 87px;height: 27px; position: absolute;bottom: 48%;right: 13%;}
.main-visual::before{content:"";background: url(../images/main/woman.png) no-repeat 50% 50% / 100% auto;width:126px;height:132px;position: absolute;top: 100%;right: 10%;z-index: 1000;}
.main-visual-title{position: relative;overflow: hidden;width: 50%;height: 100%;float: right;}
.main-visual-title .title{font-size: 149px;position: absolute;top: 40%;right: -100px;font-family: 'Frank Ruhl Libre';font-weight: 400;letter-spacing: -.02em;color: rgba(4, 138, 235, .1);line-height: 1;}
.main-visual-title .title br{display: none;}
.main-visual .visual-box{background-color: #1a59a8;width: 50%;position: absolute;right: 0;bottom: -10%;padding: 54px 10px 54px 70px;border-radius: 30px 0 0 30px;}
.main-visual .visual-box .text-box{color: #fff;}
.main-visual .visual-box .text-box::after{content: "";background: url(../images/main/man.png) no-repeat 50% 50% / 100% auto;width: 143px;height: 125px;  position: absolute;top: -26%;right: 50%;}
.main-visual .visual-box .program{font-size: 25px;font-weight: 400;opacity: .75;letter-spacing: -.02em;line-height: 1.72;}
.main-visual .visual-box .title{font-size: 40px;font-family: "Frank Ruhl Libre";font-weight: 600;letter-spacing: -.01em;}
.main-visual .visual-box .asian{font-size: 30px;font-family: "Frank Ruhl Libre";font-weight: 300;letter-spacing: -.02em;}

/* 메인 게시판 */
.main-view{padding-top: 180px;}
.view-table{display: flex;padding-bottom: 124px;}
.view-table-box{width: 50%;padding-right: 18px;}
.view-table-box + .view-table-box{padding: 0 0 0 18px}
.view-table-box .table-title{position: relative;border-bottom: 4px solid #20519a;padding: 0 17px;}
.view-table-box .table-title .title{font-size: 46px;font-family: 'Frank Ruhl Libre';font-weight: 600;}
.view-table-box .table-title .small-menu{position: absolute;bottom: 10px;right: 10px; font-family: 'Frank Ruhl Libre';font-size: 20px;color: #20519a;display: inline-block;}
.view-table-box .table-list li{border-bottom: 1px solid rgba(31, 36, 31, .18);}
.view-table-box .table-list a{display: flex;align-items: center;justify-content: space-between;}
.view-table-box .table-list .left{font-size: 22px;font-weight: 500;padding: 24px 17px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.view-table-box .table-list .right{font-size: 18px;margin-top: 4px;padding: 25px 15px;flex: 0 0 auto;}
.view-table-box .table-list li:hover .text{color: #20519a;font-weight: 600;}
.view-table-box .table-list li:hover .data{font-weight: 600;}

/* 컨텐츠 박스 */
.view-contant-box{padding-bottom: 130px;}
.view-contant-box .contant-list{display: flex;align-items: center;justify-content: space-between;text-align: left;}
.contant-list li{padding: 80px 100px 60px 90px;color: #fff;width: 48%;height: 516px; border-radius: 30px;text-align: center;position: relative;}
.contant-list li:hover{background: #0d346d;}
.contant-list li:hover .main-view-btn{background-color: #0d346d;border: 4px solid #fff;line-height: 53px;}
.contant-list li .title{font-family: 'Frank Ruhl Libre';font-size: 54px;color: #fff;line-height: 1.41;letter-spacing: -.02em;}
.contant-list li .subtitle{font-size: 34px;font-family: 'Frank Ruhl Libre';font-weight: 300;letter-spacing: -.02em;line-height: 1.41; margin-bottom: 25px;}
.contant-list li .text{font-size: 24px;font-weight: 300;letter-spacing: -.005em;line-height: 1.41;}
.contant-list .left{background: url(../images/main/main-content-1.png) no-repeat 50% 50%  / cover;}
.contant-list .right{background: url(../images/main/main-content-2.png) no-repeat 50% 50%  / cover;}
.contant-list .text-arear{text-align: left;}
.contant-list .btn-box{margin-top: 82px;position: absolute;left: 0;right: 0;bottom: 40px;}
.contant-list .btn-box span{font-size: 24px;letter-spacing: -.005em;}
.contant-list .main-view-btn{padding: 0 75px;background-color: #1a59a8;border-radius: 35px;height: 60px;line-height: 60px;display: inline-block;}

/* 하단 로고 슬라이드 */
.school-swiper{border-top:1px solid #c3cfe5;}
.school-swiper .swiper-wrapper{padding: 50px 0;}
.school-swiper .swiper-slide{width:auto;}

@media (max-width:1866px) {
   .main-visual-title .title{font-size: 130px; line-height: .9;}
}

@media (max-width:1611px) {
   .main-visual-title .title{top: 30%;}
}

@media (max-width:1178px) {
   .main-visual-title .title{font-size: 110px;}
}

@media (max-width:1062px) {
   .view-table{padding-bottom: 104px;}
   .contant-list li .title{font-size: 40px;}
   .contant-list li .subtitle{font-size: 26px;}
   .contant-list li .text{font-size: 18px;}
   .contant-list li{padding: 60px 77px 33px 64px; height: 389px;}
   .contant-list .btn-box span{font-size: 18px;}
   .contant-list .main-view-btn{height: 54px;line-height: 54px;}
   .contant-list li:hover .main-view-btn{line-height: 50px;}
}

@media (max-width:1024px) {
	.main-header-title{font-size: 92px;line-height: 0.97;letter-spacing: .02em;right: 50px;}
	.main-header-title br{display: block;}
   .main-visual-title .title{font-size: 92px;top: 34%;}
   .main-visual::before{top: 100%; right: 3%;width: 95px;height: 99px;}
   .main-visual::after {bottom: 45%;right: 30%;width: 62px;height: 19px;}
   .main-visual .visual-box .text-box::after{top: -9%; right: 40%; width: 99px;height: 87px;}
   .view-table-box .table-list .right{display: none;}
}

@media (max-width:980px){
   .view-table{flex-direction: column;}
   .view-table-box{width: 100%;}
   .view-table-box + .view-table-box{padding: 0;margin: 60px 0 0 0;}
   .view-table-box .table-title .title{text-align: center;}

}

@media (max-width:860px) {
   .view-contant-box .contant-list{display: block;}
   .contant-list li{width: auto;}
   .contant-list li + li{margin-top: 28px;}
}

@media (max-width:768px) {
   .main-visual{height: 322px;}
   .main-visual::after{width: 22px;height: 7px; top: 53%; right: 20%;}
   .main-visual::before{width: 34px;height: 35px; top: 104%; right: 5%;}
	.main-header-title{font-size: 35px;right: 0;top: 395%;right: 15px;}
   .main-visual-title .title{font-size: 35px;right: 15px;top: 40%;}
   .main-visual-title .title br{display: block;}
   .main-visual .visual-box{padding: 26px 20px 31px 24px; border-radius: 15px 0 0 15px ;}
   .main-visual .visual-box .text-box::after{width: 36px;height: 31px; top: -6%; right: 30%;}
   .main-visual .visual-box .program{font-size: 12px;}
   .main-visual .visual-box .title{font-size: 20px;}
   .main-visual .visual-box .asian{font-size: 15px;}
   .main-view{padding-top: 80px;}

   .view-table{padding-bottom: 25px;}
   .view-table-box + .view-table-box{margin: 30px 0 0 0;}
   .view-table-box .table-title{border-bottom-width:2px;}
   .view-table-box .table-title .title{font-size: 27px;}
   .view-table-box .table-title .small-menu {font-size: 12px;bottom: 7px;right: 7px;}
   .view-table-box .table-list .left{font-size: 14px;padding: 15px 10px;width: 100%;}

   .view-contant-box{padding-bottom: 30px;}
   .contant-list li{padding: 25px 30px 18px 30px;height: 198px;}
   .contant-list li + li{margin-top: 14px;}
   .contant-list li .title{font-size: 28px;}
   .contant-list li .subtitle{font-size: 15px;margin-bottom: 15px;}
   .contant-list li .text{font-size: 13px;}
   .contant-list .left{background: url(../images/main/main-content-1_mobail.png) no-repeat 50% 50% / cover;border-radius: 15px;}
   .contant-list .right{border-radius: 15px;}
   .contant-list .btn-box{bottom: 17px;}
   .contant-list .btn-box span{font-size: 10px;}
   .contant-list .main-view-btn{padding: 0 24px;height: 27px;line-height: 26px;border-radius:13px;}
   .contant-list li:hover .main-view-btn{line-height: 22px;border-width:2px;}

   .school-swiper .swiper-wrapper{padding: 25px 0;}
   .school-swiper img{height:35px;}
}

@media (max-width:354px) {
   .main-visual-title{width: 60%;}
   .main-visual-title .title{right: 5px;}
   .main-visual .visual-box{width: 60%;}
}

/* 멤버 홈페이지 */
.member-section + .member-section{margin-top: 60px;}
.member-section .title{padding: 20px 30px;background-color: rgba(196, 207, 224, .29);border-radius: 32px;font-size: 26px;font-weight: 700;letter-spacing: -.005em;line-height: 1.5;margin-bottom: 44px;color: #45567d;}
.member-section .contents-list{display: flex;flex-wrap: wrap;}
.member-section .contents-list li{width: 30.7%;text-align: center;margin:0 3.95% 50px 0; }
.member-section .contents-list li:nth-child(3n){margin-right: 0;}
.member-section .contents-list li:empty{display: none;}
.member-section .contents-list a{display:block;}
.member-section .contents-list .mamber-img{margin-bottom: 20px;border: 1px solid #d7dde3;}
.member-section .contents-list p{font-size: 21px;font-weight: 700;padding-bottom: 10px;}
.member-section .contents-list span{word-break: break-all;letter-spacing: -.006em;text-decoration: underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#97b8da;}
.member-section .contents-list .mamber-link{display:inline-block;color: #598ec4;font-size: 15px;position: relative;padding-left: 20px;}
.member-section .contents-list .mamber-link i{position: absolute;left: 0;top: 3px;}

@media (max-width:768px) {
   .member-section + .member-section{margin-top: 23px;}
   .member-section .title{font-size: 13px;padding: 11px 15px;margin-bottom: 22px;}
   .member-section .contents-list{justify-content: space-between;padding: 0 10px;}
   .member-section .contents-list li{width: 41.18%;margin: 0 3.95% 18px 0;flex: 1 0 auto;}
   .member-section .contents-list li:nth-child(3n){margin:0 3.95% 0 0;}
   .member-section .contents-list li:nth-child(2n){margin-right:0;}
   .member-section .contents-list .mamber-img{margin-bottom: 12px;}
   .member-section .contents-list .mamber-img img{width: 100%;}
   .member-section .contents-list p{font-size: 10px;padding-bottom: 5px;}
   .member-section .contents-list span{text-underline-offset:2px;}
   .member-section .contents-list .mamber-link{font-size: 10px;padding-left: 0;}
   .member-section .contents-list .mamber-link i{display: none;}
}


/* 서브비주얼 */
.sub-visual{background:#0d346d;height:150px;margin-bottom:80px;}
.sub-visual .container{display:flex;}
.sub-visual .visual-title{flex:0 0 290px;display:flex;height:120px;align-items:flex-end;font-size:40px;font-weight:500;color:#fede92;line-height:1.25;}
.sub-visual .visual-title span{font-family:'Frank Ruhl Libre';display: inline-block;}
.sub-visual .visual-box {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	height: 287px;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 13px 12px 0 #0d346d;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.sub-visual .visual-box.visual-about{background-image:url("../images/sub/sub_visual_about.jpg");background-position:20% 50%;}
.sub-visual .visual-box.visual-member{background-image:url("../images/sub/sub_visual_member.jpg");}
.sub-visual .visual-box.visual-information{background-image:url("../images/sub/sub_visual_information.jpg");}
.sub-visual .visual-box .text-box{flex:1 1 100%;padding-left:8.5%;}
.sub-visual .visual-box .text-box.text-right{text-align:right;padding-right:5%;}
.sub-visual .visual-box .text-box .title{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.51;color:#113275;margin-bottom:24px;font-family:'RobotoSerif';}
.sub-visual .visual-box .text-box .desc{color:#191312;font-size:16px;letter-spacing:-.02em;}

@media (max-width:1024px) {
	.sub-visual .visual-title{display:none;}
}
@media (max-width:768px) {
	.sub-visual{height:100px;margin-bottom:100px;}
	.sub-visual .visual-box{height:200px;border-radius:15px;box-shadow:7px 6px 0 #0d346d;}
	.sub-visual .visual-box.visual-member{background-position:100% 50%;}
	.sub-visual .visual-box .text-box{padding-left:6%;}
	.sub-visual .visual-box .text-box .title{font-size:14px;margin-bottom:15px;}
	.sub-visual .visual-box .text-box .desc{font-size:13px;width:55%;max-width:100%;}
	.sub-visual .visual-box .text-box.text-right .desc{float:right;}
}
@media (max-width:520px) {
	.sub-visual{height:75px;margin-bottom:72px;}
	.sub-visual .visual-box{height:144px;}
	.sub-visual .visual-box .text-box .title{font-size:12px;margin-bottom:10px;}
	.sub-visual .visual-box .text-box .desc{font-size:11px;}
}
@media (max-width:370px) {
	.sub-visual .visual-box .text-box .desc{width:70%;}
}

/* 서브 레이아웃 */
.container-wrap{}
.container-wrap .container{display:flex;}

/* 왼쪽메뉴 */
#snb{flex:0 0 210px;width:210px;margin-right:80px;padding-bottom:200px;}
.snb-menu a{display:block;}
.snb-menu > li + li{border-top:1px solid #cfdcee;}
.snb-menu .link-depth-1{position:relative;padding:24px 0 24px 20px;font-family:"Frank Ruhl Libre";color:#0d346d;font-size:34px;line-height:1.17;}
.snb-menu .link-depth-1::before{content:"";position:absolute;top:38px;left:0;width:8px;height:8px;background:#6784ac;}
.snb-menu .link-depth-1:hover,
.snb-menu > li.on .link-depth-1{color:#2160bc;font-weight:bold;letter-spacing:-.01em;}
.snb-menu .link-depth-1:hover::before,
.snb-menu > li.on .link-depth-1::before{background:#42679d;}
.snb-menu .link-depth-2{color:#000300;font-size:20px;letter-spacing:-.01em;line-height:1.3;}
.snb-menu .link-depth-2:hover,
.snb-menu .depth-2 > li.on .link-depth-2{color:#2160bc;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#90afdd;}
.snb-menu .depth-2{border-top:1px solid #cfdcee;padding:20px 10px 20px 20px;}
.snb-menu .depth-2 > li + li{margin-top:30px;}

@media (max-width:1024px) {
	#snb{display:none;}
}

/* 컨텐츠 */
#contents{flex:1 1 auto;min-width:0;width:100%;padding:180px 0 200px;}

.contents-head{margin-bottom:80px;}
.contents-head .page-title{font-family:"Frank Ruhl Libre";color:#000300;font-size:48px;font-weight:bold;letter-spacing:-.005em;line-height:1.2;}
.contents-head .page-desc{margin-top:10px;color:#000300;font-size:18px;letter-spacing:-.005em;font-weight:600;}

.contents-section + .contents-section{margin-top:80px;}
.contents-section * + .contents-section{margin-top:50px;}

.contents-image-wrap{text-align:center;}

@media (max-width:768px) {
	#contents{padding:45px 0 50px;}

	.contents-head{margin-bottom:25px;}

	.contents-head .page-title{font-size:20px;}
   .contents-head .page-desc{margin-top:5px;font-size:11px;}
	.contents-section + .contents-section{margin-top:40px;}
	.contents-section * + .contents-section{margin-top:25px;}
}

/* 타이틀 */
h3.contents-title{margin-bottom:26px;color:#113275;font-size:30px;font-weight:600;letter-spacing:-.005em;}
h4.contents-title{margin-bottom:14px;color:#20519a;font-size:24px;font-weight:600;letter-spacing:-.005em;}
h5.contents-title{margin-bottom:10px;color:#191312;font-size:24px;padding-left:24px;position:relative;line-height:1.58;font-weight:400;}
h5.contents-title::before{content:"";position:absolute;top:16px;left:0;width:5px;height:5px;background:#9ab4db;}

@media (max-width:768px) {
	h3.contents-title{margin-bottom:13px;font-size:15px;}
	h4.contents-title{margin-bottom:7px;font-size:12px;}
	h5.contents-title{margin-bottom:5px;font-size:12px;padding-left:12px;}
	h5.contents-title::before{top:8px;width:3px;height:3px;}
}

/* 텍스트 */
.contents-desc{color:#191312;font-size:24px;line-height:1.58;}
.contents-desc.no-padding{padding-left:0 !important;}
.contents-desc strong{font-weight:600;}
h4.contents-title ~ .contents-desc{padding-left:24px;}

.text-link{color:#598ec4;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#acc6e1;}
.text-link:hover,
.text-link:active,
.text-link:focus{text-decoration:underline;}

.text-reference{color:#6d6a69;font-size:16px;padding-left:40px;position:relative;margin-top:4px;}
.text-reference::before{content:"※";position:absolute;left:18px;top:1px;}
.dotted-list .text-reference{padding-left:22px;}
.dotted-list .text-reference::before{left:0;}
.text-underline{color:#191312;font-size:18px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#7e7c7c;font-weight:600;}
.text-underline + .text-underline{margin-top:20px;}

@media (max-width:768px) {
	.contents-desc{font-size:12px;}
	h4.contents-title ~ .contents-desc{padding-left:12px;}

   .text-link{text-underline-offset:2px;}

   .text-reference{font-size:10px;padding-left:20px;}
   .text-reference::before{left:9px;top:0;}
   .dotted-list .text-reference{padding-left:11px;}
   .text-underline{font-size:11px;text-underline-offset:2px;}
   .text-underline + .text-underline{margin-top:10px;}
}

/* 리스트 */
.dotted-list{letter-spacing:-.005em;}
p + .dotted-list{padding-left:12px;margin-top:12px;}
.dotted-list strong{font-weight:600;}
.dotted-list > li{color:#191312;font-size:24px;padding-left:24px;position:relative;line-height:1.58;}
.dotted-list > li::before{content:"";position:absolute;top:16px;left:0;width:5px;height:5px;background:#9ab4db;}
/* .dotted-list > li.no-bullet{padding-left:0;} */
.dotted-list > li.no-bullet::before{display:none;}
.dotted-list > li + li{margin-top:30px;}
.dotted-list > li > ul{margin-top:12px;}
.dotted-list > li > ul > li{color:#565453;font-size:22px;line-height:1.54;padding-left:14px;position:relative;line-height:1.58;}
.dotted-list > li > ul > li::before{content:"";position:absolute;top:15px;left:0;width:4px;height:4px;background:#828180;border-radius:50%;}
.dotted-list > li > ul > li + li{margin-top:20px;}
.dotted-list > li > ul.list-compact > li + li{margin-top:0;}
.dotted-list > li > ul > li > ul{margin-top:6px;}
.dotted-list > li > ul > li > ul > li{color:#85807e;font-size:18px;line-height:1.22;position:relative;padding-left:14px;}
.dotted-list > li > ul > li > ul > li::before{content:"-";position:absolute;top:0;left:0;}
.dotted-list > li > ul > li > ul > li + li{margin-top:15px;}
/* 테이블 안쪽 */
table .dotted-list{text-align:left;}
table .dotted-list > li{color:inherit;font-size:inherit;line-height:inherit;padding-left:20px;}
table .dotted-list > li::before{border-radius:50%;top:9px;}
table .dotted-list > li + li{margin-top:10px;}
/* 연혁 */
.history > li{display:flex;}
.history .year{flex:0 0 auto;margin-right:16px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:#959493;}
/* 썸네일형 */
.thumb-list{letter-spacing:-.005em;}
.thumb-list li{display:flex;padding:50px 0;}
.thumb-list li:first-child{padding-top:15px;}
.thumb-list li:last-child{padding-bottom:15px;}
.thumb-list li + li{border-top:1px solid #d9e0ea;}
.thumb-list .item-thumb{flex:0 0 260px;margin-right:36px;}
.thumb-list .item-thumb img{border-radius:30px;}
.thumb-list .item-text{flex:1 1 auto;min-width:0;}
.thumb-list .item-title{margin-bottom:10px;color:#3d3837;font-size:24px;font-weight:bold;}
.thumb-list .item-desc{color:#191312;font-size:22px;line-height:1.63;}
/* 스태프 */
.staffs-list{}
.staffs-list > li{padding:26px 0 28px !important;}
.staffs-list > li::before{display:none;}
.staffs-list > li + li{margin-top:0 !important;border-top:1px solid #d9e0ea;}
.staffs-list > li:first-child{padding-top:0 !important;}
.staffs-list > li:last-child{padding-bottom:0 !important;}
.staffs-list .item-name{color:#6784ac;font-weight:600;margin-bottom:10px;}
.staffs-list .item-name span{font-style:italic;font-weight:400;}
.staffs-list .item-text{line-height:1.45;}
.staffs-list .item-mail{margin-top:12px;color:#85807e;font-size:82%;}
.staffs-list .item-mail::before{content:"\f0e0";display:inline-block;font-family:"Font Awesome 5 Pro";font-weight:400;vertical-align:middle;margin:-3px 4px 0 0;}
/* 멤버 */
.members-list{display:table;width:100%;}
.members-list > li{padding-left:0 !important;display:table-row;}
.members-list > li::before{display:none;}
.members-list > li:first-child{padding-top:0 !important;}
.members-list > li:last-child{padding-bottom:0 !important;}
.members-list .item-name,
.members-list .item-text{display:table-cell;padding:15px 0;}
.members-list .item-name{padding-top:17px;padding-right:20px;width:23%;color:#6784ac;font-weight:600;margin-bottom:10px;}
.members-list .item-text{font-size:18px;line-height:1.55;}

@media (max-width:768px) {
   p + .dotted-list{padding-left:6px;margin-top:6px;}
	.dotted-list > li{font-size:12px;padding-left:12px;}
	.dotted-list > li::before{top:8px;width:3px;height:3px;}
	.dotted-list > li + li{margin-top:15px;}
	.dotted-list > li > ul{margin-top:6px;}
	.dotted-list > li > ul > li{font-size:11px;padding-left:7px;}
	.dotted-list > li > ul > li::before{top:7px;left:0;width:2px;height:2px;}
	.dotted-list > li > ul > li + li{margin-top:10px;}
	.dotted-list > li > ul > li > ul{margin-top:3px;}
	.dotted-list > li > ul > li > ul > li{font-size:11px;padding-left:9px;line-height:1.18;}
	.dotted-list > li > ul > li > ul > li + li{margin-top:8px;}
	/* 테이블 안쪽 */
	table .dotted-list > li{padding-left:10px;}
	table .dotted-list > li::before{top:5px;}
	table .dotted-list > li + li{margin-top:5px;}
	/* 연혁 */
	.history .year{margin-right:8px;text-underline-offset:2px;}
	/* 썸네일형 */
	.thumb-list li{padding:20px 0;}
	.thumb-list li:first-child{padding-top:7px;}
	.thumb-list li:last-child{padding-bottom:7px;}
	.thumb-list .item-thumb{flex:0 0 105px;margin-right:20px;}
	.thumb-list .item-thumb img{border-radius:15px;}
	.thumb-list .item-title{margin-bottom:5px;font-size:12px;}
	.thumb-list .item-desc{font-size:11px;}
	/* 스태프 */
	.staffs-list{padding-bottom:6px;}
	.staffs-list > li{padding:10px 0 11px !important;}
	.staffs-list .item-name{margin-bottom:5px;}
	.staffs-list .item-mail{margin-top:6px;}
	/* 멤버 */
	.members-list .item-text,
	.members-list .item-name{padding:5px 0;}
	.members-list .item-text{font-size:11px;line-height:1.3;}
	.members-list .item-name{padding-right:10px;width:30%;}
}

/* 박스 */
.contents-box{margin:30px 24px 0;padding:35px 47px;background:#f9fafb;border-radius:30px;letter-spacing:-.005em;}
.contents-box .box-title{margin-bottom:20px;color:#20519a;font-size:24px;line-height:1.66;font-weight:500;}
.contents-box .box-desc{color:#565453;font-size:22px;line-height:1.54;font-weight:500;}

.contents-box-list{display:flex;align-items:stretch;}
.contents-box-list .contents-box{flex:1 1 auto;margin:0;padding:24px 28px;}
.contents-box-list .contents-box + .contents-box{margin-left:14px;}

@media (max-width:768px) {
	.contents-box{margin:15px 12px 0;padding:18px 24px;border-radius:15px;}
	.contents-box .box-title{margin-bottom:10px;font-size:12px;}
	.contents-box .box-desc{font-size:11px;}

	.contents-box-list{flex-wrap:wrap;}
	.contents-box-list .contents-box{flex-basis:0;}
	.contents-box-list .contents-box:nth-child(1){flex-grow:1;margin-right:10px;}
	.contents-box-list .contents-box:nth-child(2){flex-grow:1.2;}
	.contents-box-list .contents-box:nth-child(3){flex-basis:100%;margin-top:10px;}
	.contents-box-list .contents-box + .contents-box{margin-left:0;}
}

/* 버튼 */
.btn{display: inline-block;border-radius:6px !important;text-align: center;cursor: pointer;white-space: nowrap;vertical-align:middle;box-shadow:none !important;}
.btn.no-radius{border-radius:0  !important;}

.btn.btn-right{position:absolute;top:-7px;right:0;}

/*** 버튼 - 채워진 형태 ***/
.btn.btn-background{min-width: 190px;height: 60px;padding: 0 25px;border: none; background: #666; color: #fff !important;font-size: 18px;line-height: 60px;font-weight:500;}
/* 크기*/
.btn.btn-background.btn-xsmall{min-width:50px; padding: 0 15px; height: 28px; font-size: 14px; line-height: 28px;}
.btn.btn-background.btn-small{min-width:128px; padding: 0 30px; height: 48px; font-size: 18px; line-height: 48px;}
/* 색상*/
.btn.btn-background.confirm, /* 확인 */
.btn.btn-background.regist, /* 등록 */
.btn.btn-background.list, /* 목록 */
.btn.btn-background.write{background:#2b75cb;} /* 글쓰기 */
.btn.btn-background.update,
.btn.btn-background.modify{background:#1582d6} /* 수정 */
.btn.btn-background.delete, /* 삭제 */
.btn.btn-background.cancel{background:#8d8d8d;} /* 취소 */

@media (max-width:768px) {
	.btn{border-radius:2px;}

	/*** 버튼 - 채워진 형태 ***/
	.btn.btn-background{min-width:130px;height:36px;line-height:36px;font-size:12px;padding:0 20px;border-radius:3px !important;}
	/* 크기 */
	.btn.btn-background.btn-small{min-width:86px;height:32px;line-height:32px;font-size:12px;padding:0 15px;}
}

/* 버튼 */
.btn-link{display:inline-block;padding:0 19px;border-radius:15px;height:30px;line-height:30px;color:#fff;font-size:16px;font-weight:500;letter-spacing:-.005em;background:#6b8cbd;}
.btn-link::after{content:"\f08e";font-family:"Font Awesome 5 Pro";font-weight:bold;color:#bccce4;font-size:12px;display:inline-block;margin-top:-2px;margin-left:5px;vertical-align:middle;}

.btn-contact{display:inline-block;padding:0 30px;margin-right:5px;border-radius:16px;height:33px;line-height:33px;color:#fff;font-size:18px;font-weight:500;letter-spacing:-.005em;background:#89a4cb;}
.btn-contact::before{content:"\f0c1";font-family:"Font Awesome 5 Pro";font-weight:bold;font-size:14px;display:inline-block;margin-top:-4px;margin-right:5px;vertical-align:middle;}

.btn-wrap{margin-top:20px;}

@media (max-width:768px) {
	.btn-link{padding:5px 7px;font-size:11px;height:18px;line-height:1;}
	.btn-link::after{font-size:10px;margin-top:-5px;}

	.btn-contact{padding:10px 12px;font-size:11px;height:30px;line-height:1;margin-right:3px;margin-bottom:8px;}
	.btn-contact::before{font-size:10px;transform:scale(.75);margin-right:2px;}

	.btn-wrap{margin-top:10px;}
}


/* 
*  버튼 그룹
*	.btn-group: 버튼 그룹 기본 클래스
*	.btn-group .left-group: 왼쪽 정렬 버튼 그룹
*	.btn-group .right-group: 오른쪽 정렬 버튼 그룹
*	.btn-group .center-group: 중앙 정렬 버튼 그룹
*/
.btn-group{display:table;width:100%;table-layout:fixed;margin-top:50px;}
.btn-group.top{margin-top:0;margin-bottom:50px;}

.btn-group [class$="group"]{display:table-cell;vertical-align:middle;}
.btn-group .left-group{text-align:left;}
.btn-group .right-group{text-align:right;}
.btn-group .center-group{text-align:center;}
.btn-group .left-group a,
.btn-group .left-group .btn{margin-right:20px;}
.btn-group .right-group a,
.btn-group .right-group .btn{margin-left:20px;}
.btn-group .center-group a,
.btn-group .center-group .btn{margin:0 10px;}

@media (max-width:768px) {
   .btn-group{margin-top:25px;}
   .btn-group.top{margin-bottom:25px;}

   .btn-group .left-group a,
   .btn-group .left-group .btn{margin-right:6px;}
   .btn-group .right-group a,
   .btn-group .right-group .btn{margin-left:6px;}
   .btn-group .center-group a,
   .btn-group .center-group .btn{margin:0 3px;} 
   .board-list ~ .btn-group .right-group{text-align:center;}
}

/* 테이블 */
table{width:100%;}
table strong{font-weight:600;}
table.text-left th,
table.text-left td{text-align:left;}
table.text-center th,
table.text-center td{text-align:center;}
table th.text-center,
table td.text-center{text-align:center !important;}
table th.text-left,
table td.text-left{text-align:left !important;}
table th.text-right,
table td.text-right{text-align:right !important;}

.table-basic{margin-top:24px;border:1px solid #d9e0ea;border-radius:30px;letter-spacing:-.005em;overflow:hidden;}
.dotted-list .table-basic{margin-left:-24px;}
.table-basic th,
.table-basic td{padding:24px;color:#191312;font-size:18px;line-height:1.44;text-align:center;border-right:1px solid #d9e0ea;}
.table-basic th{background:#ebedf1;border-bottom:1px solid #d9e0ea;font-weight:600;}
.table-basic td{border-bottom:1px solid #d9e0ea;font-weight:500;}
.table-basic thead th{padding-top:34px;padding-bottom:34px;border-bottom:0;}
.table-basic thead ~ tbody th{background:#f9fafb;}
.table-basic thead ~ tbody td,
.table-basic thead ~ tfoot td{padding-top:24px;padding-bottom:24px;}
.table-basic tfoot td{background:#f9fafb;color:#3e4d7b;border-top:1px solid #d9e0ea;font-weight:600;}
.table-basic thead th:last-child,
.table-basic thead ~ tbody td:last-child{border-right:0;}
.table-basic tbody tr:last-child th,
.table-basic tbody tr:last-child td,
.table-basic tbody tr:nth-last-child(2) td[rowspan],
.table-basic tfoot tr:last-child th,
.table-basic tfoot tr:last-child td{border-bottom:0;}

.table-fold-box{background:#f9fafb;text-align:center;}
.table-fold-box button{width:100%;height:74px;color:#3e4d7b;font-weight:bold;font-size:18px;}
.table-fold-box button::after{content:"\f0d7";font-family:"Font Awesome 5 Pro";font-weight:bold;margin-left:10px;}
.table-fold-box.on{border-top:1px solid #d9e0ea;}
.table-fold-box.on button::after{content:"\f0d8";}

.table-scroll{overflow-x:auto;position:relative;}
.table-scroll:not(.scroll-mobile) .table-basic{min-width:910px;}
.table-scroll .scroll-info{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:28px;background:url("../images/sub/img_scroll.png") no-repeat 50% 50% / 100% auto;}

@media (max-width:768px) {
	.table-basic{margin-top:12px;border-radius:15px;}
	.dotted-list .table-basic{margin-left:-12px;}
	.table-basic th,
	.table-basic td{padding:12px;font-size:11px;/* line-height:1.18; */}
	.table-basic thead th{padding-top:15px;padding-bottom:15px;}
	.table-basic thead ~ tbody td,
	.table-basic thead ~ tfoot td{padding-top:12px;padding-bottom:12px;}

	.table-fold-box button{height:38px;font-size:10px;}
	.table-fold-box button::after{margin-left:5px;}

	.table-scroll:not(.scroll-mobile) .table-basic{min-width:520px;}
	.table-scroll.scroll-mobile .table-basic{min-width:420px;}
}
@media (max-width:576px) {
	.table-scroll:not(.scroll-mobile) .scroll-info{display:block;}
}
@media (max-width:476px) {
	.table-scroll.scroll-mobile .scroll-info{display:block;}

}
/* 검색결과가 없을 경우 */
.nodata {
   margin: 0;
   width: 100%;
   padding: 70px 0;
   font-size: 18px;
   font-weight: 500;
   /* border-top:2px solid #141414;border-bottom:1px solid #dcdee2;*/
   text-align: center;
}

@media (max-width:768px) {
   .nodata{padding:40px 0;font-size:12px;}
}

/* 검색영역 */
.search-area{position:relative;margin-bottom:21px;min-height:56px;}
.search-area .total{float:left;margin-top:34px;color:#242424;font-size:16px;letter-spacing:-.02em;}
.search-area .total strong{color: #f34b4b;font-weight:400;}
.search-area .total .bar,
.search-area .total .number{font-size: 14px; font-weight: normal}
.search-area .search-wrap{float: right; position: relative;border:1px solid #dfdfdf;border-radius:6px;}
.search-area .search-wrap select.sel{width:120px;height:56px;margin-right:0;border:0;font-size:16px;font-weight: 600; padding:0 18px;}
.search-area .search-wrap input.inp-text{width:240px;height:56px;border:0;font-size:15px;padding:0 20px;}
.search-area .search-wrap .btn.search{width:56px;height:56px;font-size:0;}
.search-area .search-wrap .btn.search i{color:#18569e;font-size:22px;}

@media (max-width:1024px) {
   .search-area .total{margin-top:30px;}
   .search-area .search-wrap select.sel,
   .search-area .search-wrap input.inp-text,
   .search-area .search-wrap .btn.search{height:52px;}
   .search-area .search-wrap input.inp-text{width:200px;}
   .search-area .search-wrap .btn.search{width:52px;}
}
@media (max-width:768px) {
   .search-area{margin-bottom:10px;}
   .search-area .total,
   .search-area .search-wrap{float:none;}
   .search-area .total{margin-top:0;margin-bottom:10px;font-size:12px;}
   .search-area .total .bar,
   .search-area .total .number{font-size:11px;}
   .search-area .search-wrap{border:0;position:relative;display:block;}
   .search-area .search-wrap select.sel,
   .search-area .search-wrap input.inp-text,
   .search-area .search-wrap .btn.search{height:36px;}
   .search-area .search-wrap select.sel,
   .search-area .search-wrap input.inp-text{width:100%;font-size:12px;padding:0 10px;border:1px solid #dfdfdf;border-radius:3px;}
   .search-area .search-wrap input.inp-text{margin-top:6px;padding-right:42px;}
   .search-area .search-wrap .btn.search{width:42px;position:absolute;bottom:0;right:0;}
   .search-area .search-wrap .btn.search i{font-size:19px;}
}

/* 게시판 목록 */
.board-list{border-top:1px solid #d6d6d6;}
.board-list th,
.board-list th{height:67px;color:#3d3d3d;font-size:18px;border-bottom:3px solid #246ab5;font-weight:700;}
.board-list td{height:79px;color:#171717;font-size:16px;border-bottom:1px solid #dedede;padding:12px 10px;color:#222;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-list tr.strong td{color:#006edf;}
.board-list tr.notice td{background:#f8fcfe;}
.board-list tr.notice .icon-notice{color:#3084de;font-size:18px;}
.board-list tr.on td{background:#5581d0;color:#fff;}
.board-list .bbs-num{font-size:18px;}
.board-list .bbs-link{font-size:inherit;word-break:keep-all;overflow-wrap:break-word;}
.board-list .bbs-link:hover{color:#20519a;font-weight:600;}
.board-list .icon-new{vertical-align:middle;margin-top:-5px;margin-left:2px;}
.board-list .icon-save{background-color: #004899;color: #fff;font-size: 18px;width:24px;height:24px;line-height:24px;text-align:center;border-radius: 4px;margin: -4px 0 0 2px;vertical-align:middle;}

@media (max-width:768px) {
   .board-list{border-top:2px solid #246ab5;margin:0 -20px;width:auto;}
   .board-list colgroup,
   .board-list thead{display:none;}
   .board-list,
   .board-list tbody,
   .board-list tr{display:block;}
   .board-list tr{position:relative;padding:16px 20px;border-bottom:1px solid #b5b8c4;}
   .board-list td{display:none;text-align:left;border:0;height:auto;padding:0;}
   .board-list tr td[colspan]{display:block;text-align:center;padding:10px 0;}
   .board-list tr.notice{background:#f8fcfe;}
   .board-list tr.notice td{background:none;}
   .board-list td{display:block;}
   .board-list td br{display:none;}
   .board-list td a.text-link{display:inline;}
   .board-list th,
   .board-list td{font-size:12px;}
   .board-list th.text-left,
   .board-list td.text-left{padding-left:0;padding-right:0;}
   .board-list .bbs-num{display:none;}
   .board-list .bbs-title{line-height:1.6;margin-bottom:10px;color:#222}
   .board-list .bbs-writer,
   .board-list .bbs-name,
   .board-list .bbs-date,
   .board-list .bbs-views{display:inline-block;margin-right:15px;color:#778697;}
   .board-list .bbs-writer::before,
   .board-list .bbs-date::before,
   .board-list .bbs-views::before{font-family:"Font Awesome 5 Pro";margin-right:6px;}
	.board-list .bbs-writer::before{content:"\f4ff";margin-right:3px;font-weight:bold;}
   .board-list .bbs-date::before{content:"\f073";}
   .board-list .bbs-views::before{content:"\f06e";}
	.board-list .icon-new{width:16px;margin-top:-3px;margin-left:6px;}
   .board-list .icon-save{width:16px;height:16px;font-size:10px;line-height:16px;}
}

/* pagination */
.pagination{margin-top:70px; text-align: center}
.pagination .pagination-wrap{display: inline-block;}
.pagination .pagination-wrap:after{content: ''; display: block; clear: both;}
.pagination a,.pagination img{vertical-align: top;}
.pagination a{float:left;display: inline-block; width:38px; height:38px; margin-right: 9px;border-radius:50%;}
.pagination a:last-child{margin-right: 0}
.pagination a.num{width: auto; min-width: 38px; padding: 0 6px; border: 2px solid #e8e9ed; color:#78797b; font-size: 18px; line-height: 34px;}
.pagination a.num.on{background-color: #355bb3; color: #fff; border-color:#355bb3;font-weight:600;}
.pagination a.num:hover{color:#206cea;}
.pagination .pg-btn{display:block;width:38px;height:38px;background:#f2f5f9;}
.pagination .pg-btn::before{font-family:"Font Awesome 5 Pro";line-height:37px;font-size:20px;color:#b8b8b8;}
.pagination .pg-btn:hover::before{color:#1455c1;}
.pagination .pg-btn.pg-first::before{content:"\f100";}
.pagination .pg-btn.pg-prev::before{content:"\f104";}
.pagination .pg-btn.pg-next::before{content:"\f105";}
.pagination .pg-btn.pg-last::before{content:"\f101";}

@media (max-width:1024px) {
   .pagination{margin-top:50px;}
}
@media (max-width:768px) {
   .pagination{margin-top:30px;}
   .pagination a{width:26px;height:26px;margin-right:5px;}
   .pagination a.num{min-width:26px;border-width:1px;line-height:24px;font-size:12px;}
   .pagination .pg-btn{width:26px;height:26px;border-width:1px;}
   .pagination .pg-btn::before{font-size:13px;line-height:25px;}
}

/* 게시판 상세/글쓰기 */
.board-detail{position:relative;border-top:3px solid #246ab5;font-size:16px;}

.board-detail .detail-head{position:relative;text-align:center;padding:40px 110px;border-bottom:1px solid #777;}
.board-detail .detail-category {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -35px;
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	background: #4691e2;
	border-radius: 50%;
	text-align: center;
}
.board-detail .detail-title {
	position: relative;
	text-align: center;
	color: #222;
	font-size: 30px;
	font-weight: 600;
	word-break: keep-all;
	overflow-wrap: break-word;
}
.board-detail .detail-option{margin-top:30px;}
.board-detail .detail-option span{color:#9e9e9e;font-size:15px;}
.board-detail .detail-option span + span{margin-left:26px;}
.board-detail .detail-option span::before{font-family:"Font Awesome 5 Pro";display:inline-block;font-size:130%;margin-right:10px;}
.board-detail .detail-option .writer::before{content:"\f4ff";font-weight:bold;}
.board-detail .detail-option .date::before{content:"\f073";}
.board-detail .detail-option .views::before{content:"\f06e";margin-top:-2px;vertical-align:middle;}

.board-detail .detail-contents {
	padding: 40px 50px;
	color: #222;
	font-size: 16px;
	line-height: 1.8;
	word-break: keep-all;
	overflow-wrap: break-word
}
.board-detail .detail-contents > img{display:block;}
.board-detail .detail-contents > img + img{margin-top:24px;}
.board-detail .detail-contents .contents-text + img{margin-top:24px;}
.board-detail .detail-contents > img ~ .contents-text{margin-bottom:0;margin-top:24px;}
.board-detail .detail-file{display:flex;align-items:stretch;border-top:1px solid #dedede;}
.board-detail .detail-file .file-title{flex:0 0 135px;position:relative;border-right:1px solid #dedede;}
.board-detail .detail-file .file-title .icon{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;color:#afafaf;font-size:36px;}
.board-detail .detail-file .file-list{flex:1;color:#222;}
.board-detail .detail-file .file-list li{font-size:16px;padding:19px 24px;}
.board-detail .detail-file .file-list li + li{border-top:1px solid #dedede;}
.board-detail .detail-file .text-link{margin-right:10px;}
.board-detail .detail-file .btn-view {
	display: inline-block;
	min-width: 75px;
	color: #2b75cb;
	font-size: 12px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #cfcfcf;
	border-radius: 6px;
	text-align: center;
	background: #f8fbfd;
}
.board-detail .detail-file .btn-view:hover{font-weight:600;}
.board-detail .board-nav{border-bottom:1px solid #8badd1;background:#fafcfd;border-top:1px solid #dedede;}
.board-detail .board-nav::after{content:"";display:block;clear:both;}
.board-detail .board-nav a{float:left;width:50%;display:flex;height:100px;align-items:center;color:#222;}
.board-detail .board-nav a + a{border-left:1px solid #dedede;}
.board-detail .board-nav .arrow{flex:0 0 auto;margin-top:-5px;}
.board-detail .board-nav .arrow i,
.board-detail .board-nav .arrow .tit{vertical-align:middle;}
.board-detail .board-nav .arrow i{color:#171717;font-size:30px;}
.board-detail .board-nav .tit{font-size:15px;}
.board-detail .board-nav .txt{flex:1 1 auto;font-size:16px;text-align:center;padding:0 30px;word-break:keep-all;word-wrap:break-word;}
.board-detail .board-nav .nav-prev{padding-left:40px;}
.board-detail .board-nav .nav-next{padding-right:40px;justify-content: flex-end;}
.board-detail .board-nav .nav-prev .arrow i{margin-right:12px;}
.board-detail .board-nav .nav-next .arrow i{margin-left:12px;}
.board-detail .detail-form{display:table;width:100%;table-layout:fixed;}
.board-detail .detail-form .form-wrap{display:table-row;}
.board-detail .detail-form .form-col{display:table-cell;vertical-align:middle;border-bottom:1px solid #dedede;padding:20px 35px;}
.board-detail .detail-form .form-wrap:last-of-type .form-col{border-bottom-color:#8badd1;}
.board-detail .detail-form .form-col:first-child{width:173px;}
.board-detail .detail-form .lbl{color:#222;font-size:15px;}
.board-detail .detail-form .text-desc{margin-left:20px;}
/* 갤러리 슬라이드 */
.board-detail .gallery-slider-wrap{margin-top:70px;}
.board-detail .gallery-slider{text-align:center;box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);}
.board-detail .gallery-slider-next,
.board-detail .gallery-slider-prev {
	position: absolute;
	top: 50%;
	width: 105px;
	height: 105px;
	margin-top: -52px;
	z-index: 4;
	background: rgba(255, 255, 255, .6);
	font-size: 44px;
	color: #616161;
}
.board-detail .gallery-slider-next{right:1px;}
.board-detail .gallery-slider-prev{left:1px;}
.board-detail .gallery-slider-next.swiper-button-disabled,
.board-detail .gallery-slider-prev.swiper-button-disabled{opacity:.4;}
.board-detail .gallery-thumbs-wrap{position:relative;padding:0 60px;}
.board-detail .gallery-thumbs{height:109px;margin-top:42px;}
.board-detail .gallery-thumbs .swiper-slide{width:200px;height:100%;background:#000;cursor:pointer;}
.board-detail .gallery-thumbs .swiper-slide span{opacity:.5;width:100%;height:100%;display:block;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
.board-detail .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{opacity:1;}
.board-detail .gallery-thumbs-next,
.board-detail .gallery-thumbs-prev {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 120px;
	z-index: 4;
	font-size: 30px;
	color: #acacac;
	margin-top: -60px;
}
.board-detail .gallery-thumbs-next{right:0;}
.board-detail .gallery-thumbs-prev{left:0;}
.board-detail .gallery-thumbs-next.swiper-button-disabled,
.board-detail .gallery-thumbs-prev.swiper-button-disabled{opacity:.4;}

@media (max-width:1024px) {
	.board-detail{font-size:14px;}
	.board-detail .detail-head{padding-left:120px;padding-right:120px;}
	.board-detail .detail-title{font-size:26px;}
	.board-detail .detail-form .form-col{padding:15px 25px;}
	.board-detail .detail-form .form-col:first-child{width:144px;}
	.board-detail .detail-form .lbl{font-size:14px;}
	.board-detail .detail-form .text-desc{margin-left:15px;}
}
@media (max-width:940px) {
	.board-detail .detail-form .text-desc{display:block;margin-left:0;margin-top:10px;}
}
@media (max-width:768px) {
	.board-detail{border-top-width:2px;font-size:12px;}
	.board-detail .detail-category{width:35px;height:35px;font-size:10px;line-height:35px;position:static;margin-top:0;margin-bottom:10px;}

	.board-detail .detail-head{padding:16px 10px;}
	.board-detail .detail-title{font-size:15px;}
	.board-detail .detail-title.title-notice::before{margin-right:10px;}
	.board-detail .detail-option{margin-top:10px;}
	.board-detail .detail-option span{font-size:12px;}
	.board-detail .detail-option span + span{margin-left:10px;}
	.board-detail .detail-option span::before{margin-right:6px;}
	.board-detail .detail-contents{padding:20px 15px;font-size:12px;}
	.board-detail .detail-contents > img + img{margin-top:15px;}
	.board-detail .detail-contents .contents-text + img{margin-bottom:15px;}
	.board-detail .detail-contents > img ~ .contents-text{margin-bottom:0;margin-top:15px;}
	.board-detail .detail-file .file-title{flex-basis:70px;}
	.board-detail .detail-file .file-title .icon{font-size:20px;}
	.board-detail .detail-file .file-list li{font-size:12px;padding:10px 15px;}
	.board-detail .detail-file .btn-view{font-size:10px;min-width:56px;height:22px;line-height:20px;}
	.board-detail .board-nav a{height:45px;}
	.board-detail .board-nav .arrow{margin-top:0;}
	.board-detail .board-nav .arrow i{font-size:15px;}
	.board-detail .board-nav .tit{font-size:10px;}
	.board-detail .board-nav .txt{display:none;}
	.board-detail .board-nav .nav-prev{padding-left:18px;}
	.board-detail .board-nav .nav-next{padding-right:18px;}
	.board-detail .board-nav .nav-prev .arrow i{margin-right:8px;}
	.board-detail .board-nav .nav-next .arrow i{margin-left:8px;}	
	.board-detail .detail-form,
	.board-detail .detail-form .form-wrap,
	.board-detail .detail-form .form-col{display:block;}
	.board-detail .detail-form .form-wrap{border-bottom:1px solid #dedede;padding:10px 15px;}
	.board-detail .detail-form .form-col{width:auto !important;border-bottom:0;padding:0;}
	.board-detail .detail-form .form-col .inp-text{width:100%;}
	.board-detail .detail-form .lbl{font-size:13px;margin-bottom:5px;display:block;font-weight:500;}
	.board-detail .detail-form .text-desc{margin-top:5px;}
	/* 갤러리 슬라이드 */
	.board-detail .gallery-slider-wrap{margin-top:20px;}
	.board-detail .gallery-slider-next,
	.board-detail .gallery-slider-prev{width:26px;height:26px;margin-top:-13px;font-size:15px;}
	.board-detail .gallery-thumbs-wrap{padding:0 35px;}
	.board-detail .gallery-thumbs{height:60px;margin-top:20px;}
	.board-detail .gallery-thumbs .swiper-slide{width:110px;}
	.board-detail .gallery-thumbs-next,
	.board-detail .gallery-thumbs-prev{width:20px;height:60px;margin-top:-30px;font-size:25px;}
}

/* 파일 첨부 */
.file-upload .upload-wrap label + input[type="file"]{display:none;}
.file-upload .upload-wrap .btn.search {
   margin-right: 15px;
   min-width: 70px;
   height: 46px;
   padding: 0 20px;
   border: none;
   background: #666;
   color: #fff !important;
   line-height: 46px;
   border-radius: 7px;
   background:linear-gradient(to bottom, #4f9ee8 0%, #056ac8 100%);
}
.file-upload .upload-wrap .btn.search i{margin-right:6px;}
.file-upload .file-list{position:relative;}
.file-upload .file-list .text-link{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.file-upload .file-list .file-wrap{color:#222;}
.file-upload .file-wrap{display:inline-block;margin-top:15px;margin-right:15px;}
.file-upload .file-wrap .text-link{color:inherit;font-size:inherit;}
.file-upload .file-wrap .file-del {
   margin-left: 5px;
   margin-top: -2px;
   border: none;
   border-radius: 3px;
   font-size: 0;
   vertical-align: middle;
   line-height: 1;
}
.file-upload .file-wrap .file-del::after {
   content: "\f057";
   font-family: "Font Awesome 5 Pro";
   color: #768491;
   font-size: 22px;
   font-weight: bold;
   vertical-align: top;
}

@media (max-width:1024px) {
   .file-upload .upload-wrap .btn.search{height:43px;line-height:43px;}
}
@media (max-width:768px) {
   .file-upload .upload-wrap .btn.search{border-radius:2px;height:31px;line-height:31px;font-size:12px;padding:0 12px;border-radius:4px;}
   .file-upload .file-wrap{margin-top:10px;}
   .file-upload .file-wrap .text-link{color:inherit;font-size:13px;}
   .file-upload .file-wrap .file-del::after{font-size:15px;}
}

/* Photo Gallery */
.gallery-list{position:relative;border-top:2px solid #dedede;border-bottom:1px solid #dedede;}
.gallery-list ul{margin:0 -20px;overflow:hidden;padding-top:55px;}
.gallery-list ul::after{content:'';display:block;clear:both;}
.gallery-list a{display:block;}
.gallery-list li{float:left;width:50%;padding:0 18px;position:relative;margin-bottom:35px;}
.gallery-list .nodata{float:none !important;width:auto !important;}
.gallery-list .gallery-item{padding:30px;border:1px solid #dedede;}
.gallery-list .item-image.item-video{position:relative;}
.gallery-list .item-image.item-video::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 50.265%;
   height: 77.24%;
   background: url("../images/sub/icon_play.png") no-repeat 50% 50% / cover;
   transform: translate(-50%, -50%);
}
.gallery-list .item-image span{position:relative;display:block;padding-bottom:65.08%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.gallery-list .item-image span::after{content:"";opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);transition:all .3s ease;}
.gallery-list .item-title{font-size:20px;font-weight:500;color:#222;margin-bottom:20px;transition:all .3s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;height:2.8em;overflow:hidden;}
.gallery-list .item-option{display:flex;align-items:center;justify-content:space-between;color:#778697;font-size:14px;margin-bottom:20px;}
.gallery-list .item-option .views::before {
   content: "\f06e";
   margin-top: -2px;
   vertical-align: middle;
   font-family: "Font Awesome 5 Pro";
   display: inline-block;
   margin-right: 10px;
   font-size: 120%;
   color: #807f7f;
}
.gallery-list a:hover .gallery-item{border-color:#3f95ff;}
.gallery-list a:hover .item-title{color:#006fd6;}
.gallery-list a:hover .item-image span::after{opacity:1;}

@media (max-width:1024px) {
   .gallery-list{margin:0;}
   .gallery-list ul{margin-left:-15px;margin-right:-15px;padding-top:60px;}
   .gallery-list li{width:50%;padding:0 15px;margin-bottom:60px;}
}
@media (max-width:768px) {
   .gallery-list{border-top-width:2px;}
   .gallery-list ul{margin-left:-10px;margin-right:-10px;padding-top:40px;}
   .gallery-list li{padding:0 10px;margin-bottom:40px;}
   .gallery-list .gallery-item{padding:25px;}
   .gallery-list .item-title{font-size:13px;margin-bottom:15px;}
   .gallery-list .item-option{font-size:11px;margin-bottom:15px;}
   .gallery-list .item-option.views::before{margin-right:5px;}
}
@media (max-width:520px) {
   .gallery-list ul{padding-top:30px;}
   .gallery-list li{width:auto;float:none;margin-bottom:30px;}
}

/* Location 지도 */
.map-box{height: 321px;border-radius: 30px;overflow: hidden;}
.map-box iframe{width: 100%;height: 100%;}
.map-box img{display:none;}
.ie .map-box{height: auto;}
.ie .map-box iframe{display:none;}
.ie .map-box img{display:inline;}

/* Location 내용 */
.location-wrap{padding-top: 70px;}
.location-wrap .title{margin-bottom: 46px;font-size: 30px;font-weight: 600;letter-spacing: -.005em;line-height: 1.16;color: #113275;}
.location-wrap .small-title{flex:0 0 150px;font-size: 24px;font-weight: 600;letter-spacing: -.005em;color: #20519a;}
.location-wrap .item-img{flex:0 0 auto;}
.location-wrap .item-list{margin-left: 43px;}
.location-wrap .item-list li{display: flex;align-items: center;}

/* contact */
.contact .small-title{line-height: 1.6;}
.contact .item-list li{align-items:flex-start;}
.contact .item-list li + li{margin-top: 20px;}
.contact .text-arear{font-size: 24px;letter-spacing: -.005em;line-height: 1.6;}
.contact .text-arear br{display:none;}

/* transportation */
.transportation{padding-top: 40px;}
.transportation .item-list > li + li{margin-top:60px;}
.transportation .small-title{margin-bottom: 20px;}

/* 지하철 */
.subway .text-arear{margin-left: 50px;}
.subway .text-arear p{display: inline-block;position: relative;font-size: 24px;padding-left: 40px;margin-right: 56px;margin-bottom:10px;}
.subway .text-arear p:last-child{margin-right:0;}
.subway .text-arear p::before{content:"";position:absolute;top:3px;left:0;background-repeat:no-repeat;background-size:100% auto;width:23px;height:23px;}
.subway .text-arear .seven::before{background-image: url('../images/sub/transportation_seven.png');}
.subway .text-arear .one::before{background-image: url('../images/sub/transportation_one.png');}

/* 정류장 */
.stop .text-arear{margin-left: 60px;}
.stop .text-arear .stop-list li + li{margin-top: 16px;}
.stop .text-arear .stop-list .number{padding: 2px 6px;background-color: #c96274;margin-right: 30px;color: #fff;font-size: 13px;letter-spacing: -.005em;}
.stop .text-arear .stop-list p{font-size: 24px;font-weight: 500px;letter-spacing: -.005em;line-height: 1.6;}

/* 버스 */
.bus .text-arear{margin-left: 58px;overflow: hidden;}
.bus .list-item{display: flex;align-items: center;margin-right:-16px;flex-wrap: wrap;}
.bus .list-item li{min-width:79px;margin-right: 16px;margin-bottom:16px;padding: 19px 18px;background-color: #f0f1f3;display: block;border-radius: 10px;}
.bus .list-item span{font-size: 24px;font-weight: 500; letter-spacing: -.005em;position: relative;}
.bus .list-item .bar{position:relative;}
.bus .list-item .bar + .bar{padding-left:18px;margin-left:14px;}
.bus .list-item .bar + .bar::before{content: "";width: 1px; height: 11px;position: absolute; top: 50%; margin-top:-5px; left:0; z-index: 1;background:#caced6;}

@media (max-width:768px) {
   .map-box{height:240px;border-radius:15px;}

   .location-wrap{padding-top: 40px;}
   .location-wrap .title{font-size: 15px;margin-left: 3px;margin-bottom:15px;}
   .location-wrap .small-title{font-size: 12px;flex-basis:75px;}
   .location-wrap .item-list{margin-left:12px;}

   .contact .item-list li + li{margin-top: 10px;}
   .contact .text-arear{font-size: 12px;}
   .contact .text-arear br{display:block;}

   .transportation{padding-top: 30px;}
   .transportation .small-title{margin-bottom: 10px;}
   .transportation .item-img{flex-basis: 33px;}
   .transportation .item-list > li + li{margin-top:30px;}

   .subway .text-arear{margin-left: 24px;}
   .subway .text-arear p{font-size: 12px;padding-left: 20px;}
   .subway .text-arear p::before{width:12px;height:12px;top:2px;}

   .stop .text-arear{margin-left:24px}
   .stop .text-arear .stop-list li + li{margin-top: 8px;}
   .stop .text-arear .stop-list .number{padding: 1px 4px;font-size: 7px;margin-right:15px;}
   .stop .text-arear .stop-list p{font-size: 12px;}

   .bus .text-arear{margin-left: 24px;}
   .bus .small-img{width: 13px;flex: 0 0 auto;line-height:1;}
   .bus .list-item{margin-right:-8px;}
   .bus .list-item li{min-width:40px;padding: 10px;border-radius:5px;margin-right:8px;margin-bottom:8px;}
   .bus .list-item span{font-size: 12px;}
   .bus .list-item .bar + .bar{padding-left: 9px;margin-left: 7px;}
   .bus .list-item .bar + .bar::before{height:6px;margin-top:-3px;}
}