/* 미디어 */
@media all and (max-width:1600px){}
/* @media all and (max-width:1440px){} */
@media all and (max-width:90em){}
/* @media all and (max-width:1280px){} */
@media all and (max-width:80em){}
/* @media all and (max-width:1024px){} */
@media all and (max-width:64em){}
/* @media all and (max-width:768px){} */
@media all and (max-width:48em){}
/* @media all and (max-width:640px){} */
@media all and (max-width:40em){}
/* @media all and (max-width:375px){} */
@media all and (max-width:23.43em){}


/* 전체공통스타일 */
.c-offscreen {position:absolute; top:-1000px; left:-9999px; z-index:-9999; font-size:0}
.c-offscreen-caption{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; display:table-caption}
.c-skipNav a{
    display:inline-block;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    height:1px;
    margin-top:-1px;
}
.c-skipNav a:focus{
    color:white;
    height:auto;
    font-size:1.1rem;
    outline:none;
}
.c-mask{
    position:fixed;top:0;bottom:0;z-index:11;
    width:100%;
    background:rgba(0,0,0,0.3);
}

.c-disB{display:block}
.c-disI{display:inline}
.c-disIb{display:inline-block}
.c-disN{display:none}
.c-middleGroup{display:flex; align-items:center;}
.c-middleGroup--right{justify-content:flex-end}
.c-underline:hover{text-decoration:underline}
.c-flexGroup {display: flex; justify-content: space-between;}

@media all and (max-width:64em){
    .c-disB-t{display:block}
    .c-disI-t{display:inline}
    .c-disIb-t{display:inline-block}
    .c-disN-t{display:none}
    .c-flexGroup {display: inline-block; justify-content: space-between;}
}
@media all and (max-width:48em){
    .c-disB-m{display:block}
    .c-disI-m{display:inline}
    .c-disIb-m{display:inline-block}
    .c-disN-m{display:none}
    .c-disT-m{display:table}
    .c-flexGroup {display: inline-block; justify-content: space-between;}
}



.c-wp20{width:20%}
.c-wp100{width:100%}
.c-mthalf1r{margin-top:0.5rem}
.c-mt1r{margin-top:1rem}
.c-mt2r{margin-top:2rem}
.c-mt3r{margin-top:3rem}
.c-mt4r {margin-top:4rem}
.c-mt5r {margin-top:5rem}
.c-mt7r {margin-top:7rem}
.c-mt10r {margin-top:10rem}
.c-mb1effffffffff0r {margin-bottom:10rem !important;}
.c-mr1r {margin-right:1rem}
.c-mr2r {margin-right:2rem}
.c-fw300 {font-weight:300}
.c-fw500 {font-weight:500}
.c-fw700 {font-weight:700}
.c-fw900 {font-weight:900}
.c-pd-tb120 {padding:12rem 0 !important;}

/* row grid */
.c-row{
    display:flex;align-items:center;justify-content:space-between;
}
.c-row.flex-wrap{
    flex-wrap:wrap;
}
.c-row.flex-top{
    align-items:flex-start;
}
.c-row.flex-btm{
    align-items:flex-end;
}
.c-row.flex-stretch{
    align-items:stretch;
}
.c-row.flex-left{
    justify-content:flex-start;
}
.c-row.flex-end{
    justify-content:flex-end;
}
.c-row.flex-center{
    justify-content:center;
}
.c-row-gridCol{
    flex-direction:column;
}

.c-row>.row-item{
    margin-right:1rem;
}
.c-row>.row-item:last-child{
    margin-right:0;
}
.c-row-grid2n>.row-item{
    width:49%;
    margin-right:0;
}
.c-row>.row-item-grow{
    flex-grow:1;
}
.c-row>.row-item-fix{
    flex-shrink:0;
}

.c-row-gridCol>.row-item{
    width:100%;
    margin-right:0;
    margin-bottom:0.5rem;
}
.c-row-gridCol>.row-item:last-child{
    margin-bottom:0;
}

