/* Common **********************************************************************/
@import url(https://fonts.googleapis.com/css?family=Exo);
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);


/* Common **********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: inherit; font-weight:inherit; color:inherit; vertical-align: baseline;
	box-sizing:border-box; -webkit-tap-highlight-color:transparent; outline:none; line-height:inherit;
}

html,body {width:100%;line-height:1.3;}
html {box-sizing:border-box; }
*, *:before, *:after{box-sizing:inherit;}
body {word-wrap:break-word; word-break:keep-all; }
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;}
fieldset,img {border:0px none;  vertical-align:middle; -ms-interpolation-mode: bicubic;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; font-family:inherit;color:#7d7d7d;}
:link,:active,:visited{text-decoration:none;border:0px;}
:hover,:focus{text-decoration:none}
table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend{width:0; height:0; font-size:0 ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; position:absolute;}
label.invisible{position:Absolute;}

i{font-style:normal; text-decoration:none;}

input{padding:0 10px;}

b, strong{font-weight:700;}
.link{color:#3b6db5; text-decoration:underline;}

/* common */
.clearfix:after{display:block;clear:both;content:""} 
/* .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block; border:1px solid red;}
.clfix {display:block;}
* html .clfix {height:1%;} Hides from IE-mac
.clfix {zoom:1;} for IE 5.5-7 */

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}



