@charset "utf-8";

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*--------------------------------------------------------- RESET ---------------------------*/
* {
    font-family: 'GmarketSansMedium', 'GmarketSansBold', 'GangwonEduPowerExtraBoldA' ;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    font-size: 17px;
    letter-spacing: -1px;
    color: #000;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
em {
    font-family: inherit;
    font-style: normal;
    font-size: inherit;
    letter-spacing: inherit;
}
button,
input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
button {
    background: none;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}
img {
    vertical-align:middle;
    width: 100%;
}
address {
    font-style: normal;
}
address a {
    text-decoration: none;
}
::placeholder {
    color: #989898;
    font-weight: 300;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #efefef;
}
::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 16px;
}



/*--------------------------------------------------------- COMMON ---------------------------*/
.container {max-width: 1000px; margin: 0 auto; }
.con {padding: 5rem 4rem; }

.inner {display: flex; align-items: center; justify-content: space-evenly; width: 750px; margin: 0 auto; }
.column {flex-direction: column; text-align: center; }

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

.text-area ul {text-align: left; }
.text-area ul li {line-height: 3; font-size: 1.2rem; font-weight: 500; }
.text-area ul li strong {display: inline-block; text-align: center; min-width: 175px; font-size: 1.2rem; background: #000; color: #fff; padding: 5px 25px; border-radius: 30px; margin-right: 12px; }

.text-area {width: 100%; border: 2px solid #0084aa; text-align: left; padding: 25px 35px; background: #fff; border-radius: 15px; box-shadow: -2px 6px 5px rgb(5, 61, 77, 0.2); }
.text-area span {display: block; color: #d72121; margin-top: 20px; }

.mt-4 {margin-top: 4%; }
.mt-6 {margin-top: 6%; }
.mb-3 {margin-bottom: 3%; }


/*--------------------------------------------------------- CONTENTS ---------------------------*/
.Watch_top {background: #e1f3f7 url("../images/prevent_2025/bg_2025.png") no-repeat top center; background-size: contain; }
.logo-list ul {display: flex; align-items: center; justify-content: space-evenly; width: 600px; margin: 0 auto; }

.Watch_mid {background: #fff; }
.Watch_mid .tit {padding: 2px 15px; background: #0084aa; border-radius: 15px; }
.Watch_mid .tit > h2 {font-size: 2.0rem; font-family: 'GangwonEduPowerExtraBoldA'; font-weight: 500; color: #fff; }

.agree-btn {display: flex; justify-content: center; margin: 36px 0 40px 0; }
.agree-btn input[type="radio"] {width: 29px; height: 29px; border-radius: 5px; margin-right: 8px; border: 1px solid #6f6f6f; background: #fff; }
.agree-btn input[type="radio"] + label {display: inline-flex;  align-items: center; justify-content: flex-start; width: 100px; cursor: pointer; color: #6f6f6f; font-weight: 500; }
.agree-btn input[type="radio"]:checked {border: none; background: #000 url("../images/expo_check.png") no-repeat 50%; }

.agree-info {width: 100%; border-top: 1px dashed #000; padding: 40px 0 0 0; }
.agree-txt {font-family: 'GangwonEduPowerExtraBoldA'; font-weight: 500; font-size: 0.9rem; color: #3b3b3b; }
.apply-form {display: flex; gap: 50px; }
.apply-form li {display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; width: 50%; }
.apply-form li > input {width: calc(100% - 100px); height: 45px; appearance: none; border: 2px solid #0084aa; border-radius: 8px; box-shadow: -2px 6px 5px rgb(5, 61, 77, 0.2); padding: 0 18px; }
.apply-form li > input::placeholder {font-size: 15px; }
.apply-form li label {position: relative; font-family: 'GangwonEduPowerExtraBoldA'; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; font-weight: 500; }
.apply-form li label.essential::after {content: "*"; display: inline-block; margin: -15px 0 0 5px; color: #ff0000; vertical-align: top; font-size: 13px; }

.input-tel {width: calc(100% - 100px); display: flex; align-items: center; justify-content: space-between; }
.input-tel input[type="text"] {width: calc(100% / 3 - 13px); text-align: center; appearance: none; border-radius: 8px; height: 45px; padding: 0 10px; border: 2px solid #0084aa; box-shadow: -2px 6px 5px rgb(5, 61, 77, 0.2); }
.input-tel input#phone1 {background: #dff8ff; color: #0084aa; font-weight: 600; }

.selectBox {position: relative; width: calc(100% - 100px); height: 45px; background: #fff; border: 2px solid #0084aa; border-radius: 8px; box-shadow: -2px 6px 5px rgb(5, 61, 77, 0.2); }
.selectBox select {width: 100%; height: 45px; font-size: 16px; background: transparent; border: 0 none; outline: 0 none; padding: 0 20px; position: relative; z-index: 3; }
.selectBox .icoArrow {position: absolute; top: 45%; right: 15px; z-index: 1; /*width: 35px; height: inherit;*/ display: flex; justify-content: center; align-items: center; }

.Watch_btm {background: #e1f3f7; }
.Watch_btm h3 {font-size: 2.0rem; font-family: 'GangwonEduPowerExtraBoldA'; font-weight: 500; }
.Watch_btm h3 > span {font-size: 2.0rem; font-family: 'GangwonEduPowerExtraBoldA'; font-weight: 500; color: #0084aa; }
.Watch_btm textarea {resize: none; width: 100%; border: 2px solid #0084aa; padding: 25px 35px; border-radius: 15px; box-shadow: -2px 6px 5px rgb(5, 61, 77, 0.2); max-height: 230px; }
.Watch_btm textarea::placeholder {font-weight: 400; color: #6d6d6d; }

.submit {display: inline-flex; align-items: center; justify-content: center; width: 300px; height: 58px; padding: 40px 33px 28px; border-radius: 15px; background-color: #0084aa; box-shadow: 0 4px 8px rgba(0, 0, 0, .24); }
.submit > span {font-size: 1.8rem; font-family: 'GangwonEduPowerExtraBoldA'; font-weight: 500; color: #fff; }


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

    .container > div {padding: 10vw 6vw; }
    .con {width: 100%; margin: 0; padding: 100px 0; }
    .inner {width: 100%; }

    .apply-form {display: inherit; }
    .apply-form li {width: 100%; display: inherit; }
    .apply-form li label {justify-content: flex-start; margin-bottom: 10px; }
    .apply-form li > input {width: 100%; }
    .input-tel {width: 100%; }
    .selectBox {width: 100%; }

}

@media screen and (max-width: 650px) {
    * {font-size: 15px; }
    .logo-list ul {width: 250px; gap: 15px; }

    .Watch_btm h3 {font-size: 1.85rem; }
    .Watch_btm h3 > span {font-size: 1.85rem; }

}

@media screen and (max-width: 530px) {
    .Watch_mid .tit > h2 {font-size: 1.6rem; }
}