@charset"utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);


/* 태그 리셋*/
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, , caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,button,time, mark, audio, video{margin:0;padding:0;border:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}

/* padding margin border 영향없이 사이즈 동일하게 */
*, *::before, *::after{box-sizing:border-box;}



html, body{font-family:'Noto Sans KR','Open Sans','Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;font-weight:300;font-size:13px;line-height:1.5;color:#666;margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

.fw700{font-weight:700;}

.Corbel{font-family:'Corbel', sans-serif;}
hr{box-sizing:content-box;height:0;overflow:visible;margin:1rem 0;border:0;border-top:1px solid rgba(0, 0, 0, 0.1);}
.col-both{clear:both;font-size:0;line-height:0;margin:0 !important;padding:0 !important;border:0 !important}

h1, h2, h3, h4, h5, h6{margin-top:0;margin-bottom:0.5rem;}
p{margin-top:0;padding-bottom:0.7rem;display:block}

ol, ul, dl{margin-top:0;margin-bottom:0.7rem;}
ol ol, ul ul, ol ul, ul ol{margin-bottom:0;}
.unlist, .undot{padding:0;padding:0;;list-style:none;}
.unlist > li{display:inline-block;margin:0;padding:0;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:inherit;font-weight:700;line-height:1.2;color:inherit;}
h1, .h1{font-size:2.5rem;}
h2, .h2{font-size:2rem;}
h3, .h3{font-size:1.75rem;}
h4, .h4{font-size:1.5rem;}
h5, .h5{font-size:1.25rem;}
h6, .h6{font-size:1rem;}

a, button{background-color:transparent;text-decoration:none;color:#666;outline:none;text-decoration:none;}

/*텍스트 정렬*/
.text-al{text-align:left;}.text-ar{text-align:right;}.text-ac{text-align:center;}.text-aj{text-align:justify;}


.default-color{background-color:#eb6100;color:#fff;}


b, strong{font-weight:700;}
small, .small{font-size:80%;}

sub, sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}

img{vertical-align:middle;border-style:none;max-width:100%;}


/* button */
.btn{display:inline-block;padding:10px 12px;line-height:1.2;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none;}
.btn-lg{padding:10px 16px;font-size:20px;}
.btn-default{padding:12px 14px;font-size:16px;}
.btn-small{padding:8px 10px;font-size:14px;}
.btn-xsmall{padding:3px 5px;font-size:12px;}
.btn-input{padding:12px 12px;height:36px}
.btn-block{display:block;width:100%;}

/* btn group*/
.btn-group{display:inline-block;}
.btn-group > .btn{float:left;border:1px solid #ddd;margin-left:-1px;background:#fff;color:#666;padding:6px 10px;}
.btn-group > .btn:hover{background:#eee;}
.btn-group > .btn.selected{background:#337ab7;color:#fff;border-color:#195b95;z-index:2;position:relative;}

/*btn align*/
.btn-box{padding:30px 0;}


/* 버튼 색상*/
.cblack{background:#000;color:#fff}
.cblack:hover, .cblack:focus, .cblack:active{background-color:#333;color:#fff;}
.cdarkgray{background:#444;color:#fff}
.cdarkgray:hover, .cdarkgray:focus, .cdarkgray:active{background-color:#222;color:#fff;}
.cgray{background:#777;color:#fff}
.cgray:hover, .cgray:focus, .cgray:active{background-color:#555;color:#fff;}
.cblue{background:#00b9ef;color:#fff}
.cblue:hover, .cblue:focus, .cblue:active{background-color:#00a0e9;color:#fff;}
.cred{background:#ff0000;color:#fff}
.cred:hover, .cred:focus, .cred:active{background-color:#d90000;color:#fff;}
.corange{background:#f08300;color:#fff}
.corange:hover, .corange:focus, .corange:active{background-color:#eb6100;color:#fff;}
.cyellow{background:#fdd000;color:#fff}
.cyellow:hover, .cyellow:focus, .cyellow:active{background-color:#f7ab00;color:#fff;}
.cgreen{background:#6eba40;color:#fff}
.cgreen:hover, .cgreen:focus, .cgreen:active{background-color:#22ac38;color:#fff;}
.cbrown{background:#904821;color:#fff}
.cbrown:hover, .cbrown:focus, .cbrown:active{background-color:#7a3a18;color:#fff;}
.cviolet{background:#980082;color:#fff}
.cviolet:hover, .cviolet:focus, .cviolet:active{background-color:#7b006a;color:#fff;}


table{border-collapse:collapse;}
th{text-align:inherit;}

/* 테이블 정의 */
.table{width:100%;max-width:100%;}
.table th, .table td{padding:5px;line-height:1.6;border-bottom:1px solid rgba(0,0,0,0.1);font-weight:400;}
.table thead tr th {text-align:center;border-top:1px solid rgba(0,0,0,0.3);border-bottom:2px solid rgba(0,0,0,0.1);background:rgba(255,255,255,0.3);}

.table_free{max-width:100%;margin-bottom:10px;}
.table_free th, .table_free td{padding:8px;line-height:1.6;border-bottom:1px solid solid rgba(0,0,0,0.1);}
.table_free thead tr th {border-top:1px solid rgba(0,0,0,0.3);border-bottom:2px solid solid rgba(0,0,0,0.1);}

.table-striped > tbody > tr:nth-of-type(odd){background-color:#f7f7f7;}

label{display:block;max-width:100%;color:#444}

input, button, select, optgroup, textarea{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;border:0;line-height:1;margin:0;padding:0;background:none;vertical-align:middle;}
button{border-radius:0;}
button, input{overflow:visible;box-sizing:border-box;}
button, select{text-transform:none;}
button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button;cursor:pointer;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{padding:0;border-style:none;}
button[disabled], input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;}

input[type="radio"], input[type="checkbox"]{box-sizing:border-box;padding:0;vertical-align:middle}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{-webkit-appearance:listbox;}
input:focus{outline:none;}
input[type=text]::-ms-clear{display:none;}
select::-ms-expand{background:none;border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0;}
select[multiple],select[size]{height:auto;}

textarea{overflow:auto;resize:vertical;}
progress{vertical-align:baseline;}

/*문자를 소문자로 변환*/
.text-lowercase{text-transform:lowercase;}
/*문자를 대문자로 변환*/
.text-uppercase {text-transform:uppercase;}
/*시작 문자를 대문자로 시작*/
.text-capitalize{text-transform:capitalize;}

/* input,textarea 입력글 안내 문구*/
*::-moz-placeholder{opacity:1;color:#ccc;}
*:-ms-input-placeholder{color:#ccc;}
*::-webkit-input-placeholder{color:#ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;}

/* form 요소 정의*/
.form-row{padding:0;margin:0}
.form-col{position:relative;padding:0 0 28px 0;}
.form-col label.input, .form-col label.all{position:absolute;left:12px;top:8px;color:#666;z-index:10;transition:transform 150ms ease-out, font-size 150ms ease-out;}
.focused label.input, .form-col label.all{transform:translateY(-163%);font-size:.8em;left:0px;}

input.chkradio{position:absolute;visibility:hidden;}
label.radio, label.checkbox{display:inline-block;position:relative;cursor:pointer;vertical-align:middle;margin-right:10px;}
label.checkbox::before{display:inline-block;font-family:xeicon!important;content:'\ea0e';color:#777;margin-top:-4px;font-size:28px;margin:-3px 5px 0 9px;vertical-align:middle;line-height:1px;}
input[type=checkbox]:checked ~ label.checkbox::before{content:'\e92e';color:#333;}
label.radio::before{display:inline-block;font-family:xeicon!important;content:'\e9c6';color:#e5e5e5;margin-top:-2px;font-size:28px;margin:-3px 5px 0 9px;vertical-align:middle;line-height:1px;}
input[type=radio]:checked ~ label.radio::before{content:'\e9c7';color:#666;}

.scd_title{display:block;margin-bottom:14px;font-size:.9em;background:#fff;color:#bbb;border-bottom:1px solid #eee;height:8px;line-height:1}
.scd_title font{background:#fff;padding:0 5px;margin-left:7px}
.form-col img{max-width:150px;max-height:150px;display:block;margin-top:10px}

.input-col, .input-file{width:100%;position:relative;height:36px;padding:10px 10px;}
.input-col, .text-col, .input-file{border:1px solid #ddd;color:#666}
.input-col[disabled], .text-col[disabled], .input-col[readonly], .text-col[readonly]{opacity:1;}
textarea, textarea.text-col{height:auto;padding:10px 15px;width:100%;max-width:100%;vertical-align:middle;background:#fff;}
.input-chk{width:20px;height:20px;vertical-align:middle;}
.input-sel{height:36px;padding:4px 15px;vertical-align:middle;border:1px solid #ddd;color:#666;}

@media screen and (min-width:768px){
	.form-col .editor{display:inline-block;width:100%;vertical-align:middle;} /*-- 에디터 에러 교정*/


.form-row .form-col{display:inline-block;vertical-align:middle;text-align:center}
	.form-row .form-col .input-col.num{width:70px;}
	.form-row .form-col .input-col.dates{width:100px;}
}
.input-col.datetimes{width:150px;max-width:90%;}


.wrap{width:100%;margin-right:auto;margin-left:auto;position:relative;padding:0 10px}
.wrap-full{width:100%;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.col-b5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}

@media (min-width: 576px){
	.wrap{max-width:540px;padding-right:0px;}
	.col-sb5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
	.col-s1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
	.col-s2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
	.col-s3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
	.col-s4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
	.col-s5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
	.col-s6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.col-s7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
	.col-s8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
	.col-s9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
	.col-s10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
	.col-s11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
	.col-s12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}

@media (min-width: 768px){
	.wrap{max-width:720px;padding-right:0px;}
	.col-mb5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
	.col-m1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
	.col-m2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
	.col-m3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
	.col-m4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
	.col-m5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
	.col-m6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.col-m7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
	.col-m8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
	.col-m9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
	.col-m10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
	.col-m11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
	.col-m12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}

@media (min-width: 992px){
	.wrap{max-width:960px;padding-right:0px;}
	.col-lb5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
	.col-l1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
	.col-l2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
	.col-l3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
	.col-l4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
	.col-l5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
	.col-l6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.col-l7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
	.col-l8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
	.col-l9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
	.col-l10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
	.col-l11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
	.col-l12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}

@media (min-width:1200px){
	.wrap{max-width:1140px;padding-right:0px;}
	.col-xb5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
	.col-x1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
	.col-x2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
	.col-x3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
	.col-x4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
	.col-x5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
	.col-x6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
	.col-x7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
	.col-x8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
	.col-x9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
	.col-x10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
	.col-x11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
	.col-x12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}

.inw10{max-width:10%}.inw20{max-width:20%}.inw30{max-width:30%}.inw40{max-width:40%}.inw50{max-width:50%}.inw60{max-width:60%}.inw70{max-width:70%}.inw80{max-width:80%}.inw90{max-width:90%}.inw100{max-width:100%}
.inpx30{max-width:30px}.inpx40{max-width:40px}.inpx50{max-width:50px}.inpx100{max-width:100px}.inpx110{max-width:110px}.inpx120{max-width:120px}.inpx130{max-width:130px}.inpx140{max-width:140px}.inpx150{max-width:150px}.inpx200{max-width:200px}.inpx250{max-width:250px}.inpx300{max-width:300px}.inpx350{max-width:350px}.inpx400{max-width:400px}.inpx450{max-width:450px}.inpx500{max-width:500px}.inpx550{max-width:550px}.inpx600{max-width:600px}.inpx650{max-width:650px}.inpx700{max-width:70px}





.message-box{padding:15px 0;background:#eee}
.message-small-box{padding:5px;font-size:12px;background:#eee}
.message-box .warning, .message-small-box .warning{color:#ff6600}
.message-box .infor, .message-small-box .infor{color:#333}




.hidden{display:none;}
.full{width:100%}
.height-full{height:100%}




.xi{vertical-align:middle;display:inline-block;line-height:1;margin-top:-3px}



.fileup_btn{position:relative;display:inline-block;margin:0;line-height:10px;}
.fileup_btn input.input_file{position:absolute;top:0;right:0;margin:0;padding:0;cursor:pointer;height:36px;opacity:0;filter:alpha(opacity=0);}


.input_file_box{width:150px;display:inline-block;border-top-right-radius:0;border-bottom-right-radius:0}
@media (min-width:768px){
	.input_file_box{width:300px;}
}

.al_center{display:inline-block;padding:0 8px}
.al_left{display:inline-block;padding:0 18px 0 8px}


/* 에러페이지 */
body.error{background:url('/error/error_background.jpg')}
.error_text{padding:50px;font-size:12px}
.error_text span{display:block}
.error_text span.number{font-size:100px;font-weight:700;line-height:1}
.error_text span.title{font-size:30px;font-weight:700;}
@media (min-width: 576px){
	.error_text span.number{font-size:150px;}
}


/* 페이지 애니메이션인 경우 숨기기*/
.animation{display:none}

/*editor_file_box*/
.editor_file_box{padding:15px}
.editor_file_box .img_priview{display:none}
.editor_file_box .img_priview .editor_upfile{display:none}
.editor_file_box .img_priview .div_view{border:1px solid #777;max-height:350px;overflow-y:auto}

.editor_file_box .img_priview .editor_upfile{text-align:center;padding-top:15px}