@charset "utf-8";
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: inherit; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(102, 102, 102, 0.3);}
html, body{width:100%; height:100%; word-break:break-all;}
body{line-height:1.1; font-size:14px; font-family:'Nanum Gothic'; color:#333; overflow-y:scroll; background:#fff;}
ol, ul{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
table caption{display:none;}
table th, table td{vertical-align:middle;}
a, a:hover, a:link, a:focus{text-decoration: none; color:inherit;}
i{font-style:normal;}


/*FORM RESET*/
input{border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
input[type=email], input[type=text], input[type=password], input[type=tel], input[type=file], input[type=number], select, textarea {margin:0; padding:0; border: 1px solid #ddd; font-family:'Nanum Gothic'; font-size:inherit; resize:none; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; height:26px; padding:0 4px; line-height:24px;}
select{height:26px; line-height:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input, img{vertical-align:middle;}
input[type=file]{border:0; padding:0;}
input[type=button], input[type=submit], button{padding:0; color:inherit; font-family:'Nanum Gothic'; border:0; background:none; vertical-align:middle; cursor:pointer; font-weight:inherit; font-size:inherit; line-height:1.1;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
label{font-family:'Nanum Gothic';}
textarea{width:100%; height:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:4px; line-height:1.3;}
.hidden, .hide{display:none;}

.w10p{width:10%;}
.w20p{width:20%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w60p{width:60%;}
.w70p{width:70%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w100p{width:100%;}

.w5p{width:5%;}
.w15p{width:15%;}
.w25p{width:25%;}
.w35p{width:35%;}
.w45p{width:45%;}
.w55p{width:55%;}
.w65p{width:65%;}
.w75p{width:75%;}
.w85p{width:85%;}
.w95p{width:95%;}

.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}

input + span.guide{margin-left:5px;}

.dateInput{position:relative; display:inline-block;}
.dateInput input.date,.dateInput input.mdate{position:relative; z-index:2; background:none; text-align:left; margin:0; padding:0 4px; font-size:12px; font-family:'굴림체'; color:#333; width:85px; font-weight:700; vertical-align:middle;}
.dateInput .before{position:absolute; top:50%; left:0; z-index:1; width:100%; height:100%; padding:0 4px; margin-top:-11px; line-height:22px; border:1px solid transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:12px; color:#ddd; font-family:'굴림체'; font-weight:700;}
.dateInput .before span{color:#fff; opacity:0;}

.loading_layer{position:fixed; top:0; left:0; z-index:5000; width:100%; height:100%; background:rgba(0,0,0,0.0); color:rgba(255, 255, 255, 0.0); font-size:14px; text-align:center;}
.loading_layer p{position:absolute; top:45%; left:0; width:100%; margin-top:55px; font-family:'Verdana'; font-weight:700;}

label.checkbox{position:relative; display:inline-block; line-height:16px; vertical-align:middle;}
label.checkbox input{position:absolute; top:0; left:0; opacity:0; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0);}
label.checkbox input ~ span{position:relative; display:block; width:100%; height:100%; padding-left:21px;}
label.checkbox input ~ span:before{content:' '; position:absolute; top:50%; left:0; display:block; width:14px; height:14px; border:1px solid #aaa; background:#fff; color:#c00; text-align:center; line-height:14px; font-size:14px; -moz-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}
label.checkbox input:checked ~ span:before{content:'\2714'; font-weight:400;}

label.radio{position:relative; display:inline-block; line-height:16px; vertical-align:middle;}
label.radio input{position:absolute; top:0; left:0; opacity:0; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0);}
label.radio input ~ span{position:relative; display:block; width:100%; height:100%; padding-left:21px;}
label.radio input ~ span:before{content:' '; position:absolute; top:50%; left:0; display:block; width:14px; height:14px; border:1px solid #aaa; background:#fff; color:#c00; text-align:center; line-height:14px; font-size:14px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -moz-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}
label.radio input:checked ~ span:after{content:' '; position:absolute; top:50%; left:3px; display:block; width:10px; height:10px; background:#666; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -moz-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}

.selectBox{display:inline-block; position:relative; border:1px solid #d6d6d6; background:#fff; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:12px; overflow:hidden; vertical-align:middle;}
.selectBox:before,.selectBox:after{content:''; position:absolute; top:0; right:0; width:30px; height:100%; background:#f8f8f8; text-align:center;}
.selectBox:after{content:'\2039'; top:50%; height:auto; line-height:20px; margin-top:-10px; background:none; color:#999; font-size:13px; -moz-transform:rotate(-90deg) scale(0.5,1); -webkit-transform:rotate(-90deg) scale(0.5,1); -ms-transform:rotate(-90deg) scale(0.5,1); -o-transform:rotate(-90deg) scale(0.5,1); transform:rotate(-90deg) scale(0.5,1); font-weight:800;}
.selectBox span.selected{position:absolute; top:0; left:0; display:block; height:100%; width:100%; padding:0 35px 0 10px; font-weight:300; color:#222; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis; font-size:inherit;}
.selectBox span.selected:before{content:' '; display:inline-block; width:0; height:100%; vertical-align:middle;}
.selectBox select{position:relative; z-index:2; opacity:0; -ms-filter:alpha(opacity=0); margin:0; padding:0 35px 0 10px; border:0; color:#333; font-size:inherit;}

.MessageModal{position:fixed; top:0; left:0; z-index:6000; width:100%; height:100%; min-width:320px; background:rgba(0,0,0,0.5); font-size:13px; color:#333;}
.MessageModal .MessageModalWrap{position:absolute; top:50%; left:50%; min-width:250px; max-width:500px; background:#fff; -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.MessageModal .MessageModalWrap > header{padding:7px; font-weight:700; background:#999; color:#fff;}
.MessageModal .MessageModalWrap > div.text{padding:10px; min-height:70px;}
.MessageModal .MessageModalWrap > footer{padding:7px 15px; text-align:right; background:#f6f6f6;}
.MessageModal .MessageModalWrap > footer a{display:inline-block; margin-left:4px; font-weight:700; padding:2px 5px;}
.MessageModal .MessageModalWrap > footer a:focus{background:#ddd;}
span.uploadedFile{display:inline-block; padding:3px 5px; border:1px solid #ccc; background:#eee; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.fileUploadArea{padding:10px 0;}
.fileUploadArea + .fileUploadArea{padding-top:0;}
.fileUploadImage{display:inline-block; vertical-align:middle;}
.fileUploadImage img{display:block; max-width:100px; max-height:100px;}
.fileUploadImage i{display:block; width:100px; height:100px; background:no-repeat center center; -webkit-background-size:contain; background-size:contain;}
.fileUploadArea2{padding:10px 0;}
.fileUploadArea2 + .fileUploadArea2{padding-top:0;}
.fileUploadArea2 p{display:inline-block;}

.jqFileUploadArea .progress{display: inline-block; height: 20px; width: 100px; overflow: hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#eee;vertical-align: middle;}
.jqFileUploadArea .progress .bar{width: 0%; height: 100%;}
.cross{position:relative; display:inline-block; font-size:12px; width:1em; height:1em; vertical-align:middle; overflow:hidden;}
.cross:before{content:''; position:absolute; top:0.5em; left:0.5em; display:block; width:1px; height:1.4142em; -moz-transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg); -ms-transform:translate(-50%, -50%) rotate(45deg); -o-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg); background:#000;}
.cross:after{content:''; position:absolute; top:0.5em; left:0.5em; display:block; width:1px; height:1.4142em; -moz-transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg); -ms-transform:translate(-50%, -50%) rotate(-45deg); -o-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg); background:#000;}

#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 button.boardActionGroupBtn{position:relative; margin-bottom:5px; height:24px; width:100%; padding:0 10px; background:#999; color:#fff; text-align:left;}
#checkActionModal ul{display:none;}
#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; padding-bottom:56.25%;}
.youtubeFrameWrap iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.se2_addi_btns{padding:2px 5px; border:1px solid #ddd; border-bottom:0; background:#f4f4f4; font-size:12px; font-weight:700; color:#666; text-align:right;}
.se2_addi_btns > div{display:inline-block;}
.se2_addi_btns > div + div{margin-left:5px;}
.se2_addi_btns button{height:18px; padding:0 5px; border:1px solid #aaa; background:-webkit-linear-gradient(#fff, #fff, #fff, #eee); background:-moz-linear-gradient(#fff, #fff, #fff, #eee); background:-o-linear-gradient(#fff, #fff, #fff, #eee); background:linear-gradient(#fff, #fff, #fff, #eee); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.se2_addi_btns .se2_add_img button i{position:relative; display:inline-block; width:12px; height:12px; border:1px solid #b18d82; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#fff; margin-right:5px; overflow:hidden;}
.se2_addi_btns .se2_add_img button i:after{content:''; position:absolute; top:100%; left:50%; width:30px; height:30px; margin:-4px 0 0 -15px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#0db01c;}
.se2_addi_btns .se2_add_img button i:before{content:''; position:absolute; top:10%; right:10%; width:4px; height:4px; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#ff8d46;}
.se2_addi_btns .se2_add_youtube button i{position:relative; display:inline-block; width:12px; height:8px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#c11; margin-right:5px; overflow:hidden;}
.se2_addi_btns .se2_add_youtube button i:before{content:''; display:block; width:1px; height:150%;}
.se2_addi_btns .se2_add_youtube button i:after{content:''; position:absolute; top:50%; left:50%; display:block; border-top:2px solid transparent; border-left:4px solid #fff; border-bottom:2px solid transparent; margin:-2px 0 0 -2px;}
.se2_addi_btns .se2_add_link button i{position:relative; display:inline-block; width:14px; height:14px; margin-right:5px; overflow:hidden;}
.se2_addi_btns .se2_add_link button i:before{content:''; display:block; width:4px; height:2px; border:2px solid #666; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -moz-transform:translate(0, 5px) rotate(-45deg); -webkit-transform:translate(0, 5px) rotate(-45deg); -ms-transform:translate(0, 5px) rotate(-45deg); -o-transform:translate(0, 5px) rotate(-45deg); transform:translate(0, 5px) rotate(-45deg);}
.se2_addi_btns .se2_add_link button i:after{content:''; position:absolute; top:0; left:0; display:block; width:4px; height:2px; border:2px solid #888; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -moz-transform:translate(5px, 3px) rotate(-45deg); -webkit-transform:translate(5px, 3px) rotate(-45deg); -ms-transform:translate(5px, 3px) rotate(-45deg); -o-transform:translate(5px, 3px) rotate(-45deg); transform:translate(5px, 3px) rotate(-45deg);}

#youtubeLinkModal .modal_wrap{width:500px; height:350px;}
#youtubeLinkModal .modal_contents{padding:20px;}
#youtubeLinkModal textarea{height:150px; border:1px solid #ccc;}
#youtubeLinkModal input[type=text]{width:60px; margin-right:5px; border:1px solid #ccc; height:24px;}
#youtubeLinkModal textarea{height:150px; border:1px solid #ccc;}
#youtubeLinkModal dl{display:table; width:100%; table-layout:fixed;}
#youtubeLinkModal dt{display:table-cell; width:80px; padding:2px;}
#youtubeLinkModal dd{display:table-cell; padding:2px;}
#youtubeLinkModal footer{margin-top:10px; text-align:center;}

#urlLinkModal .modal_wrap{width:500px; height:170px;}
#urlLinkModal .modal_contents{padding:20px;}
#urlLinkModal textarea{height:150px; border:1px solid #ccc;}
#urlLinkModal input[type=text]{border:1px solid #ccc; height:24px;}
#urlLinkModal textarea{height:150px; border:1px solid #ccc;}
#urlLinkModal dl{display:table; width:100%; table-layout:fixed;}
#urlLinkModal dt{display:table-cell; width:80px; padding:2px;}
#urlLinkModal dd{display:table-cell; padding:2px;}
#urlLinkModal footer{margin-top:10px; text-align:center;}

html{font-size:31.25vw;}

@media (min-width:1000px){
	html{font-size:312.5px;}
}
@media (max-width:320px){
	html{font-size:100px;}
}


/* ---------------------------------------------------------------------
*Common
* --------------------------------------------------------------------- */
.colorTest{color:#f4f4f8; color:#eeecef; color:#b2b0b7; color:#77757e; color:#353338; color:#3049c9; color:#14227e; color:#cb9c00; color:#c10; color:#585f7c;}
body{font-size:13px; background:#f4f4f8; color:#222; letter-spacing:-0.02em;}
body, html{width:100%; height:100%;}
b{font-weight:700;}
a.sBtn, button.sBtn{display:inline-block; padding:0 5px; background:#353338; color:#fff; vertical-align:middle; font-size:12px; line-height:18px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
a.mBtn, button.mBtn{display:inline-block; height:30px; padding:0 10px; text-align:center; background:#353338; color:#fff; vertical-align:middle; font-size:14px; line-height:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
a.bBtn, button.bBtn{display:inline-block; min-width:200px; height:34px; text-align:center; padding:0 20px; background:#353338; color:#fff; vertical-align:middle; font-size:16px; line-height:24px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
a.sBtn:before, a.mBtn:before, a.bBtn:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.fa{vertical-align:baseline;}
a.iBtn, button.iBtn{display:inline-block; padding:0 6px; vertical-align:middle; text-align:center; font-size:14px; line-height:18px;}

a.btn1, button.btn1{background:#fff; color:#333; border:1px solid #ccc;}
a.btn2, button.btn2{background:#77757e; color:#fff;}
a.btn3, button.btn3, a.red, button.red{background:#c10; color:#fff;}
a.highlight1, button.highlight1{background:#3049c9; color:#fff;}
a.highlight2, button.highlight2{background:#14227e; color:#fff;}
a.highlight3, button.highlight3{background:#cb9c00; color:#fff;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}

.f_lightgray{color:#b2b0b7 !important;}
.f_dark{color:#77757e !important;}
.f_blue{color:#3049c9 !important;}
.f_green{color:#00b90c !important;}
.f_darkblue{color:#14227e !important;}
.f_orange{color:#F60 !important;}
.f_red{color:#c10 !important;}
.f_mid{display:inline-block; padding:0 7px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; line-height:20px; background:#f4f4f8;}

.fico{display:inline-block; font-size:11px; font-weight:700; line-height:14px; padding:0 2px; font-family:'Consolas', 'Verdana'; background:#3049c9; color:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; vertical-align:middle;}
.fico.lightgray{background:#b2b0b7;}
.fico.dark{background:#77757e;}
.fico.green{background:#00b90c;}
.fico.darkblue{background:#14227e;}
.fico.red{background:#c10;}

.fico.big{font-size:12px; line-height:18px; font-family:'Nanum Gothic';}

input[type=email], input[type=text], input[type=password], input[type=tel], input[type=file], input[type=number], select, textarea{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; height:30px; line-height:28px; background:#f8f8f8; border:1px solid #b2b0b7; font-weight:700; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
input[type=email]::placeholder, input[type=text]::placeholder, input[type=password]::placeholder, input[type=tel]::placeholder, input[type=file]::placeholder, input[type=number]::placeholder, select::placeholder, textarea::placeholder{color:#b2b0b7;} textarea:-ms-input-placeholder{color:#b2b0b7;} textarea::-webkit-input-placeholder{color:#b2b0b7;}
select{height:30px; line-height:28px;}
input[type=number]{-moz-appearance:textfield; appearance:textfield;}
input.per{width:40px;}

.loading_layer{background:rgba(0,0,0,0.1); color:#fff;}
.loading_layer p{position:absolute; top:50%; left:50%; width:auto; margin-top:0; padding:0 20px; line-height:24px; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; background:rgba(0,0,0,0.2); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

#loading_layer{position:fixed; top:0; left:0; z-index:5000; width:100%; height:100%; background:rgba(0,0,0,0.1); color:#fff; font-size:14px; text-align:center;}
#loading_layer .loading_txt{position:absolute; top:50%; left:50%; width:auto; margin-top:0; padding:0 20px; line-height:24px; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; background:rgba(0,0,0,0.2); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-weight:700;}

.articleAction{padding-top:50px; text-align:center;}
.articleAction ul{display:inline-block;}
.articleAction ul:after{content:' '; display:block; clear:both}
.articleAction li{float:left;}
.articleAction a{display:inline-block; height:22px; width:70px; margin:0 5px; color:#fff; font-size:12px; background:#3049c9;}
.articleAction a:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.articleAction a span.num{font-weight:700;}
.articleAction a.already{background:#14227e;}
.tooltip{cursor:default;}

.alert{color:#c10;}

.modalConfirm{position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#999; background:rgba(0,0,0,0.1);}
.modalConfirm form{position:absolute; top:50%; left:50%; width:300px; padding:20px; margin:-80px 0 0 -150px; border:2px solid #333; background:#fff; text-align:center;}
.modalConfirm p{font-weight:700; padding-bottom:15px;}
.modalConfirm .sPopBtns{padding-top:10px;}
.modalConfirm .sPopBtns button + *{margin-left:5px;}
.modalConfirm .sPopBtns a + *{margin-left:5px;}

.nothing{text-align:center; color:#888; padding:20px 0;}

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:#b2b0b7; 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 #b2b0b7; 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:#ff963f; color:#fff;}
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 #b2b0b7; 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 #b2b0b7; 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;}

label.radio input:checked ~ span:after{background:#3049c9;}

label.select{position:relative;}
label.select:after{content:''; position:absolute; z-index:1; top:50%; right:10px; display:block; width:5px; height:5px; border:1px solid #999; border-width:0 2px 2px 0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -moz-transform:rotate(45deg) translate(0, -50%); -webkit-transform:rotate(45deg) translate(0, -50%); -ms-transform:rotate(45deg) translate(0, -50%); -o-transform:rotate(45deg) translate(0, -50%); transform:rotate(45deg) translate(0, -50%);}
label.select select{position:relative; z-index:2; padding-right:24px; background:transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
i.unit{color:#b2b0b7; margin-left:3px;}

input[type=number]{text-align:right;}
input[type=number].thin, input[type=text].thin{width:40px;}
input[type=number].midThin, input[type=text].midThin{width:80px;}
input[type=number].mid, input[type=text].mid{width:120px;}


/* ---------------------------------------------------------------------
*Contents
* --------------------------------------------------------------------- */
#wrap{width:100%; height:100%; min-width:320px; background:#fff;}

.scroll::-webkit-scrollbar{width:10px; height:10px; opacity:0.5; background: transparent;}
.scroll::-webkit-scrollbar-thumb{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color: inherit;}

.scroll{overflow-y:scroll; overflow-x:auto; -moz-transition:background-color 2s; -webkit-transition:background-color 2s; -ms-transition:background-color 2s; -o-transition:background-color 2s; transition:background-color 2s;}
.scroll:hover::-webkit-scrollbar-thumb{background-color:rgba(102,102,102,0.5); -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);}

.scrollv::-webkit-scrollbar-thumb{background-color:rgba(102,102,102,0.5); -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);}
.guide{color:#999; font-size:12px;}
.guide2{color:#3049c9; font-size:12px;}
ul.guide, p.guide{padding-top:5px;}
i.requiredBullet, i.rqb{font-weight:700; color:#c10; float:left; margin-right:5px; -moz-transform:translate(0, -5px); -webkit-transform:translate(0, -5px); -ms-transform:translate(0, -5px); -o-transform:translate(0, -5px); transform:translate(0, -5px);}
h2 + ul.guide, h2 + p.guide{padding:0 0 5px;}

table.write{width:100%; table-layout:fixed; font-size:12px;}
table.write th{width:150px; padding:5px 10px; border:1px solid #eeecef; border-width:1px 0; text-align:left; background:#f4f4f8; color:#585f7c; height:40px; font-weight:700;}
table.write td{padding:5px 10px; border:1px solid #f4f4f8; border-width:1px 0; text-align:left;}
table.write label + label{margin-left:10px;}
table.write select + select{margin-left:10px;}
table.write p + p{margin-top:5px;}
table.write textarea{height:250px;}

table.list{width:100%; table-layout:fixed; font-size:0.9em;}
table.list th{width:100px; padding:5px 10px; border:1px solid #D3D6DF; border-width:1px 0; text-align:center; background:#F2F3F5;}
table.list td{padding:10px; border:1px solid #D3D6DF; border-width:1px 0; text-align:center;}
table.list a{text-decoration:underline;}
table.list img{max-width:200px; max-height:100px;}

table.view{width:100%; table-layout:fixed;}
table.view th{width:150px; padding:10px; border:1px solid #D3D6DF; border-width:1px 0; text-align:left; background:#F2F3F5;}
table.view td{padding:10px; border:1px solid #D3D6DF; border-width:1px 0; text-align:left;}

.paging{clear:both; padding:20px; text-align:center;}
.paging span,.paging a,.paging strong{display:inline-block; padding:0 10px; color:#eeecef; background:#f4f4f8; line-height:30px; height:30px; overflow:hidden; font-size:13px; font-weight:700;}
.paging a{color:#353338;}
.paging strong{background:#3049c9; color:white; border:0; font-size:16px;}
.paging .first,.paging .prev,.paging .prevp,.paging .nextp,.paging .next,.paging .last{width:30px; background:none; font-weight:400;}
.paging .first:before{content:'\f048'; display:block; height:100%; font-family:'FontAwesome';}
.paging .prev:before{content:'\f100'; display:block; height:100%; font-family:'FontAwesome';}
.paging .prevp:before{content:'\f104'; display:block; height:100%; font-family:'FontAwesome';}
.paging .nextp:before{content:'\f105'; display:block; height:100%; font-family:'FontAwesome';}
.paging .next:before{content:'\f101'; display:block; height:100%; font-family:'FontAwesome';}
.paging .last:before{content:'\f051'; display:block; height:100%; font-family:'FontAwesome';}
.fileUploadArea2 span.fileName{display:inline-block; padding-left:5px; font-size:11px; font-weight:700; color:#b2b0b7;}
.fileUploadArea2 .fileUploadBtn{background:#b2b0b7;}

.replyDelete{position:absolute; top:50%; left:50%; padding:10px 20px; margin-bottom:0; border:1px solid #f4f4f8; background:rgba(255, 255, 255, 0.8); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center;}
.replyDelete fieldset{border:0;}
.replyDelete fieldset.pwd p{font-size:11px; margin-right:5px; color:#b2b0b7; line-height:15px; vertical-align:middle; font-weight:700;}
.replyDelete fieldset.pwd span.pwdinp{display:block; padding-top:10px; vertical-align:middle;}
.replyDelete .btn{padding-top:10px;}


/* 모달창 */

.modal_layer{position:fixed; top:0; left:0; z-index:5000; display:none; width:100%; height:100%;}
.modal_layer > button.close{position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.1);}
.modal_layer .modal_wrap{position:fixed; top:50%; left:50%; z-index:3; width:400px; height:300px; max-width:90%; max-height:90%; background:#fff; -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:relative; z-index:2; height:50px; background:#fff;}
.modal_layer .modal_header h1{padding:0 80px 0 20px; height:100%; font-size:16px; color:#353338; 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:#77757e;}
.modal_layer .submit_btn button{height:40px; font-size:14px; width:100px;}
.modal_layer .modal_contents{height:calc(100% - 50px); overflow-y:auto;}
.modal_layer .modal_contents .modal_inner{padding:20px;}
.modal_layer .modal_contents h2{font-size:15px; font-weight:400; padding-left:5px;}
.tbl{display:table; width:100%;}
.tbl .tbl-row{display:table-cell;}
.flex-list{display:flex; flex-wrap:wrap;}
.flex-list > *{width:100%;}
.flex-list > .row2{width:50%;}
.flex-list > .row3{width:33%;}
.flex-list > .row4{width:25%;}
.flex-list > .row3-2{width:66.6%;}
.t-row{display:table; table-layout:fixed; width:100%;}
.t-row > *{display:table-cell; padding:5px 0; text-align:left; color:#000;}
.t-row > .tt{width:80px; color:#b2b0b7;}

.t-row2{display:table; table-layout:fixed; width:100%; line-height:1.5; border-bottom:1px solid #f4f4f8;}
.t-row2 > *{padding:20px 10px; display:table-cell; vertical-align:middle;}
.t-row2 > .tt{width:120px; padding:3px 10px; color:#b2b0b7; text-align:center; font-size:0.9em;}
.t-row2 > .ct{padding:3px 10px;}

.t-row2 input[type=email],.t-row2 input[type=text],.t-row2 input[type=password],.t-row2 input[type=tel],.t-row2 input[type=file],.t-row2 input[type=number],.t-row2 input[type=date],.t-row2 select,.t-row2 textarea{width:100%;}
.t-row2 input[type=text].datePicker.short{width:110px; text-align:center;}

.b-row{border-bottom:1px solid #f4f4f8;}
.b-row > .tt{display:block; padding:10px; color:#b2b0b7;}
.b-row > .ct{display:block; padding:10px;}

.row{padding:10px; border-bottom:1px solid #f4f4f8;}

@media (max-width:1000px){
	section.option{display:block; text-align:right;}
	section.option > *{margin-left:0; margin-top:5px;}
	.flex-list > .row2{width:100%;}
	.flex-list > .row3{width:100%;}
	.flex-list > .row4{width:100%;}
	.flex-list > .row3-2{width:100%;}
	.t-row > .tt{width:60px;}
}
@media (max-width:800px){
	.t-row2 input[type=text].datePicker.short{width:80px;}
	.t-row2{font-size:0.12rem;}
	.t-row2 > *{padding:0.2rem 0.1rem;}
	.t-row2 > .tt{width:0.7rem; padding:0.03rem 0.1rem;}
	.t-row2 > .ct{padding:0.03rem 0.1rem;}
}
.price, .won, .num{text-align:right;}
.won:after{content:' 원'; color:#b2b0b7;}
.won input{width:calc(100% - 20px); color:#c10; text-align:right; font-weight:700;}
.eaUnit:after{content:' 개'; color:#b2b0b7;}