@charset "utf-8";
.la_before_after{padding:30px 0 30px 0;max-width:1200px;margin:0 auto}

.la_before_after_tit {padding:10px 0 20px 25px; font-family:"nanumB"; font-size:1.375em; font-weight:bold; text-decoration:underline;text-underline-position: under;}
.la_before_after_tit a {font-family:"nanumB"; color:#3F5D23;}

.la_before_after ul:after {display:block;visibility:hidden;clear:both;content:""}

.la_before_after ul {text-align:left;}

.la_before_after li {float:left; width:33%; min-height:250px; height:auto; position:relative; display:inline-block; text-align:center; padding:0 20px; transform:translateY(0px);

-webkit-transition:all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition:all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in}

.la_before_after li:hover{transform:translateY(-20px);}
.la_before_after li .lt_img img{max-width:100%;height:auto;vertical-align:top;border-radius:10px}
.la_before_after li .lt_tit{display:block;margin:20px 0 20px 0;font-size:1.375em;font-weight:600}

.la_before_after li .lt_detail{display:inline-block; margin-top:5px; text-align:center; font-weight:400; color:#333; line-height:1.8em; font-size:1.125em;}

@media (max-width: 639px){
    .la_before_after{padding:40px 0}
    .la_before_after li{width:100%;padding:20px;text-align:left; min-height:200px; height:auto;}
    .la_before_after li:hover{transform:translateY(0);}
    
    /*
    .la_before_after li .lt_img{float:left; width:50%;}
    .la_before_after .lt_txt_wr{float:left; width:50%;padding:20px}
    */
    
    .la_before_after li .lt_tit{margin:0 0 20px;font-size:1.25em}

 }
 
 
 
 
/****************************************************************************************************/


/*
.la_before_after { margin-top: 10px; margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #ececec; background: #fff; border-radius: 3px; }
.la_before_after > ul {}
.la_before_after > ul > li { float: left; width: calc(100% - 410px); }
.la_before_after > ul > li { display:inline-block; position:relative; width: 400px; margin-right: 10px; }
*/


.la_before_after > ul > li { float: left; }
.la_before_after > ul > li { display:inline-block; position:relative; width: 400px;}
.la_before_after > ul > li img { width: 170px; text-align:center; padding-left:5px; padding-right:5px;}

.la_before_after > ul > li > div { padding: 5px 5px 10px 5px;}
.la_before_after > ul > li > div { border-bottom: 1px solid #ececec; margin-bottom: 10px; }
.la_before_after > ul > li > div > p { font-weight: 700; font-size: 15px; }
.la_before_after > ul > li > div > p:last-child { margin-top: 25px; font-size: 11px; color: # }
.la_before_after > ul > li > div:last-child { padding: 0px 5px 10px 5px;}

.la_before_after > ul > li div {}
.la_before_after > ul > li div p {}

.la_before_after > ul > li .list_cont_before {display:inline-block; float:left; width:170px; box-sizing: border-box; border:5px solid #DED7BB; padding:5px 0; margin-right:5px;}
.la_before_after > ul > li .list_cont_before_text {display:block; padding: 5px 5px 5px 5px; text-align:center; color:#333; font-weight:bold;}

.la_before_after > ul > li .list_cont_after {display:inline-block; float:left; width:170px; box-sizing: border-box; border:5px solid #F7C905; padding:5px 0; margin-right:5px;}
.la_before_after > ul > li .list_cont_after_text {display:block; padding: 5px 5px 5px 5px; text-align:center; color:#333; font-weight:bold;}

.la_before_after .list_cont p {color:#000; font-size:1.25em;}

#bo_v #view_cont  {display:flex; justify-content:center; width:100%; padding-top:20px; box-sizing: border-box; text-align:center;}
#bo_v #view_cont .view_cont_before {display:inline-block; float:left; max-width:49%; box-sizing: border-box; border:5px solid #DED7BB; padding:5px 0; margin-right:10px;}
#bo_v #view_cont .view_cont_before_text {display:block; padding: 5px 5px 5px 5px; text-align:center; color:#333; font-weight:bold;}

#bo_v #view_cont .view_cont_after {display:inline-block; float:left; max-width:49%; box-sizing: border-box; border:5px solid #F7C905; padding:5px 0; margin-left:10px;}
#bo_v #view_cont .view_cont_after_text {display:block; padding: 5px 5px 5px 5px; text-align:center; color:#333; font-weight:bold;}


#bo_w .write_cont {display:inline-block; float:left; width:100%; text-align:left;}
#bo_w .write_cont_text_before {display:inline-block; float:left; min-width:20%; max-width:30%; margin:10px 0 10px 0; padding:5px; vertical-align:middle; height:100%; box-sizing: border-box; border:5px solid #DED7BB;}
#bo_w .write_cont_file_before {display:inline-block; float:right; width:79%;}

#bo_w .write_cont_text_after {display:inline-block; float:left; min-width:20%; max-width:30%; margin:10px 0 10px 0; padding:5px; vertical-align:middle; height:100%; box-sizing: border-box; border:5px solid #F7C905;}
#bo_w .write_cont_file_after {display:inline-block; float:right; width:79%;}



.gall_chk{ border-bottom: none !important; }

.la_before_after > ul > li > div > p > a {
	display:inline-block; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000;
	width: 100%; height: 30px;	
}

.la_before_after > ul > li > div:last-child {
	font-size:12px; font-weight:300; 
	display:inline-block; float:left; width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	white-space: normal; line-height: 19px; height: 80px; word-break: keep-all;
}


@media screen and (max-width:1200px) {
	.gall_img img { width: 100% !important; }
    
    #bo_v #view_cont .view_cont_before {max-width:49%; padding:5px 0; margin-left:5px;}
    #bo_v #view_cont .view_cont_after  {max-width:49%; padding:5px 0; margin-left:5px;}
}
@media screen and (max-width:700px) {
	.mb_disp_no { display: none; }
	.gall_row  > li { width: 33.33333333% !important; }
	.gall_img img { width: 100% !important; }

    #bo_v #view_cont  {padding-top:5px;}
    #bo_v #view_cont .view_cont_before {max-width:45%; padding:5px 0; margin-left:5px;}
    #bo_v #view_cont .view_cont_after  {max-width:45%; padding:5px 0; margin-left:5px;}
}

@media screen and (max-width:600px) {
	.gall_row  > li { width: 50% !important; }
    /*
	.la_before_after > ul > li { float: left; width: calc(100% - 160px); }
	.la_before_after > ul > li { width: 150px; }
    */

	.la_before_after > ul > li > div { padding: 5px 5px 5px 5px;}
	.la_before_after > ul > li > div > p { font-size: 13px; }
	.la_before_after > ul > li > div > p:last-child { margin-top: 22px;}

	.la_before_after > ul > li > div > p > a {
		height: 20px;	
	}
	.la_before_after > ul > li > div:last-child {
		line-height: 17px; height: 50px;
	}

    .la_before_after > ul > li {display:inline-block; float:left; }
    
    /*
    .la_before_after > ul > li { position: relative; width:375px; margin-right: 10px; }
    .la_before_after > ul > li img { width: 175px; }
    */
    .la_before_after .list_cont {display:inline-block; float:left; width:100%;}
    .la_before_after .list_cont p {color:#000; font-size:1.125em;}
    
    #bo_v #view_cont  {padding-top:0;}
    #bo_v #view_cont .view_cont_before {max-width:45%; padding:5px 0; margin-left:5px;}
    #bo_v #view_cont .view_cont_after  {max-width:45%; padding:5px 0; margin-left:5px;}
    
    #bo_w .write_cont_text_before {width:35%;}
    #bo_w .write_cont_file_before {width:65%;}

    #bo_w .write_cont_text_after {width:35%;}
    #bo_w .write_cont_file_after {width:65%;}
    
    
    .la_before_after li {float:left; width:100%; min-height:250px; height:auto; position:relative; display:inline-block; text-align:center; padding:0 20px; transform:translateY(0px);

}
/*
@media screen and (max-width:400px) {
	.la_before_after > ul > li { float: left; width: 100%; }
	.la_before_after > ul > li { width: 100%; margin-right: 0px; }
	.la_before_after > ul > li:last-child { margin-top: 10px; }
}
*/


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