@media (min-width: 500px){
    /*font*/
    @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
    @import url(https://cdn.jsdelivr.net/font-kopub/1.0/kopubdotum.css);
    
    /* html5요소 하위브라우져 적용 */
    header,
    footer,
    section,
    article,
    aside,
    nav,
    hgroup,
    details,
    menu,
    figure,
    figcaption {
        display: block
    }
    
    /* 모든 Device를 위한 공통 로드 */
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h7,
    pre,
    code,
    form,
    fieldset,
    legend,
    input,
    textarea,
    p,
    blockquote,
    th,
    td,
    figure,
    figcaption,
    span {
        margin: 0;
        padding: 0;
        color: rgb(0, 0, 0);
        letter-spacing: -0.5px;
    }
    
    * {
        -webkit-text-size-adjust: none;
    }
    
    body {
        height: 100%;
        font-size: 10px;
        font-family: 'Noto Sans KR', 'Noto Sans Korean', sans-serif;
        color: #242628;
    }
    
    textarea,
    input,
    button,
    select {
        font-family: inherit;
        font-size: inherit;
    }
    
    table {
        border-spacing: 0;
        *border-collapse: collapse;
    }
    
    fieldset,
    img {
        border: 0
    }
    
    img {
        vertical-align: middle;
        width: 100%;
    }
    
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    th,
    var {
        font-style: normal;
        font-weight: normal;
    }
    
    ol,
    ul {
        list-style: none;
    }
    
    legend,
    caption {
        text-indent: -100%;
        *text-indent: 0;
        white-space: nowrap;
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        text-shadow: none;
        color: transparent;
    }
    
    a {
        text-decoration: none;
        outline: 0;
        /* color: rgb(0, 0, 0); */
        color: rgb(255, 255,255);
    }
    
    a.on {
        text-decoration: none;
        outline: 0;
        color: rgb(255, 255,255);
    }
    
    a.off {
        text-decoration: none;
        outline: 0;
        /* color: rgb(0, 0, 0); */
        color: rgb(255, 255,255, 0.3);
    }
    
    select,
    input {
        vertical-align: middle;
    }
    
    section {
        overflow: hidden;
    }
    
    :root,
    html {
        font-size: 10px;
    }
    
    
    .ir {
        overflow: hidden;
        text-indent: -9999px;
        position: absolute;
        z-index: -9999;
        top: -10000px;
        left: -100000px;
    }
    
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    
    .block {
        display: block;
    }
    
    .inline {
        display: inline;
    }
    
    .inlineBlock {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }
    
    .clear::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .oh {
        overflow: hidden
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    .ovh {
        overflow: hidden;
    }
    
    
    .d_hidden {
        display: block !important;
    }
    
    .m_hidden {
        display: none !important;
    }
    
    /*slick*/
    .slick-slide,
    .slick-slide:focus {
        outline: 0;
    }
    
    
    /*font*/
    @font-face {
        font-family: "Pretendard";
        font-style: normal;
        font-weight: 300;
        src: url("../../font/pretendard/Pretendard-Thin.eot");
        /* IE9 Compat Modes */
        src: url("../../font/pretendard/Pretendard-Thin.eot?#iefix") format("embedded-opentype"),
            /* IE6-IE8 */
            url("../../font/pretendard/Pretendard-Thin.otf") format("svg"),
            /* Legacy iOS */
            url("../../font/pretendard/Pretendard-Thin.ttf") format("truetype"),
            /* Safari, Android, iOS */
            url("../../font/pretendard/Pretendard-Thin.woff") format("woff"),
            /* Modern Browsers */
            url("../../font/pretendard/Pretendard-Thin.woff2") format("woff2");
        /* Modern Browsers */
    }
    
    @font-face {
        font-family: "Pretendard";
        font-style: normal;
        font-weight: 400;
        src: url("../../font/pretendard/Pretendard-Light.eot");
        /* IE9 Compat Modes */
        src: url("../../font/pretendard/Pretendard-Light.eot?#iefix") format("embedded-opentype"),
            /* IE6-IE8 */
            url("../../font/pretendard/Pretendard-Light.otf") format("otf"),
            /* Legacy iOS */
            url("../../font/pretendard/Pretendard-Light.ttf") format("truetype"),
            /* Safari, Android, iOS */
            url("../../font/pretendard/Pretendard-Light.woff") format("woff"),
            /* Modern Browsers */
            url("../../font/pretendard/Pretendard-Light.woff2") format("woff2");
        /* Modern Browsers */
    }
    
    @font-face {
        font-family: "Pretendard";
        font-style: normal;
        font-weight: 500;
        src: url("../../font/pretendard/Pretendard-Regular.eot");
        /* IE9 Compat Modes */
        src: url("../../font/pretendard/Pretendard-Regular.eot?#iefix") format("embedded-opentype"),
            /* IE6-IE8 */
            url("../../font/pretendard/Pretendard-Regular.otf") format("otf"),
            /* Legacy iOS */
            url("../../font/pretendard/Pretendard-Regular.ttf") format("truetype"),
            /* Safari, Android, iOS */
            url("../../font/pretendard/Pretendard-Regular.woff") format("woff"),
            /* Modern Browsers */
            url("../../font/pretendard/Pretendard-Regular.woff2") format("woff2");
        /* Modern Browsers */
    }
    
    @font-face {
        font-family: "Pretendard";
        font-style: normal;
        font-weight: 600;
        src: url("../../font/pretendard/Pretendard-Medium.eot");
        /* IE9 Compat Modes */
        src: url("../../font/pretendard/Pretendard-Medium.eot?#iefix") format("embedded-opentype"),
            /* IE6-IE8 */
            url("../../font/pretendard/Pretendard-Medium.otf") format("otf"),
            /* Legacy iOS */
            url("../../font/pretendard/Pretendard-Medium.ttf") format("truetype"),
            /* Safari, Android, iOS */
            url("../../font/pretendard/Pretendard-Medium.woff") format("woff"),
            /* Modern Browsers */
            url("../../font/pretendard/Pretendard-Medium.woff2") format("woff2");
        /* Modern Browsers */
    }
    
    @font-face {
        font-family: "Pretendard";
        font-style: normal;
        font-weight: 700;
        src: url("../../font/pretendard/Pretendard-Bold.eot");
        /* IE9 Compat Modes */
        src: url("../../font/pretendard/Pretendard-Bold.eot?#iefix") format("embedded-opentype"),
            /* IE6-IE8 */
            url("../../font/pretendard/Pretendard-Bold.otf") format("otf"),
            /* Legacy iOS */
            url("../../font/pretendard/Pretendard-Bold.ttf") format("truetype"),
            /* Safari, Android, iOS */
            url("../../font/pretendard/Pretendard-Bold.woff") format("woff"),
            /* Modern Browsers */
            url("../../font/pretendard/Pretendard-Bold.woff2") format("woff2");
        /* Modern Browsers */
    }
    
    @font-face {
        font-family: "Pretendard";
        font-style: normal;
        font-weight: 800;
        src: url("../../font/pretendard/Pretendard-Extrabold.eot");
        /* IE9 Compat Modes */
        src: url("../../font/pretendard/Pretendard-Extrabold.eot?#iefix") format("embedded-opentype"),
            /* IE6-IE8 */
            url("../../font/pretendard/Pretendard-Extrabold.otf") format("otf"),
            /* Legacy iOS */
            url("../../font/pretendard/Pretendard-Extrabold.ttf") format("truetype"),
            /* Safari, Android, iOS */
            url("../../font/pretendard/Pretendard-Extrabold.woff") format("woff"),
            /* Modern Browsers */
            url("../../font/pretendard/Pretendard-Extrabold.woff2") format("woff2");
        /* Modern Browsers */
    }
    
    @font-face {
        font-family: "Pretendard";
        font-style: normal;
        font-weight: 900;
        src: url("../../font/pretendard/Pretendard-Black.eot");
        /* IE9 Compat Modes */
        src: url("../../font/pretendard/Pretendard-Black.eot?#iefix") format("embedded-opentype"),
            /* IE6-IE8 */
            url("../../font/pretendard/Pretendard-Black.otf") format("otf"),
            /* Legacy iOS */
            url("../../font/pretendard/Pretendard-Black.ttf") format("truetype"),
            /* Safari, Android, iOS */
            url("../../font/pretendard/Pretendard-Black.woff") format("woff"),
            /* Modern Browsers */
            url("../../font/pretendard/Pretendard-Black.woff2") format("woff2");
        /* Modern Browsers */
    }
    
    
    
    /* input 기본 스타일 초기화 */
    input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    /* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
    input::-ms-clear {
        display: none;
    }
    
    /* input type number 에서 화살표 제거 */
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    body {}
    
    /* margin */
    /* margin */
    .mr0 {
        margin-right: 0 !important;
    }
    
    .mt0 {
        margin-top: 0 !important;
    }
    
    .mt10 {
        margin-top: 10px !important;
    }
    
    .mt15 {
        margin-top: 15px !important;
    }
    
    .mt20 {
        margin-top: 20px !important;
    }
    
    .mt40 {
        margin-top: 40px !important;
    }
    
    .mt100 {
        margin-top: 100px !important;
    }
    
    
    .mtM10 {
        margin-top: -10px !important
    }
    
    .ml0 {
        margin-left: 0 !important;
    }
    
    .mr1 {
        margin-right: 1px !important;
    }
    
    .mb0 {
        margin-bottom: 0 !important;
    }
    
    .mb30 {
        margin-bottom: 30px !important;
    }
    
    .mr30 {
        margin-right: 30px !important;
    }
    
    /* padding */
    .pt0 {
        padding-top: 0 !important;
    }
    
    .pb6 {
        padding-bottom: 6px !important;
    }
    
    .pl0 {
        padding-left: 0 !important;
    }
    
    .pr0 {
        padding-right: 0 !important;
    }
    
    /* text type */
    
    /* btns */
    
    /* align */
    .cl_left {
        clear: left
    }
    
    .center {
        text-align: center !important;
    }
    
    .top {
        vertical-align: top !important
    }
    
    .bottom {
        vertical-align: bottom
    }
    
    .middle {
        vertical-align: middle !important
    }
    
    .alignRight {
        text-align: right !important
    }
    
    .alignLeft {
        text-align: left !important
    }
    
    /* position */
    .posRel {
        position: relative;
        z-index: 1;
    }
    
    /* width */
    .w50 {
        width: 50% !important
    }
    
    .w33 {
        width: 33.33% !important
    }
    
    /* height */
    .h30 {
        height: 30px;
    }
    
    /* text style */
    .bold {
        font-weight: 700;
    }
    
    .redTxt {
        color: red !important
    }
    
    .blueTxt {
        color: blue !important
    }
    
    .greenTxt {
        color: #548826 !important
    }
    
    .color777 {
        color: #777 !important
    }
    
    /* display */
    .displayNone {
        display: none;
    }
    
    /* lineheight */
    .lineHeight0 {
        line-height: 0px !important;
    }
    
    .scroll_box::-webkit-scrollbar {
        width: 6px;
    }
    
    .scroll_box::-webkit-scrollbar-track {
        background-color: #000;
    }
    
    .scroll_box::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: rgba(255,255,255,0.2);
    }
    
    .scroll_box::-webkit-scrollbar-button {
        width: 0;
        height: 0;
    }
    
    input[type="checkbox"] {
        appearance: none;
    }
    
    input[type="checkbox"]:checked + label:after {
        background: url(/PETC/assets/images/common/bg_checkbox_on.png) center /100% no-repeat;
    }
    
    input[type="checkbox"] + label {
        position: relative;
        padding-left: 32px;
        font-size: 1.4em;
        font-weight: 600;
        color: #fff;
        cursor: pointer;
    }
    
    input[type="checkbox"] + label span {
        color: #6F6F6F;
        margin-right: 3px;
    }
    
    input[type="checkbox"] + label:after {
        content: '';
        position: absolute;
        top: 55%;
        left: 0;
        transform: translate(0, -50%);
        width: 24px;
        height: 24px;
        background: url(/PETC/assets/images/common/bg_checkbox_off.png) center /100% no-repeat;
    }
    
    input[type="radio"] {
        appearance: none;
    }
    input[type="radio"]:checked::-ms-check {
        border: none;
    }
    input[type="radio"]:checked + label:after {
        background: url(/PETC/assets/images/common/bg_radio_on.png) center /100% no-repeat;
    }
    
    input[type="radio"] + label {
        position: relative;
        padding-left: 30px;
        font-size: 1.6em;
        font-weight: 600;
        color: #252B37;
        cursor: pointer;
    }
    
    input[type="radio"] + label span {
        color: #6F6F6F;
        margin-right: 3px;
    }
    
    input[type="radio"] + label:after {
        content: '';
        position: absolute;
        top: 55%;
        left: 0;
        transform: translate(0, -50%);
        width: 24px;
        height: 24px;
        background: url(/PETC/assets/images/common/bg_radio_off.png) center /100% no-repeat;
    }
    
    select{
        height: 34px;
        line-height: 34px;
        font-size: 12px;
        text-indent: 10px;
        color: #fff;
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
        border-radius: 5px;
        background: url(/PETC/assets/images/common/select_arrow.png) center right 4px no-repeat;
        width: 100%;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }
    
    select option{
        background: rgba(0,0,0,0.9);
        text-indent: 10px;
    }
    
    /* Smartphones (portrait and landscape) */
    @media only screen and (min-device-width : 320px) {
        body {
            -webkit-text-size-adjust: none;
        }
    }
    
    /* Smartphones (landscape) */
    @media only screen and (min-width : 321px) {
        /* Styles */
    }
    
    /* Smartphones (portrait) */
    @media only screen and (max-width : 320px) {
        /* Styles */
    }
    
    /* iPads (portrait and landscape) */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    
        /* paging */
        /* Styles */
    }
    
    /* iPads (landscape) */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
        /* Styles */
    }
    
    /* iPads (portrait) */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
        /* Styles */
    }
    
    /* Desktops and laptops */
    @media only screen and (min-width : 1025px) {
        /* Styles */
        /* paging */
    
    }
    
    /* Large screens  */
    @media only screen and (min-width : 1824px) {
        /* Styles */
    }
    
    /* iPhone 4 */
    @media only screen and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5) {
        /* Styles */
    }
    
    /*animation*/
    @keyframes menuOpne {
        0% {
            height: 3px;
        }
    
        50% {
            width: 100%;
            height: 3px;
        }
    
        100% {
            width: 100%;
            height: 100%;
        }
    }
    
    @keyframes menuClose {
        0% {
            width: 100%;
            height: 100%;
        }
    
        50% {
            width: 100%;
            height: 3px;
        }
    
        100% {
            width: 0%;
            height: 3px;
        }
    }
    
    #content{
        margin-top: 80px;
        margin-left: 80px;
        min-height: calc(100vh - 150px);
        background: #020001;
        /* min-width: 1560px; */
        min-width: 1280px;
    }
    
    .con_wrap {
        width: 1400px;
        height: 100%;
        margin: auto;
        position: relative;
    }
    
    .con_wrap::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .con_wrap .title {
        font-size: 6em;
        font-weight: 700;
        color: #202428;
    }
    
    .w_block {
        display: block;
    }
    
    .prox{
        font-family: "ProximaNova";
    }
    
    @media (max-width:1230px) {
        #content {
            font-size: 9px;
        }
    
        .div_wrap {
            width: 90%;
        }
    
        .w_block {
            display: none;
        }
    }
    
    @media (max-width:900px) {
        #content {
            font-size: 8px;
        }
    }
    
    @media (max-width:720px) {
        .title {
            text-align: center;
            display: block;
            width: 100%;
        }
    
        .sub_title {
            display: block;
            margin-top: 10px;
        }
    }
    
    /* 추가 */
    button {
        border: none;
        background: transparent;
    }
    
    .white{color:#fff;}
    
    
    .sche_no {color:#fff;margin:50px 20px;font-size: 1.6em;font-weight: 600;text-align:center;}
    
    .none {display:none !important;}

}






@media (max-width: 500px){
    /*font*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/font-kopub/1.0/kopubdotum.css);

/* html5요소 하위브라우져 적용 */
header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption {
    display: block
}

/* 모든 Device를 위한 공통 로드 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure,
figcaption,
span {
    margin: 0;
    padding: 0;
    color: rgb(0, 0, 0);
    letter-spacing: -0.5px;
}

* {
    -webkit-text-size-adjust: none;
}

body {
    height: 100%;
    font-size: 10px;
    font-family: 'Noto Sans KR', 'Noto Sans Korean', sans-serif;
    color: #242628;
}

textarea,
input,
button,
select {
    font-family: inherit;
    font-size: inherit;
}

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

fieldset,
img {
    border: 0
}

img {
    vertical-align: middle;
    width: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

legend,
caption {
    text-indent: -100%;
    *text-indent: 0;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-shadow: none;
    color: transparent;
}

a {
    text-decoration: none;
    outline: 0;
    color: rgb(255, 255, 255);}

select,
input {
    vertical-align: middle;
}

section {
    overflow: hidden;
}

:root,
html {
    font-size: 10px;
}


.ir {
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    z-index: -9999;
    top: -10000px;
    left: -100000px;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.inlineBlock {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

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

.oh {
    overflow: hidden
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ovh {
    overflow: hidden;
}


.d_hidden {
    display: block !important;
}

.m_hidden {
    display: none !important;
}

/*slick*/
.slick-slide,
.slick-slide:focus {
    outline: 0;
}


/*font*/
@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 300;
    src: url("../../font/pretendard/Pretendard-Thin.eot");
    /* IE9 Compat Modes */
    src: url("../../font/pretendard/Pretendard-Thin.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../../font/pretendard/Pretendard-Thin.otf") format("svg"),
        /* Legacy iOS */
        url("../../font/pretendard/Pretendard-Thin.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../../font/pretendard/Pretendard-Thin.woff") format("woff"),
        /* Modern Browsers */
        url("../../font/pretendard/Pretendard-Thin.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 400;
    src: url("../../font/pretendard/Pretendard-Light.eot");
    /* IE9 Compat Modes */
    src: url("../../font/pretendard/Pretendard-Light.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../../font/pretendard/Pretendard-Light.otf") format("otf"),
        /* Legacy iOS */
        url("../../font/pretendard/Pretendard-Light.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../../font/pretendard/Pretendard-Light.woff") format("woff"),
        /* Modern Browsers */
        url("../../font/pretendard/Pretendard-Light.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 500;
    src: url("../../font/pretendard/Pretendard-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../../font/pretendard/Pretendard-Regular.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../../font/pretendard/Pretendard-Regular.otf") format("otf"),
        /* Legacy iOS */
        url("../../font/pretendard/Pretendard-Regular.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../../font/pretendard/Pretendard-Regular.woff") format("woff"),
        /* Modern Browsers */
        url("../../font/pretendard/Pretendard-Regular.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 600;
    src: url("../../font/pretendard/Pretendard-Medium.eot");
    /* IE9 Compat Modes */
    src: url("../../font/pretendard/Pretendard-Medium.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../../font/pretendard/Pretendard-Medium.otf") format("otf"),
        /* Legacy iOS */
        url("../../font/pretendard/Pretendard-Medium.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../../font/pretendard/Pretendard-Medium.woff") format("woff"),
        /* Modern Browsers */
        url("../../font/pretendard/Pretendard-Medium.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 700;
    src: url("../../font/pretendard/Pretendard-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../../font/pretendard/Pretendard-Bold.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../../font/pretendard/Pretendard-Bold.otf") format("otf"),
        /* Legacy iOS */
        url("../../font/pretendard/Pretendard-Bold.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../../font/pretendard/Pretendard-Bold.woff") format("woff"),
        /* Modern Browsers */
        url("../../font/pretendard/Pretendard-Bold.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 800;
    src: url("../../font/pretendard/Pretendard-Extrabold.eot");
    /* IE9 Compat Modes */
    src: url("../../font/pretendard/Pretendard-Extrabold.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../../font/pretendard/Pretendard-Extrabold.otf") format("otf"),
        /* Legacy iOS */
        url("../../font/pretendard/Pretendard-Extrabold.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../../font/pretendard/Pretendard-Extrabold.woff") format("woff"),
        /* Modern Browsers */
        url("../../font/pretendard/Pretendard-Extrabold.woff2") format("woff2");
    /* Modern Browsers */
}

@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 900;
    src: url("../../font/pretendard/Pretendard-Black.eot");
    /* IE9 Compat Modes */
    src: url("../../font/pretendard/Pretendard-Black.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("../../font/pretendard/Pretendard-Black.otf") format("otf"),
        /* Legacy iOS */
        url("../../font/pretendard/Pretendard-Black.ttf") format("truetype"),
        /* Safari, Android, iOS */
        url("../../font/pretendard/Pretendard-Black.woff") format("woff"),
        /* Modern Browsers */
        url("../../font/pretendard/Pretendard-Black.woff2") format("woff2");
    /* Modern Browsers */
}



/* input 기본 스타일 초기화 */
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear {
    display: none;
}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body {}

/* margin */
/* margin */
.mr0 {
    margin-right: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt100 {
    margin-top: 100px !important;
}


.mtM10 {
    margin-top: -10px !important
}

.ml0 {
    margin-left: 0 !important;
}

.mr1 {
    margin-right: 1px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mr30 {
    margin-right: 30px !important;
}

/* padding */
.pt0 {
    padding-top: 0 !important;
}

.pb6 {
    padding-bottom: 6px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

/* text type */

/* btns */

/* align */
.cl_left {
    clear: left
}

.center {
    text-align: center !important;
}

.top {
    vertical-align: top !important
}

.bottom {
    vertical-align: bottom
}

.middle {
    vertical-align: middle !important
}

.alignRight {
    text-align: right !important
}

.alignLeft {
    text-align: left !important
}

/* position */
.posRel {
    position: relative;
    z-index: 1;
}

/* width */
.w50 {
    width: 50% !important
}

.w33 {
    width: 33.33% !important
}

/* height */
.h30 {
    height: 30px;
}

/* text style */
.bold {
    font-weight: 700;
}

.redTxt {
    color: red !important
}

.blueTxt {
    color: blue !important
}

.greenTxt {
    color: #548826 !important
}

.color777 {
    color: #777 !important
}

/* display */
.displayNone {
    display: none;
}

/* lineheight */
.lineHeight0 {
    line-height: 0px !important;
}

/* 스크롤 */
.scroll_none::-webkit-scrollbar {
    display: none;
}
.scroll_box::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.scroll_box::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0.2);
}

.scroll_box::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #fff;
    height: 2px;
}
.scroll_box::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}


input[type="checkbox"] {
    appearance: none;
}

input[type="checkbox"]:checked + label:after {
    background: url(/PETM/assets/images/common/bg_checkbox_on.png) center /100% no-repeat;
}

input[type="checkbox"] + label {
    position: relative;
    padding-left: 32px;
    font-size: 1.4em;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

input[type="checkbox"] + label span {
    color: #6F6F6F;
    margin-right: 3px;
}

input[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    top: 55%;
    left: 0;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    background: url(/PETM/assets/images/common/bg_checkbox_off.png) center /100% no-repeat;
}

input[type="radio"] {
    appearance: none;
}

input[type="radio"]:checked + label:after {
    background: url(/PETM/assets/images/common/bg_radio_on.png) center /100% no-repeat;
}

input[type="radio"] + label {
    position: relative;
    padding-left: 30px;
    font-size: 1.6em;
    font-weight: 600;
    color: #252B37;
    cursor: pointer;
}

input[type="radio"] + label span {
    color: #6F6F6F;
    margin-right: 3px;
}

input[type="radio"] + label:after {
    content: '';
    position: absolute;
    top: 55%;
    left: 0;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    background: url(/PETM/assets/images/common/bg_radio_off.png) center /100% no-repeat;
}

select{
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    text-indent: 10px;
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
    background: url(/PETM/assets/images/common/select_arrow.png) center right 4px no-repeat;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

select option{
    background: rgba(0,0,0,0.9);
    text-indent: 10px;
}

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) {
    body {
        -webkit-text-size-adjust: none;
    }
}

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    /* paging */
    /* Styles */
}

/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops */
@media only screen and (min-width : 1025px) {
    /* Styles */
    /* paging */

}

/* Large screens  */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
}

/*animation*/
@keyframes menuOpne {
    0% {
        height: 3px;
    }

    50% {
        width: 100%;
        height: 3px;
    }

    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes menuClose {
    0% {
        width: 100%;
        height: 100%;
    }

    50% {
        width: 100%;
        height: 3px;
    }

    100% {
        width: 0%;
        height: 3px;
    }
}


#wrap {
    width: 100%;
    background: #020001;
    position: relative;
    min-height: 100vh;
    width: 100%;
    /* max-width: 500px;*/
    max-width: 1024px;
    margin: auto;
    overflow: hidden;
    position: relative;
}
#wrap.fixed {
    height:100vh;
    overflow: hidden;
}

#content{
    background: #020001;
    min-width: 320px;
    padding-top:60.05px;
}

.con_wrap {
    /* width: 1400px; */
    height: 100%;
    margin: auto;
    position: relative;
}

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

.con_wrap .title {
    font-size: 6em;
    font-weight: 700;
    color: #202428;
}

.w_block {
    display: block;
}

.prox{
    font-family: "ProximaNova";
}

@media (max-width:720px) {
    .title {
        text-align: center;
        display: block;
        width: 100%;
    }

    .sub_title {
        display: block;
        margin-top: 10px;
    }
}

/* 추가 */
button {
    border: none;
    background: transparent;
    padding:0;
    cursor: pointer;
}

/**/
.scroll__wrapper {
    overflow-x: scroll;
    width:90%;
    margin:auto;
}


.age {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    display: block;
    margin-left: 30px;
    margin-top: 10px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    float: left;
}

.age.age_12 {
    background: #41ADDE;
}

.age.age_15 {
    background: #E69F35;
}

.age.age_all {
    background: #0CB052;
    font-size: 8px;
}

.age.age_18 {
    background: #DC2121;
}
.age.age_19 {
    background: #DC2121;
}

.login-sns {margin-top:20px;border-top:1px solid hsla(0,0%,45.5%,.1);padding:10px 0 !important;}
.login-sns .simple_btn {float: right;position: relative;padding-left: 10px;}
.login-sns .simple_btn > span {width: 33px !important;height: 33px !important;display: inline-block;margin-left: 10px;cursor:pointer;}
.login-sns .simple_btn .naver {float: left;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAABHNCSVQICAgIfAhkiAAABUpJREFUWEfNmWtsFFUUx/9ndrdbQOSRAolCJYovMEDBD9LdpWCiJRF3BxIoQWm3uxiQVGJME5EQCEJTUBAwUcTYBzQqBWN3aQzwxZbOFsRIxTQF6hd5iSSgvEKZ7T6OuSVUyu52Zzqzhvtlk517/v/fnJl75557CQabv3X+E8zxeQR+jkG5BM5lIFfIEnCeQecJLH7PEEkNVY7vzxmxpIEEe5vkqZKNiwh4HaBJ+jS4A6ADMcK+WkfgpL7YniRob6UtnokRiT6Mg+cDpCv2QRcGs5XpOwKt2eNq+F0rhSbTJcrcXCJrRQRYDEDSKq6lHzNHbaBqG8XXVzsPXEoXkxa49KinMByjeiYMSydm5DoxbtgtXFSTHzzcn06/wKUhuUxlbAfBYgRGcywjlgX27XYF96SKSQ7MoOJW+dMIUKbZzMSOVsLGuvzAWhD4QdmkwN6Qe3kY0k4TGXRLZTOW1bgCX6YFLmlxOyKS1MSATbeLuQGRQUwvV7saQvfL9slw6RHPOFWiEyCMMtd7gGqMK9lxnl5TELxwT6EPcLHiORQhKhygfEbCrMyH61zBOQnAXkWeFSY0ZcTVoKidMbvWFWgWMr0ZXqJ4WqNE+Qa1MxJuBUJ1zoCrF9jb5F4UsUnfxjXYbZiyBSPtOQk9YxzHR2c+xsVbpxOu+Z95D9OGT074/060C+VtK9K6ik+rLR6bVzuzMdCTYX/Is1cFFWkB3jF9F0Zlj05q8k/3NZS3lUGNdfW5vvL5NXhp5PSEmNvR23jr+JuagLOB3VXOgJcWdCzIGnqt+0oY9KhRYOG8/89GNJytAe6b880AtoMvVTuCY2mpIs9iQpMKwAxgZsamUxVov36iN3NmAGf3DLjYDPIpnk1E9L5ZwILywp1LWNe+GmrkRg+0WcDMvFkAHyKiQjOBBaRytRU7O7eYDXyYfCH5JAFTzAaOcxzlv5Xj8u0/zMzwcfKHPJcBGmM2sEhtV/QO3m17G74J75gxSwjJc+RXPCqI7EaB1VgY2RZ7whR17O+fYbPY8eLwKUanNYA5TH5Fvg7CMKPAHTc7cTV8BTNzHKAHyr2uqIrBVjHO+zad87CYKW+QL+Q5Q6BnjQK33zyNbac2Yuu0zzEiS1s1pReYwZ3kU+RmIhSYAVzZvhqjB4/HJ1O3QqL0tapuYMYRMej2AlRkFrB46CUTVqBwzCtpP7l6gQGuF/PwKiKqNBM4y/oI1r5QgSeH9GwApWx6gZn5A/K2ylMtjF/NBBaETw+diPWTK0wFjhHyRF1K/pB8XiWMNbKWEINOvMP/NcKr4xbCm7vIlAz3Ln7uLi/lWhUoMRcYsJINlXnb8figx5JC63sleFeVM7j87nq4xb1IlbQt4Dfl7UCOPbFG7bjViW0d6xPAxgx5CusmrUWWlFiEd0W7sPKXpWkHZ8ICXkQsCckno0Di5yitXOY7WJmP1rmCDuHUW9N5FfecMEkHM2+v3yFpESpkihW5OUIo0C+ZuYiUZb6wfPg2UviqFO3O+3r2wYv3UpKwt+ZT5jpVsv74UGxVERVUOxqO3f/8Ht7NQGJfjSMoqtk+LeX+sDfk+SIMWpa5tzO1sp15c60ruCpZj343tEtC7jfCkKoJyPo/wBnoHgQurnEG61P5aTkyyFfj2A9Q8s+VSXdCjL8GU2z+V87Gn/qTTAssghcrr42wwramm1BmdrZFVu3gzyIc3fCN64dr6e5fE/A9Ee8xeXwsypUxQpEZx142YJ9koVW1MwJn04GmnNa0BIqDRYsNCwF2D+RgkYHGOFF9xg8Wk92M5qNbog6CdMDo0e2/Rnt6tx9aaUkAAAAASUVORK5CYII=) 50% no-repeat;background-size: cover;}
.login-sns .simple_btn .kakao {float: left;background: url(data:image/png;base64,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) 50% no-repeat;background-size: cover;}
.login-sns p{color: #fff;font-size: 17px;width: 100px;float: left;}

.sche_no {color:#fff;margin:50px 20px;font-size: 1.6em;font-weight: 600;text-align:center;}


.wrap-loading{position: fixed;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,0.2);filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');z-index:10000;display:none;}
.wrap-loading div{position: fixed;top:50%;left:50%;margin-left: -21px;margin-top: -21px;}

/*레이어 팝업*/
.layer_popup {position: fixed;top:0;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,.7);z-index:500;display:none;}
.layer_popup.active {display:block;}
.layer_popup .layer_container {position: relative;width:100%;height:100%;}
.layer_popup .layer_content {position: absolute;top:50%;margin:0 20px;width:calc(100% - 40px);z-index:2;transform: translate(0, -50%);background:#fff;}
.layer_popup .layer_area {padding:0 20px 50px;width:100%;height:100%;background:#fff;}
.layer_popup .top_area {position: relative;padding:25px 0 0;height:60px;height:calc(constant(safe-area-inset-top) + 60px);height:calc(env(safe-area-inset-top) + 60px);border-bottom:3px solid #2b2b2b;}
.layer_popup .top_area .title {font-size:17px;font-weight: bold; }
.layer_popup .top_area .btn_x_BK {position:absolute;top:25px;right:0;margin-top: constant(safe-area-inset-top);margin-top: env(safe-area-inset-top);z-index:300;}
.layer_popup .ly_midi  > li {font-size:15px;line-height:25px;}
.layer_popup .ly_midi  > li:before {top:11px;}
.layer_popup .ly_tit {font-size:15px;line-height:25px;}
.layer_popup .ly_txt {font-size:15px;line-height:24px;color:#777;}
.layer_popup .ly_txt02 {font-size:15px;line-height:22px;color:#777;}
.layer_popup .btn_bottom {font-size:0;}
.layer_popup .lay_cont {padding:50px 0;text-align: center;}
.layer_popup .lay_cont.pdType {padding:50px 20px;}
.layer_popup .btn_x {position:absolute;top:25px;right:20px;margin-top: constant(safe-area-inset-top);margin-top: env(safe-area-inset-top);z-index:300;}
.layer_popup .lay_cont .title {padding-bottom: 20px;font-size:18px; line-height:24px; font-weight: bold;}
.layer_popup .lay_cont .txt_row {font-size:14px;color:#777;line-height:20px;}
.layer_popup.full_view {top:100%; /*transition: top .3s;*/ display:block;height:0;opacity:0;overflow:hidden; /*transition: top .3s, height .3s, opacity .3s;*/}
.layer_popup.full_view.active {top:0;height:100%;opacity:1; /*transition: top .3s, height .3s, opacity .3s;*/}
.layer_popup .layer_content .cont_box {padding:50px 0;}
.layer_popup.full_view .top_area {position: absolute;top:0;left:20px;right:20px;padding-top:calc(constant(safe-area-inset-top) + 25px);padding-top:calc(env(safe-area-inset-top) + 25px);width:calc(100% - 40px);background:#fff;z-index:10;}
.layer_popup.full_view .layer_area {padding-top:20px;overflow: hidden;overflow-y: auto;}
.layer_popup .btn_area button {margin-left: 10px;}
.layer_popup .cont_area {padding-top:40px;}
.layer_popup .cont_area .info_box {font-size:13px; color:#777; display:block; margin:10px 0 15px;}
.info_box {font-size:13px; color:#777; display:block;}
.info_box#EMAIL-error {margin:10px 0 0 0; }
.layer_popup.img_pop .layer_content{margin:0 30px;width:calc(100% - 60px);background:none;}
.img_pop_cont img {vertical-align:top;width:100%;}
.img_pop_btn {padding:10px 0 0;font-size:0;}
.img_pop_btn .btn_tdoay_close {display:inline-block;font-size:14px;font-weight:bold;color:#fff;}
.img_pop_btn .btn_tdoay_close::before {content:'';margin-right:10px;display:inline-block;width:27px;height:27px;vertical-align: middle;background:url('//movieimages.yes24.com/YTTS/images/common/bg_sprite_m.png') no-repeat 0 -293px;background-size:200px auto;}
.img_pop_btn .btn_cx {float:right;width:30px;height:30px;background:url('/PETM/assets/images/bg_sprite_m.png') no-repeat -31px -293px;background-size:200px auto;}

.none {display:none !important;}
}