@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
게시판 html > skin > basic > list > basic 스킨
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.board_style .notice_board .div-head{background:none; border-top:1px solid #252525; border-bottom-color:#d7d7d7; padding:20px 0;}
.board_style .notice_board.list-board .list-body li{border-bottom-color:#d7d7d7;}
.board_style .notice_board.list-board .list-body li:hover{background-color: #f7f7f7;}
.board_style .notice_board.list-board .list-body li.bg-gray{background:#f9f9f9 !important;}
.board_style .notice_board.list-board .list-body li.bg-gray .wr-date,
.board_style .notice_board.list-board .list-body li.bg-gray .wr-name,
.board_style .notice_board.list-board .list-body li.bg-gray .wr-hit{visibility:hidden;}
.board_style .notice_board.list-board .list-body li .wr-notice_fix{width:60px; line-height:25px; font-size:13px; font-weight:500; color:#fff; text-align:center; display:inline-block; background:#7d2fff; border-radius:3px; margin-right:0px !important;}
.board_style .notice_board.list-board .list-body li b{color:#7d2fff; font-size:15px;}
.board_style .notice_board .div-head > span{font-size:16px; font-weight:600;}
.board_style .notice_board.list-board .list-body li > div{font-size:15px; color:#222; padding:22px 0;}
/* .board_style .notice_board.list-board .list-body li > div.wr-subject{font-weight: 500;} */
.board_style .notice_board.list-board .list-body li > div.wr-subject a:hover{color:#222; }
.board_style .notice_board.list-board .list-body li.bg-gray > div{padding:17px 0;}
.board_style .notice_board.list-board .list-body li.bg-gray > div a{color:#7d2fff; font-weight:600; line-height:1.4;}
.sort_btn.btn{font-size:13px; padding:4px 11px;}
/* .notice_board ~ .list-page{margin:0px 0 -15px !important;} */
.notice_search_wrap{margin-bottom:0px;}
.notice_search_box{position:relative; display:table; margin-left:auto;}
.notice_search_box input{width:350px; height:45px; border:1px solid #d7d7d7; border-radius:30px; font-size:15px; color:#222; padding:0px 55px 0 25px;}
.notice_search_box input::placeholder{color:#888888; }
.notice_search_box button{position:absolute; top:50%; right:25px; transform:translateY(-50%); background:none; outline:0; box-shadow:none; border:none;}
.board_style .notice_board.list-board .wr-secret{width:11px; height:14px; background:url(../../img/icon_secret.png) no-repeat center /cover; margin:0 0 0 7px; vertical-align:top;}


@media (max-width:991px){
	.notice_search_box input{font-size:13px; width:220px; height:40px; padding:0 45px 0 20px;}
	.notice_search_box button{right:20px;}
	.notice_search_box button img{width:20px;}
	.board_style .notice_board.list-board .list-body li > div{padding:10px 5px;}
	.board_style .notice_board.list-board .list-body li.bg-gray > div{padding:10px 5px;}
	.board_style .notice_board.list-board .list-body li .wr-notice_fix{width:50px; line-height:23px; margin-right:8px; vertical-align:middle;}
	.board_style .notice_board.list-board .list-body li b{vertical-align:middle;}
	.notice_board ~ .list-page{margin:0 0 10px !important;}
	.sort_btn.btn{font-size:13px; padding:3px 10px;}
	.board_style .notice_board.list-board .wr-secret{transform:scale(0.85); margin:-0.5px 0px 0px 4px;}

}

/* 아카이브 */
.m04_03_gallery.board_style .list-category .div-tab.tabs{margin-bottom:80px; border-bottom:0}
.m04_03_gallery.board_style .list-category .tabs .nav{display:flex; flex-warp:wrap}
.m04_03_gallery.board_style .list-category .tabs .nav li{margin-right:18px}
.m04_03_gallery.board_style .list-category .tabs .nav li a{padding:0 30px; border-radius:23px; background-color:#f5f5f5; font-size:18px; line-height:45px; color:#999}
.m04_03_gallery.board_style .list-category .tabs .nav li a:hover, .m04_03_gallery.board_style .list-category .tabs .nav li a:focus{background-color:#f5f5f5}
.m04_03_gallery.board_style .list-category .tabs .nav li.active a{background-color:#e93e02; font-weight:600 !important; color:#fff}
.m04_03_gallery.board_style .list-category .tabs .nav li.active a::after{display:none}
.m04_03_gallery.board_style .list-category .dropdown{margin-bottom:40px}
.m04_03_gallery.board_style .list-category .dropdown > a{position:relative; z-index:21; padding:0; border:0; border-radius:20px !important; background-color:#e93e02; font-family:'Noto Sans KR'; font-weight:600; font-size:14px; line-height:40px; color:#fff !important}
.m04_03_gallery.board_style .list-category .dropdown > a::before{display:none}
.m04_03_gallery.board_style .list-category .dropdown > a::after{top:0; right:15px; bottom:0; width:10px; height:6px; margin:auto; background:url('/img/arr_dropWh.png') no-repeat 50% 50%; background-size:contain; transform:rotate(0)}
.m04_03_gallery.board_style .list-category .dropdown .dropdown-menu{top:0; z-index:20; width:100%; margin:0; padding:50px 0 10px; border:0; border-radius:20px; border:1px solid #e93e02; text-align:center; font-size:13px; -webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.m04_03_gallery.board_style .list-category .dropdown .dropdown-menu > li > a{display:block; padding:0; line-height:2.2;}
.m04_03_gallery.board_style .list-category .dropdown .dropdown-menu > li.selected a{font-weight:500; color:#e93e02}
.m04_03_gallery.board_style .list-category .dropdown .dropdown-backdrop{z-index:19}
.m04_03_gallery .gallery_container .imgframe a{display:block; position:relative}
.m04_03_gallery .gallery_container .imgframe a::before, .m04_03_gallery .gallery_container .imgframe a::after{content:''; position:absolute; top:0; left:0; opacity:0; transition:all 0.3s ease-in-out;z-index: 1;}
.m04_03_gallery .gallery_container .imgframe a::before{width:100%; height:100%; background-color:rgba(0,0,0,.7)}
.m04_03_gallery .gallery_container .imgframe a::after{right:0; bottom:0; width:60px; height:60px; margin:auto; border:1px solid #fff; border-radius:50%; background:url('/img/icon_plusWh.png') no-repeat 50% 50%}
.m04_03_gallery .gallery_container .imgframe a img{transition: all 0.3s ease-in-out;}
.m04_03_gallery .gallery_container .list-item:hover .imgframe a::before, .m04_03_gallery .gallery_container .list-item:hover .imgframe a::after{opacity:1}
.m04_03_gallery .gallery_container .list-item:hover .imgframe a img{transform: scale(1.1);}
.m04_03_gallery .gallery_container .list-item .tack-check{z-index: 2;}
.m04_03_gallery .list-btn{text-align: right;}
/* 모달창 */
.board_style .project_modal{position:fixed; top:0; left:0; z-index:103; width:100%; height:100%; background-color:rgba(0,0,0,.84); opacity:0; visibility:hidden; transition:all 0.2s ease-in-out}
.board_style .project_modal.active{opacity:1; visibility:visible}
.board_style .project_modal .modal_box{display:flex; align-items:center; width:100%; height:100%}
.project_modal .swiper-modal-container .swiper-wrapper{align-items:center}
.project_modal .swiper-modal-container .swiper-slide{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; overflow-y:auto; height:100vh; padding:15px 100px}
.project_modal .swiper-modal-container .swiper-slide .imgframe{text-align: center;}
.project_modal .swiper-modal-container .swiper-slide p{color: #fff; font-size: 14px; line-height: 1.4em; padding-top: 10px;}
.project_modal .swiper-modal-container .swiper-slide img{max-width:100%; max-height:90vh}
.project_modal .btn_prev, .project_modal .btn_next{display:block; position:absolute; top:0; bottom:0; z-index:2; width:80px; height:80px; margin:auto; border:1px solid #fff; border-radius:50%; cursor:pointer}
.project_modal span.swiper-button-disabled{opacity:.5}
/* .project_modal .btn_prev{left:-65px}
.project_modal .btn_next{right:-65px} */
.project_modal .btn_prev{left:0px}
.project_modal .btn_next{right:0px}
.project_modal .btn_prev.arr_vir_left::before, .project_modal .btn_prev.arr_vir_left::after{left:0}
.project_modal .btn_next.arr_vir_right::before, .project_modal .btn_next.arr_vir_right::after{right:0}
.project_modal .btn_close{display:block; position:absolute; top:0; right:0; z-index:2; width:80px; height:80px; background-color:#0768e9; cursor:pointer}
.project_modal .btn_close::before, .project_modal .btn_close::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:2px; height:26px; background-color:#fff}
.project_modal .btn_close::before{transform:rotate(45deg)}
.project_modal .btn_close::after{transform:rotate(-45deg)}
.project_modal .arr_virtual::before, .arr_virtual::after{content:''; position:absolute; top:0; bottom:0; right:0; left:0; width:1px; height:9px; margin:auto; background-color:#fff}
.project_modal .arr_virtual.arr_vir_left::before{top:7px; left:3px; transform:rotate(-45deg)}
.project_modal .arr_virtual.arr_vir_left::after{bottom:7px; left:3px; transform:rotate(45deg)}
.project_modal .arr_virtual.arr_vir_right::before{top:7px; right:3px; transform:rotate(45deg)}
.project_modal .arr_virtual.arr_vir_right::after{bottom:7px; right:3px; transform:rotate(-45deg)}

@media (max-width:1500px){
	/* 모달창 */
	.project_modal .btn_prev{left:0}
	.project_modal .btn_next{right:0}
}
@media (max-width:991px){
	/* 아카이브 */
	.m04_03_gallery .list-wrap .list-container.gallery_container{margin-right:-10px}
	.m04_03_gallery .list-wrap .list-container.gallery_container .list-item{margin-right:10px}
	.m04_03_gallery .gallery_container .imgframe a::after{width:42px; height:42px; background-size:20px auto}
	.board_style .gallery_content .title{line-height:1.3}
	/* 모달창 */
	.project_modal .swiper-modal-container .swiper-slide{height:calc(100vh - 150px); padding:0}
	.project_modal .btn_prev, .project_modal .btn_next{width:28px; height:50px; border:0; border-radius:0; background-color:rgba(0,0,0,.8)}
	.project_modal .arr_virtual::before, .project_modal .arr_virtual::after{height:6px}
	.project_modal .btn_prev.arr_vir_left::before, .project_modal .btn_next.arr_vir_right::before{top:2px}
	.project_modal .btn_prev.arr_vir_left::after, .project_modal .btn_next.arr_vir_right::after{bottom:6px}
	.project_modal .btn_prev{left:15px}
	.project_modal .btn_next{right:15px}
	.project_modal .btn_close{top:25px; right:15px; width:50px; height:50px}
	.project_modal .btn_close::before, .project_modal .btn_close::after{height:18px}

	.write-wrap-m02-03 .well #captcha{width: auto; text-align: center;}
    .write-wrap-m02-03 .well #captcha #captcha_img{width: 114px; height: 43px; border-radius: 0;}
    .write-wrap-m02-03 .well #captcha.m_captcha #captcha_mp3{width: 22px; height: 22px;background-size: 100%; left: 114px;}
    .write-wrap-m02-03 .well #captcha #captcha_reload{width: 22px; height: 22px;background-size: 100%; background-position-y: -21px; top: 21px;}
    /* .write-wrap-m02-03 .well #captcha #captcha_key{width: 90px; height: 34px; border-radius: 0; margin-left: 27px; background-image: url('../img/mwrest_custom.png') !important; background-size: 7.5px 7.5px !important;} */
    .write-wrap-m02-03 .well #captcha #captcha_key{background-color: #fff !important; border: 1px solid #ececec; height: 43px; margin-left: 3px;}
	.write-wrap-m02-03 .well #captcha #captcha_info{font-size: 8px; margin-top: 3px;}
}
/* 갤러리 */
.board_style .gallery_content > a{display:block; padding-top:22px}
.board_style .gallery_content .title{font-weight:500; font-size:18px; line-height:1.55; color:#222}
.board_style .gallery_content .date{margin-top:22px; font-size:14px; color:#999}
.m04_03_gallery .gallery_container .imgframe a {height: 100%;}


