@charset "utf-8";

/*
 * Copyright    :   ONEDAYNET.CO.KR
 * SOLUTION     :   HYSSENCE 3.0 PLUS
 * File         :   setting.css
 * SUMMARY      :   기본값
 */

/* 본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다. */


/* Global ---------------------------------------------------------------- */
html {width:100%; height:100%; overflow-x:hidden; overscroll-behavior:none; }
body {margin:0; padding:0; background:#fff; height:100%; overflow:hidden; overscroll-behavior:none; }
html.if_iOS body {height:calc(var(--vh, 1vh) * 100);}
html.if_web body {height:100%;}


body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button, select {font-family:'Pretendard',Sans-serif; font-size:13px; font-weight:400;}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button, select {word-wrap:break-word; word-break:break-all; -webkit-text-size-adjust:none; text-decoration-skip-ink:none}
b,strong {color:#666; word-wrap:break-word; word-break:break-all; font-size:inherit; font-family:inherit; font-weight:600;}
p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:none; -webkit-overflow-scrolling:touch;}
table caption { width:0px; height:0px; font-size:0; visibility:hidden; }
ul,ol,li,td,dl,dt,dd {margin:0; padding:0; }
em,i {font-style:normal}
a,span {display:inline-block;}
div {-webkit-overflow-scrolling:touch;}
img {border:0; max-width:100%}
span,div,a,strong,em,label,dl,dt,dd,ul,li {color:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit;}
a:link, a:visited {color:inherit; text-decoration:none; cursor:pointer;}
a:hover, a:active {text-decoration:none;}
u {text-decoration:none;}
* {font-size:inherit; -webkit-tap-highlight-color:transparent}
.swiper-notification {display:none;}
li {list-style:none;}



/* Essential ---------------------------------------------------------------- */
.wrap {width:100%; height:100%; position:relative; box-sizing:border-box; overflow-y:auto; padding-bottom:55px;}
.wrap::-webkit-scrollbar {display:none;}
html.if_iOS .wrap {padding-bottom:calc(env(safe-area-inset-bottom) + 55px);}

html.if_fullpage {overflow:hidden;}
html.if_fullpage .wrap {display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; padding-bottom:0; overflow:hidden;}
html.if_fullpage .scroll_page {flex:1; overflow-y:auto;}
html.if_fullpage.if_iOS .sy_Bundle {padding-bottom:env(safe-area-inset-bottom);}

.jsavl_loader {display:flex; justify-content:flex-start; align-items:stretch; flex-direction:column; position:relative; min-height:100%;}
html.if_iOS .jsavl_loader:after {width:100%; height:5px; background:#000; position:absolute; left:0; bottom:-4px; z-index:1;} /* iOS 하단 파란영역 눈속임 */

html.if_fullpage .jsavl_loader {flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; padding-bottom:0; overflow-y:auto; box-sizing:border-box;}
html.if_fullpage .jsavl_app_view {flex:1; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; padding-bottom:0; overflow-y:auto; box-sizing:border-box;}

html.if_bg body {background:#f3f4f6;}
html.if_bg body .PageTop {background:#f3f4f6;}





/* Form ---------------------------------------------------------------- */
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;}

/* lable */
label {overflow:hidden; cursor:pointer;}
input[type=checkbox],input[type=radio] {float:left; -webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; margin-right:5px; box-sizing:border-box;}

/* input */
input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=file],input[type=search], input[type=submit],input[type=url], input[type=button], button
{-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; background:none; box-sizing:border-box; padding:0;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input::-ms-clear {display:none;} /* ie10 이상에서 input textbox 포커스시 생기는 삭제버튼 숨기기 */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {display:none;} /* 검색 기본 x버튼 없애기 */
input::placeholder {color:#ccc !important;}
input::-webkit-input-placeholder {color:#ccc !important;}
input:-ms-input-placeholder {color:#ccc !important;}
input:-moz-placeholder {color:#ccc !important;}

textarea {border:none; background:none; line-height:1.4; padding:15px; box-sizing:border-box; width:100%; -webkit-appearance:none; -webkit-border-radius:0; -webkit-overflow-scrolling:touch;}
textarea::placeholder {color:#ccc !important;}
textarea::-webkit-input-placeholder {color:#ccc !important;}
textarea:-ms-input-placeholder {color:#ccc !important;}
textarea:-moz-placeholder {color:#ccc !important;}

/* select 기본 화살표 없애기 */
select {-webkit-appearance:none; appearance:none; -moz-appearance:none; -webkit-user-select:none;}
select::-ms-expand {display:none;}

/* 크롬 자동완성 BG색 버림(아이디비번저장 시) */
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px #fff inset;}
input:-webkit-autofill:focus {-webkit-box-shadow:0 0 0px 1000px #fff inset;}

/* 인풋포커스 라인삭제 :웹접근성 작업 시 삭제 */
input,select,textarea,a {outline:none}

::selection {background:#fff; color:#000; text-shadow:none;}
::-moz-selection {background:#fff; color:#000; text-shadow:none;}
::-webkit-selection {background:#fff; color:#000; text-shadow:none;}

*::-webkit-scrollbar {display:none;}

i.fi {display:flex; justify-content:center; align-items:center; flex-direction:column;}

:root {
	--color-point:#3182f7;
	--color-side:#2d31f1;
	--color-coral:#f4695f;

	--black-dark:#202632;
	--black-mid:#414141;
	--black-gray:#808085;
	--black-soft:#afafaf;

	--black-light:#ececf0;
	--black-clear:#f3f3f5;

	--cubic:cubic-bezier(0.19, 1, 0.22, 1);

	--title:'TheJamsil';
}



/* Button ========================================= */
.sy_Button {display:flex; justify-content:center; align-items:center; flex-direction:row; font-weight:500; font-size:16px; height:60px; border-radius:8px; border:1px solid #ddd; background:#ddd; box-sizing:border-box; gap:3px}
.sy_Button {padding:0 10px;}
.sy_Button.color {background:var(--color-point); color:#fff !important; border-color:var(--color-point);}
.sy_Button.color.alpha {background:#3182f716; color:var(--color-point) !important; border-color:var(--color-point);}
.sy_Button.color.line {background:#fff; color:var(--color-point) !important; border-color:var(--color-point);}
.sy_Button.white {background:#fff; color:#000 !important; border-color:#b1bac3;}
.sy_Button.gray {background:#e1e2e6; color:#aaa !important;}

.sy_Button.mini {height:32px; font-size:13px; border-radius:100px; background:#3182f799; border:0; padding:0 12px;}
.sy_Button.midi {height:34px; font-size:13px;}
.sy_Button.if_before {pointer-events:none; opacity:0.3;}




/* Button go ========================================= */
.sy_Button_go {display:flex; justify-content:center; align-items:center; flex-direction:column; height:38px; background:var(--color-point); border-radius:100px; padding:0 12px 0 16px;}
.sy_Button_go strong {color:#fff; font-size:14px; font-weight:500; display:flex; justiMy_Pointfy-content:center; align-items:center; flex-direction:row; gap:2px; line-height:1;}
.sy_Button_go strong:after {content:""; width:9px; height:9px; background:transparent url('../images/woodong/ic_arrow_down.svg') center center / 9px 8px no-repeat; display:inline-block;}
.sy_Button_go strong:after {filter:invert(99%) sepia(11%) saturate(92%) hue-rotate(225deg) brightness(114%) contrast(100%);}
.sy_Button_go.mini {height:32px; padding:0 9px 0 12px;}
.sy_Button_go.mini strong:after {transform:rotate(-90deg); -webkit-transform:rotate(-90deg); background-size:8px 7px; width:8px; height:8px;}



/* Button Bundle ========================================= */
.sy_Bundle {display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; flex-wrap:wrap;}
.sy_Bundle .sy_Button {flex:1}
.sy_Bundle .this_minor {flex:none; min-width:80px}
.sy_Bundle .other_link {width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row;}
.sy_Bundle .other_link .btn_text {padding:10px; font-size:14px; color:var(--color-point); font-weight:500; flex:1; text-align:center;}
.sy_Bundle .other_link .btn_icon {display:inline-flex; justify-content:center; align-items:center; flex-direction:row; color:#333; gap:3px; font-size:13px; font-weight:500; padding:10px 5px; margin-left:auto;}
.sy_Bundle.type_mid .sy_Button {height:40px; font-size:14px;}
html.if_iOS .sy_Bundle.this_ios {padding-bottom:env(safe-area-inset-bottom);}



/* Label ========================================= */
label.sy_Label {cursor:pointer; display:inline-flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:5px 0;}
label.sy_Label input {display:none;}
label.sy_Label .tx {font-size:15px; color:var(--color-black); font-weight:500; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; }
label.sy_Label .tx em {color:#cacaca; font-size:12px; margin-left:3px;}
label.sy_Label .tx strong {margin-left:3px;}
label.sy_Label .tx .required {color:var(--color-point);}
label.sy_Label .icon {width:20px; height:20px; box-sizing:border-box; flex:none; border:1px solid #cacaca; background:#fff; position:relative; margin-right:6px; border-radius:5px;}
label.sy_Label .icon:before {content:"";}
label.sy_Label .icon:after {content:"";}
label.sy_Label input:checked+ .tx {color:var(--color-point);}
label.sy_Label input:checked+ .tx .required {color:var(--color-coral);}
label.sy_Label input[type=checkbox]+ .tx .icon {background:transparent url('../images/woodong/ic_label_check.svg') center center / 18px no-repeat;}
label.sy_Label input[type=checkbox]+ .tx .icon:before {position:absolute; left:3.5px; bottom:3.5px; height:5px; width:1px; border-radius:50px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
label.sy_Label input[type=checkbox]+ .tx .icon:before {transform-origin:right top;}
label.sy_Label input[type=checkbox]+ .tx .icon:after {position:absolute; left:7px; bottom:5px; height:10px; width:1px; border-radius:100px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
label.sy_Label input[type=checkbox]+ .tx .icon:after {transform-origin:left bottom;}
label.sy_Label input[type=checkbox]:checked+ .tx .icon {background:var(--color-point); border-color:var(--color-point);}
label.sy_Label input[type=checkbox]:checked+ .tx .icon:before {background:#fff;}
label.sy_Label input[type=checkbox]:checked+ .tx .icon:before {animation:mv_hy_label_check_short 0.3s ease; -webkit-animation:mv_hy_label_check_short 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
label.sy_Label input[type=checkbox]:checked+ .tx .icon:after {background:#fff;}
label.sy_Label input[type=checkbox]:checked+ .tx .icon:after {animation:mv_hy_label_check_long 0.3s ease; -webkit-animation:mv_hy_label_check_long 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

label.sy_Label input[type=radio]+ .tx .icon {border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
label.sy_Label input[type=radio]+ .tx .icon:before {width:8px; height:8px; background:#cacaca; border-radius:100px; z-index:2}
label.sy_Label input[type=radio]+ .tx .icon:after {width:20px; height:20px; background:var(--color-point); border-radius:100px; transform:scale(0) translate(-50%, -50%); z-index:1; position:absolute; left:-1px; top:-1px;}
label.sy_Label input[type=radio]:checked+ .tx .icon:after {-webkit-animation:mv_hy_label_radio 0.35s ease; animation-fill-mode:forwards;}
label.sy_Label input[type=radio]:checked+ .tx .icon:before {background:#fff;}

@keyframes mv_hy_label_radio {
    0% {transform:scale(0); -webkit-transform:scale(0);}
    100% {transform:scale(1.0); -webkit-transform:scale(1.0);}
}
@keyframes mv_hy_label_check_short {
    0% {transform:rotate(-45deg) scale(1,0); -webkit-transform:rotate(-45deg) scale(1,0);}
	50% {transform:rotate(-45deg) scale(1,1); -webkit-transform:rotate(-45deg) scale(1,1);}
    100% {transform:rotate(-45deg) scale(1,1); -webkit-transform:rotate(-45deg) scale(1,1);}
}
@keyframes mv_hy_label_check_long {
    0% {transform:rotate(45deg) scale(1,0); -webkit-transform:rotate(45deg) scale(1,0);}
	50% {transform:rotate(45deg) scale(1,0); -webkit-transform:rotate(45deg) scale(1,0);}
    100% {transform:rotate(45deg) scale(1,1); -webkit-transform:rotate(45deg) scale(1,1);}
}





/* Label ========================================= */
label.sy_Label_button {}
label.sy_Label_button input {display:none;}
label.sy_Label_button .tx {font-size:15px; color:#000; font-weight:500; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; height:50px; border-radius:8px; padding:0 10px; box-sizing:border-box; background:#f3f3f7; border:1px solid #f3f3f7; transition:all 0.2s ease-out;}
label.sy_Label_button .tx strong {flex:1}
label.sy_Label_button .icon {width:30px; height:30px; box-sizing:border-box; flex:none; position:relative;}
label.sy_Label_button .icon:before {content:"";}
label.sy_Label_button .icon:after {content:"";}
label.sy_Label_button .picto {overflow:hidden; border-radius:100px; width: 35px;px; aspect-ratio:1/1; margin-right:10px;}
label.sy_Label_button .picto img {width:100%; height:100%; object-fit:cover;}
label.sy_Label_button input:checked+ .tx {color:var(--color-point); background:#fff; border-color:var(--color-point) !important;}
label.sy_Label_button input+ .tx .icon {background:transparent url('../images/woodong/ic_label_check.svg') center center / 25px no-repeat;}
label.sy_Label_button input+ .tx .icon:before {position:absolute; left:7px; bottom:8px; height:7px; width:2px; border-radius:50px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
label.sy_Label_button input+ .tx .icon:before {transform-origin:right top;}
label.sy_Label_button input+ .tx .icon:after {position:absolute; left:12px; bottom:10px; height:12px; width:2px; border-radius:100px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
label.sy_Label_button input+ .tx .icon:after {transform-origin:left bottom;}
label.sy_Label_button input:checked+ .tx .icon {background-image:none;}
label.sy_Label_button input:checked+ .tx .icon:before {background:var(--color-point);}
label.sy_Label_button input:checked+ .tx .icon:before {animation:mv_hy_label_check_short 0.3s ease; -webkit-animation:mv_hy_label_check_short 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
label.sy_Label_button input:checked+ .tx .icon:after {background:var(--color-point);}
label.sy_Label_button input:checked+ .tx .icon:after {animation:mv_hy_label_check_long 0.3s ease; -webkit-animation:mv_hy_label_check_long 0.3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

@keyframes mv_hy_label_check_short {
    0% {transform:rotate(-45deg) scale(1,0); -webkit-transform:rotate(-45deg) scale(1,0);}
	50% {transform:rotate(-45deg) scale(1,1); -webkit-transform:rotate(-45deg) scale(1,1);}
    100% {transform:rotate(-45deg) scale(1,1); -webkit-transform:rotate(-45deg) scale(1,1);}
}
@keyframes mv_hy_label_check_long {
    0% {transform:rotate(45deg) scale(1,0); -webkit-transform:rotate(45deg) scale(1,0);}
	50% {transform:rotate(45deg) scale(1,0); -webkit-transform:rotate(45deg) scale(1,0);}
    100% {transform:rotate(45deg) scale(1,1); -webkit-transform:rotate(45deg) scale(1,1);}
}





/* Label : onoff Checkbox ========================================= */
label.sy_label_onoff {position:relative; height:26px; display:inline-flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
label.sy_label_onoff * {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
label.sy_label_onoff *:before {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
label.sy_label_onoff input {display:none;}
label.sy_label_onoff .icon {position:relative; width:54px; height:26px; background:var(--black-soft); border-radius:100px; box-sizing:border-box;}
label.sy_label_onoff .icon:before {content:"";position:absolute; left:2px; top:50%; transform:translateY(-50%); width:22px; height:22px; background:#fff; border-radius:100%;}
label.sy_label_onoff input:checked+ .icon {background:var(--color-point);}
label.sy_label_onoff input:checked+ .icon:before {left:calc(100% - 24px);}
label.sy_label_onoff .tx {font-weight:600; color:#fff; font-size:10px; position:absolute; left:0; width:100%; display:flex; justify-content:space-center; align-items:center; flex-direction:row; box-sizing:border-box; color:#fff; text-align:center;}
label.sy_label_onoff .tx em {position:absolute; right:0; width:32px;}
label.sy_label_onoff .tx strong {opacity:0; position:absolute; left:0; transform:translateX(-10px); width:32px;}
label.sy_label_onoff input:checked+ .icon+ .tx em {opacity:0; transform:translateX(-10px);}
label.sy_label_onoff input:checked+ .icon+ .tx strong {opacity:1; transform:translateX(0);}





/* none ======================================== */
.sy_None {display:flex; justify-content:center; align-items:center; flex-direction:column; height:100%; color:#23262b; text-align:center; box-sizing:border-box; padding:50px 0}
.sy_None .notice {font-weight:700; font-size:20px; margin-bottom:10px;}
.sy_None .comment { color:#a1a7a7; font-size:15px; line-height:1.5;}
.sy_None .picto {height:150px; margin-bottom:15px;}
.sy_None .picto img {display:block; height:100%;}
.sy_None .link {color:var(--color-point); font-weight:500; text-decoration:underline; text-underline-offset:2px; padding:5px 10px;}



/* 텍스트 아이콘 ======================================== */
.c_tag {height:25px; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; white-space:nowrap; border-radius:100px;}
.c_tag {font-size:12px !important; line-height:1; cursor:default; display:inline-flex; flex-direction:row; justify-content:center; align-items:center; font-weight:500;}
.c_tag.black {background:#000 !important; border-color:#000 !important; color:#fff !important;}
.c_tag.light {background:#ccc !important; border-color:#ccc !important; color:#fff !important;}
.c_tag.gray {background:#f5f5f5 !important; border-color:#ccc !important; color:#888 !important;}
.c_tag.red {background:#e10000 !important; border-color:#e10000 !important; color:#fff !important;}
.c_tag.blue {background:#0065e3 !important; border-color:#0065e3 !important; color:#fff !important;}
.c_tag.green {background:#00b108 !important; border-color:#00b108 !important; color:#fff !important;}
.c_tag.black.line {color:#000 !important; background:#fff  !important;}
.c_tag.light.line {color:#aaa !important; background:#fff  !important;}
.c_tag.red.line {color:#e10000 !important; background:#fff  !important;}
.c_tag.blue.line {color:#0065e3 !important; background:#fff  !important;}
.c_tag.green.line {color:#00b108 !important; background:#fff  !important;}



/* input ======================================== */
input.input_design {width:100%; height:60px; border:1px solid var(--black-light); background:#fff; font-size:16px; padding:0 15px; box-sizing:border-box; border-radius:8px; color:#000; transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out;}
input.input_design:focus {color:#000 !important; border-color:var(--color-point) !important; background-color:#fff !important; box-shadow:0px 0px 0px 4px #4880ee33}
input.input_design.type_date {background:transparent url('../images/c_img/ic_date.svg') right 15px center no-repeat; background-size:14px; font-weight:500;}
input.input_design:disabled {background:#f9f9f9; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); border-color:#f2f2f2; pointer-events:none}
input.input_design:not(:placeholder-shown) {background:#4880ee12 !important; border-color:#4880ee4d; color:var(--color-point);}
input.input_design.single_line {border-radius:0px; border-left:0; border-top:0; border-right:0; padding:0px; background:#fff !important; font-weight:500;}
input.input_design.single_line:focus {box-shadow:none;}




/* textarea ======================================== */
textarea.text_design  {width:100%; border:1px solid var(--black-light); background:#fff; font-size:16px; padding:10px 15px; box-sizing:border-box; border-radius:8px; color:#000;}
textarea.text_design {transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out;}
textarea.text_design:focus {color:#000 !important; border-color:var(--color-point) !important; background-color:#fff !important; box-shadow:0px 0px 0px 4px #4880ee33}
textarea.text_design:disabled {background:#f9f9f9; opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); border-color:#f2f2f2; pointer-events:none}
textarea.text_design:not(:placeholder-shown) {background:#4880ee1A !important; border-color:#4880ee66; color:var(--color-point);}



/* Dropdown ======================================== */
.c_select {position:relative;}
.c_select select {width:100%; height:45px; border:1px solid var(--black-light); font-size:13px; position:relative; z-index:2;}
.c_select select {padding:0 40px 0 15px; box-sizing:border-box; color:#333; cursor:pointer; -webkit-border-radius:0 !important; background:#fafafa !important;}
.c_select .icon {position:absolute; right:15px; top:50%; width:5px; height:5px; margin-top:-3px; z-index:2; pointer-events:none}
.c_select .icon {width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000;}
.c_select .icon {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; transform:rotate(0); transform-origin:center;}
.c_select select:focus {border-color:#008aff; color:#333; background:#fff !important;}
.c_select select:focus+ .icon {transform:rotate(180deg); border-top-color:#008aff;}




/* fake dropdown ======================================== */
.sy_Dropdown {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; height:60px; border:1px solid var(--black-light); border-radius:8px; padding:0 15px; color:#333; background:#fff;}
.sy_Dropdown {font-size:16px; font-weight:500; line-height:1; box-sizing:border-box; }
.sy_Dropdown strong {flex:1; }
.sy_Dropdown:after {content:""; width:20px; height:20px; background:transparent url('../images/woodong/ic_arrow_down.svg') center center / 10px 8px no-repeat;}
.sy_Dropdown.if_selected {background:#4880ee12 !important; border-color:#4880ee4d; color:var(--color-point);}
.sy_Dropdown.if_readonly {pointer-events:none;}





/* 페이지네이트 ======================================== */
.c_pagi {position:relative; margin:20px 0 30px;}
.c_pagi .inner {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.c_pagi .nextprev {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.c_pagi .nextprev .btn {font-size:0px; box-sizing:border-box;}
.c_pagi .nextprev .btn span {font-size:0;}
.c_pagi .nextprev .btn .icon {width:30px; height:30px; background-position:center center !important; background-repeat:no-repeat !important;}
.c_pagi .nextprev .btn .icon {background-size:auto 20px !important;}
.c_pagi .nextprev .btn .ok {display:none; }
.c_pagi .nextprev .btn .no {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); pointer-events:none !important;}
.c_pagi .nextprev .click .ok {display:block;border-radius:100px; }
.c_pagi .nextprev .click .no {display:none; }
.c_pagi .nextprev .ic_prev {margin-right:5px;}
.c_pagi .nextprev .ic_prev .icon {background-image:url('../images/c_img/c_arrow_prev.svg');}
.c_pagi .nextprev .ic_next {margin-left:5px;}
.c_pagi .nextprev .ic_next .icon {background-image:url('../images/c_img/c_arrow_next.svg');}
.c_pagi .nextprev .btn_num {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.c_pagi .nextprev .btn_num .more {width:30px; height:30px; background:transparent url('../images/c_img/c_pagi_more.svg') center center no-repeat; background-size:9px auto !important;}
.c_pagi .number {display:flex; flex-direction:row; justify-content:center; align-items:center; gap:10px}
.c_pagi .number .hit {color:#fff !important; background:#222 !important; border-color:#222 !important;}
.c_pagi .num {font-size:13px; color:#222; background:transparent; border:1px solid #e5e5e5; border-radius:100%; font-weight:600;}
.c_pagi .num {display:flex; flex-direction:row; justify-content:center; align-items:center; min-width:30px; height:30px; box-sizing:border-box; padding:0 5px;}
.c_pagi .btn_area {position:absolute; right:0;}