@charset "utf-8";




.board_cont{width:1200px; margin:0 auto;}

/* 썸네일 게시판 */
.board_thumb_list{
  -ms-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
}
.board_thumb_list li{margin-bottom:35px;}
.board_thumb_list li a{display:block; border:1px solid #cacaca; border-radius:5px; box-shadow:0px 3px 1px rgba(0,0,0,0.1);
  overflow:hidden; position:relative;
}
.board_thumb_list li a img{width:273px; height:100%;}

.thumb_title_date{font-size:16px; position:absolute; left:20px; top:20px; right:20px;}
.thumb_title_date h3{margin-top:5px; font-size:22px; color:#fff; font-weight:400; letter-spacing:-0.08em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.comment_num{display:inline-block; width:35px; height:35px; background-image:url("../images/board/comment_bg.png"); 
  font-size:18px; color:#fff; font-weight:300; text-align:center; line-height:35px; vertical-align:middle;
}

.board_thumb_list .comment_num{position:absolute; right:10px; bottom:14px;}

.board_search_area{height:71px; padding-left:164px; padding-right:100px; margin-bottom:50px; border:1px solid #ccc; position:relative;}

.select_board{width:164px; height:71px; padding-left:20px; border-right:1px solid #ccc;
  background:url("../images/icon/icon_select.png") no-repeat 79.26% center;
  font-size:20px; color:#666; position:absolute; left:0; top:0;
}

.input_search{width:100%; height:69px; font-size:20px; color:#999; line-height:69px; text-indent:32px;}

.btn_search{width:100px; height:71px; background:url("../images/icon/btn_search.png") no-repeat center center;
  color:transparent; position:absolute; right:0; top:0;
}


/* 목록 게시판 */
.board_list{margin-bottom:49px; border-top:2px solid #62a1db; border-bottom:1px solid #ccc; letter-spacing:-0.08em;}
.board_list li{padding:20px 30px 20px 0; border-top:1px solid #ccc;}
.board_list li:first-child{border-top:0;}
.board_list .flexbox{
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}

.list_num{width:91px; font-size:22px; color:#222; text-align:center;}

.board_title_comment{display:inline-block; width:750px; padding-right:20px;}
.board_title_link{display:inline-block; width:750px; padding-right:20px;
  font-size:22px; color:#222; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  vertical-align:middle;
}
.board_list .board_title_link{text-indent:30px;}

.board_title_comment .board_title_link{width:auto; max-width:90%;}

.list_cont{display:none;}

.hit{font-size:16px; color:#666; text-align:center;}
.hit img{vertical-align:baseline;}
.board_list .hit{width:110px;}

.board_date{width:130px; font-size:16px; text-align:center;}

.writer_name{width:100px; font-size:16px; text-align:center;}


.list_tb{margin-bottom:30px; border-top:4px solid #222; border-bottom:1px solid #222;}
.list_tb thead tr th{height:52px; border-bottom:2px solid #222; font-size:20px; color:#222; font-weight:700;}
.list_tb tbody tr td{height:65px; border-top:1px solid #ccc;}
.list_tb tbody tr .list_add_file{text-align:center;}

.list_tb .board_title_link{max-width:80%; width:auto;}

.list_tb colgroup.m_none{display:table-column-group !important;}

.list_tb td.m_none{display:table-cell !important;}


/* 상세 리스트 */
.detail_list{margin-bottom:50px; border:1px solid #cacaca;}
.detail_list li{height:143px; border-top:1px solid #cacaca;}
.detail_list li:first-child{border-top:0;}
.detail_list .flexbox{
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}

.thumb_detail{width:116px; height:100%;}
.thumb_detail img{width:100%; height:100%;}

.detail_link_area{width:1002px; padding:0 40px;}
.detail_link_area .board_title_link{width:100%; padding-right:0;}

.detail_tit{display:inline-block; max-width:90%; margin-right:10px;
  color:#222; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  
}


.detail_link_area .list_cont{display:block; margin-top:7px; margin-bottom:20px; font-size:16px; color:#666;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.detail_link_area .board_date{display:inline; margin-right:24px;}
.detail_link_area .hit{display:inline;}


/* 다이어리 보기 */
.detail_list.diary .detail_link_area{width:910px; padding:0; padding-right:40px;}

.diary_date{width:128px; font-size:15px; color:#888; text-align:center;}
.diary_date span{font-weight:500;}
.diary_date strong{display:block; font-size:55px; font-weight:400;}


/* 포토 */
.photo_list{padding-bottom:25px; margin-left:-32px;}

.photo_one{margin-bottom:35px; margin-left:32px;}
.photo_one a{display:block; width:273px; padding-bottom:26px;
  background-color:#fff; border:1px solid #cacaca; border-radius:5px; box-shadow:0px 3px 1px rgba(0,0,0,0.1);
}

.photo_one .flexbox{padding:0 20px; margin-top:35px;
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
}

.photo_one .board_title_link{display:block; width:auto; padding:30px 20px 0; box-sizing:content-box;
  white-space:normal; line-height:1.4; height:2.8em; word-wrap:break-word; 
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.photo_one .list_cont{display:block; margin:14px 20px 0; font-size:16px; color:#666;}

.img_comment_area{position:relative;}
.img_comment_area .comment_num{position:absolute; right:10px; bottom:10px;}


/* 달력 */
.this_month{font-size:50px; color:#888; text-align:center; font-weight:300; position:relative;}
.this_month strong{color:#333; font-weight:500;}

.month_prev{width:50px; height:50px; margin-right:20px; background-color:#00a2b1; font-size:30px; color:#fff; vertical-align:middle;}
.month_next{width:50px; height:50px; margin-left:20px; background-color:#00a2b1; font-size:30px; color:#fff; vertical-align:middle;}

.this_month .btn_area{position:absolute; right:0; top:0;}

.calendar_tb{margin-top:24px; border-top:2px solid #222; border-bottom:1px solid #ccc;}
.calendar_tb thead tr th{padding-top:30px; padding-bottom:10px; border-bottom:1px solid #1a73a1;
  font-size:20px; color:#656565; text-align:left; font-weight:400; text-indent:18px; vertical-align:bottom;
}
.calendar_tb tbody tr td{height:91px; padding-bottom:10px; 
  border-top:1px solid #ccc; border-left:1px solid #ccc; text-align:center; vertical-align:top;
}
.calendar_tb tbody tr td:first-child{border-left:0;}
.calendar_tb tbody tr .other{background-color:#f7f7f7;}

.calendar_date{display:inline-block; width:32px; height:32px; margin-top:3px; border-radius:30px;
  font-size:18px; color:#222; text-align:center; line-height:32px;
}

.calendar_tb tbody tr .other .calendar_date{color:#b6b6b6;}
.calendar_tb tbody tr .holiday .calendar_date{color:#c41313;}

.calendar_tb tbody tr .today{background-color:#cce8f3;}
.calendar_tb tbody tr .today .calendar_date{background-color:#1a73a1; color:#fff;}

.schedule_list{margin:0 9px;}
.schedule_list li{height:26px; padding:0 10px; margin-top:4px; border-radius:3px;
  font-size:16px; color:#fff; text-align:center; line-height:26px; font-weight:300; letter-spacing:-0.08em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.schedule_list li:first-child{margin-top:0;}

.calendar_tb tbody tr .on{background-color:#e3e3e3; position:relative;}
.calendar_tb tbody tr .on:after{content:""; width:12px; height:9px; margin-left:-6px;
  background-image:url("../images/icon/bubble.png");
  position:absolute; left:50%; bottom:-1px; z-index:2;
}

.calendar_tb tbody .detail{display:none;}
.calendar_tb tbody .detail td{height:auto; padding:35px 40px;
  background-color:#f9f9f9; border-top:1px solid #787878; border-bottom:1px solid #787878;
  font-size:25px; color:#888; text-align:left; font-weight:300;
}
.calendar_tb tbody .detail td span{margin-right:25px;}
.calendar_tb tbody .detail td strong{color:#333; font-weight:500;}

.schedule_d_list{margin-top:20px;}
.schedule_d_list li{margin-top:10px;}
.schedule_d_list li:first-child{margin-top:0;}
.schedule_d_list li a{display:block; height:38px; padding-right:50px;
  background:url("../images/icon/icon_list.png") no-repeat 15px center; border:1px solid #cacaca; border-radius:3px; 
  font-size:20px; color:#fff; line-height:38px; text-indent:54px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.schedule_link{display:block;}

.calendar_tb tbody .detail.open{display:table-row;}


/* 페이징 */
.paging_area{text-align:center;}
.paging_area a{display:inline-block; width:53px; height:53px; border:1px solid #ccc; 
  font-size:16px; color:#777; text-align:center; line-height:53px;
}
.paging_area a:hover, .paging_area .on{background-color:#222; color:#fff;}

.btn_more{display:none;}


/* 영상 */
.video_area{padding:38px 45px 60px 42px; border:1px solid #ccc; border-top:2px solid #222; border-bottom:1px solid #222;}

.video_thumb{float:left;}
.video_thumb video{width:589px; height:448px;}

.video_thumb_main{float:left;}
.video_thumb_main video{width:467px; height:300px;}

.video_info_area{float:right; width:467px; padding-top:15px;}
.title_video{margin-bottom:15px; font-size:28px; color:#333; font-weight:500;}

.video_info_list{border-top:2px solid #1d1d1d;}
.video_info_list li{padding-left:21px; border-top:1px solid #d3d3d3;
  font-size:20px; color:#666; font-weight:300; line-height:53px; position:relative;
}
.video_info_list li:first-child{border-top:0;}
.video_info_list li:before{content:""; width:9px; height:2px; margin-top:-1px; background-color:#c1c1c1;
  position:absolute; left:0; top:50%;
}
.video_info_list li strong{display:inline-block; width:80px; font-weight:300;}

.video_text{height:108px; padding:20px; background-color:#f6f6f6; border:1px solid #d3d3d3;
  font-size:16px; color:#666; font-weight:300; line-height:24px; overflow-y:auto;
}

.btn_video_area{margin-top:22px; 
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
}
.btn_video_area a{width:111px; height:44px; background-color:#767676; border-radius:3px;
  font-size:16px; color:#fff; text-align:center; line-height:44px;
}
.btn_video_area a img{margin-right:4px; vertical-align:-1px;}


.summary_area{margin-top:45px; margin-bottom:74px;}
.title_summary{min-height:28px; padding-left:38px; background:url("../images/icon/icon_title.png") no-repeat left center; 
  font-size:24px; color:#333; font-weight:500;
}

.summary_text_area{min-height:142px; padding:20px; margin-top:20px; 
  border-top:1px solid #ccc; border-bottom:1px solid #ccc;
  font-size:18px; color:#666; font-weight:300; line-height:33px;
}

.summary_text_area img {max-width:100%;}

.title_list{height:27px; padding-left:38px; font-size:20px; color:#666; font-weight:300; line-height:27px;}

.view_list{margin-top:15px; border:1px solid #cacaca;}
.view_list li{min-height:97px; padding:8px 9px 8px 42px; border-top:1px solid #cacaca;}
.view_list li:first-child{border-top:0;}

.view_list .flexbox{
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}

.view_list li a{display:block; width:90%;}

.title_view_list{font-size:22px; color:#222; font-weight:400;}
.view_list_date{margin-top:10px; font-size:16px; color:#666;}
.view_list_date span{margin-right:10px; padding-right:10px; position:relative;}
.view_list_date span:after{content:""; width:1px; height:11px; margin-top:-5.5px; background-color:#c5c5c5;
  position:absolute; right:0; top:50%;
}

.btn_more_list{margin-top:26px;}
.btn_more_list button{width:100%; height:53px; border:1px solid #ccc; font-size:16px; color:#222; text-indent:0 !important;}


/* view */
.view_area{margin-bottom:110px; border-top:2px solid #222;}

.title_view{padding:30px 20px 0 20px; font-size:25px; color:#222; font-weight:500;}

.view_write_info{padding:20px 20px 25px 20px; border-bottom:1px solid #222;}
.view_write_info > p{display:inline-block;}
.view_write_info > .board_date{margin-right:20px;}

.write_name{margin-right:20px; font-size:16px; color:#747474;}

.view_contents{padding:35px 40px 85px 40px; border-top:1px solid #ccc; border-bottom:1px solid #222;
  font-size:18px; color:#666; font-weight:300; line-height:1.4;
    overflow: auto;
}

.view_contents img{max-width:100%;max-height:100%;}
.view_contents iframe{width:100%; height:650px !important;}

.comment_area{margin-top:45px;}

.comment_box_area{height:90px; padding:5px 110px 0 5px; border:1px solid #cacaca; position:relative;}
.comment_box_area strong{display:block; margin-bottom:5px; font-size:20px; color:#222; font-weight:400;}
.comment_box_area textarea{height:75px; font-size:18px; font-weight:300;}

.btn_write_comment{width:104px; border-left:1px solid #e8e8e8 !important;
  font-size:18px; color:#333; text-indent:0 !important; position:absolute; right:0; top:0; bottom:0;
}

.comment_list{}
.comment_list li{padding:20px 28px; border-bottom:1px solid #cacaca; position:relative;}
.comment_list .flexbox{
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}

.comment_write{width:175px; font-size:16px; color:#666; font-weight:300;}
.comment_write strong{display:block; margin-bottom:5px; font-size:18px; color:#222; font-weight:400;}

.comment_cont{width:79%; font-size:18px; color:#666; font-weight:300;}
.comment_cont_update{width:85%; font-size:18px; color:#666; font-weight:300;}

.comment_btn_area{margin-top:-28.5px; position:absolute; right:28px; top:50%;}
.comment_btn_area a{display:block; width:46px; height:25px; margin:1px 0; background-color:#fff; border:1px solid #e5e5e5;
  font-size:14px; color:#333; line-height:25px; text-align:center;
}


.other_view_area{position:relative;}
.other_view_area .view_list{margin-bottom:40px;}

.btn_list{display:inline-block; width:102px; height:44px; background-color:#a6a6a6; border-radius:3px;
  font-size:16px; color:#fff; line-height:44px; text-align:center;
  position:absolute; right:0; top:-9px;
}

.other_view_area .paging_area a{margin:0 14px;}

.addfile_area{margin:150px -40px -85px; padding:18px 22px 34px ; border-top:1px solid #ccc;}

.title_addfile{height:29px; padding-left:35px; background:url("../images/icon/icon_add_file.png") no-repeat left top; 
  font-size:18px; color:#333; font-weight:400; line-height:29px;
}

.addfile_list{margin-top:15px;}
.addfile_list li{margin-top:5px;}
.addfile_list li:first-child{margin-top:0;}
.addfile_list li a{display:block; padding-left:7px; font-size:18px; color:#666; font-weight:300; position:relative;}
.addfile_list li a:before{content:"-"; position:absolute; left:0; top:0;}


.list_thumb{width:79px;}

/* 쓰기 */
.btn_area{text-align:right;}
.btn_area .btn{display:inline-block; width:91px; height:44px; border-radius:3px; padding:0 !important;
  font-size:16px !important; color:#fff; line-height:44px !important; text-align:center;
}

.btn._no_action{background-color:#767676;}

.btn_area .btn:hover, .btn_area .btn:focus, .btn_area .btn.focus{color:#fff;}

.write_area{margin-top:15px; margin-bottom:24px; border:1px solid #ccc; border-top:2px solid #222;}

.write_input_area{border-bottom:1px solid #ccc; position:relative;padding: 10px 0px;}
/*.input_title{width:100%; height:92px; font-size:25px; text-indent:28px; line-height:92px;}*/
.input_title{width:100%; font-size:25px; text-indent:28px; }

.write_date{width:150px; font-size:16px; color:#666; font-weight:300; text-align:center; line-height:92px;
  position:absolute; right:0; top:0;
}

.plan_select_area{padding:13px 23px 14px; border-bottom:1px solid #ccc;}

.input_write{height:38px; border:1px solid #ccc; font-size:18px; color:#666; line-height:38px;}
.input_write.plan_date{width:138px; text-align:center;}

.btn_plan_calendar{width:29px; height:29px; margin-left:8px; margin-right:23px;
 background-image:url("../images/icon/icon_calendar.png");
 color:transparent; overflow:hidden;
}

.select_type1{height:38px; border:1px solid #ccc; font-size:18px; color:#666; line-height:38px;}
.select_type1.select_num{width:140px;}

.write_textarea{height:290px; padding:30px; background-color:#fafafa; 
  font-size:18px; color:#666; font-weight:300; resize:none;
}

.write_other_area{padding:9px 0 9px 130px; border-top:1px solid #ccc; position:relative;}
.title_write_other{width:115px; background-color:#fafafa; border-right:1px solid #ccc; position:absolute; left:0; top:0; bottom:0;}

.title_write_other strong{width:100%; height:100%; font-size:18px; color:#333; text-align:center;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
}

.select_type1.select_category{width:400px;}

.file_field_area{}
.file_field_area .input_write{width:560px; text-indent:13px;}
.file_input_div{display:inline-block; width:108px; height:47px; margin-left:8px;
  background-color:#fafafa; border:1px solid #cecece;
  vertical-align:middle; overflow:hidden; position:relative;
}
.file_input_button{width:100%; height:47px; font-size:20px; color:#033333; font-weight:300; line-height:47px;}

.file_input_hidden{margin-left:5px; font-size:45px; cursor:pointer; position:absolute; right:0px; top:0px; opacity:0; 
  filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;
}

.add_file_list{margin:-9px 0 -9px -14px;}
.add_file_list li{padding:9px 0 9px 14px; border-top:1px solid #ccc;}
.add_file_list li:first-child{border-top:0;}

.upload_add_area{display:inline-block; margin-left:9px; padding-left:11px; position:relative;}
.upload_add_area:before{display:block; content:""; width:1px; height:36px; margin-top:-18px; background-color:#cecece;
  position:absolute; left:0; top:50%;
}

.btn_upload{width:110px; height:47px; background-color:#888 !important; border:1px solid #ccc;
  font-size:20px; color:#fff;
}

.btn_file_add{width:50px; height:47px; margin-left:6px;
  background:#fafafa url("../images/icon/file_add.png") no-repeat center center; border:1px solid #ccc !important;
  color:transparent; overflow:hidden;
}



/* 썸머노트 관련 */
.container{width:auto !important; padding-left:0 !important; padding-right:0 !important;}


/* 게시판과 하이어라키 사이 */
.between_area{margin-bottom:50px;}


.my_board_btn{margin-bottom:30px; text-align:right;}
.my_board_btn a{display:inline-block; width:111px; height:44px; background-color:#767676; border-radius:3px;
  font-size:16px; color:#fff; text-align:center; line-height:44px;
}
.my_board_btn a img{margin-right:4px; vertical-align:-1px;}

.my_board_btn a.btn_action.list{background-color:#767676;}

.view_contents + .my_board_btn{margin-top:30px;}

.my_board_btn .select_type1{height:44px; vertical-align:top;}


.thumb_uploader{margin-bottom:10px; text-align:left;}
.thumb_uploader a{display:inline-block; width:111px; height:44px; background-color:#767676; border-radius:3px;
  font-size:16px; color:#fff; text-align:center; line-height:44px;
}
.thumb_uploader a img{margin-right:4px; vertical-align:-1px;}
.thumb_uploader a.btn_action.list{background-color:#767676;}
.view_contents + .thumb_uploader{margin-top:30px;}


/* 원우수첩 */
.input_note{width:100%; height:49px; padding-left:26px; border:1px solid #d1d1d1; 
  font-size:15px; color:#777; line-height:49px;
}
select.input_note{padding-left:26px; background:#fff url("../images/icon/arrow_select_gray.png") no-repeat 87.5% center;}

.btn_search2{width:50px; height:49px; background:url("../images/icon/btn_search2.png") no-repeat center center; text-indent:-9999px;}

.member_search{padding-left:169px; padding-right:49px; position:relative;}
.member_search select.input_note{width:170px; position:absolute; left:0; top:0;}
.member_search .btn_search2{position:absolute; right:0; top:0;}

.member_search_select{margin-top:11px;}
.member_search_select select.input_note{width:50%; margin-right:-4px; background-position:96.89% center;}

.member_note_search{padding-bottom:29px; margin-bottom:7px; border-bottom:1px solid #d7dadb;}

.member_note_list{margin-bottom:51px; margin-left:-19px;}
.member_note_list > li{float:left; margin-left:19px; margin-top:20px;}

.member_card{padding:20px 25px; background-color:#fff; border:1px solid #e1e1e1; border-radius:3px; box-shadow:3px 3px 3px rgba(0,0,0,0.13);}

.member_profile{float:left; width:130px;}
.member_profile img{width:103px; height:103px; border:2px solid #e1e1e1; border-radius:100%;}

.member_note_info{float:right; width:230px;}

.member_note_info > a{display:block; margin-bottom:10px; font-size:20px; color:#333; font-weight:300; position:relative;}
.member_note_info > a > span{color:#4859a4;}
.member_note_info > a:after{content:""; width:11px; height:9px; margin-top:-4.5px; background-image:url("../images/icon/icon_plus.png"); 
  position:absolute; right:0; top:50%;
}

.phone_email_text{padding:10px 0; border-top:2px solid #d6d8d6; border-bottom:1px solid #d6d8d6;}
.phone_email_text li{margin-top:5px; font-size:14px; color:#a0a0a0;}
.phone_email_text li:first-child{margin-top:0;}

.btn_call_email{margin-top:13px;}
.btn_call_email li{display:inline-block; margin-left:5px;}
.btn_call_email li:first-child{margin-left:0;}
.btn_call_email li a{display:block; height:28px; padding:0 18px 0 12px; border-radius:30px;
  font-size:13px; color:#fff; line-height:28px; text-align:center;
  position:relative;
}
.btn_call_email li a:before{display:inline-block; content:""; margin-right:4px; vertical-align:-1px;}

.btn_call_email .call{display:none;}
.btn_call_email .call a:before{width:14px; height:12px; background-image:url("../images/icon/icon_phone.png");}
.btn_call_email .mail a:before{width:13px; height:10px; background-image:url("../images/icon/icon_mail.png");}

.member_note_list > li:hover .member_card{padding:19px 24px; border:2px solid #4859a4;}
.member_note_list > li:hover .member_profile img{border-color:#4859a4;}
.member_note_list > li:hover .member_note_info > a:after{background-image:url("../images/mt/icon_plus_on.png");}


.layer_pop.member_note .layer_area{width:640px; height:715px; padding:26px 23px; margin-left:-320px; margin-top:-357.5px;
  background:#fff url("../images/board/member_note_bg.png") repeat-x left top; border:0; border-radius:0;
  overflow:visible; position:fixed; left:50%; top:50%; z-index:5;
}

.layer_note_content{height:100%; overflow-y:auto;}

.close_layer_note{width:42px; height:42px; margin-left:-21px; border:1px solid #fff; text-indent:-9999px; 
  position:absolute; left:50%; top:-62px;
}
.close_layer_note:before, .close_layer_note:after{display:inline-block; content:""; 
  width:24px; height:3px; margin-left:-12px; background-color:#fff;
  position:absolute; left:50%;
}

.close_layer_note:before{top:18px; 
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.close_layer_note:after{top:18px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.member_note_card{padding:31px; background-color:#fff; border:2px solid #4859a4; border-radius:3px; box-shadow:3px 3px 3px rgba(0,0,0,0.21);}
.member_note_card .member_profile img{width:122px; height:122px; border-color:#4859a4;}
.member_note_card .member_note_info{width:370px;}

.member_note_card .member_note_info > a:after{display:none;}

.member_note_card .phone_email_text li{margin-top:7px; font-size:15px;}

.member_note_card .btn_call_email{margin-top:16px; text-align:right;}
.member_note_card .btn_call_email li a{height:30px; font-size:14px; line-height:30px;}


.member_note_detail{margin-top:30px;}

.note_detail_title{height:20px; padding-left:30px; background:url("../images/icon/icon_detail.png") no-repeat left center; 
  font-size:18px; line-height:20px;
}

.note_detail_list{margin-top:15px; border:1px solid #e9ebea; border-top:2px solid #d0d3d1;}
.note_detail_list li{padding-left:98px; border-top:1px solid #e9ebea; position:relative;}
.note_detail_list li:first-child{border-top:0;}

.note_detail_list div{padding:9px 0; font-size:14px; color:#757575;}

.title_detail_text{width:85px; font-size:14px; color:#757575; line-height:34px; text-indent:14px; 
  position:absolute; left:0; top:0;
}
.title_detail_text:after{content:""; width:1px; height:9px; margin-top:-4.5px; background-color:#c6c9c7; 
  position:absolute; right:0; top:50%;
}


/* 190228 삭제하기 버튼 추가 */
.btn_delete{width:108px; height:47px; background-color:#fafafa; border:1px solid #cecece;
  font-size:20px; color:#033333; font-weight:300; line-height:47px;
}

.file_input_div + .add_btn_area{display:inline-block; margin-left:5px; vertical-align:middle;}


/* 200402 추가 */
.board_list.align_l{}
.board_list.align_l .flexbox{
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content: start;	
}


/* 200403 추가 */
.board_video_list{margin-bottom:49px; border:0px; border-top:2px solid #222; border-bottom:1px solid #cacaca; letter-spacing:-0.08em;}
.board_video_list li{padding-left:20px;}


/* 200512 영상게시판 추가 */
.video_info_area{min-height:446px; padding-bottom:70px; position:relative;}

.writer_hit_list{padding:0 15px; margin-top:20px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; text-align:right;
  position:absolute; left:0; right:0; bottom:0;
}
.writer_hit_list li{display:inline-block; height:48px; padding-left:17px; margin-left:28px;
  font-size:16px; color:#666; line-height:48px; position:relative;
}
.writer_hit_list li:before{content:""; width:9px; height:2px; margin-top:-1px; background-color:#c1c1c1; position:absolute; left:0; top:50%;}
.writer_hit_list li:first-child{margin-left:0;}


/* 200529 영상게시판 쓰기 페이지 디스크립션 추가 */
.board_descript{padding-left:29px; color:#00a2b1; font-weight:300;}
.video_descript{display:inline-block; margin-left:5px; vertical-align:middle; position:relative;}
.btn_descript{width:16px; height:16px; margin-left:5px; 
  background-image:url("../images/board/icon_descript.png"); text-indent:-9999px;
}
.video_descript_layer{display:none; padding:30px 24px; 
  background-color:#fff; border:1px solid #cacac8; box-shadow:3px 3px 13px rgba(0,0,0,0.21); 
  position:absolute; left:25px; top:0; z-index:5;
}
.btn_descript:hover + .video_descript_layer, .btn_descript:focus + .video_descript_layer{display:block;}

.write_editor_area .board_descript{margin-top:0; margin-bottom:0; padding-bottom:20px; background-color:#fafafa;}


/* 200622 추가 */
.board_search_area2{height:auto; margin-top:60px; padding-left:0; padding-right:129px; border:0; box-shadow:6px 6px 32px rgba(0,0,0,0.17);}
.board_search_area2 .input_search{height:111px; font-size:30px; color:#444; line-height:111px;}
.board_search_area2 .btn_search{width:129px; height:111px; background-image:url("../images/board/btn_search2.png");}



/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1023px)
{

	.board_cont{width:auto;}
	

	/* 썸네일 게시판 */
	.board_thumb_list{
	  -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;
	}
	.board_thumb_list li{width:32%; margin-left:2%; margin-bottom:14px;}
	.board_thumb_list li:nth-child(3n+1){margin-left:0;}
	.board_thumb_list li a img{width:100%;}

	.thumb_title_date{font-size:20px; left:16px; top:16px; right:16px;}
	.thumb_title_date h3{font-size:26px;}


	/* 목록 게시판 */
	.board_list{margin:0 -30px; border-top:1px solid #cacaca; border-bottom-color:#cacaca;}
	.board_list li{padding:28px 30px; border-color:#cacaca;}

	.board_list .flexbox{
	  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
	}

	.list_num, .board_list .hit{display:none;}
	
	.board_title_comment{width:65%; padding-right:0;}
	.board_title_link{width:71.71%; padding-right:0; 
	  font-size:26px; color:#222;
	}
	.board_list .board_title_link{text-indent:0;}

	.list_cont{display:block; margin-top:10px; font-size:20px; color:#666; font-weight:300;}

	.board_date{width:160px; font-size:20px; font-weight:300; text-align:right;}

	.writer_name{width:90px; font-size:20px; text-align:right;}

	
	.list_tb_area{margin:0 -30px;}
	.list_tb{border-bottom:1px solid #222;}
	.list_tb thead tr th{display:none;}
	.list_tb tbody tr td{height:auto; padding-top:28px; padding-bottom:28px;}
	.list_tb tbody tr .list_add_file{text-align:center;}

	.list_tb .board_title_link{max-width:80%; margin-right:10px; margin-left:30px;}
	
	.list_tb colgroup.m_none{display:none !important;}
	.list_tb colgroup.pc_none{display:table-column-group !important;}
	.list_tb td.m_none{display:none !important;}

	.list_tb .writer_name{width:auto;}
	.list_tb .board_date{width:auto; text-align:left;}


	/* 상세 리스트 */
	.detail_list{margin:0 -30px; border:0; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca;}
	.detail_list li{height:135px; padding-left:30px;}

	.thumb_detail{height:100%; text-align:right;}
	.thumb_detail img{width:65px; height:100%;}

	.detail_link_area{width:82.1%; padding:0;}

	.detail_link_area .list_cont{margin-bottom:10px; font-size:20px;}

	.detail_link_area .board_date{margin-right:0;}
	.detail_link_area .hit{display:none;}

	.detail_tit{max-width:80%;}

	/* 다이어리 보기 */
	.detail_list.diary li{padding-left:0;}
	.detail_list.diary .detail_link_area{width:65%; padding-right:5%;}

	.diary_date{width:116px; font-size:18px;}


	/* 포토 */
	.photo_list{padding-bottom:0; margin-left:-2.25%;}
	.photo_one{width:47.75%; margin-left:2.25%;}
	.photo_one a{width:auto;}
	.photo_one > a > img{width:100%;}

	.photo_one .board_date{text-align:left;}

	.photo_one .list_cont{font-size:20px;}
	.photo_one .hit{font-size:20px; font-weight:300;}


	/* 달력 */
	.calendar_area{margin:0 -30px;}

	.this_month{font-size:40px;}

	.calendar_tb thead tr th{padding-top:25px; font-size:22px; text-align:center; text-indent:0;}
	.calendar_tb tbody tr td{height:106px; padding-bottom:12px;}

	.calendar_date{margin-top:0; font-size:20px;}

	.schedule_list{margin:0 5px;}
	.schedule_list li{height:22px; margin-top:1px; font-size:20px; line-height:22px;}

	.calendar_tb tbody .open td{padding:25px 30px;}
	.calendar_tb tbody .open td span{margin-right:28px;}

	.schedule_d_list li a{font-size:24px;}

	
	/* 페이징 */
	.paging_area{margin-top:38px;}


	/* 게시판과 하이어라키 사이 */
	.between_area{margin-bottom:30px;}
	.between_area img{width:100%;}


	/* 영상 */
	.video_area{padding-left:30px; padding-right:30px;}

	.video_thumb{float:none;}
	.video_thumb img{width:100%;}
	.video_thumb video{width:345px; height:262px;}
	
	.video_thumb_main{float:none;}
	.video_thumb_main img{width:100%;}
	.video_thumb_main video{width:315px; height:202px;}

	.video_info_area{float:none; width:auto; margin-top:30px;}
	.btn_video_area a{width:24%;}


	/* 쓰기 */
	.select_type1.select_category{width:48%;}

	.file_field_area .input_write{width:48%;}
	
	
	.view_contents iframe{height:400px !important;}
	
	
	/* 내 정보 관리 */
	.info_write_tb .file_input_hidden{width:300%; height:100%;}
	
	
	/* view */
	.comment_list .flexbox{-webkit-box-align:start; -ms-flex-align:start; align-items:start;}

	.comment_cont{padding-top:10px;}
	.comment_cont_update{padding-top:10px;}

	.comment_btn_area{margin-top:15px; position:static;}
	.comment_btn_area a{display:inline-block;}
	
	
	/* 200512 영상게시판 추가 */
	.video_info_area{min-height:auto; padding-bottom:0;}

	.writer_hit_list{position:static;}

	
}



/* ~ 768px ----------- */
@media only screen 
and (max-width : 766px)
{


	/* 썸네일 게시판 */
	.board_thumb_list li{margin-bottom:7px;}

	.thumb_title_date{font-size:10px; left:8px; top:8px; right:8px;}
	.thumb_title_date h3{font-size:13px;}


	.board_search_area{height:51px; padding-left:100px; padding-right:50px; margin-bottom:30px;}

	.select_board{width:100px; height:50px; padding-left:10px; background-size:5px; font-size:15px;}

	.input_search{height:49px; font-size:15px; line-height:49px; text-indent:20px;}

	.btn_search{width:50px; height:50px; background-size:20px;}


	.comment_num{width:25px; height:25px; background-size:100%; 
	  font-size:12px; line-height:25px;
	}


	/* 목록 게시판 */
	.board_list{margin:0 -15px;}
	.board_list li{padding:14px 15px;}

	.board_title_link{font-size:15px;}

	.board_list .board_title_link{max-width:50%; margin-right:5px;}

	.list_cont{margin-top:5px; font-size:16px;}

	.board_date{width:100px; font-size:13px;}

	.writer_name{width:60px; font-size:13px;}


	.list_tb_area{margin:0 -20px;}
	.list_tb tbody tr td{padding-top:14px; padding-bottom:14px;}
	.list_tb tbody tr .list_add_file img{width:10px;}

	.list_tb .board_title_link{max-width:70%; margin-right:10px; margin-left:15px;}
	
	.board_title_comment{width:53%;}
	.board_title_comment .board_title_link{max-width:100%;}


	/* 상세 리스트 */
	.detail_list{margin:0 -15px;}
	.detail_list li{height:67.5px; padding-left:15px;}

	.detail_link_area .list_cont{margin-top:5px; margin-bottom:5px; font-size:10px;}


	/* 다이어리 보기 */
	.detail_list.diary li{padding-left:0;}

	.diary_date{width:58px; font-size:9px;}
	.diary_date strong{font-size:27px;}


	/* 포토 */
	.photo_one{margin-bottom:10px;}
	.photo_one a{padding-bottom:13px;}

	.photo_one .flexbox{padding:0 10px; margin-top:17.5px;}

	.photo_one .board_title_link{padding:15px 10px 0; line-height:1.2; height:2.4em;}

	.photo_one .list_cont{margin:4px 10px 0; font-size:15px;
	  white-space:normal; overflow:hidden; text-overflow:ellipsis; 
	  line-height:1.2; max-height:6em;
	  word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;
	}
	.photo_one .hit{font-size:13px;}


	/* 달력 */
	.calendar_area{margin:0 -15px;}

	.this_month{font-size:20px;}
	
	.month_prev{width:30px; height:30px; margin-right:10px; font-size:15px;}
	.month_next{width:30px; height:30px; margin-left:10px; font-size:15px;}

	.this_month .btn_area{margin-bottom:30px; position:static;}

	.calendar_tb{margin-top:13px;}
	.calendar_tb thead tr th{padding-top:12px; padding-bottom:5px; font-size:11px;}
	.calendar_tb tbody tr td{height:53px; padding-bottom:5px;}

	.calendar_date{width:16px; height:16px; font-size:13px; line-height:16px;}

	.schedule_list{margin:0 2.5px;}
	.schedule_list li{height:11px; border-radius:2px; font-size:13px; line-height:14px;}

	.calendar_tb tbody .open td{padding:12.5px 15px; font-size:12.5px;}
	.calendar_tb tbody .open td span{margin-right:14px;}

	.schedule_d_list{margin-top:10px;}
	.schedule_d_list li{margin-top:5px;}
	.schedule_d_list li a{height:19px; padding-right:25px; background-position:11px center; background-size:11px; 
	  font-size:12px; line-height:19px; text-indent:27.5px;
	}


	
	/* 페이징 */
	.paging_area{margin-top:19px;}
	.paging_area a{display:none; width:37px; height:37px; font-size:12.5px; line-height:37px;}
	.paging_area .on, .paging_area .btn_paging{display:inline-block;}


	/* view */
	.view_area{margin-bottom:55px;}

	.title_view{padding:15px 10px 0 10px; font-size:15px;}

	.view_write_info{padding:10px 10px 12.5px 10px;}
	.view_write_info > .board_date{margin-right:10px;}

	.write_name{margin-right:10px; font-size:13px;}
	
	.hit{font-size:13px;}
	.hit img{width:15px;}

	.view_contents{padding:17.5px 20px 42.5px 20px; font-size:16px;}

	.view_contents img{max-width:100%;max-height:100%;}
	
	.view_contents iframe{height:200px !important;}
	
	.comment_area{margin-top:22.5px;}

	.comment_box_area{height:auto; padding:2.5px 53.5px 2.5px 2.5px;}
	.comment_box_area strong{margin-bottom:2.5px; font-size:10px;}
	.comment_box_area textarea{height:38px; font-size:12px; font-weight:300;}

	.btn_write_comment{width:52px; font-size:12px;}

	.comment_list li{padding:10px 14px;}

	.comment_write{width:175px; font-size:13px;}
	.comment_write strong{margin-bottom:2px; font-size:13px;}

	.comment_cont{width:79%; padding-top:0; font-size:13px;}
	.comment_cont_update{width:85%; padding-top:0; font-size:13px;}


	.other_view_area .view_list{margin-bottom:20px;}

	.btn_list{width:auto; height:30px; padding:0 15px; border-radius:2px; font-size:14px; line-height:30px; top:-5px;}

	.other_view_area .paging_area a{margin:0 7px;}

	.addfile_area{margin:100px -20px -42.5px;}

	.title_addfile{height:20px; padding-left:25px; background-size:auto 20px; font-size:15px; line-height:20px;}

	.addfile_list li a{font-size:13px;}
	
	
	.comment_btn_area{margin-top:7.5px;}
	.comment_btn_area a{width:38px; height:21px; font-size:11px; line-height:21px;}



	/* 쓰기 */
	.btn{width:45.5px; height:22px; border-radius:2px; font-size:12px; line-height:22px;}

	.write_area{margin:7.5px -15px 25px -15px; border-left:0; border-right:0;}

	.input_title{height:46px; font-size:12.5px; text-indent:14px; line-height:46px;}

	.write_date{width:105px; font-size:12px; line-height:46px;}


	.plan_select_area{padding:8px 15px 10px;}

	.input_write{height:36px; font-size:16px; line-height:36px;}
	.input_write.plan_date{width:41.03%;}

	.btn_plan_calendar{width:26px; height:26px; margin-left:7px; margin-right:20px; background-size:100%;}

	.select_type1{height:36px; font-size:16px; line-height:36px;}
	.select_type1.select_num{width:38.34%;}

	.write_textarea{height:200px; padding:15px; font-size:16px;}

	.write_other_area{padding:9px 15px;}
	.title_write_other{display:none;}

	.select_type1.select_category{width:100%;}

	.file_field_area{}
	.file_field_area .input_write{width:48.27%; text-indent:13px;}
	.file_input_div{width:92px; height:42px; margin-left:3px;}
	.file_input_button{height:42px; font-size:16px; line-height:42px;}

	.add_file_list{margin:-9px -15px;}
	.add_file_list li{padding:9px 15px; position:relative;}

	.upload_add_area{margin-left:0; padding-left:0; position:absolute; right:15px; top:9px;}
	.upload_add_area:before{display:none;}

	.btn_upload{display:none;}

	.btn_file_add{width:47px; height:43px; margin-left:0;
	  background:#fafafa url("../images/icon/file_add.png") no-repeat center center; border:1px solid #ccc !important;
	  
	}


	.note-btn.btn{height:auto;}


	/* 영상 */
	.video_area{margin:0 -15px; padding:20px 15px 30px; border-left:0; border-right:0;}

	.video_info_area{margin-top:25px; padding-top:0;}
	.title_video{margin-bottom:10px; font-size:20px;}

	.video_info_list{}
	.video_info_list li{padding-left:10px; font-size:14px; line-height:37px;}
	.video_info_list li:before{width:4px; height:1px;}
	.video_info_list li strong{width:60px;}

	.video_text{height:104px; padding:15px; font-size:13px; line-height:18px;}

	.btn_video_area{margin-top:15px;}
	.btn_video_area a{height:32px; font-size:14px; line-height:32px;}
	.btn_video_area a img{width:11px; margin-right:0;}


	.summary_area{margin:35px -15px 33px;}
	.title_summary{min-height:16px; padding-left:28px; margin-left:15px; background-size:17px; font-size:18px;}

	.summary_text_area{min-height:128px; padding:10px 15px; margin-top:10px;
	  font-size:13px; line-height:23px;
	}
	
	.summary_area .my_board_btn{margin:0 15px 15px;}

	.bottom_list_area{margin:0 -15px; position:relative;}
	.bottom_list_area .btn_list{right:15px;}

	.title_list{height:21px; padding-left:27px; margin-left:15px; background-size:20px !important; font-size:15px; line-height:21px;}

	.view_list{margin-top:15px; border-left:0; border-right:0;}
	.view_list li{padding:8px 15px 8px 15px;}

	.view_list li a{display:block; width:74%;}
	.view_list li .list_thumb{height:auto;}

	.title_view_list{font-size:15px;}
	.view_list_date{margin-top:10px; font-size:13px;}
	.view_list_date span{margin-right:5px; padding-right:6px;}

	.btn_more_list{margin-top:16px;}
	.btn_more_list button{height:38px; border-left:0; border-right:0; font-size:13px; line-height:38px;}
	.btn_more_list button:after{display:inline-block; content:""; width:16px; height:16px; margin-left:5px;
	  background-image:url("../images/m/board/btn_more.png"); background-size:100%; vertical-align:middle; 
	}


	.my_board_btn{margin-bottom:15px;}
	.my_board_btn a{width:auto; height:30px; padding:0 15px; font-size:14px; line-height:30px;}
	.my_board_btn a img{width:13px; margin-right:0;}

	.view_contents + .my_board_btn{margin-top:15px;}
	
	.my_board_btn .select_type1{height:30px; line-height:30px;}
	
	.thumb_uploader{margin-bottom:15px;}
	.thumb_uploader a{width:auto; height:22px; padding:0 15px; font-size:11px; line-height:22px;}
	.thumb_uploader a img{width:11px; margin-right:0;}

	.view_contents + .thumb_uploader{margin-top:15px;}	


	/* 원우수첩 */
	.member_note_search{padding-top:0; padding-bottom:12px; margin-bottom:3px;}

	.input_note{height:30px; padding-left:10px; font-size:12px; line-height:30px;}
	select.input_note{padding-left:10px; background-size:4px;}

	.btn_search2{width:30px; height:30px; background-size:15px;}

	.member_search{padding-left:69px; padding-right:30px;}
	.member_search select.input_note{width:70px;}

	.member_search_select{margin-top:5px;}


	.member_note_list{margin-bottom:30px;}
	.member_note_list > li{margin-top:12px;}

	.member_card{padding:15px 17px;}

	.member_profile{width:36.86%;}
	.member_profile img{width:79px; height:79px;}

	.member_note_info{float:right; width:62.88%;}

	.member_note_info > a{margin-bottom:7px; font-size:14px;}
	.member_note_info > a:after{width:8.5px; height:7px; margin-top:-3.5px; background-size:100%; }

	.phone_email_text li{font-size:12px;}

	.btn_call_email{margin-top:13px;}
	.btn_call_email li{margin-left:0;}
	.btn_call_email li a{display:block; height:25px; padding:0 12px 0 8px;
	  font-size:11px; line-height:25px;
	}

	.btn_call_email .call{display:inline-block;}

	.member_note_list > li:hover .member_card{padding:14px 16px;}

	.layer_pop.member_note .layer_area{width:auto; height:auto; padding:0; margin-left:0; margin-top:0;
	  background-image:none; border-top:13px solid #4759a3;
	  left:0; top:47px; right:0; bottom:0; z-index:5;
	}

	.close_layer_note{width:24px; height:24px; margin-left:-12px; top:-45px;}
	.close_layer_note:before, .close_layer_note:after{width:15px; height:2px; margin-left:-7.5px; top:10px;}

	.member_note_card{padding:0; border:1px solid #4859a4; border-radius:0;}
	.member_note_card .member_profile{width:101px; height:170px;}
	.member_note_card .member_profile img{width:101px; height:170px; border:0; border-radius:0;}
	.member_note_card .member_note_info{float:left; width:59.58%; padding-top:28px; padding-bottom:10px; margin-left:20px;}

	.member_note_card .member_note_info > a{font-size:15px;}

	.member_note_card .phone_email_text li{margin-top:7px; font-size:13px;}

	.member_note_card .btn_call_email{margin-top:10px; text-align:right;}
	.member_note_card .btn_call_email li a{height:30px; font-size:12px; line-height:30px;}


	.member_note_detail{margin:15px 4.58% 12px;}

	.note_detail_title{height:20px; padding-left:25px; background-size:auto 15px;
	  font-size:13px; line-height:23px;
	}

	.note_detail_list{margin-top:10px;}
	
	
	/* 190228 삭제하기 버튼 추가 */
	.btn_delete{width:92px; height:42px; font-size:16px; line-height:42px;}
	
	.file_input_div + .add_btn_area{margin-left:0; margin-top:5px;}


	/* 200305 추가 */
	.title_video{margin-bottom:10px;}
	.video_info_list{margin-top:0;}
	/* //200305 추가 */
	
	
	/* 200403 추가 */
	.board_video_list{margin:0 -15px;}
	.board_video_list li{padding-left:15px; padding-right:15px;}
	
	
	/* 200512 영상게시판 추가 */
	.writer_hit_list li{height:38px; padding-left:10px; margin-left:20px;
	  font-size:14px; line-height:38px;
	}
	.writer_hit_list li:before{width:5px;}


	/* 200529 영상게시판 쓰기 페이지 디스크립션 추가 */
	.board_descript{padding-left:14px; margin-top:0; margin-bottom:10px; font-size:13px;}

	.board_descript{position:relative;}
	.video_descript{position:initial;}

	.video_descript_layer{padding:15px; top:20px; left:14px;}
	.video_descript_layer img{width:250px;}
		

	/* 200622 추가 */
	.board_search_area2{height:auto; margin-top:30px; padding-left:0; padding-right:50px;}
	.board_search_area2 .input_search{height:50px; font-size:15px; line-height:50px;}
	.board_search_area2 .btn_search{width:50px; height:50px;}


	
}