@charset "UTF-8";


.container {width: 100%; max-width: 1024px; margin: 0 auto; padding: 0 12px;}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    src: url('/font/Pretendard-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    src: url('/font/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: url('/font/Pretendard-Light.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: url('/font/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: url('/font/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: url('/font/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: url('/font/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src: url('/font/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'chab';
    font-weight: 700;
    src: url('/font/chab.woff') format('woff');
}

/********* reset.css **********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

textarea {resize: none;}
.pc {}
.m {display: none !important;}

h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:normal;}
ul,ol,li {padding: 0; list-style-type:none;}
a {color: #333; text-decoration:none;}
img {max-width:100%; max-height:100%; border:0 none; vertical-align:top;}
address {font-style:normal;}
table, caption, tbody, tfoot, thead, tr, th, td {border-collapse: collapse; padding: 0;}
button {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0 none; background-color:transparent; font-family:inherit; font-size:inherit; cursor:pointer;}
input {-webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; font-family: inherit; font-size: 1em; font-weight: 350;}
textarea {width:100%; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
select {cursor:pointer; -webkit-border-radius: 0; font-family: inherit; font-size: 1em; font-weight: 350;}
select:disabled {background-color: rgba(239, 239, 239, 0.3);}
select option:disabled {background-color: #dddddd;}

    /* placeholder */
::-webkit-input-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
:-ms-input-placeholder {color: #888888;}
:-moz-placeholder {color: #888888;}

html, body {height: 100%;}
body {line-height: 1.5; color: #333333; font-family: 'Pretendard', 'sans-serif'; font-size: 16px; min-width: 280px; letter-spacing: -0.025em;}

input {display: block; width: 100%; height: 46px; margin: 0; border: 1px solid #dcdcdc; padding: 0 10px 0 18px; font-weight: 600; font-size: 16px; line-height: 22px; color: #444444; border-radius: 6px;}
input.bg {border: 1px solid #bebebe; background-color: #f6f6f6;}
input::placeholder {font-weight: 600; font-size: 16px; line-height: 22px; color: #444444;}
textarea {display: block; width: 100%; margin: 0; border: 1px solid #dcdcdc; padding: 10px 18px; background-color: #ffffff; font-weight: 500; font-size: 16px; line-height: 27px; color: #888888; border-radius: 6px;}
textarea::placeholder {font-weight: 500; font-size: 16px; line-height: 27px; color: #888888;}
select {display: inline-block; width: 100%; height: 46px; margin: 0; border: 1px solid #dcdcdc; padding: 0 35px 0 18px; background-image: url('/images/common/slt_arr.svg'); background-position: right 20px center; background-size: 9px 6px; background-repeat: no-repeat; cursor: pointer; font-weight: 600; font-size: 16px; line-height: 22px; color: #444444; border-radius: 6px;}

/* select 기본 화살표 없애기 */
select {
    -webkit-appearance:none; /* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none /* 화살표 없애기 공통*/
}

select::placeholder,
input::placeholder {color: #b7b7b7 !important;}

select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
}

.chk_radio_list_area {}
.chk_radio_list_area .list {}
.chk_radio_list_area.type2 .list {display: flex; align-items: center; justify-content: flex-start;}
.chk_radio_list_area .list li {margin: 0 16px 0 0; padding: 0 !important;}
.chk_radio_list_area.type1 .list li {margin: 0 0 16px;}

.radio_area {font-size: 0;}
.radio_area label {display: block; cursor: pointer;}
.radio_area label input {display: inline-block; position: relative; width: 23px; height: 23px; margin: 0 10px 0 0; border: 1px solid #e5e5e5; padding: 0; background-color: #ffffff; border-radius: 50%; vertical-align: middle; cursor: pointer;}
.radio_area label input:checked {border: 1px solid #e5e5e5; background-color: #ffffff;}
.radio_area label input:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; background-color: #e1e1e1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; transition: 0.3s ease-in-out;font-size:0;line-height:0}
.radio_area label input:checked:before {width: 11px; height: 11px; background-color: #1a4da0;}
.radio_area label .text {display: inline-block; font-weight: 500; font-size: 16px; color: #222222; vertical-align: middle; letter-spacing: -0.025em;}

.chk_area {font-size: 0;}
.chk_area.tr {text-align: right;}
.chk_area.tc {text-align: center;}
.chk_area label {display: block;}
.chk_area label input {display: inline-block; position: relative; width: 23px; height: 23px; border: 1px solid #bdbdbd; padding: 0; background-color: #ffffff; cursor: pointer; vertical-align: middle; transition: 0.3s ease-in-out; border-radius: 5px;}
.chk_area label input.one {border-radius: 50%;}
.chk_area label input:checked {border: 1px solid #3c579e; background-color: #3c579e;}
.chk_area label input:before {display: none; content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 9px; background-image: url('/images/admin/chk.svg'); background-size: 12px 9px; background-repeat: no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: 0.3s ease-in-out;}
.chk_area label input:checked:before {display: block; width: 12px;}
.chk_area label .text {display: inline-block; margin: 0 0 0 10px; font-weight: 400; font-size: 16px; line-height: 28px; color: #2f2f2f; vertical-align: middle;}


@media (max-width: 629px) {
    .radio_area label .text {font-size: 15px;}
    select {font-size: 15px;}
    input {font-size: 15px;}
    .inp_popup_cont input {padding: 0 5px;}
    input::placeholder {font-size: 15px;}
}