@charset "utf-8";

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../../fonts/noto-sans-kr-v11-korean_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-300.woff') format('woff'), /* Modern Browsers */
         url('../../../../../fonts/NotoSansKR-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
  /* noto-sans-kr-500 - korean_latin */
  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../../fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
         url('../../../../../fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../../../fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../../../../fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
         /*url('../../../../../fonts/NotoSansKR-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../../../../fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
  /* noto-sans-kr-500 - korean_latin */
  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('../../../../../fonts/noto-sans-kr-v11-korean_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-500.woff') format('woff'), /* Modern Browsers */
         url('../../../../../fonts/NotoSansKR-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
  /* noto-sans-kr-700 - korean_latin */
  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('../../../../../fonts/noto-sans-kr-v11-korean_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-700.woff') format('woff'), /* Modern Browsers */
         url('../../../../../fonts/NotoSansKR-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../../../../fonts/noto-sans-kr-v11-korean_latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

#boardModule th,
#boardModule td,
#boardModule a {font-family:'Noto Sans KR';color:#323232;}

#boardModule a:link {text-decoration: none;}
#boardModule a:visited {text-decoration: none;}
#boardModule a:hover,a:active {text-decoration: none; color: #ff7777;}
#boardModule a {cursor:pointer;}

/* Button Common */
#boardModule .button,
#boardModule .button *{ position:relative; margin:0; padding:7px 15px; display:inline-block; text-decoration:none !important; border:0; font-size:14px; font-family:'Noto Sans KR'; white-space:nowrap; background: no-repeat; vertical-align:middle; overflow:hidden; color:#323232; text-align:center; font-weight:300;}
#boardModule .button { margin-right:5px; border:1px solid #ededed; border-radius:5px;}
#boardModule .button *{ cursor:pointer; _cursor:hand; display:block;}

/* Button Size = medium | large | xLarge | small */
#boardModule .button.small,
#boardModule .button.small *{color: #323232;}
#boardModule .button.medium,
#boardModule .button.medium *{color: #323232;}
#boardModule .button.large,
#boardModule .button.large *{color: #323232;}
#boardModule .button.xLarge,
#boardModule .button.xLarge *{color:#323232;}

/* #boardModule .button.small { background-position:left 0;}
#boardModule .button.medium { background-position:left -30px;}
#boardModule .button.large { background-position:left -65px;}
#boardModule .button.xLarge { background-position:left -106px;} */

#boardModule .button.small *{ padding:0; font-size:14px;}
#boardModule .button.medium *{ padding:0; font-size:14px;}
#boardModule .button.large *{ padding:0; font-size:14px;}
#boardModule .button.xLarge *{ padding:0; font-size:14px;}

#boardModule .button.strong *{ font-weight:500 !important;}

/* #boardModule .button.icon *{ padding-left:20px;} */
#boardModule .button.small.icon *{ padding-left:16px;}
#boardModule .button.icon span{ width:30px; margin-right:-20px; padding:0 !important;}
#boardModule .button.xLarge .check{ background-position:5px -147px;}
#boardModule .button.medium .write{ background-position:0 -150px; display:none;}

#boardModule .button.medium .add{ background-position:-16px -152px;}
#boardModule .button.large .add{ background-position:-14px -150px;}
#boardModule .button.xLarge .add{ background-position:-14px -144px;}
#boardModule .button.small .add{ background-position:-18px -152px;}

#boardModule .button.medium .delete{ background-position:-34px -150px;}
#boardModule .button.large .delete{ background-position:-34px -146px;}
#boardModule .button.xLarge .delete{ background-position:-34px -144px;}
#boardModule .button.small .delete{ background-position:-37px -153px;}
#boardModule .button.medium .calendar{ background-position:-56px -150px;}
#boardModule .button.large .calendar{ background-position:-56px -146px;}
#boardModule .button.xLarge .calendar{ background-position:-56px -144px;}
#boardModule .button.small .calendar{ background-position:-59px -153px;}
#boardModule .button.medium .refresh{ background-position:-76px -150px;}
#boardModule .button.large .refresh{ background-position:-76px -146px;}
#boardModule .button.xLarge .refresh{ background-position:-76px -144px;}
#boardModule .button.small .refresh{ background-position:-79px -153px;}
#boardModule .button.medium .download{ background-position:-96px -151px;}
#boardModule .button.large .download{ background-position:-96px -147px;}
#boardModule .button.xLarge .download{ background-position:-96px -145px;}
#boardModule .button.small .download{ background-position:-99px -154px;}

#boardModule {padding:0;}

#boardModule h3.board_title {padding: 17px 0 0 6px; margin-bottom:12px; display:none;}
#boardModule h3.board_title span {margin: 2px 12px 0 0; font-weight:normal;}
#boardModule h3.board_title span.bar {margin: 2px 5px 0 5px; color: #e9e9e9;}

#boardModule h3 a,
#boardModule h3 a:hover,
#boardModule h3 a:visited,
#boardModule h3 a:active {font-size:14px; letter-spacing: -1px; margin-top: 0;}
#boardModule .board_description {padding:0 0 5px 6px; color:#7F7F7F;}

#boardModule .board_category {margin-bottom:10px; padding:8px; border:0;}
#boardModule .board_category ul {list-style:none; margin:0 0 7px 0; padding:0;text-align:center;}
#boardModule .board_category li {display:inline; font-family:'Noto Sans KR'; font-weight:500; border-radius:3px; padding:0 8px; margin:0 5px; height:18px; line-height:18px;color:#ff7777;border:1px solid #ff7777;letter-spacing:-0.8px;}
#boardModule .board_category li:hover {background:#ff7777;color:white;}
#boardModule .board_category li:hover a {color:white;}
#boardModule .board_category li a {font-family:'Noto Sans KR';color:#ff7777;}
#boardModule .board_category li.first {margin-left:0;}
#boardModule .board_category li.selected {background:#ff7777;color:white;}
#boardModule .board_category li.selected a {font-family:'Noto Sans KR';font-weight:500;color:white;}
#boardModule .board_category li span {font-size:11px; font-family:'Noto Sans KR';}

#boardModule .board_top {clear: both; /*padding: 4px 7px 7px 6px; margin-bottom:15px;*/}
#boardModule .board_top .total_article {float:left; display: none;}
#boardModule .board_top .total_article strong {color:#f8571e;}
#boardModule .board_top .right {float:right;}
#boardModule .board_top .right ul {list-style:none; margin:0; padding:0;}
#boardModule .board_top .top_button {float:left;}
#boardModule .board_top .top_button li {position:relative; display:inline; padding:3px 5px 0 5px; background:url(/artyboard/skin/board/v30_icord/images/white/bar.gif) no-repeat right center; float:left;}
#boardModule .board_top .top_button li a {font-size:11px;}
#boardModule .board_top .list_style {float:left; margin-left:5px;}
#boardModule .board_top .list_style li {position:relative; float:left; margin-left:2px; display:inline; list-style:none; padding:0;}
#boardModule .board_top .list_style li a {display:block; float:left; width:20px; height:20px; overflow:hidden; background-repeat:no-repeat; background-image:url(/artyboard/skin/board/v30_icord/images/white/icon_list.gif);}
#boardModule .board_top .list_style li a span {position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
#boardModule .board_top .list_style li.default a {background-position:0 0;}
#boardModule .board_top .list_style li.default a.active {background-position:0 -30px;}
#boardModule .board_top .list_style li.webzine a {background-position:0 -60px;}
#boardModule .board_top .list_style li.webzine a.active {background-position:0 -90px;}
#boardModule .board_top .list_style li.gallery a {background-position:0 -120px;}
#boardModule .board_top .list_style li.gallery a.active {background-position:0 -150px;}

#boardModule .list_header {height:50px; position:relative; padding:6px 6px 0 5px;}

#boardModule .list_body .bbsList {clear:both; width:100%; border-collapse:collapse;}
#boardModule .list_body .bbsList th {height: 50px; text-align: center; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; font-size: 16px; white-space:nowrap; border-color: #ededed; font-weight: 500; color: #ff7777; padding: 0 17px;}
#boardModule .list_body .bbsList th a {font-size:16px; font-weight: 500; color: #ff7777;}
#boardModule .list_body .bbsList th.title {width:100%;}
#boardModule .list_body .bbsList td {padding: 0 10px; border-width: 1px; border-bottom-style: solid; border-color: #ededed; white-space:nowrap; height: 50px; font-size: 16px;font-weight:400;letter-spacing:-0.8px;text-align: center;}
#boardModule .list_body .bbsList td.check,
#boardModule .list_body .bbsList td.num {text-align: center; padding: 0 17px;font-weight:500;}
#boardModule .list_body .bbsList td.notice {text-align: center; font-size:16px; font-weight:500;}
#boardModule .list_body .bbsList td.notice span {padding:2px 12px;border-radius:5px;color:rgb(255, 73, 73);background:#ffe0e0; font-family: 'Noto Sans KR';font-weight:500;font-size:15px;border:1px solid rgb(255, 157, 157);}
/* #boardModule .list_body .bbsList td.category {text-align:center; color:#A1A1A1;} */
#boardModule .list_body .bbsList td.title {width:100%; white-space:normal; text-align:left; word-break:break-all; word-wrap:break-word;}
#boardModule .list_body .bbsList .catg {font-size:14px;font-family:'Noto Sans KR';letter-spacing:-0.8px;font-weight:500; color:white;padding:1px 5px;background:#ff7777;border-radius:3px;margin-right: 8px;}

#boardModule .list_body .bbsList td.notice ~ td {font-weight:500;}

#boardModule .list_body .bbsList td.title {width:100%; white-space:normal; text-align:left; word-break:break-all; word-wrap:break-word; font-weight: 400; padding: 0 20px;letter-spacing: -0.8px;}

#boardModule .list_body .bbsList td.title img{vertical-align:middle; margin:0 1px;}
#boardModule .list_body .bbsList td.nick,
#boardModule .list_body .bbsList td.userid,
#boardModule .list_body .bbsList td.username {text-align:center;}
#boardModule .list_body .bbsList td.date,
#boardModule .list_body .bbsList td.count {font-size: 16px; font-family: 'Noto Sans KR'; text-align: center; font-weight: 400; padding: 0 20px;}
#boardModule .list_body .bbsList span.comment {color:#FC764B; font-size:10px; font-family: 'Noto Sans KR';}

#boardModule .list_body .icon_new {background:url(/artyboard/skin/board/v30_icord/images/white/icon_new.png) no-repeat; width:16px; height:16px; vertical-align:middle; margin-left:5px;}
#boardModule .list_body .icon_file {background:url(/artyboard/skin/board/v30_icord/images/white/icon_file.png) no-repeat; width:18px; height:17px; vertical-align:middle; margin-left:5px;}
#boardModule .list_body .icon_image {background:url(/artyboard/skin/board/v30_icord/images/white/icon_image.gif) no-repeat; width:11px; height:11px; vertical-align:middle; margin-left:5px;}
#boardModule .list_body .icon_secret {background:url(/artyboard/skin/board/v30_icord/images/white/icon_secret.gif) no-repeat; width:11px; height:11px; vertical-align:middle; margin-left:5px;}
#boardModule .list_body .icon_pri {background:url(/artyboard/skin/board/v30_icord/images/white/icon_pri_right.gif) no-repeat; width:13px; height:13px; vertical-align:middle;}
#boardModule .list_body div.event_secret {background:#333333;color:white;padding:3px 0;font-family:'Noto Sans KR';font-size:12px;font-weight:500;word-break: keep-all;margin-top:7px;text-align:center;cursor: default;}

/* #boardModule .list_body .bbsWebzine {clear: both; width: 100%; border-collapse: collapse; line-height: 1.6;}
#boardModule .list_body .bbsWebzine td {padding:15px 6px 15px 6px; border-bottom:1px solid #E9E9E9;}
#boardModule .list_body .bbsWebzine .thumb {float:left; clear:right; margin-right:20px;}
#boardModule .list_body .bbsWebzine .thumb img {}
#boardModule .list_body .bbsWebzine span.extraVar{font-size:12px; color:#A1A1A1; background-image:url('/artyboard/skin/board/v30_icord/images/white/bar.gif'); background-repeat: no-repeat; padding-right:7px; background-position:right center;}
#boardModule .list_body .bbsWebzine span.comment {color:#FC764B; font-size:10px; font-family:tahoma;}
#boardModule .list_body .bbsWebzine span.num {font:9px Tahoma;}
#boardModule .list_body .bbsWebzine .meta {position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap;}
#boardModule .list_body .bbsWebzine .meta li {position:relative; left:-10px; display:inline; padding:0 5px 0 10px; background-repeat:no-repeat; background-position:left center; background-image:url(/artyboard/skin/board/v30_icord/images/white/bar.gif);}
#boardModule .list_body .bbsWebzine .meta li.date {font:9px Tahoma;}
#boardModule .list_body .bbsWebzine td.title p.summary {line-height:18px; margin-bottom:8px;}
#boardModule .list_body .bbsWebzine td.title p.summary a {text-decoration:none;} */

#boardModule .list_body .bbsWebzine {clear: both; width: 100%; display:block; margin:0 auto;}
#boardModule .list_body .bbsWebzine ul {clear:both; list-style-type:none; position:relative; margin:0; padding:0; text-align:center;}
#boardModule .list_body .bbsWebzine li {width:280px; background:#fff; border:1px solid #ededed; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; letter-spacing:-0.3px; display:inline-block; margin: 0 15px 15px 15px; text-align:left;vertical-align:top;}
#boardModule .list_body .bbsWebzine li:hover h3 {color:#ff7777;}
#boardModule .list_body .bbsWebzine li:hover h3.event_end {color:rgb(102, 102, 102);}
#boardModule .list_body .bbsWebzine dt {width:280px; height:280px; display:block;}
#boardModule .list_body .bbsWebzine li:hover dt {opacity:0.8;}
#boardModule .list_body .bbsWebzine div.thumb {cursor: default;background:rgba(51, 51, 51, 0.562);position:relative;}
#boardModule .list_body .bbsWebzine .end_blind {background:rgba(51, 51, 51, 0.562);color:#fff;font-family:'Noto Sans KR';font-weight:500;font-size:14px;position: absolute;width:100%;height:100%;text-align:center;line-height:280px;overflow:hidden;}
#boardModule .list_body .bbsWebzine .thumb {border:0; overflow:hidden;width:280px;height:280px;}
#boardModule .list_body .bbsWebzine .thumb img {width:100%; height:100%;}
#boardModule .list_body .bbsWebzine dl {position:relative;}
#boardModule .list_body .bbsWebzine dd h3 {color:#323232; font-size:18px; margin-bottom:25px; display:block; transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all; font-weight:500;font-family: 'Noto Sans KR';word-break:keep-all;}
#boardModule .list_body .bbsWebzine dd h3.event_end {color:rgb(102, 102, 102);cursor: default;}
#boardModule .list_body .bbsWebzine dd h4 {color:#8a8a8a; font-size:14px; display:block; transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all; word-break:keep-all; font-weight:400;font-family:'Noto Sans KR';}
#boardModule .list_body .bbsWebzine dd h4.event_end {cursor: default;}
#boardModule .list_body .bbsWebzine span.extraVar{font-size:15px; font-family:'Noto Sans KR'; font-weight:500; color:#8a8a8a; padding-bottom:3px; line-height:1.5; text-align:left;}
#boardModule .list_body .bbsWebzine dd.post-basic-info-1 {padding:7% 7% 0 7%;}
#boardModule .list_body .bbsWebzine dd.post-basic-info-2 {padding:0 7% 7% 7%;}

#boardModule .list_body .bbsWebzine span.comment {color:#FC764B; font-size:14px; font-family:'Noto Sans KR';}
#boardModule .list_body .bbsWebzine span.num {font-size:9px; font-family:'Noto Sans KR'}




#boardModule .list_body .bbsGallery {clear:both; width: 100%;}/*border-bottom:1px solid #ededed;*/
#boardModule .list_body .bbsGallery ul {clear:both; margin:20px auto 15px auto; display: block; text-align: center;}
#boardModule .list_body .bbsGallery li {display: inline-block; width:280px; height:100%; margin:0 15px; overflow: hidden; text-align: center; border: 1px solid #ededed; padding: 25px; border-radius: 17px; background: white; margin-bottom: 35px; }
#boardModule .list_body .bbsGallery li .gallthum {min-width:280px;min-height:280px;}
#boardModule .list_body .bbsGallery dl {position:relative; overflow: hidden;}
#boardModule .list_body .bbsGallery dt {position:relative; width:280px; height:280px; overflow:hidden;}
#boardModule .list_body .bbsGallery dt a {text-align:center; width:100%; z-index:1; position: relative; display:block;}
#boardModule .list_body .bbsGallery dd {list-style:none; margin:5px 0 0 0; white-space:nowrap; overflow:hidden;}
#boardModule .list_body .bbsGallery dd.bar {margin: 0 4px; color: #e9e9e9;}
#boardModule .list_body .bbsGallery dd.num {color:#A1A1A1; margin: 0;}
#boardModule .list_body .bbsGallery dd.date {font-size:14px; color:#A1A1A1;}
#boardModule .list_body .bbsGallery dd.count {font-size:11px;}
#boardModule .list_body .bbsGallery span.comment {color:#FC764B; font-size:14px; font-family:'Noto Sans KR';}
#boardModule .list_body .bbsGallery span.num {font-size:11px;}
#boardModule .list_body .bbsGallery .subject {margin-top:20px; font-size: 15px;}

#boardModule .list_footer {clear:both;}
#boardModule .list_footer .button_area {padding: 7px 7px 7px 6px;}
#boardModule .list_footer .searchForm {clear:both; margin-top:22px; padding-bottom:40px;}
#boardModule .list_footer .searchForm form {text-align: center; float:left; width:100%; margin:0; padding:0;}
#boardModule .list_footer .searchForm form fieldset {margin:0; padding:0; border:0;}
#boardModule .list_footer {clear:both;}
#boardModule .list_footer .button_area {padding: 40px 7px 7px 6px;}
#boardModule .list_footer .searchForm {clear:both; margin-top:30px; padding-bottom:40px; height: auto;}
#boardModule .list_footer .searchForm form {text-align: center; float:left; width:100%; margin:0; padding:0; vertical-align:middle;}
#boardModule .list_footer .searchForm form fieldset {margin:0; padding:0; border:0; vertical-align: middle; height: 36px;}
#boardModule .list_footer .searchForm form legend {position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
#boardModule .list_footer .searchForm form select {vertical-align:top; height:36px; box-sizing:border-box; font-size: 14px; font-weight: 400; padding-left: 7px; padding-right: 10px; border:1px solid #ededed; color: #323232; font-family: 'Noto Sans KR'; font-weight:400; margin: 0px 5px 0px 0;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: url('/artyboard/skin/board/v30_icord/../../../../../img/sub/select_down.png') no-repeat 90% 50%;}
#boardModule .list_footer .searchForm form select option {color: #323232; font-family: 'Noto Sans KR'; font-weight:400;}
#boardModule .list_footer .searchForm form select::-ms-expand {display: none;font-family: 'Noto Sans KR'}

#boardModule .inputText, 
#boardModule .inputTextarea {padding:3px 3px; font-size:14px; color: #323232; border:1px solid #ededed; height: 36px; background:transparent; box-sizing:border-box; font-family: 'Noto Sans KR';}
#boardModule .list_footer .searchForm form span {display: inline-block; margin-top: -4px;}
#boardModule .list_footer .searchForm form span input {display: block;}
#boardModule .list_footer .searchForm form .my_post {font-size:14px; text-decoration:none; color:#323232; text-align:center; font-weight:500; padding: 7px 15px; border:1px solid #ededed; border-radius:5px;box-sizing:border-box; position: relative;}
#boardModule .list_footer .searchForm form .view_tag {float:right; width:20px; margin-top:-20px;}
#boardModule .list_footer .searchForm form .btn_tag_list {background: url('/artyboard/skin/board/v30_icord/images/white/tags.png') no-repeat; width: 16px; height: 16px; text-indent:-1000em; overflow:hidden; float:left;}

#boardModule .pagingArea {font-size: 0; margin-top:0px; text-align:center;}
#boardModule .pagingArea .prev_page {font-size: 14px; color:#323232; padding:8px 16px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #ededed; margin: 0; box-sizing: border-box;}
#boardModule .pagingArea .next_page {font-size: 14px; color:#323232; padding:8px 16px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #ededed; margin: 0; box-sizing: border-box;}
#boardModule .pagingArea .prev_page_disabled {font-size: 14px; color:#323232; padding:8px 16px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #ededed; margin: 0; box-sizing: border-box;}
#boardModule .pagingArea .prev_page_disabled:hover {text-decoration:none;}
#boardModule .pagingArea .next_page_disabled {font-size: 14px; color:#323232; padding:8px 16px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #ededed; margin: 0; box-sizing: border-box;}
#boardModule .pagingArea .next_page_disabled:hover {text-decoration:none;}
#boardModule .pagingArea span {margin: 0; padding: 0; font-family: 'Noto Sans KR'; font-size: 0;}
#boardModule .pagingArea span a {color:#323232; font-size:14px; font-weight:400; padding:8px 16px; border:1px solid #ededed; margin: 0;}
#boardModule .pagingArea span a:hover {color:white; font-size:14px; font-weight:500; border:1px solid #bebebe; background:#bebebe;}
#boardModule .pagingArea span a.current_page {color:white; border:1px solid #bebebe; cursor:default; background:#bebebe; font-weight:500; margin: 0; box-sizing: border-box;}
#boardModule .pagingArea span a.current_page:hover {color:white; cursor:default; text-decoration:none;}
#boardModule .pagingArea.base span a {margin-right:0;}

#boardModule .write_header {padding:5px 0 5px 0; border-top:1px solid #E9E9E9;font-family: 'Noto Sans KR';}
#boardModule .write_header table {clear: both; width: 100%; border-collapse: collapse; line-height: 1.6; margin-bottom:5px;}
#boardModule .write_body table {clear: both; width: 100%; border-collapse: collapse; line-height: 1.6;}
#boardModule .write_header th,
#boardModule .write_body th {width:120px; text-align:left;font-size:15px;color:#323232;padding:10px 0;}

#boardModule .write_header .title_editor {border:1px solid #D5D5D5; height:30px; *display:inline-block;}
#boardModule .write_header .title_editor:after{display:block;clear:both;content:''}
#boardModule .write_header .title_editor h4 {display:none;}
#boardModule .write_header .title_input {float:left;width:100%;}
#boardModule .write_header .title_input input {width:100%; height: 25px; line-height: 27px; border:none; text-indent: 3px;}

#boardModule .write_header .title_button {float:right; position:relative;left:150px;width:130px; height:30px; background:#F8F8F8; border-left:1px solid #D5D5D5;}
#boardModule .write_header .title_button ul {list-style:none; margin:3px 0 0 5px; padding:0;}
#boardModule .write_header .title_button li {float:left;}
#boardModule .write_header .title_button a {text-decoration:none;}
#boardModule .write_header .title_button .btn_font_size {background:url(/artyboard/skin/board/v30_icord/images/white/icon_title_style.gif) no-repeat; background-position:0 0; float:left; width:42px; height:23px; line-height:23px; margin-right:3px;}
#boardModule .write_header .title_button .btn_font_size_on {background:url(/artyboard/skin/board/v30_icord/images/white/icon_title_style.gif) no-repeat; background-position:0 -30px; float:left; width:42px; height:23px; line-height:23px; margin-right:3px;}
#boardModule .write_header .title_button .btn_font_size span,
#boardModule .write_header .title_button .btn_font_size_on span {padding-left:4px;}
#boardModule .write_header .title_button .btn_font_bold {background:url(/artyboard/skin/board/v30_icord/images/white/icon_title_style.gif) no-repeat; background-position:0 -60px; float:left; width:21px; height:23px; line-height:23px; text-indent:-1000em;}
#boardModule .write_header .title_button .btn_font_bold_on {background:url(/artyboard/skin/board/v30_icord/images/white/icon_title_style.gif) no-repeat; background-position:0 -90px; float:left; width:21px; height:23px; line-height:23px; text-indent:-1000em;}
#boardModule .write_header .title_button .btn_font_color {background:url(/artyboard/skin/board/v30_icord/images/white/icon_title_style.gif) no-repeat; background-position:-21px -60px; float:left; width:31px; height:23px; line-height:23px; text-indent:-1000em; margin-right:3px;}
#boardModule .write_header .title_button .btn_font_color_on {background:url(/artyboard/skin/board/v30_icord/images/white/icon_title_style.gif) no-repeat; background-position:-21px -90px; float:left; width:31px; height:23px; line-height:23px; text-indent:-1000em; margin-right:3px;}
#boardModule .write_header .title_button .btn_font_reset {background:url(/artyboard/skin/board/v30_icord/images/white/icon_title_style.gif) no-repeat; background-position:-0 -120px; float:left; width:21px; height:23px; line-height:23px; text-indent:-1000em;}
#boardModule .write_header .title_button .btn_font_reset_on {background:url(/artyboard/skin/board/v30_icord/images/white/icon_title_style.gif) no-repeat; background-position:-0 -150px; float:left; width:21px; height:23px; line-height:23px; text-indent:-1000em;}
#boardModule .write_header .title_editor .font_size_select {left:-234px; width:280px; position:absolute; top:31px; border:1px solid #CCC; display:none; background-color:#FFF; z-index:999;}
#boardModule .write_header .title_editor .font_size_select li {float:none; padding:0; display:block; overflow:hidden;}
#boardModule .write_header .title_editor .font_size_select a {font-family:'Noto Sans KR', sans-serif; display:block; width:100%; padding:5px;}
#boardModule .write_header .title_editor .font_size_select a:hover {background-color:#EEE;}
#boardModule .write_header .title_editor .font_size_select a.tx-8pt {font-size:8pt;}
#boardModule .write_header .title_editor .font_size_select a.tx-9pt {font-size:9pt;}
#boardModule .write_header .title_editor .font_size_select a.tx-10pt {font-size:10pt;}
#boardModule .write_header .title_editor .font_size_select a.tx-12pt {font-size:12pt;}
#boardModule .write_header .title_editor .font_size_select a.tx-18pt {font-size:18pt;}
#boardModule .write_header .title_editor .font_color_select {left:-70px;width:160px; position:absolute; top:31px; border:1px solid #bababa; display:none; background-color:#FFF; padding:5px; *padding:2px; z-index:999;}
#boardModule .write_header .title_editor .font_color_select ul {margin:0; padding:0;}
#boardModule .write_header .title_editor .font_color_select li {cursor:pointer; padding:6px; *padding:0 6px 0 6px; margin:1px;}

#boardModule .write_body td ul {list-style:none; margin:0; padding:0;font-family: 'Noto Sans KR';}
#boardModule .write_body .write_opt li,
#boardModule .write_body .check_form li,
#boardModule .write_body .radio_form li {display:inline; margin-right:5px;font-family: 'Noto Sans KR';font-size:14px;}
#boardModule .write_body .addr li {clear:both;font-family: 'Noto Sans KR';}
#boardModule .write_body .addr p {height:26px;font-family: 'Noto Sans KR';}
#boardModule .write_body .btn_calendar {background:url('/artyboard/skin/board/v30_icord/images/white/btn_calendar.gif') no-repeat; width:20px; height:21px; text-indent:-1000em; overflow:hidden; border: 0; margin: 0; padding: 0; cursor: pointer; cursor: hand; vertical-align:bottom;font-family: 'Noto Sans KR';}
#boardModule .write_body #imgCaptcha {border:1px solid #444;font-family: 'Noto Sans KR';}
#boardModule .write_body .captcha_form li {display:inline-block; font-size:14px;margin-right:5px;font-family: 'Noto Sans KR';vertical-align: middle;}
#boardModule .write_footer {clear: both; padding: 15px 7px 7px 6px; border-top:1px solid #E9E9E9; position: relative; text-align:center; margin-top:10px;font-family: 'Noto Sans KR';}

#boardModule .read_header {clear: both; margin-top: 0px; border-top:1px solid #323232;border-bottom:1px solid #ededed;}
#boardModule .read_header h4 { font-family: 'Noto Sans KR'; font-weight:700; color: #323232; word-break:keep-all;}
#boardModule .read_header h4.left{text-align:left;padding: 40px 80px 10px 10px;font-size: 24px; letter-spacing:-0.8px;}
#boardModule .read_header h4.center{text-align:center;padding: 40px 80px;font-size:28px;}
/* #boardModule .read_header span.bar {border-right:1px dotted #808080;} */
#boardModule .read_header span.bar {content:""; width:1px; height:13px; display:inline-block;background:#8d8d8d;font-size:0;}
#boardModule .read_header h4 span.category {color: #999; display: none;}
#boardModule .read_header ul {padding: 10px 10px 20px 10px; margin-bottom: 10px; z-index: 1; list-style:none; text-align:left; font-family: 'Noto Sans KR';font-weight: 500;color:#808080;font-size:0;}
#boardModule .read_header li {display:inline-block; font-family: 'Noto Sans KR';font-weight:500;color:#808080; font-size:15px;padding:0 10px;font-size:15px;}
#boardModule .read_header li:first-child{padding-left:0;}
#boardModule .read_header li:last-child{padding-right:0;}
#boardModule .read_header li.stext {font-size:15px;font-weight:500;color:#808080;}

#boardModule .read_body {padding:60px 10px 0 10px; font-family:'Noto Sans KR'; letter-spacing: -0.8px;}
#boardModule .read_body .extraVarsList {clear:both; width:100%; border:0; border-collapse:collapse; text-align:center; padding:0; margin:0 0 50px 0; font-size:0;}
#boardModule .read_body .extraVarsList tr {display: inline-block; padding:0 20px; border-right: 2px solid #d3d3d3; line-height: 1;}
#boardModule .read_body .extraVarsList tr:last-child {border-right: 0;}
#boardModule .read_body .extraVarsList th {color: #ff7777; padding-right:12px; font-weight:500; text-align:left; font-size:16px;}
#boardModule .read_body .extraVarsList td {font-weight:400; font-size:16px; color:#323232;}
#boardModule .read_body .contents {padding: 10px 0 0 0; word-wrap: normal; word-break: normal; zoom:1; line-height:1.6;font-family:'Noto Sans KR' !important; font-weight:400;font-size:16px}
#boardModule .read_body .contents p {font-family:'Noto Sans KR' !important; font-weight:400;font-size:16px;}
#boardModule .read_body .contents tr td {padding:5px 10px;}
#boardModule .read_body .contents tr td tr td {padding:2px 5px;word-break:keep-all;}

#boardModule .read_footer {padding:0 10px 0 10px;}
#boardModule .read_footer .file_list {margin:15px 0; display:inline; float:left}
#boardModule .read_footer .file_list .toggle_file {font-size:13px;}
#boardModule .read_footer .file_list .toggle_file strong {color:#ff2d2d; text-decoration:underline;}
#boardModule .read_footer .file_list .toggle_file span {font-size: 7px; font-family:sans-serif; padding: 0 2px 0 2px; color:#8C8F86;}
#boardModule .read_footer .file_list .files {display:block; list-style:none; margin:5px 0; padding:0; line-height:1.5;}
#boardModule .read_footer .file_list .files li {padding:6px 0;}
#boardModule .read_footer .file_list .files li a {font-size:14px;color:#16a39c;}
#boardModule .read_footer .file_list .files li span {font-size:11px; color:#999;font-family:'Noto Sans KR';font-weight:300;}
#boardModule .read_footer .file_list .attach_ext {padding:7px 6px 7px 36px; background:url("/artyboard/skin/board/v30_icord/images/white/icon_file_ext.png"); background-repeat:no-repeat; height:33px; width:33px;}
#boardModule .read_footer .file_list .attach_ext_gif {background-position:left -33px;}
#boardModule .read_footer .file_list .attach_ext_bmp {background-position:left -66px;}
#boardModule .read_footer .file_list .attach_ext_pdf {background-position:left -99px;}
#boardModule .read_footer .file_list .attach_ext_txt {background-position:left -132px;}
#boardModule .read_footer .file_list .attach_ext_jpg,
#boardModule .read_footer .file_list .attach_ext_jpeg {background-position:left -165px;}
#boardModule .read_footer .file_list .attach_ext_zip {background-position:left -198px;}
#boardModule .read_footer .file_list .attach_ext_egg {background-position:left -231px;}
#boardModule .read_footer .file_list .attach_ext_alz {background-position:left -264px;}
#boardModule .read_footer .file_list .attach_ext_avi {background-position:left -297px;}
#boardModule .read_footer .file_list .attach_ext_wmv {background-position:left -330px;}
#boardModule .read_footer .file_list .attach_ext_swf {background-position:left -363px;}
#boardModule .read_footer .file_list .attach_ext_flv {background-position:left -396px;}
#boardModule .read_footer .file_list .attach_ext_mp3 {background-position:left -429px;}
#boardModule .read_footer .file_list .attach_ext_htm,
#boardModule .read_footer .file_list .attach_ext_html {background-position:left -462px;}
#boardModule .read_footer .file_list .attach_ext_png {background-position:left -495px;}
#boardModule .read_footer .file_list .attach_ext_ppt {background-position:left -528px;}
#boardModule .read_footer .file_list .attach_ext_pptx {background-position:left -561px;}
#boardModule .read_footer .file_list .attach_ext_xls {background-position:left -594px;}
#boardModule .read_footer .file_list .attach_ext_xlsx {background-position:left -627px;}
#boardModule .read_footer .file_list .attach_ext_hwp {background-position:left -660px;}
#boardModule .read_footer .file_list .attach_ext_doc {background-position:left -693px;}
#boardModule .read_footer .file_list .attach_ext_docx {background-position:left -726px;}

#boardModule .read_footer .tns{ float:right; margin:15px 0;}
#boardModule .read_footer .tns a:hover,
#boardModule .read_footer .tns a:active,
#boardModule .read_footer .tns a:focus{text-decoration:underline}
#boardModule .read_footer .action{display:inline-block;line-height:16px;font-size:11px;margin:0 15px 0 0}
#boardModule .read_footer .sns {display:inline; margin:0; padding:0; list-style:none; vertical-align:top;}
#boardModule .read_footer .sns li {display:inline; vertical-align:top;}
#boardModule .read_footer .sns a {display:inline-block; height:16px; line-height:16px;}
#boardModule .read_footer .sns .link a {width:16px; height:0; padding:16px 0 0 0; overflow:hidden; background:url('/artyboard/skin/board/v30_icord/images/white/icon_sns.gif') no-repeat;}
#boardModule .read_footer .sns .twitter a {background-position:0 0;}
#boardModule .read_footer .sns .me2day a {background-position:-20px 0;}
#boardModule .read_footer .sns .facebook a {background-position:-40px 0;}
#boardModule .read_footer .sns .delicious a {background-position:-60px 0;}
#boardModule .read_footer .read_btn_area {position:relative; clear: both; display:block; padding: 10px 0 20px 0; text-align:center; margin-top: 50px;box-sizing:border-box;}
#boardModule .read_footer .read_btn_area .btn_left {float:left;}
#boardModule .read_footer .read_btn_area .btn_right {float:right;}
#boardModule .read_footer .read_btn_area .btn_right span.bar {padding:0 2px 0 3px; margin:0 4px; color: #e9e9e9;}
#boardModule .read_footer .read_btn_area .btn_right span.arrow {font-size: 7px; font-family:sans-serif; padding: 0; color:#8C8F86; display:inline-block;}
#boardModule .read_footer .read_btn_area .btn_right span.disabled {color:#A1A1A1;}

#boardModule .read_footer .prenext_paging {position:relative; clear:both; margin:30px 0 0 0; padding:0; list-style: none; border-top:1px solid #E9E9E9;}
#boardModule .read_footer .prenext_paging ul {list-style: none;}
#boardModule .read_footer .prenext_paging li {display:block;padding:30px 4px; line-height:1.5; font-size:17px; font-weight:500; color:#000000; border-bottom:1px solid #E9E9E9;}
#boardModule .read_footer .prenext_paging li a {display:block;}
#boardModule .read_footer .prenext_paging label {width:50px; display:inline-block; margin-left:30px; margin-right:20px; color:#8C8F86;}
#boardModule .read_footer .prenext_paging span.arrowTop {position:absolute; width:10px; height:10px; margin:10px 0 10px 3px; border-left: 1px solid #8C8F86; border-top: 1px solid #8C8F86; -webkit-transform:rotate(45deg); transform: rotate(45deg); box-sizing: border-box;}
#boardModule .read_footer .prenext_paging span.arrowBottom {position:absolute; width:10px; height:10px; border-left: 1px solid #8C8F86; border-bottom: 1px solid #8C8F86; -webkit-transform:rotate(-45deg); transform: rotate(-45deg); box-sizing: border-box; margin:10px 0 10px 3px;}
/* #boardModule .read_footer .prenext_paging span.bar {padding:0 2px 0 3px; margin:0 4px; color: #e9e9e9;} */
#boardModule .read_footer .prenext_paging span.date {color:rgb(112, 112, 112); font-size:13px; margin-left:5px;display:inline-block;font-family: 'Noto Sans KR';}

#boardModule .comment_header {clear:both; padding:20px 10px 10px 10px;}
#boardModule .comment_header h4 {color:#ff7777; font-size:13px; text-decoration:underline;}
#boardModule .comment_header h4 span {font-size:13px;}
#boardModule .comment_body {padding:0 10px 20px 10px; clear:both; margin-bottom:20px;}
#boardModule .comment_body .item {position:relative; border-top:1px dotted #ededed; *zoom:1;}
#boardModule .comment_body .item.line {border-top:1px solid #ededed; padding-top:5px;}
#boardModule .comment_body .itemReply .indent {padding-left:15px; background-repeat:no-repeat; background-position:0 1.3em; background-image:url("/artyboard/skin/board/v30_icord/images/white/icon_reply.png");}
#boardModule .comment_body .item .indent {position:relative; *zoom:1;}
#boardModule .comment_body .item .indent:after {content:""; display:block; clear:both;}
#boardModule .comment_body .item .indent1 {margin-left:15px;}
#boardModule .comment_body .item .indent2 {margin-left:30px;}
#boardModule .comment_body .item .indent3 {margin-left:45px;}
#boardModule .comment_body .item .indent4 {margin-left:60px;}
#boardModule .comment_body .item .indent5 {margin-left:75px;}
#boardModule .comment_body .item .indent6 {margin-left:90px;}
#boardModule .comment_body .item .indent7 {margin-left:105px;}
#boardModule .comment_body .item .indent8 {margin-left:120px;}
#boardModule .comment_body .item .indent9 {margin-left:135px;}
#boardModule .comment_body .item .indent10 {margin-left:150px;}
#boardModule .comment_body .item .item_aside {position:relative; float:left; width:100px; margin-right:-100px; padding:1em 0 0 0; *zoom:1; text-align:left; z-index:2;}
#boardModule .comment_body .item .item_aside ul {list-style:none; margin:0; padding:0;}
#boardModule .comment_body .item .item_aside ul li:first-child { font-size: 15px; font-weight: 500; color: #ff7777;font-family:'Noto Sans KR'}

#boardModule .comment_body .item .item_aside li.profile img {display:block; border:2px solid #EEE; margin-bottom:5px;}
#boardModule .comment_body .item .item_aside li.meta {font-size:9px; font-family:'Noto Sans KR', sans-serif; color:#8b8b8b; padding:3px 0 3px;}
#boardModule .comment_body .item .item_aside .vote {margin:0; *zoom:1; overflow:hidden;}
#boardModule .comment_body .item .item_aside .vote:after {content:""; display:block; clear:both;}
#boardModule .comment_body .item .item_aside .vote * {margin:0; padding:0; color:#8b8b8b;}
#boardModule .comment_body .item .item_aside .vote dt {position:relative; float:left; width:11px; height:13px; margin-right:2px; padding-left:5px; background-image:url("/artyboard/skin/board/v30_icord/images/white/icon_vote.gif"); background-repeat:no-repeat; overflow:hidden;}
#boardModule .comment_body .item .item_aside .vote dt.love {background-position:0 0;}
#boardModule .comment_body .item .item_aside .vote dt.hate {background-position:0 -13px;}
#boardModule .comment_body .item .item_aside .vote dt span {position:absolute; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
#boardModule .comment_body .item .item_aside .vote dd {position:relative; left:-5px; float:left; margin:1px 5px; font-size:10px; font-weight:bold;}

#boardModule .comment_body .item .item_content {position:relative; padding:1em 0 1em 120px; *zoom:1; z-index:1;}
#boardModule .comment_body .item .item_content:after {content:""; display:block; clear:both;}
#boardModule .comment_body .item .item_content .content {width:auto !important;letter-spacing: -0.5px;}
#boardModule .comment_body .item .item_content .content p {font-family:'Noto Sans KR' !important; font-size:14px; font-weight:300;color:#323232;}
#boardModule .comment_body .item .secret_comment {margin:0; padding:1em 3em;}
#boardModule .comment_body .item .secret_comment p {text-align:center; margin:1em 0; font-size:14px; font-weight:300;font-family:'Noto Sans KR' !important;}
#boardModule .comment_body .item .secret_comment dl {text-align:center; margin:1em 0;}
#boardModule .comment_body .item .secret_comment dt {display:inline;}
#boardModule .comment_body .item .secret_comment dd {margin:0; display:inline;}
#boardModule .comment_body .item .secret_comment dd .inputText{ padding:3px 4px; height:13px; vertical-align:middle; margin-right:5px;}

#boardModule .comment_body .file_list {padding:8px 0 0 0; display:inline; float:left; clear:both;}
#boardModule .comment_body .file_list .toggle_file {font-size:11px;}
#boardModule .comment_body .file_list .toggle_file strong {color:#f8571e; text-decoration:underline;}
#boardModule .comment_body .file_list .toggle_file span {font-size: 7px; font-family:sans-serif; padding: 0 2px 0 2px; color:#8C8F86;}
#boardModule .comment_body .files {display:none; list-style:none; margin:5px 0; padding:0; line-height:16px;}
#boardModule .comment_body .files li span {font-size:11px; color:#999;}

#boardModule .comment_body .action {margin:0; padding:10px 10px 0 0; white-space:nowrap; float:right;}
#boardModule .comment_body .action .vote {margin:0 10px 0 0; color:#767676;}
#boardModule .comment_body .action a {padding:1px 0 1px 0; color:#767676; text-decoration:none; margin-right:3px; font-size:11px;}
#boardModule .comment_body .action a.this {background:none; padding:0; margin:0 0 0 10px; text-decoration:underline;}

#boardModule .comment_body .comment_write {margin-top:20px; clear:both;}

#boardModule .comment_body .write_author {float:left;margin:0 4px 0 0; height:30px;}
#boardModule .comment_body .write_author ul {list-style:none; margin:0; padding:0;}
#boardModule .comment_body .write_author li {float:left; margin-right:5px;}
#boardModule .comment_body span.comment_message,
#boardModule .comment_body span.comment_secret {margin:9px 3px; display:inline-block;font-family:'Noto Sans KR';font-weight:500;font-size:14px;color:#323232;}
#boardModule .comment_body span.comment_message input,
#boardModule .comment_body span.comment_secret input {margin-right:5px;}
#boardModule .comment_body .button_area {float:right; height:30px; margin-top: 10px;}

#boardModule .message_box {width:380px; margin:0 auto; border:1px solid #c8c8c8;font-family:'Noto Sans KR';font-weight:500;}
#boardModule .message_box .titleBar {height:34px; border-bottom:1px solid #f4f4f4; line-height:34px; font-weight:bold; padding-left:10px;font-family:'Noto Sans KR';font-size:15px;color:#ff7777;}
#boardModule .message_box .content {clear:both; padding:30px 20px; text-align:center;font-family:'Noto Sans KR';font-size:17px;}
#boardModule .message_box .content span {font-family:'Noto Sans KR';font-size:17px;}
#boardModule .message_box .buttonArea {clear:both;text-align:center; padding:9px 0 20px 0; height:35px;}
#boardModule .message_box .password {width:180px;}

#boardModule .boardTag {font-size:12px; line-height:1.2; text-align:justify; border-top:1px solid #D5D5D5; margin-top:30px; padding:10px;}
#boardModule .boardTag a {color:#767676; text-decoration:underline;}
#boardModule .boardTag .i1 {font-size:11px;}
#boardModule .boardTag .i2 {font-size:12px;}
#boardModule .boardTag .i3 {font-size:14px;}
#boardModule .boardTag .i4 {font-size:18px;}
#boardModule .boardTag .i5 {font-size:24px;}
#boardModule .boardTag.fg .i1 {cccolor:#bbb;}
#boardModule .boardTag.fg .i2 {color:#999;}
#boardModule .boardTag.fg .i3 {color:#666;}
#boardModule .boardTag.fg .i4 {color:#333;}
#boardModule .boardTag.fg .i5 {color:#000;}
#boardModule .boardTag .buttonArea {text-align:center; padding:5px 0 15px 0;}

/* 파일 업로드 */
#boardModule .fu_container {border:1px solid #d7d8d8; border-radius:3px; background-color:#f7f7f7; zoom:1; margin:10px 0}
#boardModule .fu_container .fu_dropzone {padding:12px; border:1px solid #fafafa; background-color:#f7f7f7; border-radius:3px; box-sizing:border-box; -moz-box-sizing:border-box}
#boardModule .fu_container .fu_dropzone.in {background-color:#E9F3EF}
#boardModule .fu_container .fu_dropzone.hover {border:1px dotted #9ad18f; border-radius:5px}
#boardModule .fu_container .fu_dropzone.fade {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; opacity:1}
#boardModule .fu_container .fu_btn {display:inline-block; *display:inline; margin:0; padding:0 12px !important; height:24px !important; overflow:visible; border:1px solid #bbbbbb; border-radius:2px; text-decoration:none !important; text-align:center; vertical-align:top; line-height:24px !important; font-family:inherit; font-size:12px; color:#333333; *zoom:1; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-color:#f5f5f5; *background-color:#e6e6e6; background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6); background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image:-webkit-gradient(top, #ffffff, #e6e6e6); background-image:-o-linear-gradient(top, #ffffff, #e6e6e6); background-image:linear-gradient(top, #ffffff, #e6e6e6); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter:progid: DXImageTransform.Microsoft.gradient(enabled=false)}
#boardModule .fu_container input.fu_btn,
#boardModule .fu_container button.fu_btn {height:26px !important}
#boardModule .fu_container .fu_btn:hover,
#boardModule .fu_container .fu_btn:active,
#boardModule .fu_container .fu_btn[disabled] {color:#333; background-color:#e6e6e6; *background-color:#d9d9d9}
#boardModule .fu_container .fu_btn>span {display: inline-block; *zoom: 1; margin: 0 -12px !important; padding: 0 12px !important; overflow: visible; width: auto; height: 24px; border: 0; vertical-align: top; text-decoration: none !important; line-height: 24px; font-family: inherit; font-size: 12px; color: #333; cursor: pointer; background: none}
#boardModule .fu_container .fu_act_selectfile {overflow:hidden !important; display:inline-block; vertical-align:middle}
#boardModule .fu_container .fileinput_button {position: relative; overflow: hidden}
#boardModule .fu_container .fileinput_button input {position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer}
#boardModule .fu_container p.fu_dropzone_message {display: inline-block; margin: 0; margin-left: 5px; line-height: 24px; vertical-align: middle}
#boardModule .fu_container p.upload_info {display:none; line-height:24px; vertical-align:middle}
#boardModule .fu_container .fu_dropzone .xefu_progress_status {margin:12px 0}
#boardModule .fu_container .fu_dropzone:hover p.fu_dropzone_message,
#boardModule .fu_container .in .fu_dropzone p.fu_dropzone_message,
#boardModule .fu_container .hover .fu_dropzone p.fu_dropzone_message,
#boardModule .fu_container .fade .fu_dropzone p.fu_dropzone_message {display:none}
#boardModule .fu_container .fu_dropzone:hover .upload_info,
#boardModule .fu_container .in .fu_dropzone .upload_info,
#boardModule .fu_container .hover .fu_dropzone .upload_info,
#boardModule .fu_container .fade .fu_dropzone .upload_info {display:inline-block; margin:0; margin-left:5px}

/* Fixes for IE < 8 */
@media screen\9 {
#boardModule .fu_container .fileinput_button input {filter:alpha(opacity=0); font-size:100%; height:100%}
}

#boardModule .fu_container .progress {height:5px;/*margin-bottom:20px;*/overflow:hidden;background-color:#f5f5f5; display:none}
#boardModule .fu_container .progress_bar {float:left; width:0; height:100%; background:#428bca; width:30%}
#boardModule .fu_container .fu_controll {display:none; padding:10px}

#boardModule .clearfix:before,
#boardModule .clearfix:after {content: " "; display:table}
#boardModule .clearfix:after {clear: both}
#boardModule .clearfix {zoom:1}

#boardModule .fu_container .fu_list {display:none; padding:0 10px; background:#fff}
#boardModule .fu_container .fu_list_images {max-height:160px; overflow-y:scroll; -webkit-overflow-scrolling:touch; margin:0 -5px; padding:5px 0; border-bottom:1px solid #E6E6E6}
#boardModule .fu_container .fu_list_images ul,
#boardModule .fu_container .fu_list_images li {list-style:none; margin:0; padding:0}
#boardModule .fu_container .fu_list_images li {position:relative; display:inline-block; margin:3px; width:60px; height:60px; border:3px solid #DDD}
#boardModule .fu_container .fu_list_images input {position:absolute; top:0; left:0}
#boardModule .fu_container .fu_act_set_cover:hover {color:red}
#boardModule .fu_container .fu_list_images .fu_act_set_cover {display:none; cursor:pointer; position:absolute; top:0; left:auto; right:0; margin:0; padding:1px 0 1px 2px; border:0 none; border-radius:0 0 0 5px; font-size:15px; line-height:15px; background-color:#6cbd7e;}
#boardModule .fu_container .fu_list_images li:hover .fu_act_set_cover {display:inline; color:#666; background-color:#ddd}
#boardModule .fu_container .fu_list_images .fu_is_cover_image:hover .fu_act_set_cover,
#boardModule .fu_container .fu_is_cover_image .fu_act_set_cover {display:inline; color:#fff; background-color:#6cbd7e}
#boardModule .fu_container .fu_is_cover_image {border-color:#6cbd7e !important}
#boardModule .fu_container .fu_list_images .fu_file_name,
#boardModule .fu_container .fu_list_images .fu_file_size {display:none}
#boardModule .fu_container .fu_list_images li img {width:100%; height: 100%}
#boardModule .fu_container .fu_list .fu_list_files {margin:5px 0}
#boardModule .fu_container .fu_list_files ul,
#boardModule .fu_container .fu_list_files li {list-style:none; margin:0; padding: 0; float:none}
#boardModule .fu_container .fu_list_files li {padding: 5px 0}
#boardModule .fu_container .fu_list_files li input {vertical-align:middle}
#boardModule .fu_container .fu_list_files li.selected {background-color:#E9F3EF}
#boardModule .fu_container .fu_list_files .fu_file_info {float:right}
#boardModule .fu_container .fu_list_files .fu_file_info span {padding:0 5px}

@media all and (max-width: 463px) and (min-width: 320px) {
    #boardModule .read_body .contents img {width: 100%;height:auto;}
    #boardModule .read_body .contents img.emoji {width:unset;height:unset;}
}
