@charset "utf-8";
/*view*/
.board_view>.tit{font-size:20px; color:#111; border-top:1px solid #202732;background:#f8f8f8;border-bottom:1px solid #d9d9d9; padding:20px 25px; margin-top:30px; font-weight:700;}
.board_view > .info{padding:10px 25px; border-bottom:1px solid #d9d9d9;}
.board_view .info{display:flex; font-size:15px; color:#666; font-weight:300; justify-content:space-between;}
.board_view .info > div{display:flex;}
.board_view .info p{white-space:nowrap;}
.board_view .info p:after{content:'|'; font-size:13px; color:#ccc; padding:0 10px; font-weight:100;}
.board_view .info p:last-child:after{display:none;}
.board_view .field_file{text-align:right; color:#666; font-size:15px; word-break: break-all; white-space:normal !important; margin-left: 10px;}
.board_view .field_file a{padding-left:37px;}
.board_view .field_file i{display:inline-block; width:27px; height:27px; margin-left: -37px; background:#edeef2; border-radius:100%; margin-right:10px; text-align:center;}
.board_view .field_file .file_name{display: inline-flex; min-height: 27px; align-items: center; line-height: 1.2; text-align: left;}
.board_view .content{padding:25px;border-bottom:1px solid #d9d9d9; font-size:16px; box-sizing: border-box;}
.board_view pre{box-sizing: border-box; width: 100%; white-space:pre-wrap;}
.board_view .content img{max-width: 100%; height: auto !important;}
.pro_view .view_detail .content iframe,
.board_view .content iframe{width: 100% !important; height: auto !important; aspect-ratio: 2 / 1;}
.pro_view .view_detail .content,
.board_view .content{word-break: break-all;}
.board_view .magazine .section .field_txt table,
.board_view .magazine .section .field_txt div,
.board_view .magazine .section .field_txt p,
.board_view .magazine .section .field_txt span{max-width: 100% !important; word-break: break-all;}
.board_view .content a{color: -webkit-link; text-decoration: underline; display: inline; word-break: break-all; max-width: 100%; padding:0; margin:0; box-sizing: border-box; width:auto; min-width: auto;}/*본문 내 링크*/
.board_view .content .area_btn a{ text-decoration: none; display: inline-block; padding:0 10px;}/*본문 밖 버튼(닫기 등)*/
.board_view .content ul{    
    display: block;
    list-style: disc;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}
/*.board_view p{    
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}*/
.board_view .content li{
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: inherit;
}
.board_view .content ol{
    display: block;
    list-style:decimal;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}
.board_view .board_btn{display:flex; justify-content:end; margin-top:30px;}
.board_view .board_btn .btn{min-width: 130px;}
.board_view .board_top .board_btn{margin-top: 0}
.board_view .board_btn+.view_paging{border-top:1px solid #ddd; margin-top: 30px;}
.board_view .content+.board_btn,
.board_view .table+.board_btn{justify-content: center;}

.board_view .table.type2{border-top:1px solid #202732;}
.board_view .table th{background:#f8f8f8; text-align:left;}
.board_view .table th,
.board_view .table td{border-bottom:1px solid #d9d9d9; padding:20px 25px; font-size:17px; font-weight:400; vertical-align:top;}
.board_view .table + .tit{margin-top: 30px;}
.board_view .tit + .content{border-top:1px solid #d9d9d9;}

.popup.board_view .table #view_file{padding:5px; min-width:270px; vertical-align: middle;}
.popup.board_view .table #view_file img{width: 100% !important;}
.popup.board_view .content{max-width: 1000px;}
.popup.board_view .content img{width:100%;}

.board_view .table_div{display: flex;border-top:1px solid #202732; margin-bottom: 30px;border-bottom:1px solid #d9d9d9;}
.board_view .table_div #view_file{width:270px; min-width: 270px; display: flex; align-items: 
center; padding:5px; justify-content: center;}
.board_view .table_div #view_file img{width: 100%;}
.board_view .table_div ul{display: table;width:100%; padding-inline-start:0 !important; margin-block-start:0; margin-block-end:0;}
.board_view .table_div li{display: table-row; }
.board_view .table_div .field_tit{background:#f8f8f8;width:20%;}
.board_view .table_div p{display: table-cell;border-bottom:1px solid #d9d9d9; padding:20px 25px; font-size:17px; font-weight: 400;}
.board_view .table_div li:last-child p{border-bottom:none;}
.board_view .table_div+.btn{height:30px; font-size:12px; margin-bottom: 30px;}
.board_view .table_div+.btn input{vertical-align: -2px;}

#div_view.board_view .table_div .field_tit,
#model_view.board_view .table_div .field_tit{white-space: nowrap;}
#view_file2,
#view_file3,
#view_file4,
#view_file5{max-width: 1000px;}
.board_view #view_tip{border-bottom:none; border-top:none; padding:0 10px;}

/*이전글,다음글*/
.view_paging table{border-collapse: separate; table-layout: fixed;}
.view_paging a{vertical-align:-4px; padding:0;}
.view_paging th,
.view_paging td{border-bottom:1px solid #d9d9d9; padding:15px;white-space:nowrap;}
.view_paging th{color:#1e70e7; font-weight:400; width:100px}
.view_paging th img{margin-right:7px;}
.view_paging td{color:#999999}
.view_paging tr td:last-child{width: 100px; text-align: center;}
.view_paging .field_tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#111; width:100%; display: block; }
.view_paging th,
.view_paging td,
.view_paging a{font-weight: normal !important;}

/*매거진view*/
.board_view,
.board_view .content,
.board_view .magazine .section{width: 100%;}
.board_view .magazine .tag{margin-bottom:30px; display: flex; flex-wrap: wrap;}
.board_view .magazine .tag span{display:inline-block; border-radius:3px; background:#e5eefc; color:#222; font-weight:300; font-size:14px; padding:5px 17px; margin-right:5px; margin-bottom:3px;}
.board_view .magazine .section{display:flex; justify-content:space-between; margin-bottom:60px;}
.board_view .magazine .section:last-child{margin-bottom:0;}
.board_view .magazine .section .field_img{width:38%;}
.board_view .magazine .section .field_img img{width:100%;}
.board_view .magazine .section .field_img+.field_txt{width:60%; padding:20px;}
.board_view .magazine .section .field_txt{width: 100%;}
.board_view .magazine .section .field_txt div,
.board_view .magazine .section .field_txt p,
.board_view .magazine .section .field_txt table,
.board_view .magazine .section .field_txt ul,
.board_view .magazine .section .field_txt li{max-width: 100% !important;}
.board_view .magazine .section.type2{flex-direction:row-reverse;}
.board_view .magazine .section.type2 .field_txt{padding-left:0;}
.board_view .magazine .media_tit{font-size:16px;margin-bottom: 10px;}
.board_view .magazine .media_area .item,
.board_view .magazine .media_area iframe,
.board_view .magazine .media_area embed{width: 100% !important; }
.board_view .magazine .media_area iframe,
.board_view .magazine .media_area embed{aspect-ratio: 3 / 2; height: auto !important; max-height:415px; width: 100% !important; margin-bottom: -5px;}
.board_view .magazine .media_area .item{position:relative; /*width:350px; aspect-ratio: 3 / 2;*/}
.board_view .magazine .media_area .item:before{content:' '; display:block; position:absolute; width:100%; left:0; top:0; height:100%; background: url("../img/sub/btn_video.png") no-repeat rgba(0,0,0,.5); background-position: center; z-index:2;}
.board_view .thumb_list2 .tit{margin-bottom:30px; margin-top:10px; font-size:30px; font-weight:700; color:#111;}

@media screen and (max-width:768px){
    .board_view .table_div #view_file{width:100%; box-sizing: border-box;}
    .board_view .table_div{display: block;}
    .board_view .table_div ul{border-top:1px solid #d9d9d9;}
}
@media screen and (max-width:640px){
/*view*/

	.board_view > .tit{padding:10px; font-size:15px; margin-top:15px;}
	.board_view > .info{padding:10px; display:block;}
	.board_view .info{font-size:13px;}
	.board_view .field_file{text-align:left; margin-top:5px; margin-left: 0}
    .board_view .field_file i{width:20px; height: 20px; line-height:18px; margin-left: -30px;}
    .board_view .field_file i img{height: 50%;}
    .board_view .field_file a{font-size:12px; padding-left: 30px;}
	.board_view .content{padding:15px 10px; font-size:14px;}
	.board_view .board_btn,
	.write_comment{margin-top:15px;}
	.board_view .board_btn .btn{width:100%; min-width: auto;}
	.board_view .table th,
	.board_view .table td,
    .board_view .table_div p{font-size:14px; padding:10px;}
    .board_view .align{display:flex; justify-content: space-between; align-items: center;}
    .board_view .align input[type=tel]{width:30%;}

    /*매거진view*/
	.board_view .magazine .tag{margin-bottom:15px;}
	.board_view .magazine .tag span{padding:5px; font-size:13px;}
	.board_view .magazine .section{display:block; margin-bottom:10px;}
	.board_view .magazine .section .field_img{width:100%; margin-bottom:10px;}
	.board_view .magazine .section .field_txt{width:100% !important; margin-bottom:0; padding-left:0 !important;}
	.board_view .thumb_list2 .tit{margin-bottom:15px; font-size:18px;}
	
	/*댓글*/
	.write_comment .btn{min-width: 70px; width:70px}
	.write_comment span{right:98px; font-size:10px}

	/*이전글,다음글*/
	.view_paging th, .view_paging td{padding:5px;}
    .view_paging th{width:60px}
	.view_paging tr td:last-child{width:80px}
}
@media screen and (max-width:340px){
    /*이전글,다음글*/
	.view_paging th, .view_paging td{font-size:12px; padding:5px 2px;}
    .view_paging th{width:55px}
	.view_paging tr td:last-child{width:70px}

    .board_view .info{font-size:11px;}
    .board_view .info > div{flex-wrap: wrap;}
}