/* 서브메뉴 CSS */
.sub-menu-box{display: flex;justify-content: center;width : 100%; position : relative; z-index: 1; height: 50px;z-index : 10;}
.sub-menu-inner{display: flex; align-items : center;justify-content : end; max-width: 1408px; width : 100%;}
.sub-menu{display:flex;align-items:center;min-width:200px;position:relative;font-size: 14px;letter-spacing: -0.04em;height:50px;padding:0 15px;color:#111;cursor:pointer}
.sub-menu:not(:last-child)::before{position:absolute;content:'';width:1px;height:15px;background:#aaa;right:0;}
.sub-menu.point{color: #000; font-weight : 700;}
.sub-menu.disable{pointer-events: none;color : #aaa}
.sub-menu::after{position: absolute;content:'';width:7px;height:7px;border-top:1px solid #555;border-right:1px solid #555;transform: rotate(45deg);right:15px;transition:transform .2s;}
.sub-menu:hover::after{transform: rotate(135deg)}
.sub-menu.disable::after{border-color:#aaa;}
.sub-menu>ul{position: absolute;top:100%;left:0;min-width:100%;border:1px solid #ccc;border-bottom:none;border-top:none;display : none; font-weight : 400; color : #000}
.sub-menu:hover>ul{display:block;}
.sub-menu>ul>li>a{display:flex;flex-direction:column;justify-content:center;height:40px;background:#fff;border-bottom:1px solid #ccc;padding:0 15px;font-size:14px;transition:padding-left .2s;position:relative;overflow:hidden; white-space: nowrap;}
.sub-menu>ul>li>a::after{position:absolute;content:'';width:5px;height:5px;border-top:1px solid #555;border-right:1px solid #555;transform: rotate(45deg);left:0px;opacity:0;transition:opacity .2s,left .2s;}
.sub-menu>ul>li>a:hover::after{left:10px;opacity:1;}
.sub-menu>ul>li.long>a{height:55px;}
.sub-menu>ul>li>a:hover{padding-left:25px;font-weight:500}
.sub-menu>ul>li:nth-child(1)>a{border-top:1px solid #ccc}
.sub-menu>ul>li>a:hover{background:#f1f1f1}

.sub-menu>ul>li>a > br{display: none;}

.sub-title-box{display: flex;flex-direction : column;justify-content: center;align-items: center;position : relative;height : 367px;overflow: hidden;padding-top: 50px;}
@keyframes sub-title-line {
	100%{clip-path: inset(0);}
}

.sub-title-bg{display : flex; align-items : center; justify-content : center; width : 100%;height : 100%; background: url(../images/sub/sub-title-bg.jpg)no-repeat center / cover;position : absolute; left : 0;top : 0;z-index : -1; animation : sub-title-bg 3s both;}
.sub-title-bg::after{content: '';position: absolute;padding: 150px; /* border 두께 */width : 670px;height : 670px;border-radius: inherit;background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);box-sizing : border-box;-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;border-radius : 50%; transform : scale(20); animation : sub-tit-bg-circle 2s both}
@keyframes sub-tit-bg-circle{
	100%{transform : scale(1)}
}
@keyframes sub-title-bg{
	0%{transform : scale(1.25)}
}

.sub-tit-small{font-family: futura-pt; font-weight: 500; font-size: 15px;letter-spacing: 0em; margin-bottom: 11px; text-align : center;font-weight : 300; animation : sub-title 1s both 1s; color : #fff;}
.sub-tit{font-family : PT; color : #fff;font-size : 49px; font-weight : 700}
@keyframes sub-title{
	100%{letter-spacing : 0.25em; padding-left: 0.25em;}
}
@keyframes sub-title2{
	100%{letter-spacing : 0.3em; padding-left: 0.3em;}
}
.sub-tit .char{opacity: 0;}
.sub-tit-small .char{opacity: 0;}

#wrap.sub{width : 100%;}

.sub-content-box{padding : 66px 0 192px; margin : 0 auto; position: relative;z-index: 0;}
.sub-content-img{margin : 0 auto;}

.motion-box{position : relative; background: pink;}
.motion-hover{position : absolute;width : 37.7%; height : 74%; z-index : 1;right : 0;top : 0;}

.sub-content-box{padding : 66px 0 192px; margin : 0 auto;}
.sub-content-img{margin : 0 auto;}
/* 오리발 CSS */
.page_info{display:flex;flex-direction:column;justify-content:center;max-width : 1408px;margin : 4em auto 0;background:#f7f7f7;border:1px solid #e5e5e5;padding:25px 60px 25px 120px;min-height :120px;font-size:13px;letter-spacing:-0.04em;color:#777;position:relative;}
.page_info::after{display: flex;align-items: center;justify-content: center;color : #fff;font-size: 36px;font-weight: 700;content : '!';position : absolute;width : 70px;height : 70px;border-radius: 50%;background : #ddd;left : 25px;top : 50%;transform: translateY(-50%);}
.page_info>li{position : relative;padding-left : 14px;}
.page_info>li+li{margin-top : 3px;}
.page_info>li::before{content : '※ ';position : absolute;left : 0;font-size: 11px;line-height: 18px;}
.page_info>li>a{color:rgba(50,80,255,1);text-decoration:underline;}
/* 오리발 CSS END */

.motion-box{position : relative; background: pink;}
.motion-hover{position : absolute;width : 37.7%; height : 74%; z-index : 1;right : 0;top : 0;}

.sub-con-tit{display : flex; justify-content : center; font-family : PT; color : #000;font-size : 49px; font-weight : 700; margin-bottom: 100px;position :relative; gap: 0.3em;}
.sub-con-tit .line{display : flex !important; justify-content : center; }
.sub-con-tit .char{opacity : 0;}
.sub-con-tit::after{position : absolute; content : '';width : 1px;height : 55px; background: #000;top : 120%; clip-path : inset(0 0 100%); animation : sub-con-tit 1s both 1s;}
@keyframes sub-con-tit{
	100%{clip-path : inset(0)}
}

@media(max-width : 1200px){
	#wrap{overflow : hidden;}
	.sub-title-box{margin-top: 0;height : 250px; padding-top: 50px;}
	.sub-title{font-size: 24px;}
	.sub-title-kor{font-size : 16px}

	/* 서브메뉴 CSS */
	.sub-menu-box{height: 40px;}
	.sub-menu{min-width:150px;position:relative;font-size: 12px;height:40px;padding:0 10px;}
	.sub-menu:not(:last-child)::before{height:12px;}
	.sub-menu::after{width:5px;height:5px;right:10px;}
	.sub-menu>ul>li>a{height:36px;padding:0 10px;font-size:12px;}
	.sub-menu>ul>li>a::after{width:4px;height:4px;}
	.sub-menu>ul>li.long>a{height:55px;}
	.sub-menu>ul>li>a:hover{padding-left:25px;font-weight:500}
	.sub-menu>ul>li:nth-child(1)>a{border-top:1px solid #ccc}
	.sub-menu>ul>li>a:hover{background:#f1f1f1}

	.page_info{width : 92%;justify-content: center;padding : 15px 20px 15px 20px;min-height : 0;font-size: 11px;}
    .page_info::after{display : none;}
    .page_info > li{position : relative;padding-left : 12px;}
    .page_info > li + li{margin-top : 4px;}
    .page_info > li::before{font-size: 10px;line-height: 18px;}
}





/******************************
*********** BOARD *************
******************************/

.search-box{display : flex; max-width : 1408px; margin : 0 auto; padding : 30px 117px; background: #F5F5F5; margin-bottom: 60px;}
.search-select-wrap{display : flex; align-items : center; position : relative;}
.search-select-wrap::after{position : absolute; content : ''; width : 8px; height : 8px; border-top : 1px solid #989797; border-right : 1px solid #989797; right : 20px; transform : rotate(135deg)}

.search-select{width : 292px; height : 50px; border : none; text-indent : 21px; font-family : PT; font-size : 15px; appearance : none; outline : none; border : 1px solid #ddd;position : relative; margin-right: 5px; flex-shrink : 0;}

.search-input{height : 50px; border : none; text-indent : 21px; font-family : PT; font-size : 15px; appearance : none; outline : none; border : 1px solid #ddd;position : relative; width : 100%; margin-right: 37px;}

.search-submit{width : 120px;height : 50px; border : none;font-family : PT; font-size : 15px; appearance : none; outline : none; background: #015051; color : #fff;position : relative; cursor : pointer; flex-shrink : 0;}

/******************************/

.board-list-box{width : 100%; max-width :1408px; margin : 0 auto;}
.board-list-count{font-family : PT; font-weight : 500; letter-spacing : -0.04em; margin-bottom: 18px;}
.board-list-count > span{color : #015051}

.board-list{font-size : 17px; font-family : PT; font-weight : 500; border-top : 1px solid #A9A9A9;letter-spacing : -0.04em; color : #333; margin-bottom: 46px;}

.board-list > li{display : flex; text-align : center;border-bottom : 1px solid #EDEDED;height : 80px;}
.board-list > li > a{display : flex; text-align : center; height : 100%; width: 100%;}
.board-list > li > a > div{}
.board-list > li.board-th > div{display : flex; align-items : center; justify-content : center;}
.board-th{}

.board-th{background: #FBFBFB;}

.board-list-num{width : 90px; display : flex; align-items : center; justify-content : center; flex-shrink : 0;}
.board-list-tit{width : 100%; display : flex; justify-content : start; align-items : center; padding-left: 24px; font-weight : 700;}
.board-th .board-list-tit{justify-content : center;padding-left: 0; font-weight : 500}
.board-list-day{width : 210px; display : flex; align-items : center; justify-content : center; flex-shrink : 0;}

.board-list-tit > .file{margin-left: 12px;}

.board-pagination-box{display : flex; justify-content : center;align-items : center;  width : 100%; max-width :1408px; margin : 0 auto;}
.board-pagination{display : flex; justify-content : center;margin : 0 36px;}
.board-pagination > li > a{display : flex; align-items : center; justify-content : center; font-size : 18px; font-family : PT; font-weight : 500; width : 40px; height : 40px; border-radius : 50%;}
.board-pagination > li.current > a{background: #015051; color : #fff;font-weight : 700; }

.board-prev,
.board-db-prev,
.board-next,
.board-db-next{display : flex; align-items : center; justify-content : center; position : relative; width : 15px;height : 15px;}

.board-pagination-box .disabled{opacity : 0.3; pointer-events : none;}

.board-db-prev{margin-right: 30px;}
.board-db-next{margin-left: 30px;}

.board-prev::after,
.board-next::after,
.board-db-prev::after,
.board-db-next::after{position : absolute; content : ''; width : 11px;height : 11px; border-top : 1px solid #121212; border-left : 1px solid #121212;}

.board-prev::after,
.board-db-prev::after{transform : rotate(-45deg)}

.board-next::after,
.board-db-next::after{transform : rotate(135deg)}

.board-db-prev::before,
.board-db-next::before{position : absolute; content : ''; width : 1px;height : 18px; background: #121212;}

.board-db-prev::before{left : -4px;}
.board-db-next::before{right : -4px;}

/******************************
******** BOARD VIEW ***********
******************************/

.board-view-box{width : 100%; max-width : 1408px;margin : 0 auto; border-top: 1px solid #6A6A6A; font-family : PT; letter-spacing : -0.04em}
.board-view-tit-box{display : flex; align-items : center; height : 113px; padding : 0 60px; font-size : 25px; border-bottom: 1px solid #EDEDED;font-weight : 500;}

.board-view-num{width : 45px;}
.board-view-tit{width : 100%;font-weight : 700;}

.board-view-content{padding : 110px 60px 130px;font-size : 25px; border-bottom: 1px solid #EDEDED; border-top: 1px solid #EDEDED;}

.board-attach{display : flex; background: #FBFBFB; padding : 36px 60px; position : relative; font-size : 17px; font-weight : 700;}
.board-attach .download-icon{position : absolute; right : 60px;}

.board-view-pagination{display : flex; color : #333; border-bottom: 1px solid #EDEDED; margin-bottom: 40px;}
.board-view-pagination > a{display : flex; align-items : center; width : 50%; position : relative; padding : 44px 0;gap : 96px}
.board-view-pagination > a::after{position : absolute; content : ''; width : 5px;height : 5px; border-top: 2px solid #000; border-left : 2px solid #000;}
.board-view-prev::after{transform : rotate(-45deg); left : 0;}
.board-view-next::after{transform : rotate(135deg); right : 0;}

.board-view-pagination > a.board-view-prev{padding-left: 43px;}
.board-view-pagination > a.board-view-next{justify-content : end;padding-right: 43px;}

.board-view-text{font-size : 20px; color : #E6E6E6; font-weight : 700; transition : color .3s;}
.board-view-pagination > a:hover .board-view-text{color : #015051}

.board-btn{display : block; border : none; width : 321px;height : 84px; color : #fff; background: #626262; border-radius : 100px; font-size : 22px; font-weight : 700; cursor : pointer;margin : 0 auto;}
.board-btn.color{background: #015051;}

/******************************
******** BOARD WRITE *********
******************************/

.board-write-box{width : 100%; max-width : 1408px; margin : 0 auto 80px; border-top: 1px solid #6A6A6A; font-family : PT; font-size : 25px; font-weight : 400;}
.board-write-box > li{display : flex; border-bottom: 1px solid #EDEDED; height : 110px;}
.board-write-box > li.board-write-textarea{min-height : 445px;}
.board-write-th{display : flex; align-items : center; background: #FBFBFB;border-bottom: 1px solid #EDEDED; width : 393px; flex-shrink : 0;padding-left: 60px;}
.board-write-tit .board-write-th{width : 100%; background: #fff; font-weight : 700;}
.board-write-td{height : 100%;width : 100%;height : 100%; overflow : hidden;}
.board-write-file .board-write-td{display : flex; align-items : center;}
.board-write-file.etc .board-write-td{display : block;}
.board-write-file.etc .board-write-td .checkbox{ margin-top: 10px; margin-left: 23px; margin-bottom: 5px; font-size: 18px;}
.board-write-td > input{display : block; width : 100%;height : 100%; outline : none; border : none; font-size : 24px; text-indent : 24px;}
.board-write-td > input[type=file]{width : auto;height : auto; font-size : 17px;}
.board-write-td > input[type=file]::-webkit-file-upload-button{background-color: #AFA391;color: white;padding: 17px 39px;border: none;border-radius: 0px;cursor: pointer; font-size : 17px;}

.board-write-td > textarea{display : block; width : 100%;height : 100%; outline : none; border : none; font-size : 24px;font-family : PT; padding : 24px; min-height : 445px; resize: none;}

.board-btn-box{display : flex; justify-content : center; gap : 17px;}
.board-btn-box > button{margin : 0;}



@media(max-width : 1200px){

	/******************************
	*********** BOARD *************
	******************************/

	.search-box{padding : 10px; margin-bottom: 30px;}
	.search-select-wrap{width : 25%;margin-right: 5px;flex-shrink : 0;}
	.search-select-wrap::after{width : 5px; height : 5px;right : 10px; transform : rotate(135deg)}

	.search-select{width : 100%; height : 36px;text-indent : 12px; font-size : 13px;margin-right: 5px;}

	.search-input{height : 36px;text-indent : 12px;font-size : 13px;margin-right: 5px; width : 100%;}

	.search-submit{width : 15%;height : 36px; font-size : 13px;flex-shrink : 0;}

	/******************************/

	.board-list-box{padding : 0 10px;}
	.board-list-count{margin-bottom: 10px; font-size : 14px;}

	.board-list{font-size : 12px;margin-bottom: 30px;}

	.board-list > li{height :40px;}

	.board-list-num{width : 13%;flex-shrink : 0;}
	.board-list-tit{width : 100%; padding-left: 12px; font-weight : 700;}
	.board-list-day{width : 20%; flex-shrink : 0;}

	.board-list-tit > .file{margin-left: 8px;width : 12px}

	.board-pagination{margin : 0 16px;}
	.board-pagination > li > a{font-size : 13px; width : 24px; height : 24px;}

	.board-prev,
	.board-db-prev,
	.board-next,
	.board-db-next{width : 10px;height : 10px;}

	.board-db-prev{margin-right: 12px;}
	.board-db-next{margin-left: 12px;}

	.board-prev::after,
	.board-next::after,
	.board-db-prev::after,
	.board-db-next::after{width : 8px;height : 8px;}

	.board-db-prev::before,
	.board-db-next::before{height : 14px;}

	.board-db-prev::before{left : -3px;}
	.board-db-next::before{right : -3px;}

	/******************************
	******** BOARD VIEW ***********
	******************************/

	.board-view-box{padding : 0 10px;}
	.board-view-tit-box{height : 40px; padding : 0; font-size : 13px;}

	.board-view-num{width : 13%;flex-shrink : 0;}
	.board-view-tit{}
	.board-view-day{width : 20%; flex-shrink : 0; text-align : end;}

	.board-view-content{padding : 30px 10px;font-size : 13px;}

	.board-attach{padding : 20px 10px;font-size : 13px;}
	.board-attach .download-icon{right :10px; width : 12px;}

	.board-view-pagination{margin-bottom: 30px;}
	.board-view-pagination > a{width : 100%;padding : 10px 0;gap : 10px; font-size : 12px;}
	.board-view-pagination-tit{display : none;}

	.board-view-pagination > a.board-view-prev{padding-left: 24px;}
	.board-view-pagination > a.board-view-next{padding-right: 24px;}

	.board-view-text{font-size : 16px; color : #015051;}

	.board-btn{width : 120px;height : 48px;font-size : 16px;}

	/******************************
	******** BOARD WRITE *********
	******************************/

	.board-write-box{margin : 0 auto 30px;font-size : 13px; width : calc(100% - 20px); margin : 0 auto 16px;}
	.board-write-box > li{height : 40px;}
	.board-write-box > li.board-write-textarea{min-height : 300px;}
	.board-write-th{width : 20%; flex-shrink : 0;padding-left: 0; flex-shrink : 0; justify-content : center;}
	.board-write-td > input{font-size : 13px; text-indent : 12px;}
	.board-write-td > input[type=file]{font-size : 12px;}
	.board-write-td > input[type=file]::-webkit-file-upload-button{padding: 5px 12px;font-size : 12px;}

	.board-write-td > textarea{font-size : 13px; padding : 12px; min-height : 300px;}

	.board-btn-box{gap : 5px;}

}