@charset "utf-8";
@import url("../css/select_re.css?20250305");
@import url("../css/popup_re.css?20250305");
@import url("../css/tab_re.css?20250305");
/*
font

font-family: 'G-sans', "sans-serif";font-family: 'N-sans', "sans-serif";font-family: 'jalnan', "sans-serif";font-family: 'Roboto', sans-serif;
*/
@font-face { font-family: 'G-sans'; font-style: normal; font-weight: 800; src:url(font/GmarketSansBold.woff2); }
@font-face { font-family: 'G-sans'; font-style: normal; font-weight: 500; src:url(font/GmarketSansMedium.woff2); }
@font-face { font-family: 'G-sans'; font-style: normal; font-weight:200; src:url(font/GmarketSansLight.woff2); }
@font-face { font-family: 'N-sans'; font-style: normal; font-weight:800; src:url(font/NotoSansKR-Bold.woff2); }
@font-face { font-family: 'N-sans'; font-style: normal; font-weight:500; src:url(font/NotoSansKR-Regular.woff2); }
@font-face { font-family: 'N-sans'; font-style: normal; font-weight:200; src:url(font/NotoSansKR-Light.woff2); }
@font-face { font-family: 'jalnan'; font-style: normal; src:url(font/Jalnan.woff2); }
@font-face { font-family: 'Roboto'; font-style: normal; src:url(font/Roboto-Regular.woff2);}

