/*공통*/
* {margin: 0; padding: 0; box-sizing: border-box;font-family: 'Pretendard';}
:not(.ck-content *) > li {list-style: none;}
.ck-content ol,.ck-content ul {margin-left:20px}
a {text-decoration: none; color: inherit; cursor: pointer;}
body {font-family: "Pretendard"; overflow-x: hidden;}
.link{cursor: pointer}
.nolink{cursor: default}
.nolinked{cursor: default}
em{ font-style: normal;}
input, select, textarea{font-size:15px; outline: none;resize: none;}
input::placeholder, textarea::placeholder {color:#aaa;}
@media screen and (max-width:768px) {
    body{ font-size:14px;}
}
/*font*/
@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Thin.otf') format('woff2');
    font-weight: 100;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-ExtraLight.otf') format('woff2');
    font-weight: 200;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Light.otf') format('woff2');
    font-weight: 300;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Regular.otf') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Medium.otf') format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-SemiBold.otf') format('woff2');
    font-weight: 600;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Bold.otf') format('woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-ExtraBold.otf') format('woff2');
    font-weight: 800;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Black.otf') format('woff2');
    font-weight: 900;
}

@font-face {
    font-family: 'Tenada';
    src:url('/font/Tenada.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* input number 화살표 제거 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}

.inner{
    width:1400px;
    margin: 0 auto;
}
.inner12{
    width:1200px;
    margin: 0 auto;
}
.inner140{
    width:1200px;
    padding-top:140px;
    margin: 0 auto;
}
.clear-fix{
    clear: both;
}

.quick-area{
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
}
.p-c{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.d-none{
    display:none;
}
.t-block{
    display:none;
}
@media screen and (max-width:1400px) {
    .inner, .inner12, .inner140{
        width: calc(100% - 30px);
    }
}
@media screen and (max-width:1024px) {
    .inner140{
        padding-top:80px;
    }
    .t-block{
        display:block;
    }
}
@media screen and (max-width:768px) {
    input, select, textarea{font-size:16px;}
}







/* 공통 버튼 */
.btn-area01{
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:80px;
}
.btn-area01 button{
    width:200px;
    height:50px;
    line-height:50px;
    text-align: center;
    color:#fff;
    border-radius: 5px;
    font-size:18px;
    border:none;
    cursor: pointer;
    background-color:#3F9E6E;
}
.btn-area01 button:hover{
    background-color:#30865A;
}
.btn-area02{
    margin-top:80px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.btn-area02 button{
    width:200px;
    height:50px;
    line-height:50px;
    text-align: center;
    color:#fff;
    border-radius: 5px;
    font-size:18px;
    border:none;
    margin-right:10px;
    cursor: pointer;
}
.btn-area02 .btn02{
    background-color:#3F9E6E;
}
.btn-area02 .btn03{
    background-color:#555;
    margin-right:0;
}
.btn-area03{
    margin-top:80px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.btn-area03 button{
    width:200px;
    height:50px;
    line-height:50px;
    text-align: center;
    color:#fff;
    border-radius: 5px;
    font-size:18px;
    border:none;
    margin-right:10px;
    cursor: pointer;
}
.btn-area03 .btn02{
    background-color:#3F9E6E;
}
.btn-area03 .btn03{
    background-color:#555;
}
.btn-area03 .btn04{
    background-color:#fff;
    border:1px solid #999;
    color:#999;
}
input.no-eye{
    background:url(/images/icon/no-eye.svg) center right 10px no-repeat;
}
.qna-view-box {
    display: flex; justify-content: center;
}
.qna-view-box .button2 {
    margin-right: 10px; background-color: #555555;
}

.qna-view-box .button2:hover {
    background-color: #6e6e6e;
}

.qna-view-box .button3 {
    border: 1px solid #999999; color: #999999; background-color: #FFFFFF;
}

.qna-view-box .button3:hover {
    background-color: #f1f1f1;
}

@media screen and (max-width:768px){
    .btn01{
        margin-top:40px;
    }
    .btn01 button{
        width:100%;
        font-size:16px;
    }
    .btn-area03, .btn-area02, .btn-area01{
        width:100%;
        margin-top:40px;
    }
    .btn-area01 button{
        width:100%;
    }
    .btn-area02 button{
        width:48%;
        font-size:16px;
    }
    .btn-area03 button{
        width:33%;
        font-size:16px;
    }
}



/* 공통 페이징 */
.paging {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-top:80px;
}

.paging_arrow {
    width: 20px;
    height: 12px;
    cursor: pointer;
}

.prev-a, .next-a {
    width: 32px; height: 32px; display: block;
}

.paging_arrow_prev {
    background: url(/images/icon/paging-prev.svg) center center no-repeat;
    margin-right: 24px;
    width:32px;
    height:32px;
    border-radius: 50%;
    border:1px solid #ccc;
    background-color:#fff;
}

.paging_arrow_next {
    background: url(/images/icon/paging-next.svg) center center no-repeat;
    margin-left: 24px;
    width:32px;
    height:32px;
    border-radius: 50%;
    border:1px solid #ccc;
    background-color:#fff;
}
.paging_arrow:hover{
    background-color:#f1f1f1;
}
.paging_number {
    display: flex;
    color: #000;
    font-size: 16px;
}

.paging_number .on {
    color: #3F9E6E;
    font-weight:500;;
}

.paging_number li {
    margin-right: 24px;
    cursor: pointer;
}

.paging_number li:last-child {
    margin-right: 0;
}

.paging_number li:hover {
    color: #3F9E6E;
}

@media screen and (max-width:768px){
    .paging {
        margin-top:40px;
    }

}