@charset "utf-8";

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0 0 0; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}


/********************************************************
■ Form : 폼 스타일
********************************************************/
/* Form Style */


.write-wrap label { background: #fff; }
.write-wrap .control-label { background: #fff; height: 30px; margin-bottom: 20px; line-height: 30px; font-size:18px; letter-spacing:0; color:#666; font-weight: 400 !important; text-align: left; }
.write-wrap .control-label b { color:#333;  font-weight: 500 !important; }
.form-control { color: #555; background-color: #f8f8f8;  border: 1px solid #ebeff1; }
.form-group { border-bottom: 0px; margin-top:30px; overflow: hidden;}
.form-group:nth-of-type(1) { border-top: 0px; margin-top:0px; }
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0px;
}

#variableFiles .form-group { margin-bottom: 30px; }
#variableFiles input[type=file] {
    box-shadow: none;
    border: 0px !important;
    outline: none;
    padding: 5px 0;
}
.write-wrap .filebox { padding-left: 0px; margin:0; }
.write-wrap .filebox.btn-nanum label { margin-left: 0px; }


/* 체크박스 스타일 */
.consult_wrap .ck_wrap { padding-left:25px; }
.checkbox { width: 33.33%; float: left; padding-left:20px; }
.checkbox > input[type='checkbox'] { width:16px; height:16px; margin-right:5px; margin-top:13px; }
.checkbox > label { color:#666; line-height: 40px !important; padding-left: 10px; font-weight: 400 !important; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
}

/* 개인정보처리방침 동의 */
.privacy-check { position: relative; display: inline-block; width: 100%; margin-top: 20px; }
.privacy-check > .checkbox { position: absolute; padding-left: 0; right: 0; width:192px; }
.privacy-check > .checkbox input[type="checkbox"] {
    opacity: 0;
}
.privacy-check > .checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 22px;
	font-weight: 300;
}

.privacy-check > .checkbox label::before,
.privacy-check > .checkbox label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

/*Outer box of the fake checkbox*/
.privacy-check > .checkbox label::before{
    height: 16px;
    width: 16px;
    border: 1px solid #075eec;
    left: 0px;
    top: 13px;
}

/*Checkmark of the fake checkbox*/
.privacy-check > .checkbox label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: 4px;
    top: 17px;
}

/*Hide the checkmark by default*/
.privacy-check > .checkbox input[type="checkbox"] + label::after {
    content: none;
}

/*Unhide on the checked state*/
.privacy-check > .checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.privacy-check > .checkbox input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.write-wrap .write-btn { margin: 30px 0px; }
.agree-box { border-top: 1px solid #ddd; padding: 70px 15px 30px; margin-top: 70px; letter-spacing:0; }
.agree-box h3 { font-size:18px; font-weight:500; color:#333; margin-bottom:20px; }
.agree-box p { background:#ebeff1; padding:30px; font-size:17px; line-height:26px; color:#666; font-weight: 400; word-break: keep-all; }

::-webkit-input-placeholder {
	/* WebKit browsers */
    color: #666 !important;
 }
 ::-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #666 !important;
 }
 ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #666 !important;
 }
 ::-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #666 !important;
 }
 input::placeholder {
	color: #666 !important;
 }
/*
@media all and (max-width:768px) {

    ::-webkit-input-placeholder {
         color: #666 !important;
    }
    ::-moz-placeholder {
         color: #666 !important;
    }
    ::-moz-placeholder {
         color: #666 !important;
    }
    ::-ms-input-placeholder {
         color: #666 !important;
    }
    input::placeholder {
         color: #666 !important;
    }

}*/