@media all and (max-width:64em){
    .c-row-gridCol-t{
        flex-direction:column;
    }
    .c-row-gridCol-t>.row-item{
        width:100%;
        margin-right:0;
        margin-bottom:1rem;
    }
    .c-row-gridCol-t>.row-item:last-child{
        margin-bottom:0;
    }
    .c-row-grid2n-t>.row-item{
        width:49%;
        margin-right:0;
    }
}

.c-formGroup{
    margin-bottom:2rem;
    /* pbackground:white;
    adding:1.5rem 1.5rem 2rem; */
    font-size:1.4rem;
}

.c-formGroup .c-checkboxGroup{
    margin-bottom:2rem;
}
.c-formGroup table .c-checkboxGroup{
    margin:0
}

.c-formGroup__item{
    position:relative;
    margin-bottom:1.5rem;
}
.c-formGroup__item:last-child{
    margin-bottom:0;
}

.c-formGroup__label{
    display:block;
    margin-bottom:1rem;
    font-size:1.4rem;
    /* font-weight:500; */
}
.c-formGroup__input{
    height:3.4rem;
    background-color:white;
}
.c-formGroup__input:focus{
    border-color:#007abb;
    outline:none;
}
.c-formGroup__input.danger{
    border-color:red;
}
textarea.c-formGroup__input{
    height:auto;
    padding:1rem;
}


.c-formGroup__inputTxt{
    display:inline-block;
    margin-top:0.5rem;
    font-size:1.3rem;
}
.c-formGroup__inputTxt.danger{
    color:red;
}
.c-formGroup__itemGroup{
    padding:1.5rem;
    border:1px solid #ddd;
}
.c-formGroup__itemGroup .c-formGroup__item{
    margin-bottom:1.5rem;
}
.c-formGroup__itemGroup .c-formGroup__label{
    font-size:1.4rem; font-weight:400;
}


.c-searchGroup-label{
    font-size:1.5rem; font-weight:500;
}
.c-searchGroup-input{
    height:3.5rem;
    background-color:white;
    border-radius:5px;
    font-size:1.4rem;
}


/* 체크박스, 라디오박스 */
.c-checkAll:after{
    content:'checkAll';
    font-size:0;
}
.c-checkboxGroup{}
.c-checkboxGroup label{
    display:inline-block;
    position:relative;
    padding-left:2.5rem;
    cursor:pointer;
}
.c-checkboxGroup .noLabel{
    width:1.8rem;
    padding:0;
}
.c-checkboxGroup .noLabel:before{
    content:'check';
    display:inline-block;
    width:0; height:0;
    font-size:0;
    opacity:0;
}

.c-checkboxGroup input[type="radio"], .c-checkboxGroup input[type="checkbox"]{
    position:absolute;
    opacity:0;
    height:0;
    width:0;
}
.c-checkboxGroup__checkmark, .c-checkboxGroup__radiomark{
    position:absolute; top:50%; transform:translate(0, -50%);
    left:0;
}
.c-checkboxGroup__checkmark{
    background-color:#ececec;
    width:1.8rem;
    height:1.8rem;
}
.c-checkboxGroup__radiomark{
    width:1.6rem;
    height:1.6rem;
    border:1px solid #ddd;
    border-radius:200%;
    /* display:inline-block;
    width:1.8rem; height:1.8rem;
    background:url("/resources/images/icons/ico_radio_off.svg") no-repeat center center; */
}

