@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);

@font-face {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    /*font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;*/
}

*{margin:0;padding:0;list-style-type:none;box-sizing:border-box;border:0;outline:0;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

:root {
    --gongim-primary-color: #eb3f3d;
    --gongim-black-color:   #000000;
    --gongim-white-color:   #ffffff;
    --gongim-blue-color:    #0066b3;
    --gongim-green-color:   #06c270;

}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
html{font-size:62.5%;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;scroll-behavior: smooth;letter-spacing:-0.5px;}
body{font-size:16px;font-weight:400;color: #303038;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{display:block}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
a{color: #333;text-decoration:none;background:transparent;cursor:pointer}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
ins{color:#000;text-decoration:none}
del{color:#aaa;text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help}
button{cursor:pointer}
pre,code,kbd,samp,tt{*font-size:108%;line-height:100%}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
select{font-size:14px;font-size:1.4rem;border: 1px solid #E4E4E4;border-radius:0px}
label, input, button, select, img{vertical-align:middle}
select {margin:0}
em,address,cite{font-style:normal}
input,select,textarea,button{border-radius:0;resize:none}
p {margin:0;padding:0;word-break:break-all}
i {/*font-style:normal*/}
caption,
hr{position:absolute;top:0;left:0;margin:0;padding:0;display:inline-block;line-height:0;font-size:0;border:0;overflow:hidden}
pre{overflow-x:scroll;font-size:1.1em}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent url("../img/common/dropdown.png") no-repeat right 14px center / auto 20px;}
*::placeholder{color:#707070 !important;font-weight:300;}
*::selection{background:#19BEE3;color:#fff;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=number] { -moz-appearance: textfield; }
input:read-only{color: #1c1c1c !important;}
img{max-width:100%;}
.skip, .hide{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;padding: 0;border: 0;clip: rect(0,0,0,0)}

.tal,
.tal *{text-align:left !important;justify-content:flex-start;}
.tac,
.tac *{text-align:center !important;justify-content:center;}
.tar,
.tar *{text-align:right !important;justify-content:flex-end;}

.w10p{width:10%}
.w16p{width:16.66%}
.w20p{width:20%}
.w25p{width:25%}
.w30p{width:30%}
.w33p{width:33.33%}
.w40p{width:40%}
.w50p{width:50%}
.w60p{width:60%}
.w66p{width:66.66%}
.w70p{width:70%}
.w75p{width:75%}
.w80p{width:80%}
.w90p{width:90%}
.w100p{width:100%}

.flexGrow1 { flex-grow:1;}
.AlignItemsEnd { align-items:end !important; }

#wrap .btn_01 {background: var(--gongim-primary-color) !important;border-color: var(--gongim-primary-color) !important;color: var(--gongim-white-color) !important;}
#wrap .btn_02 {background: var(--gongim-white-color) !important;border-color: var(--gongim-primary-color) !important;color: var(--gongim-primary-color) !important;}
#wrap .btn_21 {background: #FFFFFF !important;border-color: var(--gongim-primary-color) !important;color: var(--gongim-primary-color) !important;}
#wrap .btn_03 {background: #FFFFFF !important;border-color: #707070 !important;color: #707070 !important;}
#wrap .btn_04 {background: #FFFFFF !important;border-color: #cccccc !important;color: #000000 !important;}
#wrap .btn_05 {background: #FFFFFF !important;border-color: #ccc!important;color: #333333 !important;}
#wrap .btn_06 {background: #FFFFFF !important;border-color: transparent !important;color: #707070 !important;text-decoration: underline}
#wrap .btn_07 {background: #333333 !important;border-color: #333333 !important;color: #ffffff !important;}
#wrap .btn_08 {background: #555555 !important;border-color: #555555 !important;color: #ffffff !important;}
#wrap .btn_09 {background: #707070 !important;border-color: #707070 !important;color: #ffffff !important;}
#wrap .btn_10 {background: #FFFFFF !important;border-color: #dddddd !important;color: #1c1c1c !important;}
#wrap .btn_11 {background: #FFFFFF !important;border-color: transparent !important;color: #1c1c1c !important;}
#wrap .btn_12 {background: #FFFFFF !important;border-color: #1c1c1c !important;color: #1c1c1c !important;}
#wrap .btn_13 {background: #FFFFFF !important;border-color: #DDDDDD !important;color: #cccccc !important;}
#wrap .btn_14 {background: #FFFFFF !important;border-color: #cccccc !important;color: #666666 !important;}
#wrap .btn_15 {background: #ffea5e !important;border-color: #eebe6a !important;color: #666666 !important;}
#wrap .btn_16 {background: #F8F8F8 !important;border-color: #BBBBBB !important;color: #555555 !important;}
#wrap .btn_17 {background: #ffffff !important;border-color: #999999 !important;color: #333333 !important;}
#wrap .btn_18 {background: #F8F8F8 !important;border-color: #999999 !important;color: #333333 !important;}
#wrap .btn_19 {background: #ffffff !important;border-color: #bbbbbb !important;color: #333333 !important;}
#wrap .btn_20 {background: #37373a !important;border-color: #37373a !important;color: #ffffff !important;}

.status01{display: inline-flex;align-items: center;justify-content: center;padding:0 15px;height:32px;border-radius: 5px;background-color:#E6F7F0 !important;color: #00AC69 !important;border:0;}
.status02{display: inline-flex;align-items: center;justify-content: center;padding:0 15px;height:32px;border-radius: 5px;background-color: #FDECEC !important;color: #EB3F3D !important;border:0;}
.status03{display: inline-flex;align-items: center;justify-content: center;padding:0 15px;height:32px;border-radius: 5px;background-color:#FEF6E6 !important;color: #F4A100 !important;border:0;}
.status04{display: inline-flex;align-items: center;justify-content: center;padding:0 15px;height:32px;border-radius: 5px;background-color:#E6F0FE !important;color: #0061F2 !important;border:0;}
.status05{display: inline-flex;align-items: center;justify-content: center;padding:0 15px;height:32px;border-radius: 5px;background-color:#F1F1F1 !important;color: #717171 !important;border:0;}


@keyframes loading {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.ellipsis1{display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis2{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis3{display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}


.badge-gr { border-radius:5px; padding:2px 6px; font-size:13px; line-height:18px; color:#00AC69 !important; background:#E6F7F0; width:fit-content; white-space:nowrap;}
.badge-re { border-radius:5px; padding:2px 6px; font-size:13px; line-height:18px; color:#EB3F3D !important; background:#FDECEC; width:fit-content; white-space:nowrap;}
.badge-ye { border-radius:5px; padding:2px 6px; font-size:13px; line-height:18px; color:#F4A100 !important; background:#FEF6E6; width:fit-content; white-space:nowrap;}
.badge-bl { border-radius:5px; padding:2px 6px; font-size:13px; line-height:18px; color:#0061F2 !important; background:#E6F0FE; width:fit-content; white-space:nowrap;}
.badge-gra { border-radius:5px; padding:2px 6px; font-size:13px; line-height:18px; color:#717171 !important; background:#F2F2F2;width:fit-content; white-space:nowrap;}