@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* 게시판 목록 */
#bo_list {position:relative; font-family: "Pretendard Variable", sans-serif;}
#bo_list:after {display:block; visibility:hidden; clear:both; content:""}

#bo_v{ font-family: "Pretendard Variable", sans-serif;}
#bo_w{ font-family: "Pretendard Variable", sans-serif;}
#fboardlist label{margin-bottom:0;}
.bo_fx{margin-bottom:100px;}
.webzineList{width:100%; overflow:hidden; margin-bottom:50px;}
.webzineList > ul{border-top:2px solid #ddd; margin-bottom:20px; }
.webzineList > ul > li{width:100%; overflow:hidden; position:relative; padding:30px; border-bottom:1px solid #ddd; }
.webzineList > ul > li:hover{background:#fafafa; }
.webzineList > ul > li .td_chk{position:absolute; right:0px; top:0px; }
.webzineList > ul > li .bo_cate_link{display:inline-block; margin-bottom:8px; }
.webzineList > ul > li .bo_tit{display:block; vertical-align:middle; }
.webzineList > ul > li .bo_tit strong{font-weight: bold;  color: #000;  font-size: 20px;   height: 30px;   line-height: 30px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    text-align: left; }
.webzineList > ul > li a:hover.bo_tit strong{}
.webzineList > ul > li.bo_notice .bo_tit .notice_icon{text-align:center; vertical-align:middle; color:#fff; font-size:14px; height:25px; }
.webzineList > ul > li .bo_tit u{text-decoration:none; }
.webzineList > ul > li .bo_tit em{display: block !important;  font-size: 16px;   color: #666;   padding: 5px 0;   font-style: normal; line-height: 1.4;}
.webzineList > ul > li > u{display:block; color:#ddd; font-size:11px; margin-top:10px; }
.webzineList > ul > li > u > span{display:inline-block; padding-right:10px; color:#999; }
.webzineList > ul > li > u > span:first-child{padding-left:0px; }
.webzineList > ul > li > u > span:before{content:" / "; color:#ddd; }
.webzineList > ul > li > u > span:first-child:before{content:""; }
.webzineList > ul > li > u > span > i{margin-left:8px; }

.webzineList > ul > li .list_img{display:block; float:left; margin:0 50px 0 0; width:20%; max-width:260px; overflow:hidden; }
.webzineList > ul > li .list_img img{display:block; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.webzineList > ul > li:hover .list_img img{transform: scale(1.1); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.webzineList > ul > li a .youtube_img{display:block; width:100%; max-width:100%; min-width:100%; position:relative; height:auto; overflow:hidden; background:#333; }
.webzineList > ul > li a .youtube_img sup{display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; overflow:hidden; background-repeat:no-repeat; background-size:auto 200%; background-position:center center; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.webzineList > ul > li a .youtube_img sub,
.webzineList > ul > li a .youtube_img sub img{display:block; height:auto; width:100%; max-width:100%; min-width:100%; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; }
.webzineList > ul > li:hover a .youtube_img sup{background-size:auto 220%; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.bo_notice{background:#fcf9f3 !important; }

.noDataArea{margin-bottom:20px; }
.fa-youtube-play{font-size:22px !important; vertical-align:middle; }

.gall_textMv .btn_b02 { display: block !important;   color: #fff !important;   float: left;   margin-top: 10px; background: #666666; padding: 0 5px; border-radius: 3px; border: 1px solid #666666;}
.btn_bo_user { float: right;   margin: 0;    padding: 0;    list-style: none;}
.btn_bo_user > li { position: relative;}
.btn_bo_user li { float: left;   text-align: center;   margin-left: 5px;    background: #fff;    margin-bottom: 5px;}

#bo_v_top ul {padding: 0;  list-style: none;   word-break: break-all;}
.bo_v_com {margin: 0;  float: right;}
.bo_v_com > li { position: relative;  float: left;   margin-left: 5px;    margin-bottom: 5px;}
.btn_bo_user {float: right;  margin: 0;  padding: 0;    list-style: none;}

.new_icon{margin: 0 3px;   border: 1px solid #3d9989;    padding: 3px 6px;    border-radius: 2px;    background: #3d9989;    color: #fff;  font-size: 11px;  position: relative;    top: -3px;}
.fa-link{margin: 0 3px;  border: 1px solid #3d9989;  padding: 4px 2.1px;   border-radius: 2px;   font-size: 11px;  position: relative;    top: -3px;}
.fa-download{margin: 0 3px; border: 1px solid #3d9989;  padding: 4px 4px;  border-radius: 2px;     font-size: 11px;  position: relative;    top: -3px;}


/* 게시판 읽기 */
#bo_v_atc{padding: 20px 0;}
#bo_v {margin-bottom:100px;background:#fff;box-sizing:border-box; font-family: "Pretendard Variable", sans-serif;}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {     border-top: 2px solid #ddd;  padding-top: 30px; }
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
#bo_v_title .bo_v_tit {display: block; font-size: 26px;  padding: 0;  margin: 5px 0 0;  word-break: break-all;  letter-spacing: 0; color:#000; font-family: "Pretendard Variable", sans-serif;}

#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#666; padding-bottom:30px; }
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info {margin:0 0 20px;display:inline-block;float:left}
#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px}

#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:#888;}
#bo_v_info .if_date {margin:0;color:#888}
#bo_v_info a{color:#888;}

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}


#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:10px 15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;     height: 50px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#1c294f;}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

#bo_v_con{padding:30px 0;  font-size: 16px;}

.bo_v_left ul li{display:inline-block;}


.btn_b01:hover, .btn_b01:focus {color:#fff !important;}
.btn_admin:hover, .btn_admin:focus {color:#fff !important;}

/*글쓰기*/
#bo_w{border-top: 2px solid #1c294f;  padding: 30px 0;     border-bottom: 1px solid #ddd;}
.write_div{display: flex;   align-items: center;    width: 100%; padding-bottom: 10px;}
.write_div label {display: inline-block;  width: 140px;  font-size: 16px;   color: #101010;    font-weight: 500;}
.write_div .full_input {    width: 100%;  padding: 16px 10px;    border: 1px solid #ddd;    font-size: 16px;    color: #434343; box-shadow: none;}
#autosave_wrapper{width:100%;   font-size: 16px;   }
.chk label{margin-bottom:0 !important; margin-left:10px;}
.essential {position: relative;  display: inline-block;   text-indent: -9999px;}
.essential::after { content: '*';  position: absolute;  top: -6px;  right: -19px;  display: inline-block;   font-size: 22px;    color: #3d9989;    vertical-align: middle;    text-indent: 0;}
.write_div .wr_content{width:100%;}

.btn_cke_sc{    height: 27px;}
.btn_confirm{float: right;  margin: 0;   padding: 0;    list-style: none;}



@media (max-width:769px){
#bo_v_link li {height: auto;    width: 100%;     overflow: hidden;   word-wrap: break-word;    word-break: break-all;  line-height: 1.4;}

}



@media all and (max-width: 700px)
{
	.webzineList > ul > li{padding:20px; }
	.webzineList > ul > li .bo_tit strong{font-size:16px;     display: block;    overflow: hidden;    word-wrap: break-word; }
	.webzineList > ul > li .bo_tit em{font-size:13px; line-height:1.2em; }
	.webzineList > ul > li .list_img{float: none;  margin: 0 0 15px;   width: 100%;    max-width: max-content;}
	.gall_con .fa-link, .gall_con .fa-download, .gall_con .new_icon{display:none;}
    #bo_v_title .bo_v_tit{font-size:18px;}
	#bo_v_title{padding-top:20px;}
	#bo_v_info{padding-bottom:20px;}
	#bo_v_con{padding:20px 0; font-size: 14px;  line-height: 1.4;}
    #bo_w{margin:0 20px;}
    .write_div{display:block;}
	.write_div label{margin-bottom:0; width:auto;     font-size: 14px;}
}