@charset "UTF-8";
@import url('Pretendard.css');

:root {
  --colorMain:#007DB2;
  --colorSub:#004866;
  --colorTit:#1E2124;
  --colorSubTit:#464C53;
  --colorBlack:#000;
  --colorWhite:#fff;
  --colorGray90:#1E2124;
  --colorGray80:#33363D;
  --colorGray70:#464C53;
  --colorGray60:#58616A;
  --colorGray50:#F4F5F6;
  --colorGray40:#8A949E;
  --colorGray30:#B1B8BE;
  --colorGray10:#E6E8EA;
  --colorBorderGray:#CDD1D5;
  --colorBgGray:#F4F5F6;
  --colorBlue:#256EF4;
  --colorGreen:#228738;
  --colorBgGreen:#E0F5E4;
  --colorRed:#DE3412;
  --colorTitGreen:#2D873B;
  --colorBrown:#9E6A00;
}
/********* common_layout *********/
html, body {height:100%}
body {color:var(--colorTit); font-family: 'Pretendard', 'sans-serif'; font-size:16px;line-height:1.5;font-weight:400;word-break:keep-all;min-width: 280px;transition: 0.3s ease-in-out;}
i {vertical-align:middle}/*transform:translateY(-0.1em)*/
a, button {transition:0.2s}
a:focus, button:focus {outline-offset:-2px}
.hide {position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px;}
.wrapper {position: relative; z-index: 1; min-height: 100%;}
#real_contents {width:100%}
.container {position: relative; max-width: 1400px; margin: 0 auto;}
.container.inherit {max-width:inherit}

/* skip navi */
.skip_navi {position:absolute; z-index:999999; width:100%; left:0; top:0; text-align:center;}
.skip_navi a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:var(--colorGray90); color:#fff; font-size:20px; font-weight:700;}
.skip_navi a:hover, .skip_navi a:focus {top:0;}

.blind1400, .blind1280, .blind1080, .blind768, .blind480 {display:inline-block}
th.blind1400, th.blind1280, th.blind1080, th.blind768, th.blind480, 
td.blind1400, td.blind1280, td.blind1080, td.blind768, td.blind480 {display:table-cell}
.add1400, .add1280, .add1080, .add768, .add480 {display:none !important}

/* 공통 스타일 정의 */
.dis_bl {display:block !important}
.dis_inb {display:inline-block !important}
.dis_in {display:inline !important}
.dis_table {display:table !important;width:100%;height:100%}
.dis_table .tcell {display:table-cell !important;width:100%;vertical-align:middle}

.flex {display:flex}
.flex2 {display:inline-flex}
.fwrap {flex-wrap:wrap}

.agt {align-items:flex-start}
.agc {align-items:center}
.age {align-items:flex-end}

.jsl {justify-content:left}
.jsr {justify-content:right}
.jsc {justify-content:center}
.jsb {justify-content:space-between}

.fl {float:left}
.fr {float:right}
.fn {float:none}

.vt {vertical-align:top}
.vm {vertical-align:middle}
.vb {vertical-align:bottom}
.vsub {vertical-align:sub}

.fw400 {font-weight:400 !important}
.fw500 {font-weight:500 !important}
.fw700 {font-weight:700 !important}

.mb20 { margin: 0 0 20px; }
.mb40 { margin: 0 0 40px; }

.tl {text-align:left !important}
.tc {text-align:center !important}
.tr {text-align:right !important}
.els {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden}
.els2 {display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;overflow:hidden}
.ellipsis {text-overflow:ellipsis}

.fs085 {font-size:0.85em}
.fs09 {font-size:0.9em}
.fs095 {font-size:0.95em}
.fs10 {font-size:1em}
.fs105 {font-size:1.05em}
.fs11 {font-size:1.1em}
.fs115 {font-size:1.15em}
.fs12 {font-size:1.2em}

.s_txt {font-size:0.9375rem}
.s_txt_top {margin-bottom:10px}
.s_txt_bottom {margin-top:10px}
.s_txt_left {display:inline-block;margin-right:10px}
.s_txt_right {display:inline-block;margin-left:10px}

