@charset "utf-8";
/* CSS Document */



.boardTitle {color:#000;}
#searchBox select, #searchBox input[type='text'] {}


.board_list {position:relative; margin:-10px;}
.board_list ul {display:inline-block; width:100%;}
.board_list li {float:left; width:50%; padding:12px;}
.board_list li .bna_img:before {position:absolute; top:50%; left:50%; z-index:2; width:25px; height:25px; margin-top:-12px; margin-left:-15px; background: url('../../images/bna/icon_arrow.png') no-repeat center; background-size:contain; content:'';}


.bna_img {overflow:hidden; position:relative;}
.bna_img .img_wrap {float:left; width:49.5%; margin-right:0.5%; }
.bna_img .img_wrap:last-of-type {margin-right:0;}
.bna_img .img_wrap > div {position:relative; padding-bottom:55.33%; background:#e8e8e8;}
.bna_img .img_wrap > div img {position:absolute; top:0; left:0; width:100%; height:100%;}
.bna_img .txt {overflow:hidden; position:absolute; left:0; bottom:0; width:100%; z-index:10; background:rgba(0,0,0,0.4);}
.bna_img .txt span {overflow:hidden; float:left; width:50%; font-size:16px; color:#fff; line-height:40px; text-align:center; white-space:nowrap; text-overflow:ellipsis;}

.bna_tit {overflow:hidden; padding:20px 10px 20px; font-size:21px; text-align:center; white-space:nowrap; line-height:1.5; color:#000000;}
.bna_tit em,
.bna_tit strong {display:inline-block; position:relative; padding:0 15px; font-weight:500; line-height:32px;letter-spacing:0;}
.bna_tit strong {font-weight:500;}
.bna_tit em:after {position:absolute; top:7px; right:0; width:1px; height:20px; background:#000000; content:'';}




#gallery_pop {display:none; position:fixed; top:50%; left:50%; z-index:1000; margin-top:-113px; margin-left:-360px;}
#gallery_pop .swiper-container {width:720px;}
#gallery_pop .swiper-button-prev,
#gallery_pop .swiper-button-next {width:60px; height:60px; margin-top:-80px; background:no-repeat center;}
#gallery_pop .swiper-button-prev {left:-130px; background-image:url('../../images/btn_prev.png');}
#gallery_pop .swiper-button-next {right:-130px; background-image:url('../../images/btn_next.png');}
#gallery_pop .bna_tit {color:#fff;}
#gallery_pop .bna_tit strong:before {background:#fff;}
#gallery_pop .bna_tit em {font-weight:400;}
#gallery_pop .bna_tit strong {font-weight:400;}

#gallery_pop .btn_close {position:absolute; right:0; top:-70px; display:block;}
.pop_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:rgba(60,60,60,0.9);}

#searchBox {margin-bottom:36px;}
.resultText {margin-top:-50px;margin-bottom:20px;}
.resultText span {font-weight:bold;color:#ff0000}


/* minish after & before */
#sub_contents {position:relative;z-index:1;font-size:23px;color:#30302e;line-height:1.52;}
.about01 {padding-top:120px; padding-bottom: 90px;}
.about01 .top {padding:0;text-align:center;}
.about01 h3 {font-size:70px; color:#111111; font-weight:700;line-height:1.3;}
.about01 .top_txt {margin-top:30px; padding:0 30px;color:#30302e;}

.minish_before_after01 {display:block;}
.minish_before_after01 table {width:100%; border-top: 4px solid #232176;text-align:center;}
.minish_before_after01 th {width:14.222%;position:relative;height:65px; color:#232176; font-size:22px;}
.minish_before_after01 th:after{position:absolute; right:0px;top:35%;display:inline-block; content:''; width: 1px; height: 23px; background-color:#dadada;}
.minish_before_after01 th:last-child:after {display:none;}
.minish_before_after01 td {font-size:15px; letter-spacing:-0.050em;line-height:33px;color:#111;background-color:#f6f6f6;}
.minish_before_after01 table tr:nth-child(2) td{padding-top:20px;}
.minish_before_after01 table tr:last-of-type td{padding-bottom:20px;}
.minish_before_after01 td a.on, .minish_before_after01 td a:hover{color:#232176; border-bottom: 2px solid #232176;}

.before_after_m{display:none;transition:all 0.36s cubic-bezier(0.32, 0.08, 0.24, 1);}
.before_after_m {padding:0;}
.before_after_m ul li > .ba_click_menu {display:block; position:relative; padding-left:25px;font-size:20px; color:#232176; font-weight:900;line-height:48px; border-top:1px solid #e3e3e3;}
.before_after_m ul li > .ba_click_menu:after {display:inline-block; position:absolute; right:25px; top:40%;content:''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #232176; transition:all 0.5s;}
.before_after_m ul li:first-child .ba_click_menu {border-top:2px solid #232176;}
.before_after_m ul li:last-child .ba_click_menu {border-bottom:2px solid #232176;}
.before_after_m ul li > .ba_click_menu.on:after {transform:rotate(180deg);transition:all 0.5s;}
.before_after_m .sub {padding:10px 0;overflow:hidden; display:none; background-color:#f6f6f6;}
.before_after_m .sub a {padding-left:30px;display:block; position:relative; font-size:17px; color:#111; line-height:37px;font-weight:400;}
.before_after_m .sub li {height:46px;}

.minish_before_after .ctitle01 {text-align:center; float:none;font-size:26px; font-weight:900; letter-spacing:-0.050em;}
.minish_before_after .bna_tit strong {font-size:12px; color:#bcbec0; font-weight:400;}
.minish_before_after .board_tit01 {text-align:center; float:none;margin-bottom:20px;font-size:26px; font-weight:900; letter-spacing:-0.050em;}
.minish_before_after .board_tit02 {text-align:center; font-size:22px; font-weight:400; letter-spacing:-0.050em;}

.minish_before_after #sub_contents {margin-bottom:30px;}
#boardSkin .minish_ba {padding:50px 0 50px;}

#boardSkin {padding: 0px 0 80px;}
#boardSkin .movie_box {margin-bottom:100px;}
.boardTop {margin-bottom:0px;}

@media all and (max-width: 1200px){
	.ctitle01 {display:none;}
	#boardSkin {padding-top:0px;}
	#boardSkin .movie_box {margin-bottom:50px;}
	.resultText {margin-top:0;}
	.menu_list .search {display:none;}
}


@media all and (max-width: 1068px){
	.bna_tit {font-size:19px;}	
	.board_list li {width:50%;}


	#gallery_pop {margin:0; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
	#gallery_pop .swiper-container {width:550px;}

	#gallery_pop .swiper-button-prev {left:-80px;}
	#gallery_pop .swiper-button-next {right:-80px;}


	.mo_board_search form{margin:0 auto;width:100%;}
	#searchBox {display:block;}
}

@media all and (max-width: 845px){
	/* minish after & before */
	.minish_before_after01 {display:none;}
	.before_after_m{display:block;}
}

@media all and (max-width: 735px){
	.board_list li a:hover .box {box-shadow:none;}

	.board_list {max-width:414px; margin:-10px auto;}
	.board_list ul {display:block; overflow:hidden; width:auto; margin:0 -7.1%;}
	.board_list li {width:100%; padding:0 0 10px;}
	.board_list li .box {padding:6.25%;}
	.bna_tit {height:auto; padding:17px 20px 0; font-size:17px;}

	.bna_img .txt span {font-size:13px; line-height:25px;}

	#gallery_pop {width:96%; max-width:530px; padding:0 15px;}
	#gallery_pop .swiper-container {width:100%;}
	#gallery_pop .swiper-button-prev,
	#gallery_pop .swiper-button-next {width:30px; height:30px; margin-top:-50px; background-size:cover;}
	#gallery_pop .swiper-button-prev {left:0px;}
	#gallery_pop .swiper-button-next {right:0px;}
	#gallery_pop .btn_close {right:20px;}
	

	.resultText, .boardTop {margin: 0 auto 20px; max-width:404px;}
	#searchBox {margin-bottom:0;}

	/* minish after & before */
	.minish_before_after .about01 h3 {font-size:38px;}
	.minish_before_after .about01 {padding:50px 0 40px;}
	.minish_before_after .about01 .top_txt {font-size:17px;}

	#boardSkin .minish_ba {padding:10px 0 5px;}
	.minish_before_after .board_tit01 {font-size:22px;}
	.minish_before_after .board_tit02 {font-size:18px;}
}