@charset "utf-8";

/* 폰트 ---------------------------------------- */
@font-face {
font-family: 'NotoSansCJKkr';    
font-style: normal;    
font-weight: 200;    
src: url("/wowfa20/front/assets/fonts/NotoSans-Thin.woff2") format('woff2'),    
	url("/wowfa20/front/assets/fonts/NotoSans-Thin.woff") format('woff'),    
	url("/wowfa20/front/assets/fonts/NotoSansCJKkr-Thin.otf") format('opentype');    
} 
@font-face {
font-family: 'NotoSansCJKkr';    
font-style: normal;    
font-weight: 300;    
src: url("/wowfa20/front/assets/fonts/NotoSans-Light.woff2") format('woff2'),    
	url("/wowfa20/front/assets/fonts/NotoSans-Light.woff") format('woff'),    
	url("/wowfa20/front/assets/fonts/NotoSansCJKkr-Light.otf") format('opentype');    
}    
@font-face {    
font-family: 'NotoSansCJKkr';    
font-style: normal;    
font-weight: 400;    
src: url("/wowfa20/front/assets/fonts/NotoSans-Regular.woff2") format('woff2'),    
	url("/wowfa20/front/assets/fonts/NotoSans-Regular.woff") format('woff'),    
	url("/wowfa20/front/assets/fonts/NotoSansCJKkr-Regular.otf") format('opentype');    
}  
@font-face {    
font-family: 'NotoSansCJKkr';    
font-style: normal;    
font-weight: 500;    
src: url("/wowfa20/front/assets/fonts/NotoSans-Medium.woff") format('woff'),    
	url("/wowfa20/front/assets/fonts/NotoSansCJKkr-Medium.otf") format('opentype');    
}      
@font-face {    
font-family: 'NotoSansCJKkr';    
font-style: normal;    
font-weight: bold;    
src: url("/wowfa20/front/assets/fonts/NotoSans-Bold.woff2") format('woff2'),    
	url("/wowfa20/front/assets/fonts/NotoSans-Bold.woff") format('woff'),    
	url("/wowfa20/front/assets/fonts/NotoSansCJKkr-Bold.otf") format('opentype');    
}
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 100;
    src: url("/wowfa20/front/assets/fonts/Roboto-Thin.woff2") format('woff2'),
         url("/wowfa20/front/assets/fonts/Roboto-Thin.woff") format('woff'),
         url("/wowfa20/front/assets/fonts/Roboto-Thin.otf") format('opentype');}
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300;
src: url("/wowfa20/front/assets/fonts/Roboto-Light.woff2") format('woff2'),
        url("/wowfa20/front/assets/fonts/Roboto-Light.woff") format('woff'),
        url("/wowfa20/front/assets/fonts/Roboto-Light.otf") format('opentype');}
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 400;
    src: url("/wowfa20/front/assets/fonts/Roboto-Regular.woff2") format('woff2'),
        url("/wowfa20/front/assets/fonts/Roboto-Regular.woff") format('woff'),
        url("/wowfa20/front/assets/fonts/Roboto-Regular.otf") format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 500;
    src: url("/wowfa20/front/assets/fonts/Roboto-Medium.woff2") format('woff2'),
        url("/wowfa20/front/assets/fonts/Roboto-Medium.woff") format('woff'),
        url("/wowfa20/front/assets/fonts/Roboto-Medium.otf") format('opentype'); }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 700;
    src: url("/wowfa20/front/assets/fonts/Roboto-Bold.woff2") format('woff2'),
        url("/wowfa20/front/assets/fonts/Roboto-Bold.woff") format('woff'),
        url("/wowfa20/front/assets/fonts/Roboto-Bold.otf") format('opentype'); }

