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

/* 다음글 / 이전글 */
.page_btn.current_page{border-color: #628861; background: #628861;}
.prev_next_table{display: none;}
/* 다음글 / 이전글 */

/*공통 스타일*/

    input[type="text"], input[type="password"], input[type="number"], input[type="search"] {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    width: 100%;
	}

    li{list-style:none;}
    img{vertical-align:middle;}
    .clearfix::after{content:''; clear:both; display:block;}
    .viewArea .inner{max-width:1400px; margin:0 auto;}
    .viewArea .interview{max-width:1400px; margin:0 auto;}
    /*.top{margin-bottom:100px;}*/
    /*공통 스타일 끝*/
/**/


/**/
.board_total_count{display: none;}

/* 게시판 검색 */
/*.board_search_form{display: none;}*/
.board_search_form {right: 8rem; top: 5.712rem;}
.board_wrap .board_cont{padding-top: 70px; margin-top: -3rem;}
.board_cont #listForm .asa_listView {margin-bottom: 45px; position: static; display: inline-block; padding-left: 0; z-index: 2; }
.board_search_form{ width: auto;  overflow: hidden;  position: absolute; right: 0; display: inline-block; top: 70px;  z-index: 1;}

/* 페이징 처리 - 숨김 */
.paging{display: block;}

/*상단 여백주기*/
.sub_wrap .sub_content {bottom: 73px; position: relative;}

/* 목록 보기 선택 버튼 */
/*.asa_listView{float: right;}*/
.asa_listView .asa_btnGallery, .asa_listView .asa_btnList{position: relative; display: inline-block; /*border: 1px solid #ccc;*/ width: 36px; height: 36px; border-radius: 5px; /*left: 53rem;*/}
.asa_listView .asa_btnGallery .asa_gallery, .asa_listView .asa_btnList .asa_List{position: static; left: 26%; top: 26%;}
.asa_btnList{margin-left: 10px;}
/* 
.goods,.tit, .source {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
} */

.farmNM{
	word-break: keep-all;
}

/* 1 */
.hn_photo_list {}
.hn_photo_list>ul {/* overflow:hidden; */}
.hn_photo_list>ul>li {position:relative; margin: 0 3.882rem 4.118rem 0; display: inline-block; /* float:left; */ overflow: hidden; width: 24.706rem; height: 24.806rem; /* width:calc(25% - 1.176rem);margin:35px; */box-sizing:border-box;
 border:0.059rem solid #ccc; background-color:#fff; border-radius: 0.588rem; box-shadow: 0 0.294rem 0.882rem -0.118rem #e5e5e5; animation: fadein 3s;
  -moz-animation: fadein 3s; /* Firefox */
  -webkit-animation: fadein 3s; /* Safari and Chrome */
  -o-animation: fadein 3s; /* Opera */ }
/* 2 */
.hn_photo_list>ul>li:nth-child(3n){margin: 0 0 4.118rem 0;}
.hn_photo_list>ul>li a {display:inline-block;}
.hn_photo_list>ul>li.no_data {width:100%; height: 5.882rem; line-height: 5.882rem; border: 0; box-shadow: 0 0 0 transparent; border-radius: 0; text-align: center;}
.hn_photo_list>ul>li.no_data:hover{background-color: transparent;}
/* 3 */
.hn_photo_list>ul>li .item_check {position: absolute; left: 0.588rem; width:100%; height:0.882rem;}
/* 4 */
.hn_photo_list>ul>li .item_photo {width:100%; display:table; cursor:pointer;}
.hn_photo_list>ul>li .item_photo a {display:table-cell; overflow: hidden; text-align:center; width: 100%; height:13.529rem; box-sizing: border-box; /* line-height:11.765rem; */ vertical-align:middle; /*cursor: auto;*/}
.hn_photo_list>ul>li .item_photo img {margin: auto; max-height:13.529rem; width: 100%; display: block; border-radius: 0.588rem;}
/* 5 */
.hn_photo_list>ul>li .item_cont {padding: 0 1.471rem;}
.hn_photo_list>ul>li .item_cont .tit {width:100%; cursor:pointer;/*  height:2.941rem; */}
.hn_photo_list>ul>li .item_cont .tit:after{display: block; margin: 1.176rem auto 0.3rem; content: ''; width: 1.765rem; height: 0.118rem; background-color: #333; }
.hn_photo_list>ul>li .item_cont .tit a {width:100%; padding-top: 3.412rem; line-height: 1.294rem; min-height: 5.882rem; max-height: 5.882rem; box-sizing: border-box;word-break: break-all; text-align: center; overflow: hidden; text-overflow: ellipsis;  white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
 font-size: 1.059rem; font-weight: bold; letter-spacing: 0; /*cursor: auto;*/}
.hn_photo_list>ul>li .item_cont .writer_info {
    width: 100%;
    font-size: 0.741rem;
    color: #333;
    text-align: center;
    margin-bottom: 1.471rem;
}
.hn_photo_list>ul>li .item_cont .writer_info > span{margin: 0 0.588rem; font-size: 0.741rem; }
/* 6 */
.hn_photo_list>ul>li .item_tech{position: absolute; right: 0; top: 38%;text-align: right;}
.hn_photo_list>ul>li .item_tech > ul > li{display:inline-block; vertical-align: top; width:5.588rem; height:5.588rem; border-radius: 50%; background: #fff; text-align: center; box-shadow: 0.176rem 0 0.588rem #e5e5e5;}
.hn_photo_list>ul>li .item_tech > ul > li:first-child{margin-right: 0.824rem;}
.hn_photo_list>ul>li .item_tech > ul > li:last-child{margin-right: 0.765rem;}
.hn_photo_list>ul>li .item_tech > ul > li > p{position: relative; display: inline-block; padding: 0 0.3rem; padding-top: 1.176rem; font-size: 1.7rem; font-weight: 700;}
.hn_photo_list>ul>li .item_tech > ul > li:first-child > p:before {position: absolute; left: 0; right: 0; content:''; background: url('../../images/site/sub/gallery/sub04_ico_place.png') no-repeat; display: block; width: 0.941rem; height: 1.176rem; margin: 0 auto 0.882rem;} 
.hn_photo_list>ul>li .item_tech > ul > li:first-child > p:after {position: absolute; top: 89%; left: 0; bottom: 0; content: ''; width: 100%; height: 1.1rem; background: #e8e7de; border-radius: 1.35rem;}
.hn_photo_list>ul>li .item_tech > ul > li:last-child > p:before {position: absolute; left: 0; right: 0; content:''; background: url('../../images/site/sub/gallery/sub04_ico_type.png') no-repeat; display: block; width: 1.059rem; height: 1.176rem; margin: 0 auto 0.882rem;} 
.hn_photo_list>ul>li .item_tech > ul > li:last-child > p:after {position: absolute; top: 89%; left: 0; bottom: 0; content: ''; width: 100%; height: 1.1rem; background: #dfebf6; border-radius: 1.35rem;}
.hn_photo_list>ul>li .item_tech > ul > li > p > span{position: relative; top: 12px; z-index: 1; font-size: 0.824rem; font-weight: bold;}
.hn_photo_list>ul>li .item_tech > ul > li:first-child > p > span{color: #656122;}
.hn_photo_list>ul>li .item_tech > ul > li:last-child > p > span{color: #003668;}
/* 7 */
.hn_photo_list > .more_btn{width: 100%;}
.hn_photo_list > .more_btn > a{display: block; text-align: center; width: 11.7rem; line-height: 2.92rem; height: 2.92rem; border: 0.059rem solid #666; border-radius: 0.588rem; margin: 0 auto;}
.hn_photo_list > .more_btn > a:focus{border: 0.118rem solid #000;}
/* 8 */
.hn_photo_list>ul>li .item_use_box{width: 100%; height: 3.235rem; border-top: 1px dashed #ccc; /*border-width: 2px;*/background-color: #f5f5f5; bottom: 56px; position: relative;}
.hn_photo_list>ul>li .item_use_box > div{float: left; width: 100%;}
.hn_photo_list>ul>li .item_use_box > div + div{border-left: 1px dashed #ccc; /*border-width: 2px;*/ box-sizing: border-box;}
.hn_photo_list>ul>li .item_use_box > div > a{display: block; text-align: center; height: 3.235rem; line-height: 3.235rem; box-sizing: border-box;}
.hn_photo_list>ul>li .item_use_box > div > a:hover{/*background-color: #f2f2f2;*/ background-color:#dce2e7; transition-property: background-color; transition-duration: .23s;}
.hn_photo_list>ul>li .item_use_box > div.go > a:after{/* position: absolute; */ display: inline-block; content:''; width: 0.941rem; height: 0.941rem; margin-left: 10px; background: url('../../images/site/sub/gallery/common_ico_export_b.png') no-repeat; vertical-align: text-top;}
.hn_photo_list>ul>li .item_use_box > div.previewo > a:after{/* position: absolute; */ display: inline-block; content:''; width: 0.941rem; height: 0.941rem; margin-left: 10px; background: url('../../images/site/sub/gallery/common_ico_search_B.png') no-repeat; vertical-align: text-top;}


/* view */
    /*기사내용 부분 스타일*/
    .article .atc{margin-top:65px; padding-bottom:55px; border-bottom:1px solid #ccc;}
    .article .a_num{display:inline-block; font-size:80px; font-weight:bold; color:#e9f1e6; margin-left:24px; vertical-align:middle; margin-top:-8px;}
    .article .a_title{display:inline-block; font-size:26px; font-weight:bold; margin-left:-26px; vertical-align:middle; margin-top:16px;}
    .article .a_left{float:left;}
    .article .a_right{float:right; width:880px; margin-top:45px;}
    .article .a_con{font-size:19px;}
    .article .a_copy{text-align:center; margin:20px 0 54px 0;}
    .article .a_copy p{color:#666;}
    /*기사내용 부분 스타일 끝*/

    /*기사사진 부분 스타일*/
    .a_img{position:relative;}
    .a_img .pic_img{text-align:center; font-size: 15px; filter: drop-shadow(5px 5px 5px #ccc);}
    .a_img .pic_name{background:#fff; border:1px solid #7fb069; border-radius:10px; position:absolute; top:98%; left:50%; transform:translateX(-50%);}
    .a_img .pic_name p{text-align:center; font-weight:bold; color:#7fb069; padding:10px 40px;}
    /*기사사진 부분 스타일 끝*/

    /*인터뷰 부분 스타일*/
    .interview{margin-top:125px; background:#f5f7f2;}
    .interview h4{font-size:44px; font-weight:bold; color:#628861; text-align:center; font-style:italic; padding:40px 0 24px 0;}
    .interview .name{text-align:center; padding-bottom:30px; border-bottom:1px solid rgba(98,136,97,.5);}
    .interview .name strong{font-size:20px; font-weight:bold; margin-right:16px;}
    .interview .i_detail{margin-top:60px;margin-left:30px;margin-right:30px; padding-bottom:100px; float: left;}
    .interview .i_detail .i_img{filter: drop-shadow(5px 5px 5px #ccc); float:left;}
    .interview .i_detail .i_con{float:right; width:80%;}
    .interview .i_detail .i_title{font-size:20px; font-weight:bold; margin:30px 0 24px 0;}
    /*인터뷰 부분 스타일 끝*/

/* view */




/* list-목록형 */
.asa_basic_list .list_table .tit {display: block; width: 100%; line-height: 1.294rem; max-height: 30px; box-sizing: border-box; word-break: break-all; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.asa_basic_list .list_table{ border-top: 2px solid #628861; border-bottom: 1px solid #ccc; width: 100%;}
.asa_basic_list .list_table thead tr > th { text-align: center; background-color: #f4f8f3;}
.asa_basic_list .list_table thead tr > th.title_s{ width:40%;}
.asa_basic_list .list_table thead tr{ border-bottom: 1px solid #ccc;}
.asa_basic_list .list_table th + td, .asa_basic_list .list_table td + th, .asa_basic_list .list_table th + th, .asa_basic_list .list_table td + td{border-left: 1px solid #ccc;}
.asa_basic_list .list_table th, .asa_basic_list .list_table td{text-align: center; padding: 20px 15px;}

/* list-목록형 */






/* animation - list */
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* .hn_photo_list>ul>li .item_cont .date{float:right; width:50%; color:#333; text-align:right;} */@charset "utf-8";


/**/
.board_total_count{display: none;}

.lgr_chulcher{
	/*float: right;*/
    text-align: right;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.lgr_chulcher span{
	color: #666;
}


/* 페이징 처리 - 숨김 */
/* .paging{display: none;} */

/* 목록 보기 선택 버튼 */
/*.asa_listView{float: right;}*/


/* 모바일용 */
@media screen and (max-width: 375px) {

	.board_search_form .search_box {
    float: right;
    margin-top: 4rem;
}
.hn_photo_list>ul>li .item_use_box {
    width: 100%;
    height: 3.235rem;
    border-top: 1px dashed #ccc;
    /* border-width: 2px; */
    background-color: #f5f5f5;
    bottom: 56px;
    position: relative;
    margin-top: 3.5rem;
}
	
.reset_btn{
	display: none;
}

	
	
.hn_photo_list>ul>li {
	position:relative; 
	margin: 0 3.882rem 4.118rem 0; 
	display: inline-block; /* float:left; */
	overflow: hidden; 
	width: 21.906rem; 
	height: 27.941rem; /* width:calc(25% - 1.176rem);margin:35px; */
	box-sizing:border-box;
	
}


.hn_photo_list>ul>li .item_photo img {
    margin: auto;
    max-height: 13.529rem;
    width: 90%;
    display: block;
    border-radius: 0.588rem;
    margin-top: -7%;
    margin-left: 5%;
}

.hn_photo_list>ul>li{
	width: 90%;
	margin-left: 5%;
	margin-bottom: 5%;
}

.board_search_form {
    width: auto;
    overflow: hidden;
    position: relative;
    right: 0;
    display: inline-block;
    top: 5rem;
    z-index: 1;
}

.board_search_form .search_box {
    float: right;
    margin-top: 5rem;
}

.board_cont #listForm .asa_listView {
    margin-bottom: 45px;
    position: relative;
    display: inline-block;
    padding-left: 0;
    z-index: 2;
    top: 2rem;
}

.hn_photo_list>ul>li:nth-child(3n) {
    margin: 0 0 4.118rem 0;
    margin-left: 5%;
}

.asa_listView {
    margin-bottom: 45px;
    margin-left: 5%;
    position: static;
    display: inline-block;
    padding-left: 0;
    margin-top: 60px;
    z-index: 2;
}

/*    ****************   view 단    ****************     */

#detailForm{
	/*margin-top: 11rem;*/
	width: 90%;
	margin-left: 5%;
}



#detailForm img{
	width: 100%;
}

.i_con {
    float: none;
    width: 100%;
}

.article .a_num {
    display: inline-block;
    font-size: 66px;
    font-weight: bold;
    color: #e9f1e6;
    margin-left: 24px;
    vertical-align: middle;
    margin-top: -8px;
}

.article .a_title {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-left: -26px;
    vertical-align: middle;
    margin-top: 16px;
}

.article .a_left{
	float: none;
}

.article .a_right {
    float: none;
    width: 100%;
    margin-top: 0rem;
}

.article .atc {
    margin-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.interview {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: #f5f7f2;
}

.interview h4 {
    font-size: 44px;
    font-weight: bold;
    color: #628861;
    text-align: center;
    font-style: italic;
    padding: 0px 0 24px 0;
}

.interview .name {
    text-align: center;
    padding-bottom: 30px;
    font-size: 13px;
    word-break: break-word;
    border-bottom: 1px solid rgba(98,136,97,.5);
}

.interview .i_detail {
    margin-top: 60px;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 40px;
    float: none;
    text-align: center;
}

.interview .i_detail .i_img {
    filter: drop-shadow(5px 5px 5px #ccc);
    float: none;
}

.interview .i_detail .i_con {
    float: none;
    width: 90%;
    margin-left: 5%;
}

.btn_wrap ul li {
    float: left;
    width: 19%;
}

.hn_photo_list>ul>li .item_cont {
    padding: 0 1.471rem;
    bottom: 0rem !important;
}

}


/* 큰 모바일 화면 */
@media screen and (min-width: 376px) and (max-width: 485px) {
	
.board_search_form .search_box {
    float: right;
    display: inline-flex;
    margin-top: 3rem;
}
.reset_btn{
	display: none;
}

.hn_photo_list>ul>li .item_use_box {
    width: 100%;
    height: 3.235rem;
    border-top: 1px dashed #ccc;
    /* border-width: 2px; */
    background-color: #f5f5f5;
    bottom: 56px;
    position: relative;
    margin-top: 4.5rem;
}
.asa_listView {
    margin-bottom: 45px;
    margin-left: 5%;
    position: static;
    display: inline-block;
    padding-left: 0;
    margin-top: 60px;
    z-index: 2;
}

.asa_listView .asa_btnGallery, .asa_listView .asa_btnList {
    position: relative;
    display: inline-block;
    /* border: 1px solid #ccc; */
    width: 36px;
    height: 36px;
    border-radius: 5px;
    left: 0;
    top: 1.3rem;
    margin-top: 4rem;
}

.asa_basic_list .list_table {
    border-top: 2px solid #628861;
    border-bottom: 1px solid #ccc;
    width: 90%;
    margin-left: 5%;
    font-size: small;
}



.board_search_form {
    width: auto;
    overflow: hidden;
    position: relative;
    right: 0;
    display: inline-block;
    top: 7rem;
    z-index: 1;
}
	
	
.hn_photo_list>ul>li {
	position:relative; 
	margin: 0 3.882rem 4.118rem 0; 
	display: inline-block; /* float:left; */
	overflow: hidden; 
	width: 21.906rem; 
	height: 27.941rem; /* width:calc(25% - 1.176rem);margin:35px; */
	box-sizing:border-box;
	
}


.hn_photo_list>ul>li .item_photo img {
    margin: auto;
    max-height: 13.529rem;
    width: 90%;
    display: block;
    border-radius: 0.588rem;
    margin-top: -7%;
    margin-left: 5%;
}

.hn_photo_list>ul>li{
	width: 90%;
	margin-left: 5%;
}


.hn_photo_list>ul>li:nth-child(3n) {
    margin: 0 0 4.118rem 0;
    margin-left: 5%;
}

#detailForm{
	/*margin-top: 7rem;*/
	width: 92%;
	margin-left: 4%;
}

#detailForm img{
	width: 360px;
}

/*    ****************   view 단    ****************     */

#detailForm{
	/*margin-top: 11rem;*/
	width: 90%;
	margin-left: 5%;
}



#detailForm img{
	width: 100%;
}

.i_con {
    float: none;
    width: 100%;
}

.article .a_num {
    display: inline-block;
    font-size: 66px;
    font-weight: bold;
    color: #e9f1e6;
    margin-left: 24px;
    vertical-align: middle;
    margin-top: -8px;
}

.article .a_title {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-left: -26px;
    vertical-align: middle;
    margin-top: 16px;
}

.article .a_left{
	float: none;
}

.article .a_right {
    float: none;
    width: 100%;
    margin-top: 0rem;
}

.article .atc {
    margin-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.interview {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: #f5f7f2;
}

.interview h4 {
    font-size: 44px;
    font-weight: bold;
    color: #628861;
    text-align: center;
    font-style: italic;
    padding: 0px 0 24px 0;
}

.interview .name {
    text-align: center;
    padding-bottom: 30px;
    font-size: 13px;
    word-break: break-word;
    border-bottom: 1px solid rgba(98,136,97,.5);
}

.interview .i_detail {
    margin-top: 60px;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 40px;
    float: none;
    text-align: center;
}

.interview .i_detail .i_img {
    filter: drop-shadow(5px 5px 5px #ccc);
    float: none;
}

.interview .i_detail .i_con {
    float: none;
    width: 90%;
    margin-left: 5%;
}

.btn_wrap ul li {
    float: left;
    width: 19%;
}

.sub_wrap .sub_content .inner {
    width: 100%;
    float: right;
    margin-top: 8.3rem;
    margin-bottom: 0rem;
}

.hn_photo_list>ul>li .item_cont {
    padding: 0 1.471rem;
    bottom: 0rem !important;
}

}

/* 큰 모바일 화면 */
@media screen and (min-width: 486px) and (max-width: 768px) {
	
.board_search_form .search_box {
    float: right;
    display: inline-flex;
    margin-top: 3rem;
}


.reset_btn{
	display: none;
}

.board_search_form {
    width: auto;
    overflow: hidden;
    position: relative;
    right: 0;
    display: inline-block;
    top: 7rem;
    z-index: 1;
}


.asa_listView {
    margin-bottom: 45px;
    margin-left: 5%;
    position: static;
    display: inline-block;
    padding-left: 0;
    margin-top: 60px;
    z-index: 2;
}

.asa_listView .asa_btnGallery, .asa_listView .asa_btnList {
    position: relative;
    display: inline-block;
    /* border: 1px solid #ccc; */
    width: 36px;
    height: 36px;
    border-radius: 5px;
    left: 0;
    top: 1rem;
    margin-top: 4rem;
}

.hn_photo_list>ul {
    /* overflow: hidden; */
    width: 90%;
    margin-left: 5%;
    text-align: center;
}	
	
.hn_photo_list>ul>li {
    width: 50%;
    margin-left: 0;
    margin-bottom: 2%;
}


.hn_photo_list>ul>li .item_photo img {
    margin: auto;
    max-height: 13.529rem;
    width: 90%;
    display: block;
    border-radius: 0.588rem;
    margin-top: -7%;
    margin-left: 5%;
}

.hn_photo_list>ul>li {
    width: 75.5%;
    display: inline-block;
    margin-left: 0%;
    margin-right: 0;
}

.hn_photo_list>ul>li:nth-child(even) {
    width: 75.5%;
    margin: 0;
    margin-left: 0;
    margin-bottom: 2%;
}

.hn_photo_list>ul>li:nth-child(3n) {
    margin: 0;
    margin-bottom: 2%;
}

.hn_photo_list>ul>li:nth-child(6n) {
    margin: 0;
    margin-bottom: 2%;
    margin-left: 2%
}

.asa_basic_list .list_table {
    border-top: 2px solid #628861;
    border-bottom: 1px solid #ccc;
    width: 90%;
    margin-left: 5%;
}

#detailForm{
	margin-top: 7rem;
	width: 92%;
	margin-left: 4%;
}

.btn_optList {
    display: inline-block;
    position: relative;
    margin-top: 30px;
}

#detailForm img{
	width: 360px;
}

/*    ****************   view 단    ****************     */

#detailForm{
	margin-top: 11rem;
	width: 90%;
	margin-left: 5%;
}



#detailForm img{
	width: 100%;
}

.i_con {
    float: none;
    width: 100%;
}

.article .a_num {
    display: inline-block;
    font-size: 66px;
    font-weight: bold;
    color: #e9f1e6;
    margin-left: 24px;
    vertical-align: middle;
    margin-top: -8px;
}

.article .a_title {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-left: -26px;
    vertical-align: middle;
    margin-top: 16px;
}

.article .a_left{
	float: none;
}

.article .a_right {
    float: none;
    width: 100%;
    margin-top: 0rem;
}

.article .atc {
    margin-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.interview {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: #f5f7f2;
}

.interview h4 {
    font-size: 44px;
    font-weight: bold;
    color: #628861;
    text-align: center;
    font-style: italic;
    padding: 0px 0 24px 0;
}

.interview .name {
    text-align: center;
    padding-bottom: 30px;
    font-size: 13px;
    word-break: break-word;
    border-bottom: 1px solid rgba(98,136,97,.5);
}

.interview .i_detail {
    margin-top: 60px;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 40px;
    float: none;
    text-align: center;
}

.interview .i_detail .i_img {
    filter: drop-shadow(5px 5px 5px #ccc);
    float: none;
}

.interview .i_detail .i_con {
    float: none;
    width: 90%;
    margin-left: 5%;
}

.btn_wrap ul li {
    float: left;
    width: 19%;
}

.btn_wrap ul {
    float: right;
    overflow: hidden;
    width: 100%;
}

.sub_wrap .sub_content .inner {
    width: 100%;
    float: right;
    margin-top: 7.8rem;
    margin-bottom: 0rem;
}

.hn_photo_list>ul>li .item_cont .writer_info > span {
    margin: 0 0.588rem;
    font-size: 0.641rem;
}

}

/* 큰 모바일 화면 */
@media screen and (min-width: 769px) and (max-width: 1024px) {

.hn_photo_list>ul>li .item_use_box {
    width: 100%;
    height: 3.235rem;
    border-top: 1px dashed #ccc;
    /* border-width: 2px; */
    background-color: #f5f5f5;
    bottom: 56px;
    position: relative;
    margin-top: 5rem;
}
.board_search_form .search_box {
    float: right;
    display: inline-flex;
    margin-top: 3rem;
}
.reset_btn{
	display: none;
}


.board_search_form {
    width: auto;
    overflow: hidden;
    position: relative;
    right: 0;
    display: inline-block;
    top: 6.5rem;
    z-index: 1;
}




.asa_listView {
    margin-bottom: 45px;
    margin-left: 5%;
    position: static;
    display: inline-block;
    padding-left: 0;
    margin-top: 60px;
    z-index: 2;
}

.asa_listView .asa_btnGallery, .asa_listView .asa_btnList {
    position: relative;
    display: inline-block;
    /* border: 1px solid #ccc; */
    width: 36px;
    height: 36px;
    border-radius: 5px;
    left: 0;
    top: 1rem;
}

.hn_photo_list>ul {
    /* overflow: hidden; */
    width: 90%;
    margin-left: 5%;
}


.hn_photo_list>ul>li .item_photo img {
    margin: auto;
    max-height: 13.529rem;
    width: 90%;
    display: block;
    border-radius: 0.588rem;
    margin-top: -7%;
    margin-left: 5%;
}

.hn_photo_list>ul>li {
    position: relative;
    margin: 0;
    margin-right: 2%;
    margin-bottom: 2%;
    display: inline-block;
    /* float: left; */
    overflow: hidden;
    width: 48.5%;
    height: 27.941rem;
    box-sizing: border-box;
}

.hn_photo_list>ul>li:nth-child(even) {
    width: 48.5%;
    margin: 0;
    margin-left: 0%;
    margin-bottom: 2%;
}

.hn_photo_list>ul>li:nth-child(3n) {
    margin: 0;
    margin-bottom: 2%;
    margin-right: 2%;
}

.hn_photo_list>ul>li:nth-child(6n) {
    margin: 0;
    margin-bottom: 2%;
    margin-left: 0%
}
#detailForm{
	margin-top: 7rem;
	width: 92%;
	margin-left: 4%;
}

#detailForm img{
	width: 360px;
}

/*    ****************   view 단    ****************     */

#detailForm{
	margin-top: 7rem;
	width: 90%;
	margin-left: 5%;
}



#detailForm img{
	width: 100%;
}

.i_con {
    float: none;
    width: 100%;
}

.article .a_num {
    display: inline-block;
    font-size: 66px;
    font-weight: bold;
    color: #e9f1e6;
    margin-left: 24px;
    vertical-align: middle;
    margin-top: -8px;
}

.article .a_title {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-left: -26px;
    vertical-align: middle;
    margin-top: 16px;
}

.article .a_left{
	float: none;
}

.article .a_right {
    float: none;
    width: 100%;
    margin-top: 0rem;
}

.article .atc {
    margin-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.interview {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: #f5f7f2;
}

.interview h4 {
    font-size: 44px;
    font-weight: bold;
    color: #628861;
    text-align: center;
    font-style: italic;
    padding: 0px 0 24px 0;
}

.interview .name {
    text-align: center;
    padding-bottom: 30px;
    font-size: 13px;
    word-break: break-word;
    border-bottom: 1px solid rgba(98,136,97,.5);
}

.interview .i_detail {
    margin-top: 60px;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 40px;
    float: none;
    text-align: center;
}

.interview .i_detail .i_img {
    filter: drop-shadow(5px 5px 5px #ccc);
    float: none;
}

.interview .i_detail .i_con {
    float: none;
    width: 90%;
    margin-left: 5%;
}

.btn_wrap ul li {
    float: left;
    width: 19%;
}

.btn_wrap ul {
    float: right;
    overflow: hidden;
    width: 100%;
}

.sub_wrap .sub_content .inner {
    width: 100%;
    float: right;
    margin-top: 7.7rem;
    margin-bottom: 0rem;
}
}

/* .hn_photo_list>ul>li .item_cont .date{float:right; width:50%; color:#333; text-align:right;} */