/*Pretendard*/
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:900; src:url(font/Pretendard-Black.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:800; src:url(font/Pretendard-ExtraBold.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:700; src:url(font/Pretendard-Bold.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:600; src:url(font/Pretendard-SemiBold.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:500; src:url(font/Pretendard-Medium.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:300; src:url(font/Pretendard-Regular.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:200; src:url(font/Pretendard-Light.woff2);}
@font-face{font-family:'Pretendard'; font-style:normal; font-weight:100; src:url(font/Pretendard-Thin.woff2);}


html, body { color: #333; font-family: 'N-sans', "sans-serif"; font-weight: 500; overflow-x: hidden; }
html { overflow-x: hidden; min-width: 320px; }
/* layout */
section { position: relative; min-height:800px; }
.pagew { width: 100%; max-width: 1300px; margin: 0 auto; } /* 기본 페이지 최대 가로값 1300 */
.maxw600 { max-width: 600px!important; } /* 로그인페이지 최대가로값 600 */
.maxw995 { max-width: 995px!important; } /* 회원가입페이지 최대가로값 995 */
.gray_round_box { border: 1px solid #e8e8e8; padding: 20px 30px; border-radius: 15px; margin-bottom: 40px; }
.half .gray_round_box { float: left; width: 49%; }
.half .gray_round_box:first-of-type { margin-right: 2%; }
.scroll_box { overflow: hidden; overflow-y: auto; }
div.web_hide { display: none!important; }
div.mob_hide { display: block!important; }
.web_hide { display: none!important; }
.mob_hide { display: inline-block!important; }
.mob_hide2 { display: block!important; }
tr.web_hide { display: none !important; }
td.mob_hide, th.mob_hide { display: table-cell!important; }
td.web_hide, th.web_hide { display: none!important; }

select { font-family: 'G-sans', "sans-serif"; }
.readonly { background-color: #f8f8f9!important; cursor: default; /*pointer-events: none;*/ }

a:focus-visible { outline: 2px solid #000; }
button:focus-visible { outline: 2px solid #000; z-index:1;}
input:focus-visible { outline: 2px solid #000; }


/* class */
/* float */
.clearfix::after { content: ''; display: block; clear: both; }
.flr { float: right!important }
.fll { float: left!important }
.fln { float: none!important }
/* hidden */
.txt_hidden {overflow: hidden!important; position: absolute!important; clip: rect(0 0 0 0)!important; width: 1px!important; height: 1px!important; margin: -1px!important;}
.visible { visibility:hidden!important; }
/* diplay */
.dip_bl { display: block!important; }
.dip_inb { display: inline-block!important; }
.dip_n { display: none!important; }
/* position */
.por { position: relative; }
.poa { position: absolute; }
.pof { position: fixed; }
.poa_r { position: absolute; right: 0; }
/* text align */
.tal { text-align: left!important }
.tac { text-align: center }
.tar { text-align: right }
/* margin */
.m0 { margin: 0px!important; }
.m5 { margin: 5px!important; }
.m10 { margin: 10px!important; }
.m15 { margin: 15px!important; }
.m20 { margin: 20px!important; }
/* margin-top */
.mt0 { margin-top: 0px!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }
.mt100{margin-top: 100px!important;}
/* margin-bottom */
.mb0 { margin-bottom: 0px!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb16 { margin-bottom: 16px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb100 { margin-bottom: 100px!important; }
/* margin-left */
.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml6 { margin-left: 6px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml30 { margin-left: 30px!important; }
.ml50 { margin-left: 50px!important; }
/* margin-right */
.mr0 { margin-right: 0px!important; }
.mr5 { margin-right: 5px!important; }
.mr6 { margin-right: 6px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr30 { margin-right: 30px!important; }
.mr40 { margin-right: 40px!important; }
.mr50 { margin-right: 50px!important; }

/* padding */
.p0 { padding: 0px!important; }
.p5 { padding: 5px!important; }
.p10 { padding: 10px!important; }
.p15 { padding: 15px!important; }
.p20 { padding: 20px!important; }
.p30 { padding: 30px!important; }
/* padding-top */
.pt0 { padding-top: 0px!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt20 { padding-top: 20px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }
/* padding-bottom */
.pb0 { padding-bottom: 0px!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb60 { padding-bottom: 60px!important; }
/* padding-right */
.pr0 { padding-right: 0px!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr20 { padding-right: 20px!important; }
.pr30 { padding-right: 30px!important; }
.pr45 { padding-right: 45px!important; }
.pr80 { padding-right: 80px!important; }
/* padding-left */
.pl0 { padding-left: 0px!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl30 { padding-left: 30px!important; }
.pl45 { padding-left: 45px!important; }
.pl80 { padding-left: 80px!important; }

/* width */
.w90 { width: 90px!important; }
.w100 { width: 100px!important; }
.w120 { width: 120px!important; }
.w121 { width: 121px!important; }
.w130 { width: 130px!important; }
.w150 { width: 150px!important; }
.w160 { width: 160px!important; }
.w180 { width: 180px!important; }
.w184 { width: 184px!important; }
.w200 { width: 200px!important; }
.w220 { width: 220px!important; }
.w225 { width: 225px!important; }
.w245 { width: 245px!important; }
.w250 { width: 250px!important; }
.w270 { width: 270px!important; }
.w290 { width: 290px!important; }
.w300 { width: 300px!important; }
.w310 { width: 310px!important; }
.w370 { width: 370px!important; }
.w423 { width: 423px!important; }
.w442 { width: 442px!important; }
.w565 { width: 565px!important; }
.w735 { width: 735px!important; }
.w815 { width: 815px!important; }
.w1000 { width: 1000px!important; }


/* height */
.h300 { height: 300px!important; }
.h380 { height: 380px!important; }

/* bottom */
.bot12 { bottom:12px }

/* border */
.bd_b { border-bottom: 2px solid #bababa; }
.bd_t { border-top: 1px solid #e8e8e8; }
/* btn */
.btn_wrap { width: 100%; text-align: center; }
.btn_wrap2 { width: 100%; text-align: center; }
.btn_basic { display: inline-block; vertical-align: middle; width: auto; min-width: 200px; height: 45px; line-height: 42px; text-align: center; padding: 0 7px; font-size: 1rem; color: #fff; border-radius: 30px; font-weight: 800; margin-right: 10px; }
.btn_basic_small { display: inline-block; margin: 0 auto; vertical-align: middle; width: 100%; max-width: 160px; height: 45px; line-height: 42px; text-align: center; padding: 0 7px; text-align: center; color:#fff; font-size: 1.063rem; border-radius: 30px; }
.btn_regist { display: inline-block; margin-top:-10px; vertical-align: middle; width: 100%; max-width: 160px; height: 45px; line-height: 42px; text-align: center; padding: 0 7px; text-align: center; color:#fff; font-size: 1.063rem; border-radius: 30px; }
.btn_basic:last-of-type { margin-right: 10px; }
.btn_basic.btn_white { color: #333; border: 1px solid #9d9d9d; }
.btn_basic.btn_red { color: #d24628; border: 1px solid #d24628; }
.btn_gray {display: inline-block;vertical-align: middle;margin-left: 10px;width: 110px;height: 42px;line-height: 40px;text-align: center;background-color: #666;color:#fff;}
.btn_gray.white { background-color: #fff; color: #666; border: 1px solid #666; }
.btn_view_detail { display: inline-block; vertical-align: middle; padding:2px 4px; font-size: 14px; color: #999; }
.btn_shortcut { display: inline-block; vertical-align: middle; padding: 0 50px 0 30px; line-height: 36px; color: #fff; border-radius: 40px; background: url(../image/common/btn_bg_arrow_02.png) right 30px top 50% no-repeat; background-color: #1b53cc; }

/* color */
.fc_red { color:#f92d3c!important; display: inline; font-style: normal; }
.fc_blue { color: #1a54cb!important; font-style: normal; }
.fc_666 { color: #666!important; font-style: normal; }
.fc_999 { color: #999!important; font-style: normal; }
.fc_000 { color: #000; }
.bg_fafafc { background-color: #fafafc; }
.fc_green{color: #11a24c;}

/* font-color */
.fc_skyblue{color: #1C88EB;font-style: normal;}

/* font */
.fs14 { font-size: 0.875rem!important; }
.word { word-break: keep-all; }
.item_title { font-size: 1.25rem; margin-bottom: 20px; }
.info_txt { margin-bottom: 10px; font-size: 0.875rem; color: #666; }
.info_txt:last-of-type { margin-bottom: 0; }
.basic_txt { font-size: 1rem; color: #666; line-height: 1.7; word-break: break-all; }
.basic_txt span { display: block; }
.basic_txt .order01 { padding-left: 15px; text-indent: -15px; }
.basic_txt .order02 { padding-left: 30px; text-indent: -15px; }
.basic_txt .order03 { padding-left: 55px; text-indent: -20px; }
.info_red_icon { margin-bottom: 10px; font-size: 0.875rem; color: #666; padding-left: 22px; background-position: 0 50%; background-repeat: no-repeat; background-image: url(../image/sub/icon_info_red.png);; }
.bullet_red_dot { display: block; font-size: 0.938rem; color: #999; padding-left: 20px; margin-bottom: 10px; background: url(../image/login/bullet_red_dot.png) 0px 10px no-repeat; line-height: 1.5; }
.bullet_red_dot2 { display: block; font-size: 0.938rem; color: #999; padding-left: 20px; margin-bottom: 10px; background: url(../image/login/bullet_red_dot.png) 0px 10px no-repeat; line-height: 1.5; }
.list_top .bullet_red_dot { padding-left: 10px; background: url(../image/login/bullet_red_dot.png) 0px 50% no-repeat; margin-bottom: 0; display: inline-block; }
.list_top .bullet_red_dot2 { padding-left: 10px; background: url(../image/login/bullet_red_dot.png) 0px 50% no-repeat; margin-bottom: 0; display: inline-block; }
.list_top .bullet_blue_dot { padding-left: 10px; background: url(../image/login/bullet_blue_dot.png) 0px 50% no-repeat; margin-bottom: 0; display: inline-block; }
.bullet_blue_square {position:relative; font-weight: 600; padding-left:30px; font-size: 1.25rem; color: #333; /* background: url(../image/sub/bullet_blue_square.png) 0 55% no-repeat; */}
.bullet_blue_square:before{content:''; display:block; position:absolute; left:0; top:50%; width:8px; height:8px; border-width:6px; border-style:solid; border-color:#1a54cb; transform:translateY(-50%);}
.bullet_blue_circle { padding-left:10px; background: url(../image/sub/bullet_blue_circle.png) 0 50% no-repeat; }
.box p.title { margin-bottom: 20px;; text-align: center; font-size: 1.625rem; font-weight: 600; }
.box p.desc { color:#666; text-align: center; font-size: 1rem; }
.basic_txt a{display:inline-block; text-indent:0;}

.title_wrap { margin-top: 30px; margin-bottom: 20px; }

.container_title { font-size: 1.625rem; color: #333; font-weight: 600; }
.sub_title { font-size: 1.44rem; color: #222; }
.sub_heading { font-size: 1.25rem; color: #333; font-weight: 800; }

.bold { font-weight: 900; }
.blue_bold { font-size: 1.125rem; color:#1a54cb; font-weight: 600; }
.basic_bold { font-size: 1.125rem; color:#333; margin-bottom: 14px; }

.fc_222 { color: #222; }
.fc_888 { color: #888; }

/* border */
.border_top { border-top: 1px solid #e8e8e8; }

/*
input custom
 */
/* checkbox */
.custom_checkbox { overflow: hidden; position:relative; display: inline-block; min-height: 26px; vertical-align: middle; font-size: 1.063rem; cursor: pointer; }
.custom_checkbox input[type="checkbox"] { position: absolute; z-index:-1; left:-30px; width: 20px; border: 0; }
.custom_checkbox input[type="checkbox"] + span { z-index: 1; left:0; display: inline-block; vertical-align: middle; width:26px; height: 26px; border-radius: 3px; background-color: #e7e8ec; margin-right: 5px; }
.custom_checkbox input[type="checkbox"]:focus + span { border: 2px solid #000; }
.custom_checkbox span::after { content:''; display: block; width:100%; height:100%; background:url(../image/sub/icon_check.png) 50% 50% no-repeat; }

table .custom_checkbox { padding-left: 10px; }

.custom_checkbox2 { overflow: hidden; position:relative; display: inline-block; min-height: 26px; vertical-align: middle; font-size: 0.813rem; cursor: pointer; color: #666; }
.custom_checkbox2 input[type="checkbox"] { position: absolute; z-index:-1; left:-30px; width: 20px; border: 0; }
.custom_checkbox2 input[type="checkbox"] + span { z-index: 1; left:0; display: inline-block; vertical-align: middle; width:20px; height: 20px; border-radius: 3px; background-color: #e7e8ec; margin-right: 10px; }
.custom_checkbox2 input[type="checkbox"]:focus + span { border: 2px solid #000; }
.custom_checkbox2 input[type="checkbox"]:checked + span { background-color: #1a54cb; }
.custom_checkbox2 span::after { content:''; display: block; width:100%; height:100%; background:url(../image/main/icon_check_sm.png) 50% 50% no-repeat; }

table .custom_checkbox2 { padding-left: 26px; }


.custom_checkbox3 { overflow: hidden; position:relative; display: inline-flex; min-height: 26px; vertical-align: middle; font-size: 1rem; cursor: pointer; }
.custom_checkbox3 input[type="checkbox"] { position: absolute; z-index:-1; left:-30px; width: 20px; border: 0; }
.custom_checkbox3 input[type="checkbox"] + span { z-index: 1; left:0; display: inline-block; vertical-align: middle; width:26px; height: 26px; border-radius: 3px; background-color: #e7e8ec; margin-right: 5px; }
.custom_checkbox3 input[type="checkbox"]:focus + span { border: 2px solid #000; }
.custom_checkbox3 span::after { content:''; display: block; width:100%; height:100%; background:url(../image/sub/icon_check.png) 50% 50% no-repeat; }

table .custom_checkbox { padding-left: 10px; }



/* radio */
.custom_radio { overflow: hidden; position: relative; display: inline-flex; align-items: center; min-height: 26px; vertical-align: middle; font-size: 1.03rem; margin-right: 40px; cursor: pointer; }
.custom_radio:last-of-type { margin-right: 0px; }
.custom_radio input[type="radio"] { position: absolute; z-index:-1; left:-30px; width: 20px; border: 0; }
.custom_radio input[type="radio"] + span { position:relative; z-index:1; left:0; display: inline-block; vertical-align: middle; width:26px; height: 26px; border-radius: 50%; background-color: #fff; border: 1px solid #c8c8c8; margin-right: 10px; }
.custom_radio input[type="radio"]:focus + span { border: 2px solid #000!important; }
.custom_radio span::after { content:''; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:14px; height: 14px; border-radius: 50%; display: inline-block; background-color: #c8c8c8; }

/* text */
.text { vertical-align: middle; width: 100%; height: 42px; border: 1px solid #ccc; padding: 0 20px; font-family: 'N-sans', "sans-serif"; font-size: 1rem; }
.text.calendar { background: url(../image/sub/icon_calendar.png) top 50% right 20px no-repeat; }
.textarea { width: 100%; height: 280px; padding: 10px 20px; overflow: hidden; overflow-y: auto; border: 1px solid #e8e8e8; resize: none; font-family: 'N-sans', "sans-serif"; font-size: 1rem; }

/* table default style */
table.default { width: 100%; border-top: 2px solid #bababa; text-align: center; }
table.default th, table.default td { height: 50px; padding:8px 5px; font-size: 1rem; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; table-layout: fixed; box-sizing:border-box;}
table.default th:last-of-type, table.default td:last-of-type { border-right: 0; }
table.default th { color: #333; background-color: #fafafa; }
table.default td { color: #666; }


/* media */
@media screen and (max-width: 800px) { html, body { font-size: 15px; }
 section { position: relative; min-height:700px; padding: 0 20px; }

 .nav_dot { display: none!important; }
 .web_hide { display: inline-block!important; }
 .mob_hide { display: none!important; }
 .mob_hide2 { display: none!important; }
 tr.web_hide { display: block !important; }
 td.mob_hide, th.mob_hide { display: none!important; }
 td.web_hide, th.web_hide { display: table-cell!important; }


 .gray_round_box { padding: 5px 0; border-color: #e7e8ec; border-radius: 10px; }
 .gray_round_box.type02 { margin-top: -30px; }
 .gray_round_box.type03 { padding: 10px 15px; margin-bottom: 20px; }
 .gray_round_box.type03 .basic_txt { font-size: 0.75rem; line-height: 1.5; }
 .gray_round_box.type04 {padding: 10px 15px; margin-top: 35px; margin-bottom: 20px;}

 .btn_regist { position: absolute; z-index: 999; bottom: 0; right: 0; left:0; width: 100%; max-width: 100%; height: 45px; line-height: 42px; color:#fff; font-size: 15px; border-radius: 0px; background-color: #e5384b!important; }

 .bullet_red_dot { font-size: 0.813rem; padding-left: 7px; background-size: 3px; background-position: 0px 8px; margin-bottom: 0; }
 .bullet_red_dot.type02 { font-size: 0.75rem; margin-left: 15px; padding-left: 10px; }
 .bullet_red_dot2 { padding-left: 10px; margin-top: 20px !important; margin-left: 40px; margin-bottom: 5px !important; line-height: 1.5; font-size: 0.75rem; background: url(../image/login/bullet_red_dot.png) 0px 7px no-repeat; }


 .login_wrap:not(.step04) .btn_wrap, .btn_wrap { position: absolute; z-index: 999; bottom: 0; right: 0; left:0; }
 .login_wrap:not(.step04) .btn_basic, .btn_basic { min-width: auto; }
 .login_wrap .btn_basic { min-width: 40%; }
 .login_wrap:not(.step04) .btn_wrap .btn_basic, .btn_wrap .btn_basic { float: left; border-radius: 0; width: 50%; height: 44px; line-height: 44px;; margin-right: 0; background-color: #e5384b!important; }
 .login_wrap:not(.step04) .btn_wrap .btn_basic.btn_white, .btn_wrap .btn_basic.btn_white {background:#dfe4ea !important; color: #2a4175; border-color: #dfe4ea;}

 .btn_wrap2 { position: relative; margin-top: -10px; }


 .btn_gray { height: 38px; line-height: 38px; border-radius: 6px; font-size: 0.875rem; }
 .mob_bg_f7f7f7 { background-color: #f7f7f7; padding-top: 12px; padding-bottom: 12px; }



 /* radio */
 .custom_radio { overflow: hidden; position: relative; display: inline-flex; align-items: center; min-height: 26px; vertical-align: middle; font-size: 0.875rem; margin-right: 20px; cursor: pointer; }
 .custom_radio:last-of-type { margin-right: 0px; }
 .custom_radio input[type="radio"] { position: absolute; z-index:-1; left:-30px; width: 17px; border: 0; }
 .custom_radio input[type="radio"] + span { position:relative; z-index:1; left:0; display: inline-block; vertical-align: middle; width:18px; height: 18px; border-radius: 50%; background-color: #fff; border: 1px solid #c8c8c8; margin-right: 5px; }
 .custom_radio input[type="radio"]:focus + span { border: 2px solid #000!important; }
 .custom_radio span::after { content:''; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:9px; height: 9px; border-radius: 50%; display: inline-block; background-color: #c8c8c8; }


 /* border */
 .bd_b { border-bottom:none; }

 /* checkbox */
 .custom_checkbox { overflow: hidden; position:relative; display: inline-block; min-height: 13px; vertical-align: middle; font-size: 0.813rem; cursor: pointer; }
 .custom_checkbox input[type="checkbox"] { position: absolute; z-index:-1; left:-30px; width: 20px; border: 0; }
 .custom_checkbox input[type="checkbox"] + span { z-index: 1; left:0; display: inline-block; vertical-align: middle; width:20px; height: 20px; border-radius: 3px; background-color: #e7e8ec; margin-right: 10px; }
 .custom_checkbox input[type="checkbox"]:focus + span { border: 2px solid #000; }
 .custom_checkbox span::after { content:''; display: block; width:100%; height:100%; background:url(../image/sub/icon_check.png) 50% 50% no-repeat; background-size: 13px; }



 /* font */
 .item_title { font-size: 0.938rem; margin-bottom: 10px; }
 .basic_txt { font-size: 0.813rem; }
 .sub_heading { font-size: 1.25rem; color: #333; font-weight: 800; padding-left: 15px; }
 .box p.title { margin-bottom: 20px;; text-align: center; font-size: 1.25rem; font-weight: 600; }
 .box p.desc { color:#666; text-align: center; font-size: 0.813rem; }

 /* text */
 .text { vertical-align: middle; width: 100%; height: 38px; border: 1px solid #e8e8e8; padding: 0 20px; font-family: 'N-sans', "sans-serif"; font-size: 0.875rem; margin-bottom: 1px; }
 .textarea { width: 100%; height: 280px; padding: 10px 20px; overflow: hidden; overflow-y: auto; border: 1px solid #e8e8e8; resize: none; font-family: 'N-sans', "sans-serif"; border-radius: 6px; font-size: 0.875rem; }

 /* toggle */
 .switch input[type=checkbox] { height: 0; width: 0; visibility: hidden; }

 label.toggle { cursor: pointer; text-indent: -9999px; width: 50px; height: 24px; background-color:#bababa; display: block; border-radius: 50px; position: relative; }

 label.toggle:after { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; background: #fff; border-radius: 50px; transition: 0.2s; }

 input:checked + label.toggle { background: #426efd; }

 input:checked + label.toggle:after { left: calc(100% - 3px); transform: translateX(-100%); }

 label.toggle:active:after { width: 18px; }

 /* mob_con */
 .mob_con {margin-top: -20px; padding: 0 15px;}
 .mob_con2 {margin: 15px 15px 80px 15px;}
 .mob_con .bullet_blue_square {font-size: 1rem; /* background: url(../image/sub/bullet_blue_square.png) 5px 62% no-repeat; */ background-size: 15px;}
 .mob_con .basic_bold {font-size: .937rem;}
 .mob_con .container_title {font-size: 1.25rem;}
 .mob_con .mb25 {margin-bottom: 10px !important;}
 .mob_con .mb30 {margin-bottom: 15px !important;}
 .mob_con .pl30 {padding-left: 15px !important;}
 .mob_con .mb60 {margin-bottom: 30px !important;}
 .mob_con table th, .mob_con table td {font-size: .813rem;}

	/*이용약관 모바일*/
	.tearms_m{margin-top:0;}
}

.bul_h3{position:relative; margin-top:50px; color:#1a54cb; font-size:1.125rem;}

/* 2022.09.07 ssj - 로딩이미지 */
@keyframes loading_ani{
    0% {  box-shadow:   14px 0 0 -2px,  38px 0 0 -2px,
                        -14px 0 0 -2px,  -38px 0 0 -2px
    }

    25% {  box-shadow:   14px 0 0 -2px,  38px 0 0 -2px,
                        -14px 0 0 -2px,  -38px 0 0 2px
    }

    50% {  box-shadow:   14px 0 0 -2px,  38px 0 0 -2px,
                        -14px 0 0 2px,  -38px 0 0 -2px
    }
    75% {  box-shadow:   14px 0 0 2px,  38px 0 0 -2px,
                        -14px 0 0 -2px,  -38px 0 0 -2px
    }
    100% {  box-shadow:   14px 0 0 -2px,  38px 0 0 2px,
                        -14px 0 0 -2px,  -38px 0 0 -2px
    }
  }

.loading_box{display:flex; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:100;}
.loading_box .loading{display:inline-block; position:relative; width:12px; height:12px; border-radius:50%; color:#fff; animation:loading_ani 2s linear infinite;}
.loading_box .loading .btn_close{position:fixed; left:0; top:0; width:100%; height:100%;}

/* layer popup */
div[id^="layer_"]{position:fixed; top:0; left:0; z-index:99999999;}
div[id^="layer_"] .pop_box{position:absolute; left:100px; top:100px; min-width:540px; padding:20px 20px 50px; border-radius:20px; box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.2); overflow:hidden; box-sizing:border-box; background-color:#fff; background-image:url(/resource/image/popup/popup_skin_05_large.jpg); background-repeat:no-repeat; background-size:cover;}
div[id^="layer_"] .pop_box > h4{color:#333; font-size:20px; font-weight:700;}
div[id^="layer_"] .pop_box .btn_close{display:block; position:absolute; right:20px; top:20px; width:19px; height:19px; background:none; cursor:pointer;}
div[id^="layer_"] .pop_box .btn_close:before{content:''; display:block; position:absolute; left:0; top:0; width:19px; height:19px; background:url(/resource/image/main/popup/btn_close.png) no-repeat;}
div[id^="layer_"] .pop_box .popup_btn{position:absolute; bottom:0; left:0; width:100%;}
div[id^="layer_"] .pop_box .popup_btn .btn_box{display:flex; border-top:1px solid #ddd;}
div[id^="layer_"] .pop_box .popup_btn button{width:50%; padding:12px 10px; text-align:center; background:#fff; cursor:pointer;}
div[id^="layer_"] .pop_box .popup_btn button:nth-child(3){border-left:1px solid #ddd;}
div[id^="layer_"] .pop_box .popup_btn button span{display:inline-block; position:relative; margin:0 auto; padding-left:20px; color:#333; font-size:0.813rem; text-align:center; letter-spacing:-0.5px;}
div[id^="layer_"] .pop_box .popup_btn button span:before{content:''; display:block; position:absolute; left:0; top:50%; width:16px; height:12px; margin-top:-6px; background-image:url(/resource/image/popup/ico_popup_btn01.png); background-repeat:no-repeat;}
div[id^="layer_"] .pop_box .popup_btn button:nth-child(3) span:before{background-image:url(/resource/image/popup/ico_popup_btn02.png);}

div[id^="layer_"].layer_privacy{width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:999999;}
div[id^="layer_"] .pop_box.privacy_pop{left:50%; top:50%; height:600px !important; transform:translate(-50%, -50%); padding:0; background:#fff;}
div[id^="layer_"] .pop_box.privacy_pop h4{width:100% !important; margin-top:0 !important; padding:15px 20px; color:#fff; background:#003964; box-sizing:border-box;}
div[id^="layer_"] .pop_box.privacy_pop .cont{height:calc(100% - 60px) !important; margin-top:0 !important; padding:20px 20px 40px; margin-bottom:0 !important;}
div[id^="layer_"] .pop_box.privacy_pop .cont h5{margin-top:20px; color:#003964; font-size:17px; font-weight:700;}
div[id^="layer_"] .pop_box.privacy_pop .cont h5:first-child{margin-top:0;}
div[id^="layer_"] .pop_box.privacy_pop .cont h5 + p{margin-top:5px; color:#555; font-size:15px;}
div[id^="layer_"] .pop_box.privacy_pop .cont .agree{margin-top:30px; padding-top:25px; text-align:center; border-top:1px solid #ddd;}
div[id^="layer_"] .pop_box.privacy_pop .cont .agree p{color:#555; font-size:15px;}
div[id^="layer_"] .pop_box.privacy_pop .cont .agree p span{color:#003964;}
div[id^="layer_"] .pop_box.privacy_pop .cont .agree ul{margin-top:10px;}
div[id^="layer_"] .pop_box.privacy_pop .cont .agree ul li{display:inline-block; margin-left:10px;}
div[id^="layer_"] .pop_box.privacy_pop .cont .agree ul li:first-child{margin-left:0;}
div[id^="layer_"] .pop_box.privacy_pop .cont .agree ul li label{font-size:15px;}
div[id^="layer_"] .pop_box.privacy_pop .btn_close{top:20px;}
div[id^="layer_"] .pop_box.privacy_pop .btn_close:before{background:url(/resource/image/main/popup/btn_close_w.png) no-repeat;}

/* templete_flat 적용 */
.templete_flat .btn_basic{border-radius:0;}

@media screen and (max-width: 800px){
	.popup_btn button{padding:20px 10px; background:#3c76ed; color:#fff;}
	.popup_btn button:nth-child(3){background:#003964;}
	.popup_btn button span{font-size:1rem; font-weight:700;}
	.popup_btn button span:before{width:19px; height:15px; background-image:url(/resource/image/popup/ico_popup_btn01_m.png);}
	.popup_btn button:nth-child(3) span:before{background-image:url(/resource/image/popup/ico_popup_btn02_m.png);}
	div[id^="layer_"] .pop_box{display:none;}
	div[id^="layer_"] .pop_box.privacy_pop{display:block; min-width:90%;}
	div[id^="layer_"] .pop_box.privacy_pop h4{font-size:1rem;}
	div[id^="layer_"] .pop_box.privacy_pop .cont h5,
	div[id^="layer_"] .pop_box.privacy_pop .cont h5 + p,
	div[id^="layer_"] .pop_box.privacy_pop .cont .agree p,
	div[id^="layer_"] .pop_box.privacy_pop .cont .agree ul li label{font-size:0.875rem;}
}

.mT5{margin-top:5px;}

/*메인-레이어팝업*/
.pop_box .cont,
.pop_box .cont h4{font-weight:400;}
.pop_box .cont .title{font-size:18px;}
.pop_box .cont .title .blue_bold{font-size:20px; font-weight:700;}
.fc_green{color:#088488;}
.pop_box .cont .title_h3{position:relative; padding-left:24px;}
.pop_box .cont .title_h3:before{content:''; display:block; position:absolute; left:0; top:7px; width:7px; height:7px; border:5px solid #1a54cb; border-radius:50%;}
.pop_box .cont em{font-style:normal;}
.blue{color:#1a54cb;}
.f_bold{font-weight:700;}
.pop_box .cont .ul_list{margin-top:10px; padding:15px; border:1px solid #ddd; border-radius:10px; background:rgba(255, 255, 255, 0.5); box-sizing:border-box;}
.pop_box .cont .ul_list li{position:relative; margin-top:5px; padding-left:10px;}
.pop_box .cont .ul_list li:before{content:''; display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#888; border-radius:50%;}
.pop_box .cont .ul_list li:first-child{margin-top:0;}
.pop_box .cont .img_box{margin-top:10px; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.pop_box .cont .img_box img{display:block; width:100%;}
.pop_box .cont .p_txt{margin-top:5px; font-size:14px; font-weight:400;}
div[id^="layer_"] .pop_box > h4{width:calc(100% - 30px);}
div[id^="layer_"] .pop_box .popup_btn .allCloseBtn{border-left:1px solid #ddd; box-sizing:border-box;}
div[id^="layer_"] .pop_box .popup_btn .allCloseBtn span{margin-right:5px;}
div[id^="layer_"] .pop_box .popup_btn .closeCnt{display:inline-block; padding:2px 5px; color:#fff; font-style:normal; font-size:0.7rem; font-weight:500; text-align:center; border-radius:50px; background:#888;}

div[id^="layer_"]{left:0 !important; top:0 !important; width:100%; height:100%; background:rgba(0, 0, 0, 0.4);}
div[id^="layer_"] .pop_box{left:50% !important; top:50% !important; transform:translate(-50%, -50%);}

/*메인-신규레이어팝업*/
div[id^="layer_"] .pop_box{padding:40px 0 50px; background-position:center bottom;}
div[id^="layer_"] .pop_box .btn_close{right:20px; top:12px;}
div[id^="layer_"] .pop_box > h4{width:100%; margin-top:5px; padding:0 20px; color:#111; font-family:'G-sans'; font-size:22px; line-height:1.8rem; box-sizing:border-box;}
div[id^="layer_"] .pop_box .cont{padding:0 20px; color:#333; font-size:17px; box-sizing:border-box;}
div[id^="layer_"] .pop_box.txt_white > h4,
div[id^="layer_"] .pop_box.txt_white .cont{color:#fff;}
div[id^="layer_"] .pop_box.txt_white .btn_close:before{background:url(/resource/image/main/popup/btn_close_w.png) no-repeat;}
div[id^="layer_"] .pop_box.pop_position{background-position:center top;}
div[id^="layer_"] .pop_box.txt_center > h4{margin-top:40px; text-align:center;}
div[id^="layer_"] .pop_box.txt_center .cont{text-align:center;}
div[id^="layer_"] .pop_box:not(.pop_img) .cont{height:calc(100% - 80px); margin-top:15px; margin-bottom:40px; overflow:hidden; overflow-y:auto;}
div[id^="layer_"] .pop_box:not(.pop_img) .cont span{font-weight:500;}
div[id^="layer_"] .pop_box.pop_img,
div[id^="layer_"] .pop_box.pop_img .cont{height:100%; padding:0;}
div[id^="layer_"] .pop_box.pop_img .cont h4{height:100%;}
div[id^="layer_"] .pop_box.pop_img > h4{display:none;}
div[id^="layer_"] .pop_box.pop_img br{display:none;}
div[id^="layer_"] .pop_box .popup_btn .btn_box{border-top:0; background:rgba(0, 0, 0, 0.8);}
div[id^="layer_"] .pop_box .popup_btn button{position:relative; border:0 !important; background:none;}
div[id^="layer_"] .pop_box .popup_btn button:before{content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:35%; border-left:1px solid rgba(255, 255, 255, 0.3); transform:translateY(-50%);}
div[id^="layer_"] .pop_box .popup_btn button:first-child:before{display:none;}
div[id^="layer_"] .pop_box .popup_btn button span{color:#fff;}
div[id^="layer_"] .pop_box .popup_btn button span:before{width:14px; height:11px; margin-top:-5.5px; background-image:url(/resource/image/popup/ico_popup_hide.png);}
div[id^="layer_"] .pop_box .popup_btn .closeBtn span:before{width:13px; height:13px; margin-top:-6.5px; background-image:url(/resource/image/popup/ico_popup_dismiss.png) !important;}
div[id^="layer_"] .pop_box .popup_btn .allCloseBtn span:before{width:13px; height:13px; margin-top:-6.5px; background-image:url(/resource/image/popup/ico_popup_allclose.png) !important;}

div[id^="layer_"] .pop_box:not(.pop_img) img{display:block; width:100%;}
div[id^="layer_"] .pop_box.pop_img .img_scroll{height:100%; overflow-y:auto;}
div[id^="layer_"] .pop_box.pop_img img{display:block; width:100%;}

@media screen and (max-width:1024px){
	div[id^="layer_"] .pop_box{width:auto !important; max-height:70%;}
	div[id^="layer_"] .pop_box.pop_img,
	div[id^="layer_"] .pop_box.pop_img .cont{height:100%;}
	div[id^="layer_"] .pop_box > h4{font-size:20px;}
}
@media screen and (max-width:800px){
	div[id^="layer_"] .pop_box{display:block;}
	div[id^="layer_"] .pop_box > h4{font-size:18px;}
	div[id^="layer_"] .pop_box .cont{font-size:16px;}
}
@media screen and (max-width:620px){
	div[id^="layer_"] .pop_box{min-width:80% !important;}
	div[id^="layer_"] .pop_box > h4{font-size:17px;}
	div[id^="layer_"] .pop_box .cont{font-size:15px;}
	div[id^="layer_"] .pop_box .popup_btn button{padding:8px;}
	div[id^="layer_"] .pop_box .popup_btn button span{font-size:0.75rem}
}
@media screen and (max-width:500px){
	div[id^="layer_"] .pop_box .popup_btn button span{padding-left:0;}
	div[id^="layer_"] .pop_box .popup_btn button span:before{display:none;}
}

.dpNone{display:none !important;}

/*비밀번호 초기화*/
.pw_change{margin-top:20px; text-align:center;}
.pw_change h5{position:relative; padding-top:65px; color:#333; font-family:'Pretendard'; font-size:42px; font-weight:700;}
.pw_change h5:before{content:''; display:block; position:absolute; left:50%; top:0; width:59px; height:48px; margin-left:-29.5px; background:url(/resource/image/common/ico_pw_change.png);}
.pw_change .txt{margin:20px 0 40px;}
.pw_change .txt p{color:#555; line-height:1.6rem;}
.pw_change .txt p.last{margin-top:15px;}
.bullet_red_dot{color:#555;}
.templete_blue .txt_bg_color{background-color:#f1f7ff;}

@media screen and (max-width:1280px){
	.pw_change{margin-top:0;}
	.pw_change h5{font-size:38px;}
	.pw_change .txt{margin:20px 0 30px;}
}

@media screen and (max-width:1024px){
	.pw_change h5{font-size:30px;}
}

@media screen and (max-width:800px){
	.pw_change h5{font-size:25px;}
	.pw_change p{font-size:14px;}
	.pw_change .txt{margin:10px 0 20px;}
	.pw_change .txt p.last{margin-top:10px;}
}

@media screen and (max-width:600px){
	.pw_change h5{font-size:20px;}
}