.btn-xs, .btn-sm { font-size: 18px; }
.btn.btn-nanum { font-family: 'Noto Sans KR', sans-serif; font-size: 18px !important; letter-spacing:0; color:#fff; background: #00addc; }


@media all and (max-width:991px) {
	.agree-box p { font-size:15px; }
	.agree-box p { padding:30px 25px; }
	.write-wrap .control-label.mb0 { margin-bottom:0; }
	.write-wrap .control-label.mt30 { margin-top:25px !important; }
	.agree-box { padding-top: 30px; padding-bottom:30px; margin-top: 30px; }

}
@media all and (max-width:768px) {
	.write-wrap .control-label,
	.write-wrap label { font-size: 14px; }
	
	.pull-right .write-wrap .control-label { display:none; }
	.btn-sm, .btn-group-sm>.btn { padding: 10px 20px; height: auto; }
	.btn.btn-nanum { font-size: 15px !important; }

	.checkbox > label { padding-left: 5px; }
	.checkbox { width: 50%; } 

}

.write-wrap .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: none;
}
.write-wrap .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdcdc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.write-wrap .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
.write-wrap .form-group:nth-of-type(1) { /*border-top: 2px solid #000;*/ }
.write-wrap .col-sm-7 > .form-group:nth-of-type(1) { border-top: 0px; }
.write-wrap .form-group {
    margin-bottom: 0px;


}
.write-wrap .input-group {
    position: relative;
    display: table;
    border-collapse: separate;

}
.write-wrap .input-group.fs { border: 1px solid #ddd; margin-top: 10px; border-bottom: 0px; }
.write-wrap .input-group-sm > .form-control, 
.write-wrap .input-group-sm > .input-group-addon, 
.write-wrap .input-group-sm > .input-group-btn > .btn {
    height: 40px;
    padding: 5px 40px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 3px;
}
.write-wrap select.input-sm {
    height: 40px;
    line-height: 40px;
}
.write-wrap .input-sm, 
.write-wrap .form-horizontal .form-group-sm .form-control {
    height: 40px;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 0px;
}
.write-wrap .input-group-addon { border:0; }
.write-wrap .write-wrap label {
    margin-top: 0px !important;
    font-size: 18px;
    line-height: 50px;
    background: #f8f8f8;
	color:#444;
	text-align: left !important;
	font-weight: 500 !important;
}
.write-wrap .btn-sm, 
.write-wrap .btn-group-sm > .btn {
    padding: 10px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
#variableFiles input[type="file"] {
    box-shadow: none;
    border: 1px solid #dcdcdc !important;
    outline: none;
}
.write-wrap .col-sm-3, .write-wrap .col-sm-10, .write-wrap #wr_content, .write-wrap .filebox {
    padding-left: 0px; 
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 0;
}
.write-wrap .filebox .upload-name {
    display: inline-block;
    padding: .7em .75em;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-bottom-color: rgb(235, 235, 235);
    border-bottom-color: #e2e2e2;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	height: 40px;
}
.write-wrap .filebox.btn-nanum label {
	color: #fff;
	background-color: #999;
	border-color: #999;
	padding: 0px 34px 0px 34px;
	font-size: 12px;
	font-family: 'Dotum' !important;
	margin-left: 0px;
	margin-top: 0px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 0;
}
.write-wrap .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.write-wrap .sp-label { background:#fff; !important }
.cheditor-container {
    border-top: 1px #dcdcdc solid;
    position: relative;
    text-align: left;
}

.write-btn .btn-group-sm>.btn,
.write-btn .btn-sm { padding: 10px 55px; border-radius: 50px !important; outline: none; }


.btn.custom-btn-black {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(102, 102, 102) !important;
    background-color: rgb(102, 102, 102) !important;
	font-size: 18px !important;
	border-radius: 50px !important;
	padding:10px 40px;

}

.btn.custom-btn-color {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(0, 173, 220) !important;
    background-color: rgb(0, 173, 220) !important;
	font-size: 18px !important;
	border-radius: 50px !important;
	padding:10px 40px;

}
.btn-xs, .btn-sm {
    font-size: 12px;
}

@media all and (max-width:768px) {
	.btn.custom-btn-black,
	.btn.custom-btn-color {padding:10px 10px; border-radius:0px !important; }

}