.c_main {color:var(--colorMain) !important}
.c_sub {color:var(--colorSub) !important}
.c_red {color:var(--colorRed) !important}
.c_blue {color:var(--colorBlue) !important}
.c_green {color:var(--colorGreen) !important}
.c_brown {color:var(--colorBrown) !important}
.c_gray90 {color:var(--colorGray90) !important}
.c_gray80 {color:var(--colorGray80) !important}
.c_gray70 {color:var(--colorGray70) !important}
.c_gray60 {color:var(--colorGray60) !important}
.c_gray40 {color:var(--colorGray40) !important}

.bg_main {background-color:var(--colorMain) !important}
.bg_sub {background-color:var(--colorSub) !important}
.bg_red {background-color:var(--colorRed) !important}
.bg_blue {background-color:var(--colorBlue) !important}
.bg_gray90 {background-color:var(--colorGray90) !important}
.bg_gray80 {background-color:var(--colorGray80) !important}
.bg_gray70 {background-color:var(--colorGray70) !important}
.bg_gray60 {background-color:var(--colorGray60) !important}
.bg_gray40 {background-color:var(--colorGray40) !important}
.bg_gray30 {background-color:var(--colorGray30) !important}
.bg_gray20 {background-color:var(--colorBorderGray) !important}
.bg_gray10 {background-color:var(--colorGray10) !important}
.bg_gray {background-color:var(--colorBgGray) !important}

/* 텍스트 리스트 - dot, line */
.list_txt_group {margin-bottom:20px;padding-bottom:20px}
.list_txt_group:last-child {margin-bottom:0;padding-bottom:0}
.list_txt_group .list_tit {margin-bottom:10px;font-weight:700;color:var(--colorGray90)}
.list_txt_group .list_txt {margin-bottom:6px;font-size:1em;position:relative}
.list_txt_group .list_txt:last-child {margin-bottom:0 !important}
.list_txt_group .list_txt::before {display:none;content:"";background-color:var(--colorGray80);position:absolute;left:0;top:0.5em}
.list_txt_group .list_txt.red::before {}
.list_txt_group .list_txt.dot {padding-left:10px}
.list_txt_group .list_txt.dot::before {display:block;width:4px;height:4px;border-radius:100%}
.list_txt_group .list_txt.line {padding-left:10px}
.list_txt_group .list_txt.line::before {display:block;width:5px;height:1px;top:0.65em}
.list_txt_group .list_txt.dl {display:flex;column-gap:15px}
.list_txt_group .list_txt .dt {display:inline-block;font-weight:500;position:relative;vertical-align:top}
.list_txt_group .list_txt .dd {display:inline-block;vertical-align:top}

.list_txt_group .list_txt.fs_s {font-size:0.95em}
.list_txt_group .list_txt.fs_b {margin-bottom:8px;font-size:1.1em}
.list_txt_group .list_txt.c_main::before {background-color:var(--colorMain)}
.list_txt_group .list_txt.c_sub::before {background-color:var(--colorSub)}
.list_txt_group .list_txt.c_red::before {background-color:var(--colorRed)}
.list_txt_group .list_txt.c_blue::before {background-color:var(--colorBlue)}
.list_txt_group .list_txt.c_gray90::before {background-color:var(--colorGray90)}
.list_txt_group .list_txt.c_gray70::before {background-color:var(--colorGray70)}
.list_txt_group .list_txt.c_gray60::before {background-color:var(--colorGray60)}
.list_txt_group .list_txt.c_gray40::before {background-color:var(--colorGray40)}

.list_txt_group .txt_list_inner .list_txt::before {top:0.55em}
.list_txt_group .txt_list_inner .list_txt.dot::before {width:3px;height:3px}