.md2{margin-left:2px !important;}
.md1{margin-left:1px !important;}
.md4{margin-left:4px !important;}
.md5{margin-left:5px !important;}
.md6{margin-left:6px !important;}
.md7{margin-left:7px !important;}
.md8{margin-left:8px !important;}
.md9{margin-left:9px !important;}
.md10{margin-left:10px !important;}
.md11{margin-left:11px !important;}
.md12{margin-left:12px !important;}
.mt3 {margin-top:3px !important;}
.mt2 {margin-top:2px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt22 {margin-top:22px !important;}
.mt34{margin-top:90px !important;}
.mt23{margin-top:23px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt36 {margin-top:36px !important;}
.mt37 {margin-top:37px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt88 {margin-top:88px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt105 {margin-top:105px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt140 {margin-top:140px !important;}
.mt180 {margin-top:180px !important;}
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1px !important;}
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb100 {margin-bottom:100px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr11 {margin-right:11px !important;}
.mr13 {margin-right:13px !important;}
.mr15 {margin-right:15px !important;}
.mr25 {margin-right:25px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr34 {margin-right:34px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.md3 {margin-left:3px !important;}
.md8 {margin-left:8px !important;}
.md12 {margin-left:12px !important;}
.md10 {margin-left:10px !important;}
.md13 {margin-left:13px !important;}
.md17 {margin-left:17px !important;}
.md20 {margin-left:20px !important;}
.md15 {margin-left:15px !important;}
.md18 {margin-left:18px !important;}
.md29 {margin-left:29px !important;}
.md27 {margin-left:27px !important;}
.md30 {margin-left:30px !important;}
.md34 {margin-left:34px !important;}
.md35 {margin-left:35px !important;}
.md40 {margin-left:40px !important;}
.md50 {margin-left:50px !important;}
.md55 {margin-left:55px !important;}
.md65 {margin-left:65px !important;}
.md70 {margin-left:70px !important;}
.md75 {margin-left:75px !important;}
.md76 {margin-left:76px !important;}
.md78 {margin-left:78px !important;}
.md80 {margin-left:80px !important;}
.md100 {margin-left:100px !important;}
.md115 {margin-left:115px !important;}
.md180 {margin-left:180px !important;}
.md220 {margin-left:220px !important;}
.pd0 {padding:0px !important;}
.pt2 {padding-top:2px !important;}
.pt4 {padding-top:4px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt57 {padding-top:57px !important;}
.pt60 {padding-top:60px !important;}
.pt80 {padding-top:80px !important;} 
.pt100 {padding-top:100px !important;}
.pt160 {padding-top:160px !important;} 
.pt170 {padding-top:170px !important;} 
.pt180 {padding-top:180px !important;}
.pt183 {padding-top:183px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb58 {padding-bottom:58px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pr6 {padding-right:6px !important;}
.pr5 {padding-right:5px !important;}
.pr2 {padding-right:2px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr50 {padding-right:50px !important;}
.pr66 {padding-right:66px !important;}
.pr266 {padding-right:266px !important;}
.pl24 {padding-left:24px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl15 {padding-left:15px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl75 {padding-left:75px !important;}
.pl90 {padding-left:90px !important;}

.mt2p{margin-top:2% !important;}
.mt5p{margin-top:5% !important;}
.mt10p{margin-top:10% !important;}
.mt15p{margin-top:15% !important;}
.mt20p{margin-top:20% !important;}
.mt2b{margin-bottom:2% !important;}
.mb5p{margin-bottom:5% !important;}
.mb10p{margin-bottom:10% !important;}
.mb15p{margin-bottom:15% !important;}
.mb20p{margin-bottom:20% !important;}

.modal_layer{position:fixed; top:0; left:0; z-index:5000; display:none; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.modal_layer .modal_wrap{position:fixed; top:50%; left:50%; z-index:2; width:400px; height:300px; padding-top:50px; max-width:90%; max-height:90%; background:#F7F7F7; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.modal_layer .modal_header{position:absolute; top:0; left:0; width:100%; height:50px; background:#2C3E50;}
.modal_layer .modal_header h1{padding:0 80px 0 20px; height:100%; font-size:16px; color:white; overflow:hidden; line-height:50px;}
.modal_layer .modal_header .close{position:absolute; top:16px; left:100%; margin-left:-38px; line-height:16px; font-size:18px; color:white; cursor:pointer; text-align:center;}
.modal_layer .modal_header .close{margin-left:-35px; font-size:24px;}
.modal_layer .modal_header .close i{font-size:16px;}
.modal_layer .modal_header .close i:before,.modal_layer .modal_header .close i:after{background:#fff;}
.modal_layer .submit_btn button{height:40px; font-size:14px; width:100px;}
.modal_layer .modal_contents{height:100%; overflow-y:auto;}
.modal_layer .modal_contents .modal_inner{padding:20px;}


#checkActionModal .modal_wrap{width:400px; height:auto !important;}
#checkActionModal .modal_contents{padding:10px;}
#checkActionModal .selected{padding:5px; border:1px solid #666;}
#checkActionModal .selected b{font-weight:700;}
#checkActionModal div.group{padding:10px; margin-top:10px; height:250px; border:1px solid #ccc; overflow-y:scroll;}
#checkActionModal ul{display:none;}
#checkActionModal ul ul{margin-left:30px;}
#checkActionModal button.showMenuBtn{background:#eeeeee; font-weight:700;}
#checkActionModal button.boardActionGroupBtn{position:relative; display:block; width:100%; padding:0 10px; height:30px; text-align:left; background:#999; color:#fff; font-weight:700;}
#checkActionModal button.boardActionGroupBtn:after{content:'';position:absolute; top:50%; margin-top:-2px; right:10px; width:10px; height:10px; border:1px solid #ccc; border-width:0 1px 1px 0; -webkit-transform:translate(0, -50%) rotate(45deg); -moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%) rotate(45deg);-o-transform:translate(0, -50%) rotate(45deg);transform:translate(0, -50%) rotate(45deg);}
#checkActionModal li{border-bottom:1px solid #ddd;}
#checkActionModal li button{display:block; width:100%; text-align:left; padding:5px;}
#checkActionModal li button:hover{background:#eee;}
#checkActionModal li.active button{background:#555; color:#fff; font-weight:700;}
#checkActionModal .bottomBtn{margin-top:0; padding:10px 0;}
#checkActionModal .selectedCategory select{margin-top:5px; width:100%;}



.youtubeFrameWrap{position:relative; width:100%; height:0; display:inline-block; padding-bottom:56.25% !important;}
.youtubeFrameWrap iframe{position:absolute; top:0; left:0; width:100%; height:100%;}


#replyMoreViewBtn{display:block; line-height:1.2; height:40px; border:1px solid #ccc; border-width:1px 0; margin:10px 0; text-align:center;}
#replyMoreViewBtn:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
#replyMoreViewBtn:after{content:''; display:inline-block; width:7px; height:7px; border:1px solid #ccc; border-width:0 1px 1px 0; transform:rotate(45deg); margin:-6px 0 0 10px;}


span.secretDoc{position:relative; display:inline-block; width:16px; height:16px; overflow:hidden; vertical-align:middle;}
span.secretDoc:before{content:''; display:block; width:10px; height:8px; margin:6px auto 5px; background:#828b99; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
span.secretDoc:after{content:''; position:absolute; top:1px; left:50%; display:block; width:5px; height:10px; border:1px solid #828b99; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -moz-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
span.newDoc{position:relative; display:inline-block; width:12px; height:14px; margin-left:3px; overflow:hidden; vertical-align:middle; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#dd2a3f; color:#fff !important;}
span.newDoc:before{content:'N'; display:block; height:100%; margin-bottom:5px; font-weight:800; font-size:10px; text-align:center; line-height:14px;}
span.answerDoc{position:relative; display:inline-block; width:14px; height:14px; margin-right:3px; overflow:hidden; vertical-align:middle;}
span.answerDoc:before{content:''; display:block; width:50%; height:50%; margin-bottom:100%; border:1px solid #828b99; border-width:0 0 4px 1px; border-radius:50% 0 0 50%; -webkit-border-radius:50% 0 0 50%; -moz-border-radius:50% 0 0 50%;}
span.answerDoc:after{content:''; position:absolute; top:50%; right:0; display:block; border-left:8px solid #828b99; border-top:5px solid transparent; border-bottom:5px solid transparent; -moz-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%); margin-top:2px;}

#viewOptNav{display:none; position:fixed; bottom:20px; right:20px; z-index:120; padding:0; margin:0; border:1px solid #ccc; background:rgba(255,255,255,0.9); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:40px; text-align:center; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.1); box-shadow:1px 1px 2px rgba(0,0,0,0.1);}
#goTopBtn{display:block; width:100%; padding:12px 0 4px;}
#goTopBtn i{display:block; width:12px; height:12px; border:2px solid #888; border-width:2px 2px 0 0; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); margin:0 auto;}
#goTopBtn span{display:block; margin-top:4px; font-size:14px; font-weight:700; line-height:1.2;}