input:checked ~ .c-checkboxGroup__checkmark{
    background:#2c549b;
    border-color:#2c549b;
}
input:checked ~ .c-checkboxGroup__checkmark:after{
    display:block;
    content:"";
    width:0.5rem;
    height:1rem;
    border:solid white;
    border-width: 0 1px 1px 0;
    position:absolute;
    top:42%;
    left:50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

input:checked ~ .c-checkboxGroup__radiomark{
    /* background-image:url("/resources/images/icons/ico_radio_on.svg"); */
}
input:checked ~ .c-checkboxGroup__radiomark:after{
    display:block;
    content:"";
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
    width:0.8rem; height:0.8rem;
    background:#2c549b;
    border-radius:200%;
}

/* 페이징 */
.c-paging{
    display:flex; align-items:center; justify-content:center;
}
.c-paging input, .c-paging button{
    display:inline-flex;align-items:center; justify-content:center;
    min-width:3.5rem;height:3.8rem;
    padding:0 1rem;
    font-size:1.4rem;
    text-align:center;
}
.c-paging>input, .c-paging>button{
    border:1px solid #ddd;
    border-radius:3px;
}
.c-paging>button:first-child{
    background-color:white;
    border-top-right-radius:0;border-bottom-right-radius:0;
}
.c-paging>button:last-child{
    background-color:white;
    border-top-left-radius:0;border-bottom-left-radius: 0;
}
.c-paging__num{
    display:inline-flex;
    font-size:0;
}
.c-paging__num a, .c-paging__num input{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    border-left:none;
}
.c-paging__num input:last-child{
    border-right:none;
}
.c-paging input.choice{
    color:white; background:#2c549b;
}
.c-paging input:hover{text-decoration: underline;}


/* .hasDatePicker[readonly]{
    background:white;
} */
.hasDatePicker{
    position:relative;
    line-height:0;
}
.hasDatePicker .ui-datepicker-trigger{
    position:absolute;top:48%;transform:translate(0, -50%);right:1rem;width:1.6rem;
}


.c-reqTxt{
    padding-right:1rem;
    position:relative;
    display:inline-block;
}
.c-reqTxt:after{
    content:'*';
    display:inline-block;
    position:absolute;
    color:#385ea1;
    top:0;
    right:0;
    height:1.5rem;
}

/* 리스트 */
.c-dashList li{
    position:relative;
    padding-left:1rem;
}
.c-dashList li:before{
    content:'-';
    position:absolute;top:-1px;left:0;
}



/* 프로젝트공통스타일 */
.c-fontEn{font-family:'cafe24Ohsquare'}
.c-size14{width:14rem;}
.c-size20{width:20rem;}
.c-size30{width:30rem;}
.c-commonGrid{
    position:relative;
    max-width:1200px;
    padding:0 30px;
    margin:0 auto;
}
.c-main-commonGrid{
    position:relative;
    max-width:100%;
    padding:0 30px;
    margin:0 auto;
}

@media all and (max-width:48em){
    .c-commonGrid{
        padding:0 20px;
    }
}
.c-imgLogo{
    display:inline-block;
    width:160px; height:32px;
    background:url("/resources/images2022/logo_main.svg") no-repeat center / 100%;
}
.c-imgSubLogo{
    display:inline-block;
    width:121px; height:46px;
    background:url("/resources/images2022/logo_sub.svg") no-repeat center / 100%;
}
@media all and (max-width:64em){
    .c-imgLogo{
        max-width:85px;
    }
}
.c-pageTitle{
    font-size:7.6rem;
    font-weight: 300;
    margin-bottom:4rem;
}
.c-pageTitle>span{
    font-weight: 900;
}
.c-pageDesc{
    font-size:4.4rem;font-weight:300;color:#e1e1e1;
    line-height: 120%;
}

@media all and (max-width:64em){
    .c-pageTitle{
        font-size:5rem;
    }
    .c-pageDesc{
        font-size:3rem;font-weight:300;color:#e1e1e1;
        line-height: 120%;
    }
}
@media all and (max-width:48em){
    .c-pageTitle{
        font-size:4.2rem;
    }
    .c-pageDesc{
        font-size:3rem;font-weight:300;color:#e1e1e1;
        line-height: 120%;
    }
}