/* 슬라이드 공통 */
.slide_wrap {height:100%}
.slide_wrap .slide_box {}
.slide_wrap .img_box {display:flex;align-items:center;justify-content:center;width:100%;height:0;padding-bottom:75%;position:relative;overflow:hidden}
.slide_wrap .img_box .img {width:100%;height:100%;position:absolute;left:0;top:0}/* 4:3 :75%    // 16:9 :56.25%   9:16 : 177.78%  //  13:9 : 69.23%   9:13: 144.44% */
.slide_btn {display:flex;align-items:center;gap:6px}
.slide_btn .pbar {width:200px;height:2px;font-size:0;line-height:0;background-color:#fff;position:relative;overflow:hidden}
.slide_btn .pbar .fill {width:0%;height:100%;font-size:0;line-height:0;background-color:#f26522;position:absolute;left:0;top:0}
.slide_btn .ctrl {display:flex;align-items:center;gap:4px}
.slide_btn .btn {font-family:'xeicon';display:inline-block;font-size:0;line-height:0;background-position:center;background-repeat:no-repeat;vertical-align:middle;transition:0.3s}
.slide_btn .btn::after {font-size:1rem;transition:0.3s}
.slide_btn .btn.prev, .slide_btn .btn.next, 
.slide_btn .btn.play, .slide_btn .btn.stop {opacity:0.5}
.slide_btn .btn.prev:hover, .slide_btn .btn.next:hover, 
.slide_btn .btn.play:hover, .slide_btn .btn.stop:hover, 
.slide_btn .btn.prev:focus, .slide_btn .btn.next:focus, 
.slide_btn .btn.play:focus, .slide_btn .btn.stop:focus {opacity:1}
.slide_btn .btn.prev::after {display:block;content:"\e93c"}
.slide_btn .btn.next::after {display:block;content:"\e93f"}
.slide_btn .btn.play::after {display:block;content:"\ea3e"}
.slide_btn .btn.stop::after {display:block;content:"\ea3b"}
.slide_btn .paging {}
.slide_btn .paging .dots {display:inline-flex;align-items:center;column-gap:8px}
.slide_btn .paging:not(.num) {font-size:0;line-height:0}
.slide_btn .paging:not(.num) .dots button {display:block;width:10px;height:10px;font-size:0;line-height:0;background-color:transparent;border:1px solid #949494;border-radius:100%}
.slide_btn .paging:not(.num) .dots .slick-active button {background-color:#212121;border-color:#212121}

/* 레이어 팝업 */
.layer_pop {display:none;width:100%;height:100%;font-weight:400;color:var(--colorGray90);background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:10000}
.layer_pop .pop_inner {display:flex;align-items:center;justify-content:center;height:100%}
.layer_pop .pop_wrap {width:100%;max-width:640px;border-radius:8px;overflow:hidden}
.layer_pop .pop_wrap.s1 {max-width:520px}
.layer_pop .pop_wrap.s2 {max-width:700px}
.layer_pop .pop_wrap.s3 {max-width:960px}
.layer_pop .pop_wrap.s4 {max-width:1200px}
.layer_pop .pop_wrap.s5 {max-width:96%}
.layer_pop .pop_head {display:flex;justify-content:space-between;padding:15px 22px;color:#fff;background-color:var(--colorMain)}
.layer_pop .pop_head .head_tit {font-size:20px;line-height:1.1;font-weight:500}
.layer_pop .pop_head .btn_pop_close {width:18px;height:18px;font-size:0;line-height:0;background-image:url(/images/home/kor/user/header/sitemap_close_icon.png);background-position:left top;background-repeat:no-repeat;background-size:cover}
.layer_pop .pop_body {max-height:76vh;min-height:100px;background-color:#fff;overflow-y:auto}
.layer_pop .pop_body::-webkit-scrollbar {width:8px;height:8px}
.layer_pop .pop_body::-webkit-scrollbar-track {background-color:#fdfdfd}
.layer_pop .pop_body::-webkit-scrollbar-thumb {background-color:#777}
.layer_pop .pop_body::-webkit-scrollbar-thumb:hover {background-color:#1197d5}
.layer_pop .pop_body .pop_cont {padding:22px}
.layer_pop .pop_body .page_gap {margin-bottom:25px}
.layer_pop .pop_body .page_gap:last-child {margin-bottom:0}
.layer_pop .pop_body .search_bar {display:flex;align-items:center;column-gap:5px;margin-bottom:20px}
.layer_pop .pop_body .search_bar .inp_sch {flex:2}
.layer_pop .pop_body .search_bar .label {margin-right:5px;color:var(--colorGray90);font-weight:700}
.layer_pop .pop_body .search_bar .btn_sch {min-width:44px;font-size:1.1em;background-color:var(--colorGray40);border-color:var(--colorGray40)}
.layer_pop .pop_body .search_bar .btn_sch:hover, 
.layer_pop .pop_body .search_bar .btn_sch:focus {background-color:var(--colorMain);border-color:var(--colorMain)}
.layer_pop .pop_body .table {font-size:0.9375em}
.layer_pop .pop_body .table th {padding:7px 10px}
.layer_pop .pop_body .table td {padding:7px 10px;text-align:center}
.layer_pop .pop_body .table .btn_small {font-size:13px}
.layer_pop .pop_body .pagination {margin-top:20px}
.layer_pop .pop_body .pagination .items {width:30px;height:30px;line-height:30px}
.layer_pop .pop_body .pagination .num {}
.layer_pop .pop_tail {padding:15px 10px 27px 10px;background-color:#fff}
.layer_pop .pop_tail .cont_btn_list_area {margin-top:0}
.pop_sign .input_sign {height:220px;margin:15px 0;color:var(--colorGray60);font-size:15px;border:1px solid var(--colorBorderGray);border-radius:8px;overflow:hidden}
.pop_sign .input_sign canvas {width:100%;height:100%}
.pop_sign .btn_custom.sm {min-width:inherit;min-height:32px;padding:0 15px;font-size:14px}
.pop_sign .agree_box {justify-content:center;padding:20px 10px;background-color:var(--colorBgGray);border-radius:8px}
.pop_add_article .pop_body .table .mxw {width:calc(100% - 50px);max-width:230px}
.layer_pop.nomal_popup {}
.layer_pop.nomal_popup .pop_body .table .inp_btn {position:relative}
.layer_pop.nomal_popup .pop_body .table .setTime {min-width:45px;text-align:right;color:var(--colorRed);font-weight:700;background-color:#fff;position:absolute;right:255px;top:50%;transform:translateY(-50%)}


/* 메인 레이어 팝업 */
.main_pop {position: absolute; z-index: 9999; top: 0; left: 0;}
.main_pop .pop_box {width: 100%; height: 100%;max-height:83.5vh; background-color: #ffffff;overflow-y:auto}
.main_pop .pop_box img {border: none;}
.main_pop .pop_box:focus, 
.main_pop .pop_box img:focus, 
.main_pop .pop_box > p:focus {outline:4px solid var(--colorBlack2);outline-offset:-5px}
.main_pop .pop_box p {font-weight: 400; font-size: 18px; line-height: 27px; color: #333333;}
.main_pop .pop_btn_area {position: relative; overflow: hidden; padding: 8px 10px; background-color: #000;}
.main_pop .pop_btn_area .chk_each {vertical-align: middle;}
.main_pop .pop_btn_area .chk_each label {display: inline-block; position: relative; font-family: 'CoreDream'; font-weight: 400; font-size: 14px; line-height: 24px; color: #ffffff; z-index: 1; cursor:pointer; vertical-align: middle;}
.main_pop .pop_btn_area .chk_each .vchkbox {display: block; position: absolute; left: 0; top: 50%; z-index: 1; width: 15px; height: 15px; margin: -7px 0 0; border: 1px solid #cacaca; background-color: #fff;}
.main_pop .pop_btn_area .chk_each .vchkbox > i {display: none; color: #0562a9; margin-top: 1px; margin-left: 1px; font-size: 12px; font-weight: 700; text-align: center;}
.main_pop .pop_btn_area .close {position: absolute; top: 50%; right: 8px; margin: -11px 0 0;color: #ffffff}
.main_pop .pop_btn_area .chk_each input:checked + label .vchkbox > i {display: block;}
.main_pop .pop_btn_area .chk_each input:focus + label .vchkbox {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}


/* 로그인 */
.login {max-width:680px;margin:40px auto 0 auto;padding:40px 80px;text-align:center;border:1px solid var(--colorBorderGray);border-radius:8px;background-color:var(--colorBgGray)}
.login .page_tit {padding-bottom:8px;font-size:32px}
.login .inp_form {text-align:left}
.login .inp_form .inp {margin-bottom:16px}
.login .inp_form .inp input {width:calc(100% - 30px);padding-top:19px;padding-bottom:19px}
.login .btn_custom {width:100%;min-height:58px;font-size:1.1em}
.login .btn_list {display:flex;column-gap:12px}
.login .btn_list .list_li {flex:1}
.login .btn_list .list_li .s_txt {margin-bottom:8px;font-size:1em;word-break:keep-all}
.login .btn_list .list_li .btn_custom {}
.login .login_sbj { margin: 30px 0 0; color: var(--colorMain); font-weight: 700;}
.login .login_sbj .b_tit { display: block; margin: 0 0 10px; font-size: 1.25em; color: var(--colorRed); }


/* 회원가입 */
.join_step {margin-bottom:60px}
.join_step .step_inner {display:flex;border:1px solid var(--colorBorderGray);border-radius:6px;overflow:hidden;    flex-wrap: wrap;}
.join_step .step_box {flex:1;text-align:center;line-height:68px;border-right:1px solid var(--colorBorderGray);background-color:var(--colorBgGray)}
.join_step .step_box:last-child {border-right:0}
.join_step .step_box .text {display:inline-block;padding-left:50px;font-weight:700;color:#6D7882;font-size:18px;background-repeat:no-repeat;background-position:left center}
.join_step .step_box.b01 .text {background-image:url(/images/home/kor/user/common/ic_join_step01.png)}
.join_step .step_box.b02 .text {background-image:url(/images/home/kor/user/common/ic_join_step02.png)}
.join_step .step_box.b03 .text {background-image:url(/images/home/kor/user/common/ic_join_step03.png)}
.join_step .step_box.b04 .text {background-image:url(/images/home/kor/user/common/ic_join_step04.png)}
.join_step .step_box.b05 .text {background-image:url(/images/home/kor/user/common/ic_join_step05.png)}
.join_step .step_box.b06 .text {background-image:url(/images/home/kor/user/common/ic_join_step06.png)}
.join_step .step_box.current {background-color:#fff}
.join_step .step_box.current .text {color:var(--colorGray90)}
.join_step .step_box.current.b01 .text {background-image:url(/images/home/kor/user/common/ic_join_step01_on.png)}
.join_step .step_box.current.b02 .text {background-image:url(/images/home/kor/user/common/ic_join_step02_on.png)}
.join_step .step_box.current.b03 .text {background-image:url(/images/home/kor/user/common/ic_join_step03_on.png)}
.join_step .step_box.current.b04 .text {background-image:url(/images/home/kor/user/common/ic_join_step04_on.png)}
.join_step .step_box.current.b05 .text {background-image:url(/images/home/kor/user/common/ic_join_step05_on.png)}
.join_step .step_box.current.b06 .text {background-image:url(/images/home/kor/user/common/ic_join_step06_on.png)}

.add_box {  }
.add_box .wrap {margin: 0 0 5px;  }
.input_btn { display: flex; gap: 10px; }

@media screen and (max-width:767px){ 
	input.m_100 { width: calc(100% - 21px); margin: 10px 0 0; }
}
@media screen and (max-width:480px){ 
	.add_box .wrap .btn_custom, .id_box .btn_custom  {width: 100%; margin: 5px 0 0; } 
	.input_btn  { display: block; }
	.input_btn  .btn_custom { width: 100%; margin: 5px 0 0;  }
	.input_btn  input{ width: calc(100% - 21px);}

}

/* .current 이후 모든 .step_box */
.join_step .step_box.current ~ .step_box {background-color:#fff}


.agree_box {display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.agree_box .agree_txt {font-size:1.1em;font-weight:500}
.agree_box .inp_obj {margin-right:20px}
.agree_box .inp_obj .inp_li {}
.agree_box .inp_obj .inp_li:last-child {}
.agree_box .inp_obj input {}
.agree_box .inp_obj label {}
.agree_box.all {margin-top:0;padding:21px 24px;border:1px solid var(--colorBorderGray);border-radius:6px}
.agree_box.all .agree_txt {color:var(--colorGray90)}
.agree_box.all .inp_obj {margin-right:0}
.agree_box.all .inp_obj input {}
.agree_box.all .inp_obj label {}
.join_exa {}
.join_exa .exa_txt {}
.join_exa .table {margin-top:24px}
.join_exa .btn_list.flex {column-gap:5px}
.join_exa .btn_list.flex .list_li {flex:1}
.join_exa .btn_list.flex .btn_custom {width:100%}

.age_chk { display: flex; gap: 20px; margin: 30px 0 0;flex-wrap: wrap; }
.age_chk .age_wrap { flex: 1; border: 1px solid var(--colorBorderGray); text-align:center; padding: 40px 20px; border-radius: 8px; }
.age_chk .age_wrap .text { font-size: 1.5rem; font-weight: 700; margin: 0 0 20px;}
.membership_type { display: flex; gap: 20px;flex-wrap: wrap; justify-content: center; margin: 0 0 20px; }
.membership_type li { flex: 0 0 32%;font-size: 1.1em; font-weight: 700; text-align: center;}
.membership_type li a {display:block;padding:20px 0;border:1px solid var(--colorBorderGray);border-radius:6px}
.membership_type li .text { padding: 150px 0 0; background-repeat:no-repeat;background-position: top center;transition:0.2s}
.membership_type li .type01 { background-image:url(/images/home/kor/user/common/membership_type_01.png) }
.membership_type li .type02 { background-image:url(/images/home/kor/user/common/membership_type_02.png) }
.membership_type li .type03 { background-image:url(/images/home/kor/user/common/membership_type_03.png) }
.membership_type li .type04 { background-image:url(/images/home/kor/user/common/membership_type_04.png) }
.membership_type li .type05 { background-image:url(/images/home/kor/user/common/membership_type_05.png) }

.membership_type li a:hover,
.membership_type li a:focus {border-color:var(--colorMain);box-shadow:0 0 16px rgba(0,0,0,0.1)}
.membership_type li a:hover .text,
.membership_type li a:focus .text {color:var(--colorMain);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px}

.pw_check_pop {width:100%;max-width:320px;padding:21px 22px 15px 22px;font-size:0.9375rem;background-color:#fff;border-radius:8px;box-shadow:0 0 24px rgba(0, 0, 0, 0.12);position:absolute;left:calc(50% - 85px);top:50%;z-index:1;transform:translateY(-50%)}
.pw_check_pop .label {font-weight:700;color:var(--colorGray90);position:relative}
.pw_check_pop .label::after {width:1px;height:12px;content:'';background-color:#B1B8BE;position:absolute;right:-12px;top:50%;transform:translateY(-50%)}
.pw_check_pop .text {}
.pw_check_pop .status {display:flex;align-items:center;column-gap:24px;margin-bottom:10px;line-height:1}
.pw_check_pop .result {display:flex;align-items:center;column-gap:10px;font-weight:700}
.pw_check_pop .result .chip {display:inline-block;width:24px;height:4px;background-color:#B1B8BE;vertical-align:top;position:relative;top:-1px}
.pw_check_pop .result .chip::before, 
.pw_check_pop .result .chip::after {display:inline-block;width:24px;height:4px;background-color:#B1B8BE;content:'';vertical-align:top;position:absolute;top:0}
.pw_check_pop .result .chip::before {left:28px}
.pw_check_pop .result .chip::after {left:56px}

.pw_check_pop.failed .result {color:var(--colorRed)}
.pw_check_pop.failed .result .chip {background-color:var(--colorRed)}
.pw_check_pop.failed .result .chip::before {} 
.pw_check_pop.failed .result .chip::after {}
.pw_check_pop.normal .result {color:#9E6A00}
.pw_check_pop.normal .result .chip, 
.pw_check_pop.normal .result .chip::before {background-color:#FFB114} 
.pw_check_pop.normal .result .chip::after {}
.pw_check_pop.success .result {color:var(--colorGreen)}
.pw_check_pop.success .result .chip, 
.pw_check_pop.success .result .chip::before, 
.pw_check_pop.success .result .chip::after {background-color:var(--colorGreen)}

/* 기본 팝업 스타일 
.nomal_popup { display: none; position: fixed; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; }
.nomal_popup .pop_wrap { background: #fff; border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; }
.nomal_popup .pop_wrap .pop_head { font-size: 1.2rem; font-weight: 700; padding: 10px; background: var(--colorMain); color:#fff; display: flex; justify-content: space-between;}
.nomal_popup .pop_wrap .pop_head button { color: #fff; }
.nomal_popup .pop_wrap .pop_body { padding: 20px; }
.nomal_popup .pop_wrap .pop_body .flex_wr { display: flex;align-items: center;gap: 10px;}
.nomal_popup .pop_wrap .pop_body .flex_wr input { width:100%; }
.nomal_popup .pop_wrap .pop_body .page_txt { margin: 10px 0 0; }
.nomal_popup .pop_wrap .pop_body .cont_tit {  }
.nomal_popup .pop_wrap .pop_footer { padding: 20px 0; }
.nomal_popup .pop_wrap .pop_footer .bnt_list { display: flex; justify-content: center; gap: 10px; } */