/* reset ---------------------------------------- */
/*html{overflow:hidden; height:100%;}*/
/*body{overflow:auto; height:100%;}*/
html,body{width:100%;height:100%;padding:0;margin:0;font-family:'Roboto', 'NotoSansCJKkr','Apple SD Gothic Neo','Ubuntu', 'Nanum Square','Dotum','돋움',sans-serif, 'Noto Sans TC';}
*{margin:0;padding:0;vertical-align:top;border:0;outline:0;box-sizing:border-box;-webkit-tap-highlight-color: transparent;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body{font-size:100%;line-height:1;word-break:break-all;word-break:keep-all;-webkit-text-size-adjust:none;color:#231F20;}
artible,aside,details,figcaption,figire,footer,header,hgroup,menu,nav,section{display:block;}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
h1,h2,h3,h4,h5{padding:0;margin:0;}
p{margin:0;padding:0;word-wrap:break-word;word-break:keep-all;}
a, a:hover, a:focus{text-decoration:none;}
fieldset,img{border:0 none}
img{position:relative;border:0;display:block;}
input,select,textarea,button{vertical-align:middle}
input{appearance:none;-webkit-appearance:none;-webkit-border-radius:0;font-family:inherit;font-size:inherit;line-height:inherit;}
input::-ms-clear{display:none}
input::-webkit-contacts-auto-fill-button {visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}
button{border:0 none;border-radius:0;background-color:transparent;cursor:pointer;font-family:'Roboto', 'NotoSansCJKkr','Apple SD Gothic Neo','Ubuntu', 'Nanum Square','Dotum','돋움',sans-serif, 'Noto Sans TC';}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
legend,caption{height:0;padding:0;font-size:0;text-indent:-9999px;}
table{border-spacing:0;border-collapse:collapse;}

/* input style ---------------------------------- */
input[type=text]{color:#444;font-size:14px;line-height:16px;font-family:'Roboto', 'NotoSansCJKkr','Apple SD Gothic Neo','Ubuntu', 'Nanum Square','Dotum','돋움',sans-serif, 'Noto Sans TC';}
input{color:#a4a4a4;padding:0 20px;}
input[type='text']:focus,
input.w100p {width:100%;height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#231f20;}
select:focus{/*border:solid 1px #383838 !important;*/ border:none !important;}
textarea{-webkit-appearance:none;-webkit-border-radius:0;font-size:14px;width:100%;min-height:270px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;border:1px solid #ddd;outline:none;font:inherit;resize:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease; overflow:auto;}

input::-ms-clear,
input::-ms-reveal{display:none;width:0;height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}

/* input 기본형 ---------------------------------------*/
/* INPUT TEXT DEFAULT */
.inputWrap input[type=text]{width:100%; height:46px; border:1px solid #ddd; padding:0 20px; font-size:16px; line-height:1; color:#231F20;}
.inputWrap input[type=text]::placeholder{color:#a4a4a4;}
.inputWrap input[type=text]:-ms-input-placeholder{color:#a4a4a4;}/* IE */
.inputWrap input[type=text]::-webkit-input-placeholder{color:#a4a4a4;}/* Edge */
/* INPUT TEXT ACTIVE */
.inputWrap input[type=text]:focus{border:1px solid #231f20;}
/* INPUT TEXT DISABLED */
.inputWrap input[type=text]:disabled{border:1px solid #ccc; background:#F5F5F5;}
/* INPUT TEXT READONLY */
.inputWrap input[type=text]:read-only{border:1px solid #ccc; background:#F5F5F5;}
/* INPUT TEXT ERROR */
.inputWrap input[type=text].error{border:1px solid #ED2028; color:#231F20;}
.errorMSG{display:none;}
.inputWrap input[type=text].error + .errorMSG{display:block; color:#ED2028; margin-top:10px; font-size:14px;}

/* textarea 기본형 ---------------------------------------*/
.textareaWrap textarea{width:100%; border:1px solid #ddd; line-height:1.2;}
.textareaWrap textarea::placeholder{font-size:inherit;}
.textareaWrap textarea:-ms-input-placeholder{font-size:inherit;}/* IE */
.textareaWrap textarea::-webkit-input-placeholder{font-size:inherit;}/* Edge */

/* btn style ------------------------------------ */
.btn-wrap{width:100%;height:60px;-ms-display:flex;display:flex;justify-content:center;}
.btn-wrap a:not(:first-child),.btn-wrap button:not(:first-child){margin-left:30px;}
.btn-wrap a,.btn-wrap button{height:60px;padding:0 30px;font-size:20px;text-align:center;line-height:58px;}
.btn-st1{min-width:180px;background:#ed2028;color:#fff;font-weight:400;}
.btn-st2{min-width:180px;background:#fff;color:#333;border:#aaa solid 1px;font-weight:400;}
.btn-st3{min-width:140px;background:#fff;color:#333;border:#aaa solid 1px;font-weight:400;}
.btn-st4{min-width:130px;height:50px;background:#ed2028;color:#fff;font-weight:400;line-height:48px;}
.btn-st1:hover{background:#c52026;}
.btn-st2:hover{border:#231f20 solid 1px;}
.btn-st3:hover{border:#231f20 solid 1px;}
.btn-st4:hover{background:#c52026;}

/* tab style ------------------------------------ */
.tab-st1{height:40px;-ms-display:flex;display:flex;}
.tab-st1 li{height:40px;padding:0 20px;text-align:center;font-size:16px;color:#666;font-weight:400;border-bottom:#ddd solid 1px;border-top:#ddd solid 1px;border-left:#ddd solid 1px;line-height:38px;cursor:pointer;}
.tab-st1 li:last-child{border-right:#ddd solid 1px;}
.tab-st1 li:hover{color:#231f20;}
.tab-st1 li.on{color:#ed2028;border-color:#ed2028;}
.tab-st1 li.on:not(:last-child)+li{border-left-color:#ed2028;}

/* float ---------------------------------------- */
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* 텍스트 ---------------------------------------- */
/* align */
.txl{text-align:left !important;}
.txc{text-align:center !important;}
.txr{text-align:right !important;}
/* 가상태그 */
.cf:before,
.cf:after {display:table;content:" ";}
.cf:after {clear:both;}

/* margin ---------------------------------------- */
/* margin top */
.mt0{margin-top:0px !important}
.mt1{margin-top:1px !important}
.mt2{margin-top:2px !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt8{margin-top:8px !important}
.mt9{margin-top:9px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}

/* margin left */
.ml0{margin-left:0px !important}
.ml1{margin-left:1px !important}
.ml2{margin-left:2px !important}
.ml3{margin-left:3px !important}
.ml4{margin-left:4px !important}
.ml5{margin-left:5px !important}
.ml6{margin-left:6px !important}
.ml7{margin-left:7px !important}
.ml8{margin-left:8px !important}
.ml9{margin-left:9px !important}
.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml50{margin-left:50px !important}

/* margin right */
.mr0{margin-right:0px !important}
.mr1{margin-right:1px !important}
.mr2{margin-right:2px !important}
.mr3{margin-right:3px !important}
.mr4{margin-right:4px !important}
.mr5{margin-right:5px !important}
.mr6{margin-right:6px !important}
.mr7{margin-right:7px !important}
.mr8{margin-right:8px !important}
.mr9{margin-right:9px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}
.mr50{margin-right:50px !important}

/* margin bottom */
.mb0{margin-bottom:0px !important}
.mb1{margin-bottom:1px !important}
.mb2{margin-bottom:2px !important}
.mb3{margin-bottom:3px !important}
.mb4{margin-bottom:4px !important}
.mb5{margin-bottom:5px !important}
.mb6{margin-bottom:6px !important}
.mb7{margin-bottom:7px !important}
.mb8{margin-bottom:8px !important}
.mb9{margin-bottom:9px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}


/* padding ---------------------------------------- */
.pd0{padding:0px !important}
.pd10{padding:10px !important}

/* padding top */
.pt0{padding-top:0px !important}
.pt1{padding-top:1px !important}
.pt2{padding-top:2px !important}
.pt3{padding-top:3px !important}
.pt4{padding-top:4px !important}
.pt5{padding-top:5px !important}
.pt6{padding-top:6px !important}
.pt7{padding-top:7px !important}
.pt8{padding-top:8px !important}
.pt9{padding-top:9px !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}

/* padding left */
.pl0{padding-left:0px !important}
.pl1{padding-left:1px !important}
.pl2{padding-left:2px !important}
.pl3{padding-left:3px !important}
.pl4{padding-left:4px !important}
.pl5{padding-left:5px !important}
.pl6{padding-left:6px !important}
.pl7{padding-left:7px !important}
.pl8{padding-left:8px !important}
.pl9{padding-left:9px !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}
.pl50{padding-left:50px !important}

/* padding right */
.pr0{padding-right:0px !important}
.pr1{padding-right:1px !important}
.pr2{padding-right:2px !important}
.pr3{padding-right:3px !important}
.pr4{padding-right:4px !important}
.pr5{padding-right:5px !important}
.pr6{padding-right:6px !important}
.pr7{padding-right:7px !important}
.pr8{padding-right:8px !important}
.pr9{padding-right:9px !important}
.pr10{padding-right:10px !important}
.pr20{padding-right:20px !important}
.pr30{padding-right:30px !important}
.pr40{padding-right:40px !important}
.pr50{padding-right:50px !important}

/* padding bottom */
.pb0{padding-bottom:0px !important}
.pb1{padding-bottom:1px !important}
.pb2{padding-bottom:2px !important}
.pb3{padding-bottom:3px !important}
.pb4{padding-bottom:4px !important}
.pb5{padding-bottom:5px !important}
.pb6{padding-bottom:6px !important}
.pb7{padding-bottom:7px !important}
.pb8{padding-bottom:8px !important}
.pb9{padding-bottom:9px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pb40{padding-bottom:40px !important}
.pb50{padding-bottom:50px !important}


/* 작업중인페이지 */
.do-page{width:100%;margin:0 auto;padding:15% 0;background:#000;font-size:50px;text-align:center;color:#fff;}


/* table : data -------------------------------------------------------------------------------------------------------*/
table.table_data{width:100%;text-align:center;table-layout:fixed;border-top:2px solid #231F20;}
table.table_data thead{border-bottom:solid 1px #231f20;}
table.table_data tr{border-bottom:solid 1px #ddd;}
table.table_data th,
table.table_data td{height:53px;padding:10px 0;overflow:hidden;font-size:16px !important;color:#231F20;font-weight:normal;line-height:26px !important;vertical-align:middle;}
table.table_data th{height:53px;background:#f1f1f1;font-size:16px;}
table.table_data td span b,
table.table_data td span em,
table.table_data td span pre{display:inline-block;font-family:'Roboto', 'NotoSansCJKkr','Apple SD Gothic Neo','Ubuntu', 'Nanum Square','Dotum','돋움',sans-serif, 'Noto Sans TC';font-style:normal;font-weight:normal;}
table.table_data td .txt-box,
table.table_data td .txt-link{display:block;overflow:hidden;color:#231f20;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; padding-right:5px;}
table.table_data td.tit b{display:none;font-weight:normal;}
table.table_data td.date{overflow:visible;}
/* btn-play */
table.table_data td .btn-play{width:29px;height:29px;border-radius:100%;background:#ed2023;}
table.table_data td .btn-play::before{content: '';width:0;height:0;position:absolute;top:10px;bottom:0;left:4px;right:0;margin:0 auto;border-top:solid 5px transparent;border-left:solid 9px #fff;border-bottom:solid 5px transparent;border-right:solid 0px transparent;}
/* ▽시청가능 */
table.table_data td.btn a,
table.table_data td.btn span{display:inline-block;position:relative;text-indent:-9999px;}
/* ▽시청가능 : 업로드 */
table.table_data .up td.date span{position:relative;}
table.table_data .up td.date span::before{content:'UP';display:block;position:absolute;left:-40px;top:50%;transform:translate(0, -50%);padding:0 7px;background:#20d592;color:#fff;font-size:14px;line-height:19px;border-radius:50px;/* height:14px;background:#20d592 url('/wowfa20/front/assets/img/icon-up.png') no-repeat top center;background-size:25px 14px; */}
/* ▽시청준비중 */
table.table_data .ready .date{color:#bababa;}
table.table_data .ready .btn-play{background:#e8e8e8;}


/* table : data-list -------------------------------------------------------------------------------------------------------*/
table.table_data.list{border-top:solid 1px #231F20;}
table.table_data.list thead tr{border-bottom:solid 1px #231F20;}
table.table_data.list tr{border-bottom:solid 1px #ddd;}
table.table_data.list th,
table.table_data.list td{height:55px;}
table.table_data.list th{background:#fff;font-size:16px;font-weight:bold;}
table.table_data.list td span b,
table.table_data.list td span em,
table.table_data.list td span pre{}
table.table_data.list td .txt-box,
table.table_data.list td .txt-link{}
table.table_data.list td.num{color:#666;}
table.table_data.list td.txt:hover,
table.table_data.list td.txt:hover .txt-link{color:#ED2023;}
table.table_data.list td.date{}
/* btn-down */
table.table_data.list td .btn-down{top:5px;width:17px;height:16px;background:url('/wowfa20/front/assets/img/icon-down.png') no-repeat center;background-size:17px 16px;}
/* ▽노데이터 */
table.table_data.list .no-data{padding:40px 10px 34px 10px;}
table.table_data.list .no-data .txt_noData{display:inline-block;padding-top:64px;background:url(/wowfa20/front/assets/img/icon-nodata.png) no-repeat 50% 0;color:#666666;line-height:27px;vertical-align:top;}

/* table :viewpage 일반 게시판 상세-------------------------------------------------------------------------------------------------------*/
.bbs-view-wrap .bbs-view-top{border-top:2px solid #231F20; border-bottom:1px solid #231F20; padding:5px 0;} 
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner{padding:35px 30px;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p{font-size:38px;font-weight:500;color:#231f20;line-height:48px;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p span{font-weight:400;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p .red{color:#ed2028; font-weight:500;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p .red b{font-weight:normal;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p .red + span{margin-left:10px;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p .category{font-weight:bold;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p .category b{font-weight:bold;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p .category + span{margin-left:10px;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p em{font-weight:bold;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p span + em{margin-left:10px;}

.bbs-view-wrap .bbs-view-top .bbs-view-top-inner dl{position:relative; font-size:20px; line-height:27px;}
																									
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner dl dt{position:absolute; top:0; left:0; font-size:20px; line-height:27px; color:#231f20;}
																					 
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner dl dd{margin-left:80px; position:relative; padding-left:13px; color:#666;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner dl dd:before{content:':'; display:block; position:absolute; top:-2px; left:0;}

.bbs-view-wrap .bbs-view-top .bbs-view-top-inner ul{margin-top:20px;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner ul li {float:left; margin-right:60px;}
.bbs-view-wrap .bbs-view-top .bbs-view-top-inner ul li:last-child{margin-right:0;}
.bbs-view-wrap .bbs-file-area{position:relative; padding:30px;}
.bbs-view-wrap .bbs-file-area:before{content:''; display:block; position:absolute; top:0; left:30px; right:30px; height:1px; background:#ddd;}
.bbs-view-wrap .bbs-content-area{padding:50px 0 80px;border-bottom:1px solid #231F20;font-size:16px;line-height:26px;} 
.bbs-view-wrap .attach-img-wrap-100 img{display:block; width:100%;}
.bbs-content-area .attach-img-wrap-100 img{display:block; width:100%; max-width:894px; margin:0 auto;}

/* 상세 게시판 */
.bbs-view-wrap.view .bbs-view-top{background:#F5F5F5; border-top:1px solid #DDD; border-bottom:none; padding:0 30px;}
.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner{padding:20px 0;}
.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner p{font-size:20px; line-height:30px;font-weight:500;color:#231f20;}
.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner ul {margin-top:10px;}
.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dt{float:left; position:relative; font-size:16px; line-height:20px;}
															
.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dd{float:left; font-size:16px; line-height:20px;margin-left:13px;}
.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dd:before{content:''; display:block; position:absolute; top:50%; left:0; height:14px; width:1px; background:#ddd; transform:translateY(-50%);}
.bbs-view-wrap.view .bbs-content-area{font-size:16px; line-height:26px; padding:35px 30px; border-color:#DDD; border-top:1px solid #ddd;}

/* table : 다운로드 */
.bbs-file-area{padding:20px;background:#f5f5f5;}
.bbs-file-area p{display:inline-block;padding:0 0 8px 13px;background:url('/wowfa20/front/assets/img/icon-down.png')no-repeat top 1px left 0px;background-size:10px 10px;font-size:12px;font-weight:bold;color:#231f20;}
.bbs-file-area ul{overflow:hidden;}
.bbs-file-area ul li{width:calc(33.3% - 5px); max-width:245px; margin-left:5px; margin-top:5px; float:left;}
.bbs-file-area ul li:nth-child(-n+3){margin-top:0;}
.bbs-file-area ul li:nth-child(3n + 1){clear:both; margin-left:0;}
.bbs-file-area ul li a{display:block;padding:10px 10px 10px 30px;overflow:hidden;background:#fff;border:1px solid #aaa;font-size:14px;line-height:20px;color:#333;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.bbs-file-area ul li a:before{content:''; display:inline-block; padding-right:20px; height:11px; background:url('/wowfa20/front/assets/img/icon-down.png')no-repeat center left; background-size:12px 11px;}

/* table : 조회조건 */
.bbs-search-wrap{padding:25px 0;background:#f1f1f1;text-align:center;}
.bbs-search-wrap-inner{display:inline-block;vertical-align:top;}
.bbs-search-wrap-inner input[type='text']{width:710px;height:50px;padding:10px 20px;border:1px solid #dddddd; transition:all .2s ease; font-size:18px;}
.bbs-search-wrap-inner input[type='text']::placeholder{font-size:18px;color:#9f9f9f;}
.bbs-search-wrap-inner input[type='text']:-ms-input-placeholder{font-size:18px;color:#9f9f9f;}
.bbs-search-wrap-inner input[type='text']::-ms-input-placeholder{font-size:18px;color:#9f9f9f;}
.bbs-search-wrap-inner input[type='text']:focus{border:solid 1px #231f20 !important; transition:all .2s ease;}
.bbs-search-wrap-inner input[type='submit']{width:50px;height:50px;background:#231f20 url(/wowfa20/front/assets/img/icon-search-on.png) no-repeat center;text-indent:-9999px;cursor:pointer;background-size:22px 22px;}
.bbs-search-wrap-inner input[type='submit']:hover{background-color:#000;}
.bbs-search-wrap-inner button[type='button']{width:50px;height:50px;background:#231f20 url(/wowfa20/front/assets/img/icon-search-on.png) no-repeat center;text-indent:-9999px;cursor:pointer;background-size:22px 22px;}
.bbs-search-wrap-inner button[type='button']:hover{background-color:#000;}
.bbs-search-wrap + .table_data{margin-top:30px;}


/* table : paging */
.pagination-wrap{height:40px;margin-top:20px;text-align:center;}
.pagination-wrap .pagination-inner{display:inline-block;vertical-align:top;}
.pagination-wrap .pagination-inner ul{margin:0 2px;}
.pagination-wrap .pagination-inner ul > li{float:left;}
.pagination-wrap .pagination-inner a,
.pagination-wrap .pagination-inner strong{display:block;}
.pagination-wrap .pagination-inner ul > li > a,
.pagination-wrap .pagination-inner ul > li > strong{height:40px;padding:0 15.5px;color:#a4a4a4;line-height:40px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
.pagination-wrap .pagination-inner ul > li > a:hover,
.pagination-wrap .pagination-inner ul > li > a:focus{background:#fad2d3;color:#b38b8c; color:#231f20;}
.pagination-wrap .pagination-inner ul > li > strong{position:relative;margin:0 5.5px;padding:0 5px;color:#231f20;}
.pagination-wrap .pagination-inner ul > li > strong > .bar{position:absolute;bottom:9px;left:0;width:100%;height:2px;background:#231f20;}
.pagination-wrap .pagination-inner > a{background:url('/wowfa20/front/assets/img/btn_paging_spr.png') no-repeat 0 0;text-indent:-9999px;}
.pagination-wrap .pagination-inner .btn_pagemove_start,
.pagination-wrap .pagination-inner .btn_pagemove_last{width:34px;height:40px;}
.pagination-wrap .pagination-inner .btn_pagemove_prev,
.pagination-wrap .pagination-inner .btn_pagemove_next{width:26px;height:40px;}
.pagination-wrap .pagination-inner .btn_pagemove_start{background-position:0 0;}
.pagination-wrap .pagination-inner .btn_pagemove_prev{background-position:0 -160px;}
.pagination-wrap .pagination-inner .btn_pagemove_next{background-position:0 -200px;}
.pagination-wrap .pagination-inner .btn_pagemove_last{background-position:0 -40px;}
.pagination-wrap .pagination-inner .btn_pagemove_start.disable{background-position:0 -120px;}
.pagination-wrap .pagination-inner .btn_pagemove_prev.disable{background-position:0 -240px;}
.pagination-wrap .pagination-inner .btn_pagemove_next.disable{background-position:0 -280px;}
.pagination-wrap .pagination-inner .btn_pagemove_last.disable{background-position:0 -80px;}
/*.pagination-wrap .pagination-inner a[href^='javascript:;']{cursor:default;}*/
/*
.pagination-wrap .pagination-inner .pagination-more{display:none;}
.pagination-wrap .pagination-inner .pagination-more a{padding:10px;font-size:0px;color:#a4a4a4;}
.pagination-wrap .pagination-inner .pagination-more a > span{font-size:14px; line-height:20px;}
.pagination-wrap .pagination-inner .pagination-more a > span + span{margin-left:5px;}
.pagination-wrap .pagination-inner .pagination-more a > span:first-child{position:relative; padding-left:20px;}
.pagination-wrap .pagination-inner .pagination-more a > span:first-child:before{content:''; display:inline-block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:13px; height:13px; background-size:10px 10px; background:url('/wowfa20/front/assets/img/paging_more.png')no-repeat left center; margin-right:5px;}
.pagination-wrap .pagination-inner .pagination-more b{font-weight:normal;}
*/

/* table : paging */
.pagination-wrap{height:40px;margin-top:20px;text-align:center;}
.pagination-wrap .pagination-inner2{display:inline-block;vertical-align:top;}
.pagination-wrap .pagination-inner2 ul{margin:0 2px;}
.pagination-wrap .pagination-inner2 ul > li{float:left;}
.pagination-wrap .pagination-inner2 a,
.pagination-wrap .pagination-inner2 strong{display:none;}
.pagination-wrap .pagination-inner2 ul > li > a,
.pagination-wrap .pagination-inner2 ul > li > strong{height:40px;padding:0 15.5px;color:#a4a4a4;line-height:40px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
.pagination-wrap .pagination-inner2 ul > li > a:hover,
.pagination-wrap .pagination-inner2 ul > li > a:focus{background:#fad2d3;color:#b38b8c; color:#231f20;}
.pagination-wrap .pagination-inner2 ul > li > strong{position:relative;margin:0 5.5px;padding:0 5px;color:#231f20;}
.pagination-wrap .pagination-inner2 ul > li > strong > .bar{position:absolute;bottom:9px;left:0;width:100%;height:2px;background:#231f20;}
.pagination-wrap .pagination-inner2 > a{background:url('/wowfa20/front/assets/img/btn_paging_spr.png') no-repeat 0 0;text-indent:-9999px;}
.pagination-wrap .pagination-inner2 .btn_pagemove_start,
.pagination-wrap .pagination-inner2 .btn_pagemove_last{width:34px;height:40px;}
.pagination-wrap .pagination-inner2 .btn_pagemove_prev,
.pagination-wrap .pagination-inner2 .btn_pagemove_next{width:26px;height:40px;}
.pagination-wrap .pagination-inner2 .btn_pagemove_start{background-position:0 0;}
.pagination-wrap .pagination-inner2 .btn_pagemove_prev{background-position:0 -160px;}
.pagination-wrap .pagination-inner2 .btn_pagemove_next{background-position:0 -200px;}
.pagination-wrap .pagination-inner2 .btn_pagemove_last{background-position:0 -40px;}
.pagination-wrap .pagination-inner2 .btn_pagemove_start.disable{background-position:0 -120px;}
.pagination-wrap .pagination-inner2 .btn_pagemove_prev.disable{background-position:0 -240px;}
.pagination-wrap .pagination-inner2 .btn_pagemove_next.disable{background-position:0 -280px;}
.pagination-wrap .pagination-inner2 .btn_pagemove_last.disable{background-position:0 -80px;}
/*.pagination-wrap .pagination-inner2 a[href^='javascript:;']{cursor:default;}*/
/*
.pagination-wrap .pagination-inner2 .pagination-more{display:block;}
.pagination-wrap .pagination-inner2 .pagination-more a{padding:10px;font-size:0px;color:#a4a4a4;}
.pagination-wrap .pagination-inner2 .pagination-more a > span{font-size:14px; line-height:20px;}
.pagination-wrap .pagination-inner2 .pagination-more a > span + span{margin-left:5px;}
.pagination-wrap .pagination-inner2 .pagination-more a > span:first-child{position:relative; padding-left:20px;}
.pagination-wrap .pagination-inner2 .pagination-more a > span:first-child:before{content:''; display:inline-block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:13px; height:13px; background-size:10px 10px; background:url('/wowfa20/front/assets/img/paging_more.png')no-repeat left center; margin-right:5px;}
.pagination-wrap .pagination-inner2 .pagination-more b{font-weight:normal;}
*/

/* table : 이전글 다음글 */
.bbs-prev-next-area {margin-top:60px;}
.bbs-prev-next-area ul {border-top:1px solid #ddd;}
.bbs-prev-next-area ul li {padding:5px 0;border-bottom:1px solid #ddd;}
.bbs-prev-next-area ul .unLink {color:#a4a4a4;}
.bbs-prev-next-area .bbs-prev-txt {width:calc(100% - 310px);}
.bbs-prev-next-area .bbs-prev-txt em,
.bbs-prev-next-area .bbs-prev-txt p{float:left;line-height:55px;color:#666;}
.bbs-prev-next-area .bbs-prev-txt em{width:130px;padding-left:55px;background:url(/wowfa20/front/assets/img/bg_arrow_up.png) no-repeat center left 30px;}
.bbs-prev-next-area .bbs-prev-txt p{width:calc(100% - 148px);}
.bbs-prev-next-area .bbs-prev-txt p a,
.bbs-prev-next-area .bbs-prev-txt p span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-size:16px;color:#666;}
.bbs-prev-next-area .bbs-prev-txt p a:hover{color:#333;}
.bbs-prev-next-area .bbs-next-txt {width:calc(100% - 310px);}
.bbs-prev-next-area .bbs-next-txt em,
.bbs-prev-next-area .bbs-next-txt p{float:left;line-height:55px;color:#666;}
.bbs-prev-next-area .bbs-next-txt em{width:130px;padding-left:55px;background:url(/wowfa20/front/assets/img/bg_arrow_down.png) no-repeat center left 30px;}
.bbs-prev-next-area .bbs-next-txt p{width:calc(100% - 148px);}
.bbs-prev-next-area .bbs-next-txt p a,
.bbs-prev-next-area .bbs-next-txt p span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-size:16px;color:#666;}
.bbs-prev-next-area .bbs-next-txt p a:hover{color:#333;}
.bbs-prev-next-area dl{width:130px;height:55px;line-height:55px;text-align:center;color:#666;}
/*.bbs-prev-next-area .date {background:#fff2d2;color:#847757;}
.bbs-prev-next-area .read {background:#fcd6d3;color:#805a57;}*/

/* table : 버튼 */
.bbsBtnArea{margin-top:40px;font-size:0; white-space:nowrap;text-align:center;}
.bbsBtnArea:after{content:'';display:block;clear:both;}
.bbsBtnArea.ty1{text-align:right;}
.bbsBtnArea.ty2{text-align:center;}
.bbsBtnArea.ty3{text-align:center; overflow:hidden;}
.bbsBtnArea.ty3 button + .bbsBtnArea.ty2{display:inline-block; margin-top:0; margin-left:5px;}
.bbsBtnArea.ty3 > button.btnList{float:left;}
.bbsBtnArea.ty3 > .bbsBtnArea.ty2{float:right; margin-top:0;}
.bbsBtnArea.ty3 > .bbsBtnArea.ty2 > button{float:left;}
.bbsBtnArea.ty3 button + .bbsBtnArea.ty2,
.bbsBtnArea.ty3 .bbsBtnArea.ty2:last-child{margin-right:0;}

.bbsBtnArea button{display:inline-block;max-width:138px;width:138px;height:50px;border:1px solid #aaaaaa;font-size:18px;color:#231f20;font-weight:500;line-height:50px;margin:0 5px;}
.bbsBtnArea button:first-child{margin-left:0px;}
.bbsBtnArea button:last-child{margin-right:0px;}
/* 목록 */.bbsBtnArea .btnList{border-color:#ed2028 !important;background:#ed2028 !important;color:#ffffff !important;}
/* 등록 */.bbsBtnArea .btnReg{border-color:#ed2028 !important;background:#ed2028 !important;color:#ffffff !important;}
.bbsBtnArea .btnReg.off{border-color:#bababa !important;background:#bababa !important;}
/* 수강신청 */.bbsBtnArea .btn-enroll{background:#1f1f78 !important; color:#fff !important; border:1px solid #1f1f78 !important;}
.bbsBtnArea .btn-line{display:inline-block; border:1px solid #545454; background:#fff;}
.bbsBtnArea button:hover{border-color:#231f20; transition:all .2s ease;}
/* 목록 */.bbsBtnArea .btnList:hover,
/* 등록 */.bbsBtnArea .btnReg:hover{border-color:#c52026 !important; background:#c52026 !important; transition:all .2s ease;}


/* 상세 내용 안의 버튼 */
.bbs-content-area .bbsBtnArea{margin-top:60px;}
.bbs-content-area .btn-enroll{width:425px; max-width:none;}

/* 게시판 글쓰기 및 수정 */
.bbsWriteEditWrap {border-top:1px solid #1a1a1a;}
.bbsWriteEditWrap table{width:100%; table-layout:fixed;}
.bbsWriteEditWrap table th,
.bbsWriteEditWrap table td {padding-top:7px;padding-bottom:7px;border-bottom:1px solid #ccc;}
.bbsWriteEditWrap table th {padding-left:31px;background:#f1f1f1;font-weight:700;color:#231f20;line-height:40px;text-align:left;vertical-align:top;font-size:16px; line-height:55px;}
.bbsWriteEditWrap table td {padding-right:7px;padding-left:7px;vertical-align:middle; font-size:16px; line-height:25px;}
.bbsWriteEditWrap td input,
.bbsWriteEditWrap td textarea{vertical-align:top; width:100%; border:1px solid #ccc; font-size:inherit; transition:all .2s ease;}
.bbsWriteEditWrap input:focus,
.bbsWriteEditWrap td textarea:focus{border:solid 1px #231f20 !important; transition:all .2s ease;}

.fileContainer {overflow:hidden;position:relative;height:30px;padding:0 10px;border:1px solid #aaaaaa;font-size:14px;color:#666666;line-height:27px;cursor:pointer;font-weight:500;}
.fileContainer input[type='file'] {display:block;position:absolute;top:0;right:0;width:0;height:0;opacity:0;font-size:16px;cursor:inherit;text-align:right;filter:alpha(opacity=0);}
.fileContainer ~ button[type='button'] {height:30px;margin-left:5px;font-size:14px;line-height:27px;color:#666;font-weight:500;}
.fileContainer:hover,
.fileContainer ~ button[type='button']:hover,
.fileContainer:focus,
.fileContainer ~ button[type='button']:focus{border:1px solid #231f20;}

.fileAttachList {margin-top:7px;padding:10px 20px;border:1px solid #ccc;}
.fileAttachList li{position:relative; line-height:25px;}
.fileAttachList .btn_fileList_del{display:block; position:absolute; float:none; top:50%; left:0; transform:translateY(-50%); width:15px;height:15px;background:url('/wowfa20/front/assets/img/btn_fileList_del.png') no-repeat left center;text-indent:-9999em;}
.fileAttachList .icoFile {width:14px;height:14px;margin-top:5px;margin-left:10px;background:url('/wowfa20/front/assets/img/ico_bbs_list_file.png') no-repeat 0 0;}
.fileAttachList em {display:block; font-size:14px;color:#333333;padding-left:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:none;}
.req{position:relative;}
.req:before{content:'*'; display:block; position:absolute; color:#ED2023; left:-10px; font-size:14px;}

/* 탭(기본) */
.tab-button{display:table; table-layout:fixed; width:100%; cursor:pointer;}
.tab-button li{display:table-cell; vertical-align:middle; height:60px; background:#F8F8F8; color:#9D9D9D; text-align:center; font-size:20px; line-height:29px; letter-spacing:-1px; border-bottom:1px solid #9D9D9D;}
.tab-button li.active{background:#fff; color:#231F20; border-top:1px solid #9D9D9D; border-right:1px solid #9D9D9D; border-left:1px solid #9D9D9D; border-bottom:none;}
.tab-button li a{display:block; color:#9D9D9D; padding:15px 0;}
.tab-button li.active a{color:#231F20;}
.tab-content{display:none; height:auto; background:#fff; overflow:hidden;}
.tab-content.active{display:block;}
.tab-content-wrap{padding-top:30px;}

@media all and (max-width : 880px){
    /* table : 조회조건 */
    .bbs-search-wrap-inner input[type='text']{width:610px;}
}

@media all and (max-width : 768px){
    /* table : data -------------------------------------------------------------------------------------------------------*/
    table.table_data{table-layout:auto; border-top:1px solid #231f20; display:block;}
	table.table_data thead{border-bottom:none;}
	table.table_data tbody{display:block;width:100%;}
	table.table_data tbody tr{padding:15px 5px;}
    table.table_data tr{position:relative;display:block;overflow:hidden;}
    table.table_data thead{display:none;}
    table.table_data td{display:block;height:auto;padding:0;font-size:16px !important;text-align:left;}

    table.table_data td:first-child{display:none;}
    table.table_data td.tit{display:inline-block;float:left;position:relative;color:#9d9d9d;}
    table.table_data td.tit b{display:inline-block;}
	table.table_data td.tit,
    table.table_data td.txt,
	table.table_data td.date{width:calc(100% - 60px);}/* padding:0px 0 0 5px; */
    table.table_data td.txt{display:inline-block;position:relative;float:left;clear:both;padding-top:0;color:#9d9d9d;}
	table.table_data td.lecture{display:inline-block;clear:both;float:left;color:#9d9d9d;}
	table.table_data td.lecture + td.date,
	table.table_data td.lecture + td.writer,
    table.table_data td.date + td.count,
	table.table_data td.writer + td.date{clear:none;position:relative;padding-left:10px !important;margin-left:10px;}
    table.table_data td.date{display:inline-block;clear:both;float:left;color:#9d9d9d;}
    table.table_data td.writer{display:inline-block;clear:both;float:left;font-size:14px;color:#9d9d9d;}
    table.table_data td.date + td.count::before,
	table.table_data td.lecture + td.writer::before,
	table.table_data td.writer + td.date::before,
	table.table_data td.date + td.count::before{content:'';display:block;position:absolute;top:50%;left:0;height:11px;transform:translateY(-50%);border-left:solid 1px #ddd;} 
    table.table_data td.count{display:inline-block;float:left;color:#9d9d9d;}
	

	table.table_data td{font-size:16px !important; line-height:24px !important;}
	table.table_data td.tit,
	table.table_data td.lecture,
	table.table_data td.date,
	table.table_data td.count,
	table.table_data td.writer{font-size:14px !important; line-height:22px !important;}


	/* 테이블 버튼 */
    table.table_data td.btn{display:inline-block;position:absolute;top:50%;right:5px;transform:translateY(-50%);}
    /* btn-play */
    table.table_data td .btn-play{width:28px;height:28px;margin-right:15px;}
    table.table_data td .btn-play::before{top:9px;left:2px;border-top:solid 5px transparent;border-left:solid 9px #fff;border-bottom:solid 5px transparent;}    
    /* btn-down */
	table.table_data td .btn-down{margin-right:10px;}
    /* ▽시청가능 : 업로드 */
    table.table_data .up .tit::before{content:'UP';display:inline-block;font-size:12px;line-height:17px;position:relative;background:#20d592;padding:0 5px;color:#fff;border-radius:10px;/*background:#20d592 url('/wowfa20/front/assets/img/icon-up.png') no-repeat top center;background-size:29px 15px;*/}
    table.table_data .up td.date span::before{display:none;}

    /* table : data-list -------------------------------------------------------------------------------------------------------*/
    table.table_data.list{border-top:none;}
	table.table_data.list td{height:auto;}
	table.table_data.list td.date{width:auto; }
	table.table_data.list td.count{clear:none;}
    
	/* 조회결과없음 */
	.no-data{display:block !important;}
	.no-data p{display:block !important; margin:0 auto !important; text-align:center !important;}
    
	 
	  

    /* table :viewpage -------------------------------------------------------------------------------------------------------*/
	/* CRUD(상세) */
	/*  .bbs-view-top{border:none;} */
    .bbs-view-wrap .bbs-view-top .bbs-view-top-inner{padding:15px 0 15px;}
    .bbs-view-wrap .bbs-view-top .bbs-view-top-inner p{font-weight:normal;font-size:22px;line-height:29px;letter-spacing:-1.5px;}
	.bbs-view-wrap .bbs-view-top .bbs-view-top-inner ul{margin-top:5px;}
	.bbs-view-wrap .bbs-view-top .bbs-view-top-inner ul li{margin-right:30px;}
    .bbs-view-wrap .bbs-view-top .bbs-view-top-inner dl dt{font-size:16px; line-height:22px;letter-spacing:-1.5px;}
														   
    .bbs-view-wrap .bbs-view-top .bbs-view-top-inner dl dd{font-size:16px; line-height:22px;letter-spacing:-1.5px; margin-left:58px; padding-left:6px;}
																   


	/* CRUD(일반목록 - 상세) */
	.bbs-view-wrap.view .bbs-file-area{padding:20px 0; border-top:1px solid #ddd;}
    .bbs-view-wrap.view .bbs-file-area:before{content:'';position:absolute;top:0;bottom:-1px;left:-20px;width:20px;background:#f5f5f5;height:auto;border-bottom:1px solid #ddd;}
    .bbs-view-wrap.view .bbs-file-area:after{content:'';position:absolute;top:0;bottom:-1px;right:-20px;width:20px;background:#f5f5f5;height:auto;border-bottom:1px solid #ddd;}
	.bbs-view-wrap.view .bbs-view-top{position:relative; padding:0;}
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner p{font-size:22px; line-height:31px;}
    .bbs-view-wrap.view .bbs-view-top:before{content:'';position:absolute;top:-1px;bottom:-1px;left:-20px;width:20px;background:#f5f5f5;height:auto;border-top:1px solid #ddd; border-bottom:1px solid #F5F5F5;}
    .bbs-view-wrap.view .bbs-view-top:after{content:'';position:absolute;top:-1px;bottom:-1px;right:-20px;width:20px;background:#f5f5f5;height:auto;border-top:1px solid #ddd; border-bottom:1px solid #F5F5F5;}
    .bbs-view-wrap.view .bbs-content-area{position:relative; border-bottom:none;font-size:18px; line-height:28px;}
	.bbs-view-wrap.view .bbs-content-area:before{content:'';position:absolute;top:-1px;bottom:0;right:-20px;width:20px;height:auto;border-top:1px solid #ddd;}
	.bbs-view-wrap.view .bbs-content-area:after{content:'';position:absolute;top:-1px;bottom:0;left:-20px;width:20px;height:auto;border-top:1px solid #ddd;}
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner ul{display:table;table-layout:fixed;}
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner ul li + li{padding-left:0px;}
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner li:first-child dl dd{padding:0; margin:0;}
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner li:first-child dl dd:before{display:none;}
    .bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner ul li{display:table-cell;float:inherit;text-align:left;}
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dt,
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dd{font-size:18px; line-height:18px; padding-left:13px; margin-left:13px;}
	.bbs-view-wrap.view .bbs-view-writer dt,
    .bbs-view-wrap.view .bbs-view-date dt,
    .bbs-view-wrap.view .bbs-view-count dt,
	.bbs-view-wrap.view .bbs-view-lecture dt{display:none;}
    .bbs-prev-next-area{display:none;}
    /*position:absolute;top:0;left:0;right:0;*/

    /* table : 다운로드 */
    .bbs-file-area{position:relative;padding:20px 0;}
	.bbs-file-area ul li{width:100%; float:none; margin:5px 0 0 !important; max-width:none;}
	.bbs-file-area ul li:first-child{margin-top:0 !important;}
	.bbs-file-area ul li a{text-align:center; font-size:16px;}

    /* table : 조회조건 */
    .bbs-search-wrap{padding:0;background:transparent;}
    .bbs-search-wrap-inner{display:block;position:relative;overflow:hidden;border-bottom:solid 1px #231F20; padding-bottom:10px;}
    .bbs-search-wrap-inner input[type='text']{width:100%;height:30px;padding:5px 40px 5px 20px;border:none; font-size:18px;}
    .bbs-search-wrap-inner input[type='text']:focus{border:none !important;}
    .bbs-search-wrap-inner input[type='text']::placeholder{font-size:18px;}
    .bbs-search-wrap-inner input[type='text']:-ms-input-placeholder{font-size:18px;}
    .bbs-search-wrap-inner input[type='text']::-ms-input-placeholder{font-size:18px;}
    .bbs-search-wrap-inner input[type='submit']{width:30px;height:30px;padding:0;position:absolute;top:1px;right:1px;background:transparent url('/wowfa20/front/assets/img/bbs-search-icon.png') no-repeat center;}
    .bbs-search-wrap-inner input[type='submit']:hover{background-color:#fff;}
    .bbs-search-wrap-inner button[type='button']{width:30px;height:30px;padding:0;position:absolute;top:1px;right:1px;background:transparent url('/wowfa20/front/assets/img/bbs-search-icon.png') no-repeat center;}
    .bbs-search-wrap-inner button[type='button']:hover{background-color:#fff;}

	.bbs-search-wrap + .tab-content-wrap{margin-top:0px;}
    
    /* table : paging */
    .pagination-wrap .pagination-inner{width:100%;}
    .pagination-wrap .pagination-inner ul,
    .pagination-wrap .pagination-inner .btn_pagemove_start,
    .pagination-wrap .pagination-inner .btn_pagemove_last,
    .pagination-wrap .pagination-inner .btn_pagemove_prev,
    .pagination-wrap .pagination-inner .btn_pagemove_next{display:none;}
    /*.pagination-wrap .pagination-inner .pagination-more{display:block;}*/
    
    /* table : paging */
    /*.pagination-wrap .pagination-inner2{width:100%;}*/
    .pagination-wrap .pagination-inner2 a,
	.pagination-wrap .pagination-inner2 strong,
	.pagination-wrap .pagination-inner2 ul,
    .pagination-wrap .pagination-inner2 .btn_pagemove_start,
    .pagination-wrap .pagination-inner2 .btn_pagemove_last,
    .pagination-wrap .pagination-inner2 .btn_pagemove_prev,
    .pagination-wrap .pagination-inner2 .btn_pagemove_next{display:block;}
    /*.pagination-wrap .pagination-inner .pagination-more{display:block;}*/


    /* table : 이전글 다음글 */    
    .bbs-prev-next-area ul li{padding:0;}
    .bbs-prev-next-area .bbs-prev-txt,
    .bbs-prev-next-area .bbs-next-txt{width:100%;}
    .bbs-prev-next-area .bbs-prev-txt em,
    .bbs-prev-next-area .bbs-next-txt em{width:auto;padding:0 20px;background:none;font-size:14px;line-height:50px;}
    .bbs-prev-next-area .bbs-prev-txt p,
    .bbs-prev-next-area .bbs-next-txt p{width:calc(100% - 110px);line-height:50px;}
    .bbs-prev-next-area .bbs-prev-txt p a,
    .bbs-prev-next-area .bbs-prev-txt p span,
    .bbs-prev-next-area .bbs-next-txt p a,
    .bbs-prev-next-area .bbs-next-txt p span{font-size:14px;}
    .bbs-prev-next-area .bbs-prev-num,
    .bbs-prev-next-area .bbs-next-num{display:none;}
	
	/* 상세내용 안의 버튼 */
	.bbs-content-area{padding:15px 0 30px !important; font-size:14px;}
	.bbs-content-area .bbsBtnArea{margin-top:30px;}
	.bbs-content-area .btn-enroll{width:180px; font-size:16px;}

	/* 게시판 글쓰기 및 수정 */
	.bbsWriteEditWrap table,
	.bbsWriteEditWrap table tbody,
	.bbsWriteEditWrap table tbody tr,
	.bbsWriteEditWrap table tbody tr th,
	.bbsWriteEditWrap table tbody tr td{display:block; width:100%; overflow:hidden;}
	.bbsWriteEditWrap table th{background:none; padding-top:20px; font-size:18px; line-height:20px; border:none; padding-left:0; padding-right:0; padding-bottom:0;}
	.bbsWriteEditWrap table td{padding-top:10px; font-size:18px; line-height:20px; border:none; padding-left:0; padding-right:0; padding-bottom:0;}
											  
	.bbsWriteEditWrap table td input{border-left:none; border-right:none; border-top:none; height:40px;}
	.bbsWriteEditWrap table td input:focus{border:none !important; border-bottom:1px solid #231f20 !important;}
						  
	
	.fileContainer,
	.fileContainer ~ button[type='button']{font-size:16px; height:32px; line-height:30px;}
	.fileAttachList em{font-size:16px; width:550px;}

	/* input[type='text']:focus,
	 input.w100p{height:30px;}*/
	
	input[type=text],
	input[type=text]::placeholder,
	textarea,
	textarea::placeholder{font-size:18px; line-height:18px;}

	/* 탭(기본) */
	.tab-button li{font-size:18px;}

	/* table : 버튼 */
	.bbsBtnArea{margin-top:30px; text-align:center;}
	.bbsBtnArea button{font-size:18px; max-width:none;}
	.bbsBtnArea.ty2 button{width:calc(50% - 5px);}
	.bbsBtnArea.ty3 button{width:calc(33.3% - 5px);}
	.bbsBtnArea.ty3 .bbsBtnArea.ty2{display:inline-block; width:calc(66.6% - 5px);}
	.bbsBtnArea.ty3 .bbsBtnArea.ty2 button{width:calc(50% - 5px);}

	#curriculum table.table_data .free::before {content:none !important;}
	#curriculum table.table_data .free .btn::before {content:'무료수강';display:inline-block; margin-bottom: 5px; padding:0 5px; background:#20d592;color:#fff;font-size:10px;line-height:20px; color:#fd494e; border-radius:50px; border:1px solid #ed585c; background-color:#f9e0e0;}
	#curriculum table.table_data td.btn {width: 55px; text-align: center;}
	#curriculum table.table_data td .btn-play {margin-right: 0;}
}

@media all and (max-width : 600px){
	.fileAttachList em{width:400px;}
}

@media all and (max-width : 450px){
	.fileAttachList em{width:300px;}
}

@media all and (max-width : 375px){
	
	input[type=text],
	input[type=text]::placeholder,
	textarea,
	textarea::placeholder{font-size:16px; line-height:26px}

	.bbsBtnArea button{font-size:16px;}
	
	/* 탭(기본) */
	.tab-button li{height:40px; font-size:16px;}
	.tab-button li a{padding:5px 0;}
    .bbs-search-wrap-inner input[type='text']{font-size:16px;}
    .bbs-search-wrap-inner input[type='text']::placeholder{font-size:16px;}
    .bbs-search-wrap-inner input[type='text']:-ms-input-placeholder{font-size:16px;}
    .bbs-search-wrap-inner input[type='text']::-ms-input-placeholder{font-size:16px;}

	.bbs-view-wrap .bbs-view-top .bbs-view-top-inner ul li{margin-right:15px;}
	.bbs-view-wrap .bbs-view-top .bbs-view-top-inner p{font-size:20px; line-height:27px;}
	.bbs-view-wrap .bbs-view-top .bbs-view-top-inner dl dt{font-size:14px; line-height:20px;}
	.bbs-view-wrap .bbs-view-top .bbs-view-top-inner dl dd{font-size:14px; line-height:20px; margin-left:50px;}

	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner p{font-size:20px; line-height:29px;}
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dt,
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dd{font-size:16px; line-height:16px; letter-spacing:-1.5px;}
	.bbs-view-wrap.view .bbs-view-top .bbs-view-top-inner dl dd{margin-left:6px; padding-left:6px;}
	.bbs-view-wrap.view .bbs-content-area{font-size:16px; line-height:26px;}
																						   

	table.table_data td{font-size:14px !important; line-height:22px !important;}
	table.table_data td.tit,
	table.table_data td.lecture,
	table.table_data td.date,
	table.table_data td.count,
	table.table_data td.writer{font-size:12px !important; line-height:20px !important;}

	.bbs-file-area ul li a{font-size:14px; line-height:18px; padding:5px 10px 5px 10px;}

    .bbsWriteEditWrap table th,
	.bbsWriteEditWrap table td{font-size:16px;}

	.fileContainer,
	.fileContainer ~ button[type='button']{font-size:14px; height:30px; line-height:30px;}
	.fileAttachList em{font-size:14px; width:235px;}
}

@media all and (max-width : 340px){ 
    /* table : data -------------------------------------------------------------------------------------------------------*/
    table.table_data td.txt .txt-link{max-width:215px;}

    /* table :viewpage -------------------------------------------------------------------------------------------------------*/
    .bbs-view-top .bbs-view-top-inner dl dd{margin-left:0px;}
}