@charset "UTF-8";

@import url("ui/header.css");
@import url("ui/intro.css");
@import url("ui/question.css");














@import url("ui/footer.css");
@import url("ui/mobilemenu.css");
@import url("ui/animation.css");

@import url("ui/paging.css");
@import url("ui/home.css");
@import url("ui/login.css");
@import url("ui/noticecard.css");
@import url("ui/communitycard.css");
@import url("ui/recruitment.css");
@import url("ui/checkbox_radio.css");
@import url("ui/mypage.css");
@import url("ui/error.css");
@import url("ui/content_page1.css");
@import url("ui/content_page2.css");
@import url("ui/policy.css");
@import url("ui/beta.css");

@import url("ui/ad.css");





/*폰트설정 : 시작*/
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('../fonts/pretendard/Pretendard-Black.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('../fonts/pretendard/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('../fonts/pretendard/Pretendard-Bold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('../fonts/pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('../fonts/pretendard/Pretendard-Medium.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('../fonts/pretendard/Pretendard-Regular.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('../fonts/pretendard/Pretendard-Light.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('../fonts/pretendard/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url('../fonts/pretendard/Pretendard-Thin.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Thin.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/*폰트설정 : 끝*/



/*기타 설정 : 시작 */
html {
    -webkit-text-size-adjust: none;
    /*-ms-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;*/

    -webkit-touch-callout: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, a, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, tr, th, td,
form, fieldset, label, legend, input, textarea, button, menu {
    margin: 0px;
    padding: 0px;
    -webkit-text-size-adjust: none;
}

body, input, textarea, select, table, button, code {
    color: #fff;
    font-family: 'Pretendard';
    font-weight: 400;
    text-align: left;
}

body {
    width: 100%;
    position: relative;
    word-wrap: break-word;
    word-break: break-all;
    min-width: 280px;
    min-height: 100vh;
    background: #ffffff;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}


/*ol{
    list-style:decimal;
}*/

/*nav, menu, ul, li, ol{
    list-style: none;
}*/

div {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img, fieldset {
    border: none;
}

em, address {
    font-style: normal;
}

select {
    cursor: pointer;
}

section, article, header, footer, nav, aside, hgroup {
    display: block;
}

select::-ms-expand {
    display: none;
}

select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button {
    border: none;
    background: none;
    cursor: pointer !important;
}

    button:focus {
        outline: none !important;
    }

a {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    cursor: pointer;
}

    a:hover, a:active {
        text-decoration: none !important;
    }

table {
    table-layout: fixed;
}

:root {
    --main: #1fddd2;
    /*--main: #009EED;*/
    --main2: #00b35a;
    --sub: #1fddd3;
    --light: #e7ebff;
    --txt1: #222;
    --txt2: #222;
    --yellow: #FFa800;
    --green: #3FB459;
    --red: #ff2929;
}

.clearFix:after {
    content: "";
    display: block;
    clear: both;
}

.ibFix {
    line-height: 0px;
}

.hiddenFix {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    line-height: 0;
    text-indent: -10000px;
}

h1 {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    line-height: 0;
    text-indent: -10000px;
}

.hiddenTxt {
    padding: 0;
    margin: 0;
    font-size: 0;
}

.underline {
    text-decoration: underline !important;
}

caption {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    line-height: 0;
    text-indent: -10000px;
}

.floatLeft {
    float: left;
}

    .floatLeft:after {
        content: "";
        display: block;
        clear: both;
    }

.floatRight {
    float: right;
    position: relative;
}

    .floatRight:after {
        content: "";
        display: block;
        clear: both;
    }

.pageFix {
    overflow: hidden;
}

.tCenter {
    text-align: center;
}

.inside {
    display: inline-block;
}

    .inside:after {
        content: "";
        display: block;
        clear: both;
    }

.row {
    display: block;
    width: 100%;
}

    .row:after {
        content: "";
        display: block;
        clear: both;
    }

.bold {
    font-weight: 700;
}


.red {
    color: var(--red) !important
}


select {
    -webkit-appearance: none; /* for chrome */
    -moz-appearance: none; /*for firefox*/
    appearance: none;
}

    select::-ms-expand {
        display: none; /*for IE10,11*/
    }

#goto_top {
    position: fixed;
    display: none;
    z-index: 49;
    width: 60px;
    height: 60px;
    background: url(../images/go_top75.png) center no-repeat;
    background-size: 60px 60px;
    bottom: 50px;
    right: 50px;
    filter: drop-shadow(0 3px 6px rgba(0,0,0,0.15));
    will-change: filter;
}


.scrollFix::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scrollFix::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.1);
    border-radius: 4px;
}

.scrollFix::-webkit-scrollbar-track {
    background: rgba(0,0,0,0);
}


/*body::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}

body::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,0.35);
    border-radius: 0;
}

body::-webkit-scrollbar-track{
    background: rgba(0,0,0,0);
}*/

/*기타 설정 : 끝*/




h2 {
    display: block;
    width: 100%;
}

h2:after {
    content: "";
    display: block;
    clear: both;
}

h2 .h2 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

h2 .h2 .t1 {
    font-size: 20px
}

.allWrap {
    display: block;
    width: 100%;
    padding: 60px 0 200px;
}


.centerWrap {
    display: block;
    width: 100%;
    max-width: 1340px;
    padding: 0 30px;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
}
    .centerWrap ol {
        list-style: decimal;
        padding-left: 2rem;
    }

    .centerWrap ul {
        list-style: circle;
        padding-left: 2rem;
    }

    .centerWrap:after {
        content: "";
        display: block;
        clear: both;
    }


.show340 {
    display: none
}

.show400 {
    display: none
}



.search-button{
    width: 10%;
    height: 100%;
    border: none;
    cursor: pointer;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    background: #009EED url(../images/search-12x12w1.png) center no-repeat;
    background-size: 24px 24px;
    justify-content: center;
    align-items: center;
}







.midBanners{
    display: block;
    width: 100%;
    max-width: 930px;
    margin:60px auto ;
    line-height: 0;
}


.midBanners2{
    display: block;
    width: 100%;
    max-width: 930px;
    margin:100px auto 0;
    line-height: 0;
}

.sort-container{
    max-width: 930px !important;
    margin:0 auto 40px !important;
}


.sort-select {
    padding: 10px;
    font-size: 16px;
    border-radius: 10px;
    border: 4px solid #009EED;
    background-color: white;
    width: 200px;
    box-sizing: border-box;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    color: black;
}
































































































/*#######################################*/
@media screen and (max-width: 1700px) {



}
/*반응형 1700px 끝*/






/*#######################################*/
@media screen and (max-width: 1600px) {
}
/*반응형 1600px 끝*/


/*#######################################*/
@media screen and (max-width: 1500px) {
}
/*반응형 1500px 끝*/


/*#######################################*/
@media screen and (max-width: 1400px) {
}
/*반응형 1400px 끝*/


/*#######################################*/
@media screen and (max-width: 1300px) {
}
/*반응형 1300px 끝*/


/*#######################################*/
@media screen and (max-width: 1200px) {
}
/*반응형 1200px 끝*/


/*#######################################*/
@media screen and (max-width: 1100px) {

    .allWrap {
        padding: 60px 0 170px;
    }
}
/*반응형 1100px 끝*/


/*#######################################*/
@media screen and (max-width: 1000px) {
}
/*반응형 1000px 끝*/


/*#######################################*/
@media screen and (max-width: 900px) {
}
/*반응형 900px 끝*/


/*#######################################*/
@media screen and (max-width: 800px) {


    #goto_top {
        position: fixed;
        display: none;
        z-index: 49;
        width: 40px;
        height: 40px;
        background: url(../images/go_top75.png) center no-repeat;
        background-size: 40px 40px;
        bottom: 24px;
        right: 10px;
        filter: drop-shadow(0 3px 6px rgba(0,0,0,0.15));
        will-change: filter;
    }
}
/*반응형 800px 끝*/


/*#######################################*/
@media screen and (max-width: 700px) {

    .hide700 {
        display: none !important
    }
}
/*반응형 700px 끝*/



/*#######################################*/
@media screen and (max-width: 600px) {
}
/*반응형 600px 끝*/


/*#######################################*/
@media screen and (max-width: 500px) {

    .centerWrap{
        padding:0 25px;
    }

    .recruitmentDetailContent{
        padding:25px !important;
    }

}
/*반응형 500px 끝*/



/*#######################################*/
@media screen and (max-width: 400px) {
    .show400 {
        display: inline !important
    }
}
/*반응형 400px 끝*/


/*#######################################*/
@media screen and (max-width: 370px) {
}
/*반응형 370px 끝*/


/*#######################################*/
@media screen and (max-width: 340px) {

    .hide340 {
        display: none !important
    }

    .show340 {
        display: inline !important
    }
}
/*반응형 340px 끝*/


/*#######################################*/
@media screen and (max-width: 320px) {

    .hide320 {
        display: none !important
    }
}
/*반응형 320px 끝*/


/*#######################################*/
@media screen and (max-width: 300px) {

    .hide300 {
        display: none !important
    }
}
/*반응형 300px 끝*/