@charset "UTF-8";
:root { 
    --themesColor: #007EFC;
    --themesColor-1: #24A7FF;
    --themesColor-2: #063969;
    --themesColor-3: #fbe8eb;
    --themesColor-4: #b861bd;
	--themesColor-5: #9c2929;
	--themesColor-6: #fdf4f6;
}


/* Reset css */
* {margin: 0; padding: 0; outline: none; box-sizing: border-box;}
html {height:100%; color:#333;}
body{height: 100%; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '돋움', '굴림', Verdana, Arial, sans-serif; font-weight:400; line-height:1.4; letter-spacing:0; font-size: 16px; color:#000; -webkit-text-size-adjust:none;}
table{width: 100%; border-collapse: collapse; border-spacing: 0; clear: both; table-layout: fixed;}
img, fieldset {border:0}
img {max-width:100%; height:auto;}
ul,ol {list-style:none}
i,em,address{ font-style:normal}
a {font: inherit; color: inherit; text-decoration: none; transition: all 0.2s ease-in-out;}
button {border: none; background: none; cursor: pointer; font: inherit;}
iframe, embed, object, video {max-width:100%;}
.blind, legend, caption {width: 1px; height: 1px; margin: -1px; position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0);}
.clearfix:after{content:''; display:block; clear:both;}
/*** Form ***/
input,
textarea{ border: #d5d5d5 1px solid; padding: 10px; font: inherit; border-radius:0;}
input[type=text],
input[type=number],
input[type=submit],
input[type=password],
input[type=file]{ height:45px; line-height:45px; padding:0 10px; font-size:16px; margin:0; background:#fff; border-radius:0; border:#d5d5d5 1px solid; box-shadow:none; -webkit-appearance:none; ime-mode:inactive; outline:none;}
input[type=text]:focus,
input[type=password]:focus{ border-color:#00a8fc;}
input[type=image]{border:none;background:none;}
input.datepicker{ width:115px;}
input[type=file],
input[type=file].input{ border:none; box-shadow:none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
textarea{resize: none;}
select.block,
textarea.block,
input.block {display:block; width:100% !important;}
input.monthpicker,
input.datepicker,
input.datetimepicker{ background:#fff url('../images/blt_calendar.png') 100% 50% no-repeat; font-family: 'Noto Sans KR'; font-size: 16px;  cursor:pointer;}
input.input.sm{ height:20px; line-height:18px;}
input:read-only{ background-color:#f0f0f0; color:#333;}
input.readonly{background-color: #f0f0f0; color:#333;}
textarea.readonly{background-color: #f0f0f0; color:#333;}
textarea.survey{background-color:#fafafa;}
pre{font-size:13px; white-space: pre-wrap;}

:-ms-input-placeholder{color:#8b8b8b; line-height:30px; vertical-align:middle; }
::-moz-placeholder{color:#8b8b8b; line-height:30px; vertical-align:middle; }
:-moz-placeholder{color:#8b8b8b; line-height:30px; vertical-align:middle; }
::-webkit-input-placeholder{ color:#8b8b8b; vertical-align:middle; font-weight:normal; }

input[type=text]::-ms-clear{display:none;}

select{padding: 5px 35px 5px 10px; border:1px solid #d5d5d5; min-width:114px; height:45px; background: #fff url('../images/common/select.png') no-repeat right; border-radius:0; appearance:none; overflow:hidden; color: #8b8b8b;}
select::-ms-expand { display: none;  }

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:transparent;}
input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder{color:transparent;}

::selection{background:rgba(0,0,0,0.3); color:#fff;text-shadow:none}

select:disabled,
textarea:disabled,
input:disabled{background-color:#f0f0f0; cursor:default;}

html.fixed {height:100%;}
html.fixed body {height:100%; overflow:hidden;}

/*** label ***/
input[type=checkbox], input[type=radio]{position:absolute; overflow:hidden; width:1px; height:1px; text-indent:-10000px; -ms-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;opacity:0 !important;}
input[type=checkbox] + label::before{ content:""; display:inline-block; width:18px; height:18px; border:solid 1px #D5D5D5; vertical-align:-4px; background-color:#fff; position: absolute; left: 0; top: 4px;}
input[type=checkbox]:checked + label::before{border:solid 1px #333; background:#333;}
input[type=checkbox]:checked + label::after{ content: ''; transform: rotate(-45deg); height: 7px; width: 10px; border-bottom: #fff 2px solid; border-left: #fff 2px solid; position: absolute; top: 8px; left:4px;}

input[type=radio] + label::before{content:""; display:inline-block; width:18px; height:18px; border:solid 1px #b1b1b1; background-color:#fff; border-radius:50%; position: absolute; left: 0; top: 3px;}
input[type=radio]:checked + label:before{content:''; display:inline-block; background:url(../images/common/radio.png) center no-repeat; border:#333 1px solid;}

input[type=radio], input[type=checkbox]{margin-right:4px;}
input[type=radio] + label,
input[type=checkbox] + label{display: block; position:relative; margin-bottom:0; margin-right:30px; padding-left: 25px; vertical-align: middle; font-size:16px; color:#000;}

/* margin, padding */
.mg0{margin:0 !important;}
.mt-1{ margin-top: -1px !important;}
.mt0{ margin-top:0 !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;}.mt50{margin-top:50px !important;}.mt60{margin-top:60px !important;}.mt70{ margin-top:70px !important;}.mt100{ margin-top:100px !important;}
.mr0{margin-right:0 !important;}.mr5{margin-right:5px !important;}.mr10{ margin-right:10px !important;}.mr30{ margin-right:30px !important;}
.mb0{margin-bottom:0 !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}
.ml5{ margin-left:5px !important;}.ml10{ margin-left:10px !important;}.ml20{ margin-left:20px !important;}.ml30{ margin-left:30px !important;}
.pd0{padding:0 !important}
.pt0{ padding-top:0 !important;}.pt3{ padding-top:3px !important;}
.pr0{ padding-right:0 !important;}.pr10{ padding-right:10px !important;}.pr15{ padding-right:15px !important;}.pr50{ padding-right:50px !important;}
.pb0{ padding-bottom:0 !important;}.pb3{ padding-bottom:3px !important;}.pb10{ padding-bottom:10px !important;}.pb15{ padding-bottom:15px !important;}.pb25{ padding-bottom:25px !important;}
.pl0{ padding-left:0 !important;}.pl5{ padding-left:5px !important;}.pl10{ padding-left:10px !important;}.pl15{ padding-left:15px !important;}.pl40{ padding-left:40px !important;}.pl75{ padding-left:75px !important;}.pl80{ padding-left:80px !important;}

/* 정렬 */
.l{text-align:left !important;}
.c{text-align:center !important;}
.r{text-align:right !important;}
.vt{vertical-align:top !important;}
.vm{vertical-align:middle !important;}
.vb{vertical-align: bottom !important;}
.fr{float:right;}
.fl{float:left;}

.dv_grp{display:flex;}
.dv_grp > .dv{flex:1;}
.dv_grp.m_hyphen > .dv + .dv {position: relative;}
.dv_grp.m_hyphen > .dv + .dv::after {content: ''; display: block; width: 8px; height: 1px; background-color: #B5BBC7; position: absolute; left: -12px; top: 50%;}
.dv_grp > .dvn{flex:none;}
.dv_grp .dv + .dv, .dv_grp .dv + .dvn, .dv_grp .dvn + .dv, .dv_grp .dvn + .dvn, .dv_grp .dv_bx + .dv_bx {margin-left: 16px;}

/* color */
.cRed{color:#ff0000 !important}
.cPink{color:#ea5069 !important;}
.cBlue{color:#1d42bc !important}
.cBlue02{color:#1441ff !important;}
.cBlue03{color:#0b43ff !important;}
.cGreen{color:#22a578 !important;}
.cWhite{color:#fff !important;}
.cPurple{color:#e30bff !important;}
.cGray{color:#b5b5b5 !important;}
.cBlack{color:#000 !important;}
.cSky{color:#1275c9 !important;}

/* font-weight */
.fw500{font-weight:500;}
.fMont{font-family: 'Montserrat';}
.fPopp{font-family: 'Poppins';}

/* btn class */
.btn-bx{margin-top:20px; font-size:0;}
.btn-bx > *+* {margin-left:10px;}
.block{width:100% !important;}

.btn{display: inline-block; min-width: 90px; height: 45px; padding:0 20px; line-height: 45px; text-align: center; background-color: #000; color: #fff; font-size: 16px; font-weight: 500; transition: .3s;}
.btn:hover{border-color:#3c66db; background-color:#3c66db;}
.btn1{display: inline-block; min-width: 80px; height: 45px; padding:0 20px; line-height: 45px; text-align: center; border-radius: 3px; border: solid 1px #000; background-color: #000; color: #fff; font-size: 16px; font-weight: 500; transition: .3s;}
.btn1:hover{border-color:#3c66db; background-color:#3c66db;}
.btn2{display: inline-block; min-width: 75px; height: 40px; line-height: 38px; padding:0 20px; text-align: center; border-radius: 3px; border: solid 1px #000; background-color: #000; font-size: 16px; font-weight: 500; color: #fff; transition: .3s;}
.btn2:hover{border-color:#3c66db; background-color:#3c66db;}
.btn3{display: inline-block; min-width: 160px; height:54px; line-height: 50px;  padding:0 20px; text-align: center; border-radius: 3px; border: solid 1px #000; background-color: #000; font-size: 16px; font-weight: 500; color: #fff; transition: .3s;}
.btn4{display: inline-block; min-width: 100px; height: 30px; padding:0 20px; line-height: 28px; text-align: center;  border-radius: 3px; background-color: #000; color: #fff; font-size: 14px; font-weight: 500; transition: .3s;}
.btn5{display: inline-block; min-width: 80px; height: 40px; padding:0 20px; line-height: 38px; text-align: center; background-color: #000; color: #fff; font-size: 16px; font-weight: 500; transition: .3s;}
.btn26 {display: inline-block; height: 26px; padding: 0 16px; line-height: 26px; font-size: 14px; font-weight: 500; color: #fff; background-color: var(--themesColor); border-radius: 26px; white-space: nowrap;}
.btn26.skyblue {background-color: var(--themesColor-1);}
.btn30 {display: inline-block; height: 30px; padding: 0 8px; line-height: 28px; font-size: 14px; font-weight: 500; color: #666; text-align: center; background-color: #fff; border-radius: 5px; border: 1px solid #999;}
.btn30.gray {color: #333; background-color: #EDEDED; border: 1px solid #EDEDED;}
.btn30.black {color: #fff; background-color: #111; border: 1px solid #111;}
.btn37 {display: inline-block; height: 37px; line-height: 35px; padding: 0 20px; font-size: 0.833em; font-weight: 700; letter-spacing: 4.65px; text-transform: uppercase; border-radius: 37px; border: 1px solid #fff; color: #fff;}
.btn37:hover {background-color: #007EFC4D;}
.btn40 {display: inline-block; height: 40px; padding: 0 8px; line-height: 38px; font-size: 14px; font-weight: 500; color: #111; text-align: center; background-color: #fff; border-radius: 5px; border: 1px solid #555;}
.btn40.black {color: #fff; background-color: #111; border: 1px solid #111;}
.btn40:disabled,
.btn40.disabled {opacity: 0.3; cursor: default;}
.btn45 {display: inline-block; height: 45px; line-height: 41px; padding: 0 14px; font-size: 16px; font-weight: 400; color: #fff; text-align: center; background-color: #111; border-radius: 5px;}
.btn45.white {color: #111; background-color: #fff; border: 1px solid #555;}
.btn45.m_excel {background-color: #DFF4E0; color: #206B24; font-weight: 700;}
.btn45.m_excel span {display: inline-block; padding-left: 30px; background: url(../../resources/images/ico_excel.png) 0 center no-repeat;}
.btn43 {display: inline-block; min-width: 113px; height: 43px; line-height: 41px; font-size: 16px; font-weight: 400; color: #111; text-align: center; background-color: #fff; border-radius: 5px; border: 1px solid #666;}
.btn43 span {display: inline-block; padding-right: 20px; position: relative;}
.btn43 span::after {content: ''; display: block; width: 8px; height: 43px; background: url(../images/arrow_01.svg) right center no-repeat; position: absolute; right: 0; top: 0;}
.btn52 {display: inline-block; min-width: 120px; height: 52px; line-height: 52px; font-size: 16px; font-weight: 500; color: #fff; text-align: center; background-color: #111; border-radius: 5px;}
.btn52.white {line-height: 50px; color: #111; background-color: #fff; border: 1px solid #555; font-weight: 400;}
.btn52.navy {background-color: #2551A5;}
.btn52:disabled,
.btn52.disabled {opacity: 0.12;}
.btn60 {display: inline-block; width: 100%; height: 60px; line-height: 60px; font-size: 18px; letter-spacing: -0.05em; font-weight: 500; color: #fff; text-align: center; background-color: #111; border-radius: 5px;}
.btn62 {display: inline-block; min-width: 240px; height: 62px; line-height: 62px; font-size: 20px; letter-spacing: -0.05em; font-weight: 500; color: #fff; text-align: center; background-color: #111; border-radius: 5px;}
.btn62.white {line-height: 60px; color: #111; background-color: #fff; border: 1px solid #666; font-weight: 400;}
.btn62.white.ico_arrow span {display: inline-block; padding-right: 24px; background: url(../../resources/images/arrow_04.svg) right center no-repeat;}
.btn70 {display: inline-block; min-width: 240px; height: 70px; padding: 0 32px; line-height: 70px; text-align: center; border-radius: 70px; font-size: 20px; font-weight: 700; color: #fff; background-color: #4829FF;}
.btn70 span {display: inline-block; padding-right: 41px; position: relative;}
.btn70 span::after {content: ''; display: block; width: 29px; height: 29px; background: url(../../resources/images/arrow_08.svg) 0 0 no-repeat; position: absolute; right: 0; top: 21px;}
.btn70.white {font-weight: 500; color: #111; background-color: #fff; border: 1px solid #666;}

.btn_add {display: inline-block; height: 30px; line-height: 30px; font-size: 14px; color: #757575; position: relative;}
.btn_add span {display: inline-block; padding-right: 46px;}
.btn_add span::after {content: '+'; display: block; width: 30px; height: 30px; line-height: 28px; text-align: center; font-size: 25px; border-radius: 30px; color: #fff; background-color: #2551A5; position: absolute; right: 0; top: 0;}
.btn-radius{display: inline-block; min-width:80px; height:45px; padding:0 20px; line-height: 43px; text-align: center; border-radius:50px; background-color: #000; color: #fff; font-size:15px; font-weight:400; transition: .3s;}
.btn-radius.disabled {background-color: #DFE1E2; cursor: default;}
.btn-radius2{display: inline-block; min-width:120px; height:30px; padding:0 20px; line-height: 30px; text-align: center; border-radius:50px; background-color: #000; color: #fff; font-size:15px; font-weight:400; transition: .3s;}
.btn-radius3{display: inline-block; width: 30px; height:30px; line-height: 28px; text-align: center; border-radius:30px; background-color: #000; color: #fff; font-size:14px; font-weight:400; transition: .3s; vertical-align: middle}

.btn i, .btn1 i, .btn2 i,.btn3 i,.btn4 i,.btn5 i{vertical-align: 2px; font-size:12px;}

.btn-white{border:1px solid #000; background-color:#fff; color:#000; transition: .3s;}
.btn-white:hover{border-color:#000; background-color:#000; color:#fff;}
.btn-blue{border:1px solid #3c66db; background-color: #3c66db; color:#fff;}
.btn-blue2{border:1px solid #2168d9; background-color: #2168d9; color:#fff;}
.btn-brown{border:1px solid #c77300; background-color:#c77300; color:#fff;}
.btn-black{border:1px solid #333; background-color:#333; color:#fff;}
.btn-mint{border:1px solid #1a9b96; background-color:#1a9b96; color:#fff;}
.btn-gray{border:1px solid #6f6f6f; background-color: #6f6f6f; color:#fff;}
.btn-gray2{border:1px solid #b9b9b9; background-color:#dedede; color:#000;}
.btn-gray2:hover{border-color:#333; background-color: #333; color:#fff;}
.btn-gray3{border:1px solid #000; background-color:#d3d3d3; color:#000;}
.btn-pink{border:1px solid #ea5069; background-color:#fff; color:#ea5069;}
.btn-pink:hover{border-color:#ea5069; background-color: #ea5069; color:#fff;}
.btn-pink2{border:1px solid #ea5069; background-color:#ea5069; color:#fff;}
.btn-pink2:hover{border-color:#77343f; background-color: #77343f;}
.btn-red{border:1px solid #d11919; background-color: #d11919; color:#fff;}
.btn-green{border:1px solid #596a39; background-color: #596a39; color:#fff;}
.btn-green:hover{border-color:#45522d; background-color:#45522d;}
.btn.m_arrow_white_down {border:1px solid #000; background-color:#fff; color:#000;}
.btn.m_arrow_white_down span {display: inline-block; padding-right: 34px; position: relative;}
.btn.m_arrow_white_down span::after {content: ''; display: block; width: 24px; height: 24px; background: url(/resources/images/arrow_circle_down.svg) 0 0 no-repeat; position: absolute; right: 0; top: calc(50% - 12px);}
.btn.m_arrow_white_down_01 {border:1px solid #000; background-color:#fff; color:#000;}
.btn.m_arrow_white_down_01 span {display: inline-block; padding-right: 34px; position: relative;}
.btn.m_arrow_white_down_01 span::after {content: ''; display: block; width: 24px; height: 24px; background: url(/resources/images/arrow_04.svg) center no-repeat; position: absolute; right: 0; top: calc(50% - 12px);}
.btn.m_blank_white {border:1px solid #000; background-color:#fff; color:#000;}
.btn.m_blank_white span {display: inline-block; padding-right: 34px; position: relative;}
.btn.m_blank_white span::after {content: ''; display: block; width: 24px; height: 24px; background: url(/resources/images/ico_blank.svg) 0 0 no-repeat; position: absolute; right: 0; top: calc(50% - 12px);}

.btn_left_area .btn {min-width: 200px; margin-right: 5px;}
.btn_right_area {text-align: right;}
.btn_right_area .btn {min-width: 200px; margin-left: 5px;}

.bdge {display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; text-align: center; font-size: 13px; font-weight: 700; border-radius: 25px; background-color: #000; color: #fff;}
.bdge.m_type_01 {border: 1px solid #111; background-color: #fff; color: #111;}
.bdge.m_type_02 {background-color: #EEF5FA; color: #0082D3;}
.bdge.m_type_03 {background-color: #E0F9EE; color: #0A8751;}
.bdge.m_type_04 {background-color: #F9F1F1; color: #FF5252;}
.bdge.m_type_05 {background-color: #F1F2F3; color: #444;}

/* 22-06-30 추가 */
/* bootstrap reset */
button:focus {outline: 0px none; outline: 0px none -webkit-focus-ring-color;}
a:hover{text-decoration: none;}

.dl_col > div {margin-bottom: 30px;}
.dl_col dt {margin-bottom: 8px;}
.dl_col.m_type_01 > div {margin-bottom: 25px;}
.dl_col.m_type_01 dt {margin-bottom: 5px; font-size: 14px; color: #444;}

.dl_row > div {min-height: 22px; padding-left: 150px; margin-bottom: 10px; position: relative;}
.dl_row > div:last-child {margin-bottom: 0;}
.dl_row dt {position: absolute; left: 0; top: 0;}

.fl_l {float: left;}
.fl_r {float: right;}

.montserrat {font-family: 'Montserrat';}

.ta_l {text-align: left !important;}
.ta_c {text-align: center !important;}
.ta_r {text-align: right !important;}

.both_area::after {content: ''; display: block; clear: both;}

.pc_hide {display: none !important;}
.mo_show {display: none !important;}

.title_style {margin-bottom: 58px; padding-bottom: 24px; border-bottom: 2px solid #111; font-size: 24px; color: #111;}
.title_26 {margin-bottom: 30px; font-size: 26px; font-weight: 700; letter-spacing: -0.02em;}
.title_32 {margin-bottom: 10px; font-size: 32px; font-weight: 700; text-align: center;}
.title_38 {margin-bottom: 80px; font-size: 38px; font-weight: 700; text-align: center;}
.title_40 {font-size: 40px;}

.fz_14 {font-size: 14px;}
.fz_20 {font-size: 20px;}

.fw_5 {font-weight: 500;}

.w430 {max-width: 430px; margin: 0 auto;}
.w650 {max-width: 650px; margin: 0 auto;}

.line_01 {height: 1px; background-color: #B5BBC7;}

input[type="text"].it,
input[type="number"].it {width: 100%; height: 52px; line-height: 50px; padding: 0 16px; font-family: 'Montserrat'; font-size: 16px; letter-spacing: -0.05em; border-radius: 5px; border: 1px solid #ccc; color: #333;}
input[type="text"].it::placeholder,
input[type="number"].it::placeholder {color: #B6B6B6;}
input[type="text"].it:read-only,
input[type="number"].it:read-only {color: #999; background-color: #F6F6F6;}

input[type="text"].it_01,
input[type="number"].it_01 {width: 100%; height: 48px; line-height: 48px; padding: 0 16px; font-family: 'Montserrat'; font-size: 14px; text-align: center; background-color: #F7F7F9; border-radius: 7px; border-radius: 5px; border: 0 solid #fff; color: #999;}

.it_btn {padding-right: 128px; position: relative;}
.it_btn .btn52 {position: absolute; right: 0; top: 0;}

.it_del {position: relative;}
.it_del input[type="text"].it {padding: 0 40px 0 16px;}
.it_del .btn_del {display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #DFDFDF; position: absolute; right: 10px; top: calc(50% - 10px);}
.it_del .btn_del::after {content: ''; display: block; width: 10px; height: 2px; background-color: #fff; position: absolute; left: calc(50% - 5px); top: 9px; transform: rotate(45deg);}
.it_del .btn_del::before {content: ''; display: block; width: 10px; height: 2px; background-color: #fff; position: absolute; left: calc(50% - 5px); top: 9px; transform: rotate(-45deg);}

.it_timer {position: relative;}
.it_timer input[type="number"].it,
.it_timer input[type="text"].it {padding: 0 60px 0 16px;}
.it_timer .i_timer {line-height: 52px; position: absolute; right: 10px; top: 0; color: #ff0000;}

.input_date {width: calc(100% + 20px); overflow: hidden; position: relative;}
.input_date::after {content: ''; width: 6px; height: 1px; background-color: #555; display: block; position: absolute; left: calc(50% - 13px); top: calc(50% - 1px);}
.input_date .i_date {width: calc(100% / 2 - 20px); height: 48px; line-height: 48px; border-radius: 5px; margin-right: 20px; padding: 0 16px 0 48px; float: left; background: url(../../resources/images/ico_calendar.png) 20px center no-repeat;}

.input_select {padding-left: 180px; position: relative;}
.input_select select {width: 170px; position: absolute; left: 0; top: 0;}
.input_select .i_it {display: block; width: 100%;}

.radio {display:block;}
.radio input[type="radio"] {width:0px; height:0px; overflow:hidden; border:solid 0px #fff; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.radio .box {display: block; width: 100%; height: 84px; padding: 27px 24px 27px 56px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; position: relative;}
.radio .box em {display:inline-block; width: 24px; height: 24px; box-sizing: border-box; border-radius: 50%; background-color:#fff; border:solid 1px #ccc; position: absolute; left: 24px; top: calc(50% - 12px);}
.radio .name {font-size: 20px; letter-spacing: -0.05em; color: #111; font-weight: 500;}
.radio .price {font-size: 16px; color: #333; position: absolute; right: 24px; top: calc(50% - 18px);}
.radio .price strong {display: inline-block; margin-right: 4px; font-family: 'Montserrat'; font-size: 24px; font-weight: 600; color: #111; position: relative; top: 2px;}
.radio input[type="radio"]:checked + .box {padding: 26px 23px 26px 55px; border: 2px solid #111; background-color: #f8f8f8;}
.radio input[type="radio"]:checked + .box em {background-color: #111; border: 1px solid #111;}
.radio input[type="radio"]:checked + .box em::after {content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; position: absolute; left: calc(50% - 5px); top: calc(50% - 5px);}
.radio input[type="radio"]:checked + .box .price {right: 23px;}

.custom_select {position: relative;}
.custom_select.open {z-index: 5;}
.custom_select .trigger {display: block; width: 100%; height: 52px; padding: 0 52px 0 16px; line-height: 50px; font-family: 'Montserrat'; font-size: 16px; letter-spacing: -0.05em; border-radius: 5px; background-color: #fff !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; background-color: transparent; border: 1px solid #ccc; box-sizing: border-box; position: relative; z-index: 1;}
.custom_select .trigger::placeholder {color: #B6B6B6;}
.custom_select .trigger:read-only {background-color: transparent;}
.custom_select .trigger:focus {border: 1px solid #ccc;}
.custom_select.open .trigger + .arrow {transform: rotate(-180deg);}
.custom_select .arrow {display: block; width: 12px; height: 8px; background: url(../images/arrow_02.svg) 0 0 no-repeat; position: absolute; right: 20px; top: 22px; transform: rotate(0); z-index: 1;}
.custom_select .options {display: none; width: 100%; padding: 14px 0; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; position: absolute; left: 0; top: 56px; z-index: 1;}
.custom_select.open .options {display: block;}
.custom_select .options li {padding: 12px 16px; color: #666; font-family: 'Montserrat'; letter-spacing: -0.05em;}
.custom_select .options li:hover { color: #333; background: #F6F6F6;}
.custom_select .options .tit,
.custom_select .options .btn_close,
.custom_select .options .btn62 {display: none;}

.alert_txt {padding: 20px 20px 20px 48px; color: #555; font-size: 16px; letter-spacing: -0.05em; background: #F8F8F8; position: relative;}
.alert_txt:after {content: '!'; display: block; width: 20px; height: 20px; line-height: 24px; border-radius: 50%; text-align: center; font-family: 'Roboto'; font-size: 14px; font-weight: 700; color: #fff; background-color: #FF4949; position: absolute; left: 20px; top: 20px;}

.alert_txt_01 {padding-left: 28px; color: #555; font-size: 16px; font-weight: 500; letter-spacing: -0.05em; position: relative;}
.alert_txt_01:after {content: '!'; display: block; width: 20px; height: 20px; line-height: 24px; border-radius: 50%; text-align: center; font-family: 'Roboto'; font-size: 14px; font-weight: 700; color: #fff; background-color: #FF4949; position: absolute; left: 0; top: 2px;}

.caution_box {margin-top: 56px; padding: 40px; border: 1px solid #E5E5E5;}
.caution_box .tit {margin-bottom: 24px; font-size: 20px; letter-spacing: -0.05em; font-weight: 500;}
.caution_box dl > div {margin-top: 24px;}
.caution_box dl > div:first-child {margin-top: 0;}
.caution_box dl dt {margin-bottom: 8px; font-weight: 500;}
.caution_box dl dd {line-height: 24px; color: #555;}
.caution_box dl dd ul li {margin-top: 4px; padding-left: 10px; line-height: 24px; letter-spacing: -0.05em; position: relative;}
.caution_box dl dd ul li:first-child {margin-top: 0;}
.caution_box dl dd ul li:after {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #D9D9D9; position: absolute; left: 0; top: 11px;}

.table_style_01 {border-top: 1px solid #000;}
.table_style_01 thead tr th,
.table_style_01 tbody tr th {background-color: #ddd; font-weight: 500;}
.table_style_01 thead tr th,
.table_style_01 tbody tr th,
.table_style_01 tbody tr td,
.table_style_01 tfoot tr th,
.table_style_01 tfoot tr td {height: 34px; padding: 5px 10px; border-bottom: 1px solid #000;}
.table_style_01 tfoot tr th {font-weight: 500;}
.table_style_01 .bdl_01 {border-left: 1px solid #000;}

.table_style_02 {border-top: 2px solid #111;}
.table_style_02 thead th {padding: 8px 0; color: #111; font-weight: 500; background-color: #F6F6F6; border-bottom: 1px solid #E5E5E5;}
.table_style_02 tbody td {padding: 12px 0; color: #333; border-bottom: 1px solid #E5E5E5; text-align: center;}

.table_style_03 {margin-bottom: 80px; border-top: 2px solid #111; word-break: break-all;}
.table_style_03 .i_tr {display: flex; overflow: hidden; border-bottom: 1px solid #E5E5E5;}
.table_style_03 .i_td {display: flex; flex: 1; padding: 15px 10px; align-items: center; justify-content: center; float: left;}
.table_style_03 .i_tbody .i_td {min-height: 100px;}
.table_style_03.m_colgroup_01 .i_td:nth-child(1) {flex: 0.5;}
.table_style_03.m_colgroup_01 .i_td:nth-child(2) {flex: 2;}
.table_style_03.m_colgroup_01 .i_td:nth-child(3) {flex: 3;}
.table_style_03.m_colgroup_01 .i_td:nth-child(4) {flex: 3;}
/* m_accordion_table 클래스는 table_style_03 클래스에 의존하는 변경자 클래스입니다. */
.m_accordion_table .i_tbody .i_tr:has(input:checked) {border-bottom: 0 solid #fff;}
.m_accordion_table .i_tbody .i_tr:has(input:checked) + .i_tr_accordion {display: flex;}
.m_accordion_table .i_tbody .i_tr_accordion {display: none; padding: 3vw; border-bottom: 1px solid #E5E5E5;}
.m_accordion_table .i_tbody .i_tr_accordion .dv {position: relative;}
.m_accordion_table .i_tbody .i_tr_accordion .dv + .dv {margin-left: 3vw;}
.m_accordion_table .i_tbody .i_tr_accordion .i_title {margin-bottom: 20px; padding-bottom: 10px; font-size: 24px; font-weight: 700; border-bottom: 2px solid #111;}
.m_accordion_table .i_tbody .i_tr_accordion .i_btn_box {width: 100%; margin-top: 50px; text-align: center;}
.m_accordion_table .i_tbody .i_tr_accordion .i_btn_box .btn52 {width: 40%; margin: 0 2px;}

.table_style_04 {border: 1px solid #B5BBC7;}
.table_style_04 thead th,
.table_style_04 tbody td {padding: 15px; text-align: left; border-right: 1px solid #B5BBC7;}
.table_style_04 thead th {font-size: 14px; color: #666; font-weight: 400;}
.table_style_04 tbody td {font-size: 14px; font-weight: 700;}
.table_style_04 tbody td {border-top: 1px dotted #B5BBC7;}
.table_style_04 tbody tr:first-child td {border-top: 1px solid #B5BBC7;}

.table_style_05 {margin-bottom: 15px; border: 1px solid #B5BBC7;}
.table_style_05 thead th,
.table_style_05 tbody th {font-weight: 500; font-size: 20px; color: #222;}
.table_style_05 thead th {text-align: center;}
.table_style_05 tbody th {text-align: left;}
.table_style_05 thead th,
.table_style_05 tbody th,
.table_style_05 tbody td {padding: 15px; border-right: 1px solid #B5BBC7;}
.table_style_05 tbody th,
.table_style_05 tbody td {border-top: 1px solid #B5BBC7;}
.table_style_05 tbody tr:first-child td {border-top: 1px solid #B5BBC7;}

.table_style_06 thead th {padding: 10px 5px; font-weight: 500; font-size: 13px; color: #757575; border-top: 1px solid #0F2433; border-bottom: 1px solid #0F2433;}
.table_style_06 thead th,
.table_style_06 tbody td {border-left: 1px solid #A0A7AC; color: #757575; font-size: 13px;}
.table_style_06 thead th:first-child,
.table_style_06 tbody td:first-child {border-left: 0 solid #fff;}
.table_style_06 tbody td {padding: 16px 0; text-align: center; border-bottom: 1px solid #A0A7AC;}
.table_style_06 tbody td.l {padding: 16px;}
.table_style_06 .i_info {margin: 10px 0; font-size: 16px;}
.table_style_06 .i_info > div {padding-left: 132px; position: relative; min-height: 23px;}
.table_style_06 .i_info > div + div {margin-top: 4px;}
.table_style_06 .i_info dt {position: absolute; left: 0; top: 0;}
.table_style_06 .i_info dd {font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis;}
.table_style_06 .i_view_btn {padding: 0 16px;}
.table_style_06 .i_view_btn > div + div {margin-top: 12px;}
.table_style_06 .i_view_btn .btn {width: 100%;}
.table_style_06 .i_fold td {padding: 16px; text-align: left; background-color: #FAFAFA;}
.table_style_06 .i_filter > div + div {margin-top: 24px;}
.table_style_06 .i_filter dt {margin-bottom: 8px; font-size: 16px; color: #000; font-weight: 500;}
.table_style_06 .i_fold {display: none;}
.table_style_06 .i_fold.open {display: table-row;}
.table_style_06 .i_view.open .btn.m_arrow_white_down_01 span::after {transform: rotate(180deg);}
.table_style_06 .i_link {display: inline-block; max-width: 100%; font-size: 16px; color: #000; font-weight: 500; overflow: hidden; padding-right: 24px; position: relative; text-overflow: ellipsis;}
.table_style_06 .i_link::after {content: ''; display: block; width: 24px; height: 24px; background: url(../../resources/images/arrow_04.svg) center no-repeat; position: absolute; right: 0; top: 0; transform: rotate(-90deg);}
.table_style_06 .i_state_btn .btn + .btn {margin-left: 5px;}

.table_style_07 {border: 1px solid #A0A7AC;}
.table_style_07 thead th {padding: 12px 5px; font-weight: 500; font-size: 13px; color: #222; background-color: #F1F2F3;}
.table_style_07 tbody th {font-size: 13px; color: #444; font-weight: 500; border-top: 1px solid #A0A7AC;}
.table_style_07 tbody td {padding: 16px 0; color: #111; font-size: 18px; font-weight: 800; text-align: center; border-left: 1px solid #A0A7AC; border-top: 1px solid #A0A7AC;}
.table_style_07 tbody td.l {padding: 16px;}

.radiotab {display: inline-block;}
.radiotab input[type="radio"] {width: 0; height: 0; overflow: hidden; border: solid 0 #fff; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.radiotab span {display: inline-block; width: 100%; height: 56px; line-height: 56px; font-weight: 500; font-size: 16px; color: #B2B2B2; background: #F6F6F6; text-align: center; cursor: pointer;}
.radiotab input[type="radio"]:checked + span {color: #111; line-height: 52px; border: 2px solid #111; border-radius: 5px; background-color: #fff;}
.radiotab input[type="radio"]:disabled + span {opacity: 0.3;}
.radiotab.style_01 span {height: 52px; line-height: 50px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px;}
.radiotab.style_01 input[type="radio"]:checked + span {line-height: 48px;}

.radio_tab {overflow: hidden;}
.radio_tab label {display: inline-block; float: left;}
.radio_tab label + label {margin-left: -1px;}
.radio_tab input[type="radio"] {width: 0; height: 0; overflow: hidden; border: solid 0 #fff; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.radio_tab span {display: inline-block; padding: 0 30px; height: 45px; line-height: 43px; font-weight: 500; font-size: 16px; color: #444; background: #fff; border: 1px solid #889095; text-align: center; cursor: pointer;}
.radio_tab input[type="radio"]:checked + span {line-height: 43px; color: #fff; border: 1px solid #000; background-color: #000;}
.radio_tab input[type="radio"]:disabled + span {opacity: 0.3;}

.option_checkbox {display: block;}
.option_checkbox input[type="checkbox"] {width: 0px; height: 0px; overflow: hidden; border: solid 0px #fff; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.option_checkbox .chk {display: block; width: 100%; padding: 14px 14px 14px 44px; position: relative; box-sizing: border-box;}
.option_checkbox em {display: inline-block; width: 20px; height: 20px; box-sizing: border-box; border: solid 1px #ccc; border-radius: 5px; box-sizing: border-box; transition: all 0.3s cubic-bezier(0,.92,.52,1.31); position: absolute; left: 16px; top: 16px;}
.option_checkbox span {font-size: 16px; color: #333;}
.option_checkbox input[type="checkbox"]:checked + .chk {background-color: #F8F8F8;}
.option_checkbox input[type="checkbox"]:checked + .chk em {background-color: #111; border: 0 solid #fff;}
.option_checkbox input[type="checkbox"]:checked + .chk em::after {content: ''; display: block; width: 20px; height: 20px; background: url(../../resources/images/ico_chk.png) center no-repeat;}

.checkbox {display:inline-block;}
.checkbox input[type="checkbox"] {width:0px; height:0px; margin-right: 0; overflow:hidden; border:solid 0px #fff; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.checkbox span {padding-left:8px; line-height: 20px; vertical-align: top; position: relative; top: -1px;}
.checkbox em {display:inline-block; width: 20px; height: 20px; box-sizing:border-box; border:solid 1px #ccc; border-radius: 5px; vertical-align: top; box-sizing:border-box;}
.checkbox input[type="checkbox"]:checked + em {background:url(../../resources/images/ico_chk_01.svg) 0 0 no-repeat #000; border:solid 0 #fff;}

.checkbox_pin {display:inline-block;}
.checkbox_pin input[type="checkbox"] {width:0px; height:0px; margin-right: 0; overflow:hidden; border:solid 0px #fff; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.checkbox_pin em {display:inline-block; width: 30px; height: 30px; background: url(../../resources/images/ico_fin.svg) center no-repeat; opacity: 0.2;}
.checkbox_pin input[type="checkbox"]:checked + em {opacity: 1;}

.checkbox_star {display:inline-block;}
.checkbox_star input[type="checkbox"] {width:0px; height:0px; margin-right: 0; overflow:hidden; border:solid 0px #fff; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.checkbox_star em {display:inline-block; width: 30px; height: 30px; background: url(/resources/images/ico_star.svg) center no-repeat;}
.checkbox_star input[type="checkbox"]:checked + em {background: url(/resources/images/ico_star_on.svg) center no-repeat;}

.slide_toggle {display:inline-block; vertical-align:middle;}
.slide_toggle input[type="checkbox"] {width: 0; height: 0; overflow:hidden; border: solid 0 #fff; opacity:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.slide_toggle em {display:inline-block; width: 60px; height: 30px; background-color:#E5E5E5; border-radius: 30px; box-sizing: border-box; position:relative; transition:all 0.3s; vertical-align:top;}
.slide_toggle em:after {content:""; display:block; position:absolute; left: 5px; top: calc(50% - 10px); width: 20px; height: 20px; background-color:#fff; border-radius: 20px; transition:all 0.3s; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.slide_toggle input[type="checkbox"]:checked ~ em {background-color: #000;}
.slide_toggle input[type="checkbox"]:checked ~ em:after {left: 33px;}
.slide_toggle input[type="checkbox"]:disabled ~ em {opacity: 0.2;}

.list_style_01 {width: calc(100% + 48px);}
.list_style_01::after {content: ''; display: block; clear: both;}
.list_style_01 > li {width: calc(100% / 3 - 48px); height: 620px; margin-right: 48px; float: left;}
.list_style_01 a {display: block; color: #111; font-family: 'Montserrat'; letter-spacing: -0.05em; word-break: break-all;}
.list_style_01 .img {display: block; height: 368px; margin-bottom: 20px; border: 1px solid #eee;}
.list_style_01 .img img {width: 100%; height: 100%; object-fit: cover;}
.list_style_01 .img .i_txt {display: none;}
.list_style_01 .img.m_disabled {position: relative;}
.list_style_01 .img.m_disabled::after {content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: absolute; left: 0; top: 0;}
.list_style_01 .img.m_disabled .i_txt {display: block; width: 100%; text-align: center; color: #fff; font-size: 32px; position: absolute; left: 0; top: calc(50% - 22px); color: #fff; z-index: 1;}
.list_style_01 .product_name {display: block; margin-bottom: 12px; font-size: 20px; font-weight: 700; color: #111;}
.list_style_01 .product_date {display: block; margin-bottom: 24px;}
.list_style_01 .product_date span {display: block; margin-bottom: 8px; padding-left: 80px; color: #555; position: relative;}
.list_style_01 .product_date span em {color: #111; font-weight: 500; position: absolute; left: 0; top: 0;}
.list_style_01 .product_price {display: block;}
.list_style_01 .product_price .sale {margin-right: 5px; font-size: 26px; font-weight: 600; color: #FF4218;}
.list_style_01 .product_price .price {font-size: 26px; font-weight: 600; word-break: keep-all;}
.list_style_01 .product_price .price em {font-size: 14px; position: relative; top: -3px;}
.list_style_01 .product_price .price del {color: #B2B2B2; font-size: 16px; font-weight: 500; position: relative; top: -3px;}
.list_style_01 .product_price .price del em {top: 0;}

.list_style_02 {margin-bottom: 80px; border-top: 2px solid #111;}
.list_style_02 li {padding: 35px 24px; border-bottom: 1px solid #E5E5E5; position: relative;}
.list_style_02 .product {padding: 3px 480px 0 96px; position: relative;}
.list_style_02 .product.m_noimg {padding: 3px 480px 0 0; position: relative;}
.list_style_02 span {display: block;}
.list_style_02 .img {width: 80px; height: 80px; border: 1px solid #eee; box-sizing: border-box; position: absolute; left: 0; top: 0;}
.list_style_02 .img img {width: 100%; height: 100%; object-fit: cover;}
.list_style_02 .order_code {margin-bottom: 5px; color: #999; font-weight: 700; font-size: 14px;}
.list_style_02 .order_code em {display: inline-block; margin-left: 8px; padding-left: 8px; font-size: 16px; font-weight: 500; font-family: 'Montserrat'; position: relative;}
.list_style_02 .order_code em::after {content: ''; display: block; width: 1px; height: 8px; background-color: #999; position: absolute; left: 0; top: 7px;}
.list_style_02 .product_name {margin-bottom: 4px; font-size: 18px; color: #111; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list_style_02 .option {font-size: 14px; color: #333;}
.list_style_02 .price {width: 160px; text-align: center; font-size: 20px; font-weight: 600; font-family: 'Montserrat'; color: #111; position: absolute; right: 320px; top: 65px;}
.list_style_02 .price em {font-size: 14px; font-weight: 500; position: relative; top: -2px;}
.list_style_02 .state {width: 160px; text-align: center; color: #111; font-weight: 500; position: absolute; right: 160px; top: 65px;}
.list_style_02 .state em {display: none;}
.list_style_02 .btn_box {display: flex; width: 100px; height: 100%; flex-direction: column; justify-content: center; position: absolute; right: 30px; top: 0;}
.list_style_02 .btn40 {width: 100%; margin: 4px 0;}

.list_style_03 {margin-bottom: 80px; border-top: 2px solid #111;}
.list_style_03 > li {padding: 24px 0 24px 40px; border-bottom: 1px solid #E5E5E5; position: relative;}
.list_style_03 .checkbox {position: absolute; left: 0; top: calc(50% - 10px);}
.list_style_03 .i_item {min-height: 90px; padding: 15px 170px 0 106px; position: relative;}
.list_style_03 .i_item span {display: block;}
.list_style_03 .i_img {width: 90px; height: 90px; border: 1px solid #eee; box-sizing: border-box; position: absolute; left: 0; top: 0;}
.list_style_03 .i_img img {width: 100%; height: 100%; object-fit: cover;}
.list_style_03 .i_name {margin-bottom: 4px; font-size: 18px; color: #111; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list_style_03 .i_badge {display: inline-block; height: 26px; padding: 0 10px; line-height: 26px; border-radius: 26px; background-color: #111; color: #fff; font-size: 12px; font-weight: 900;}
.list_style_03 .i_txt {color: #999; font-weight: 500; font-size: 14px;}
.list_style_03 .checkbox_pin {position: absolute; right: 100px; top: calc(50% - 15px);}
.list_style_03 .i_btn_box {position: absolute; right: 0; top: calc(50% - 15px);}

.input_qty {width: 120px; height: 36px; padding: 0 36px; box-sizing: border-box; position: relative; border: 1px solid #C6C6C6; border-radius: 5px; overflow: hidden;}
.input_qty .qty_minus,
.input_qty .qty_plus {display: block; width: 36px; height: 36px; position: absolute; top: 0; background-color: #fff;}
.input_qty .qty_it {width: 100%; height: 36px; border: 0 solid #fff; padding: 0; color: #333; text-align: center;}
.input_qty input[type="number"]::-webkit-outer-spin-button,
.input_qty input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.input_qty .qty_minus {left: 0; border-right: 1px solid #C6C6C6;}
.input_qty .qty_minus::after,
.input_qty .qty_plus::after {content: ''; display: block; width: 14px; height: 2px; background-color: #333; position: absolute; left: calc(50% - 7px); top: calc(50% - 1px);}
.input_qty .qty_plus::before {content: ''; display: block; width: 2px; height: 14px; background-color: #333; position: absolute; left: calc(50% - 1px); top: calc(50% - 7px);}
.input_qty .qty_plus {right: 0; border-left: 1px solid #C6C6C6;}

.pagination_area {overflow:hidden; text-align:center;}
.pagination_area .paging {display:inline-block;}
.pagination_area .paging > a {display:inline-block; width: 44px; height: 44px; margin-left: 4px; border: 1px solid #ddd; line-height: 44px; color:#fff; float:left; position: relative;}
.pagination_area .paging .page_first {background: url(../../resources/images/arrow_06.svg) center no-repeat;}
.pagination_area .paging .page_prev {background: url(../../resources/images/arrow_05.svg) center no-repeat;}
.pagination_area .paging .page_last {background: url(../../resources/images/arrow_06.svg) center no-repeat; transform: rotate(180deg);}
.pagination_area .paging .page_next {background: url(../../resources/images/arrow_05.svg) center no-repeat; transform: rotate(180deg);}
.pagination_area .paging .page {display:inline-block; padding:0 2px; float:left;}
.pagination_area .paging .page a {display: inline-block; width: 44px; height: 44px; margin:0 2px; font-family: 'Montserrat'; line-height: 44px; color: #111; font-weight: 500; box-sizing: border-box; float: left;}
.pagination_area .paging .page a.current {color:#fff; background-color: #111;}

.search_area {margin-bottom: 50px; padding: 64px; border: 1px solid #E5E5E5;}
.search_area .i_btn_box {padding-top: 30px; border-top: 1px solid #E5E5E5; overflow: hidden;}
.search_area .i_btn_box .btn52 {margin-left: 8px; float: left;}
.search_area .i_radiobox {padding-top: 15px;}
.search_area .i_radiobox .radiobox {margin: 0 15px 15px 0;}
.search_area .dv_grp .dv + .dv {margin-left: 40px;}

.register_area {margin-bottom: 50px; padding: 64px; border: 1px solid #E5E5E5;}
.register_area .i_title {margin-bottom: 25px; padding-bottom: 15px; font-size: 24px; font-weight: 700; color: #111; border-bottom: 2px solid #111;}
.register_area .i_txt {margin-bottom: 32px; padding: 24px; color: #333; font-weight: 500; background-color: #F8F8F8; border-radius: 10px;}
.register_area .i_input_box {padding-left: 150px; position: relative;}
.register_area .i_input_box dt {font-weight: 500; color: #111; position: absolute; left: 0; top: 14px;}
.register_area .i_input_box dd {padding-right: 130px; position: relative;}
.register_area .i_input_box dd .btn52 {width: 120px; position: absolute; right: 0; top: 0;}

.radiobox {padding-left: 30px; display: inline-block; position: relative;}
.radiobox input[type="radio"] {width: 0; height: 0; overflow: hidden; border: solid 0 #fff; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.radiobox span {font-size: 16px; color: #111;}
.radiobox em {display: inline-block; width: 22px; height: 22px; box-sizing: border-box; border-radius: 22px; background-color: #fff; border: solid 1px #ccc; transition: all 0.3s cubic-bezier(0,.92,.52,1.31); position: absolute; left: 0; top: 1px;}
.radiobox input[type="radio"]:checked + em {border: 7px solid #333;}
.radiobox input[type="radio"]:disabled + em {opacity: 0.3;}
.radiobox input[type="radio"]:disabled ~ span {opacity: 0.3;}
.radiobox.m_style_01 {padding-left: 0;}
.radiobox.m_style_01 input[type="radio"] {margin-right: 0;}
.radiobox.m_style_01 em {position: static;}

.board_top_area {margin-bottom: 10px; overflow: hidden;}
.board_top_area .i_count {line-height: 45px;}
.board_top_area .select {display: inline-block; width: auto;}
.board_top_area .fl_r > .i_select_box,
.board_top_area .fl_r > .btn45,
.board_top_area .fl_r > .select {margin-left: 10px; float: left;}
.board_top_area .i_select_box {padding-top: 51px;}
.board_top_area .i_select_box .i_select_title {margin-right: 10px; line-height: 45px; font-size: 14px;}
.board_top_area .i_select_box .select {width: 170px;}
.board_top_area .i_select_box .select select {width: 100%;}
.board_top_area .i_dl {overflow: hidden;}
.board_top_area .i_dl > div {float: left; margin-right: 25px;}
.board_top_area .i_dl dt {margin-bottom: 16px; font-size: 16px; font-weight: 500; color: #222;}
.board_top_area .i_dl .slide_toggle em {width: 80px; height: 45px; border-radius: 45px;}
.board_top_area .i_dl .slide_toggle em:after {width: 32px; height: 32px; border-radius: 32px; top: calc(50% - 16px); left: 8px;}
.board_top_area .i_dl .slide_toggle input[type="checkbox"]:checked ~ em:after {left: 40px;}
.board_top_area .state_list {padding-top: 20px;}

.bottom_btn_area {margin: 50px 0 100px; text-align: center;}

.responsive_frame {width: 1280px; margin: 0 auto; position: relative;}

.scroll_x {overflow: hidden; overflow-x: auto; white-space: nowrap;}
.scroll_x > * {width: 1200px;}

.tootip {display: inline-block; position: relative; white-space: nowrap;}
.tootip .i_ico {width: 30px; height: 30px; background: url(../../resources/images/ico_info.svg) center no-repeat; position: absolute; left: 0; top: 0;}
.tootip:hover .i_layer {display: block;}
.tootip .i_layer {display: none; padding: 16px 24px; border-radius: 5px; background-color: #fff; box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1); position: absolute; left: 20px; top: 20px;}
.tootip .i_layer .i_txt_li li {padding-left: 20px; text-align: left; font-size: 14px; font-weight: 400; color: #444; line-height: 1.7; position: relative;}
.tootip .i_layer .i_txt_li li::after {content: ''; display: block; width: 3px; height: 3px; border-radius: 3px; background-color: #333; position: absolute; left: 10px; top: 10px;}

.state_list {overflow: hidden;}
.state_list li {margin-right: 24px; float: left; font-size: 13px; font-weight: 500; color: #444;}
.state_list span {display: inline-block; padding-left: 16px; position: relative;}
.state_list span::after {content: ''; display: block; width: 10px; height: 10px; border-radius: 10px; position: absolute; left: 0; top: calc(50% - 5px);}
.state_list .i_confirm::after {background-color: #23A46C;}
.state_list .i_standby::after {background-color: #0082D3;}
.state_list .i_cancel::after {background-color: #D35353;}
.state_list .i_online::after {background-color: #000;}
.state_list .i_offline::after {background-color: #bbb;}
.state_list .i_disabled::after {height: 8px; background: url(../images/ico_disabled.svg) 0 0 no-repeat;}

.table_calendar {margin-bottom: 16px; padding-left: 55px; position: relative;}
.table_calendar .i_time_list {width: 55px;border: 1px solid #A0A7AC;border-left: 0 solid #fff;position: absolute;left: 0;top: 79px;background-color: #fff;}
.table_calendar .i_time_list::after {content: '';display: block;width: 55px;height: 40px;background-color: #fff;border-top: 1px solid #A0A7AC;position: absolute;left: 0;top: -41px;}
.table_calendar .i_time_list::before {content: '';display: block;width: 55px;height: 40px;background-color: #fff;border-top: 1px solid #A0A7AC;position: absolute;left: 0;top: -80px;}
.table_calendar .i_time_list > div {height: 83px;line-height: 83px;color: #666;font-size: 13px;font-weight: 500;text-align: center;}
.table_calendar .i_time_list > div:first-child {height: 82px;line-height: 82px;}
.table_calendar .i_list {display: flex;overflow-x: auto;white-space: nowrap;}
.table_calendar .i_list > li {flex: 0 0 auto;border-right: 1px solid #A0A7AC;background-color: #fff;}
.table_calendar .i_list .i_date {height: 40px;line-height: 38px;text-align: center;font-weight: 500;color: #222;border-top: 1px solid #A0A7AC;border-bottom: 1px solid #A0A7AC;}
.table_calendar .i_item_wrap {overflow: hidden;}
.table_calendar .i_item_wrap .i_th {height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #A0A7AC;}
.table_calendar .i_item_wrap > div {width: 195px;border-bottom: 1px solid #A0A7AC;float: left;}
.table_calendar .i_item_wrap > div + div li {border-left: 1px dotted #A0A7AC;}
.table_calendar .i_item_wrap ol > li {padding: 16px;}
.table_calendar .i_item_wrap ol > li + li {border-top: 1px dotted #A0A7AC;}
.table_calendar .i_item {display: flex;align-items: center;height: 50px;padding: 0 12px;border: 1px solid #A0A7AC;background-color: #fff;border-radius: 3px;position: relative;}
.table_calendar .i_item .checkbox {position: absolute;left: 12px;top: 14px;}
.table_calendar .i_item .checkbox em {background-color: #fff;}
.table_calendar .i_item.m_confirm, .table_calendar .i_item.m_standby, .table_calendar .i_item.m_cancel {padding: 12px 12px 12px 40px;border: 1px solid #F1F2F3;background-color: #F1F2F3;}
.table_calendar .i_item .i_time {display: block;padding-left: 14px;font-size: 14px;font-weight: 500;position: relative;}
.table_calendar .i_item.m_empty .i_time {padding-left: 0;}
.table_calendar .i_item.m_confirm .i_time::after, .table_calendar .i_item.m_standby .i_time::after, .table_calendar .i_item.m_cancel .i_time::after, .table_calendar .i_item.m_disabled .i_time::after {content: '';display: block;width: 10px;height: 10px;border-radius: 10px;background-color: #23A46C;position: absolute;left: 0;top: 5px;}
.table_calendar .i_item.m_confirm .i_time::after {background-color: #23A46C;}
.table_calendar .i_item.m_standby .i_time::after {background-color: #0082D3;}
.table_calendar .i_item.m_cancel .i_time::after {background-color: #D35353;}
.table_calendar .i_item.m_disabled .i_time::after {background: url(../images/ico_disabled.svg) 0 0 no-repeat;background-size: 10px;}

.table_calendar_01 {margin-bottom: 16px;padding-left: 55px;position: relative;}
.table_calendar_01 .i_time_list {width: 55px;border: 1px solid #A0A7AC;border-left: 0 solid #fff;position: absolute;left: 0;top: 39px;}
.table_calendar_01 .i_time_list::after {content: '';display: block;width: 55px;height: 1px;background-color: #A0A7AC;position: absolute;left: 0;top: -40px;}
.table_calendar_01 .i_time_list > div {height: 161px;padding-top: 24px;color: #666;font-size: 13px;font-weight: 500;text-align: center;}
.table_calendar_01 .i_time_list > div:first-child {height: 160px;}
.table_calendar_01 .i_list {display: flex;overflow-x: auto;white-space: nowrap;}
.table_calendar_01 .i_list > li {flex: 0 0 auto;width: 189px;}
.table_calendar_01 .i_list > li + li .i_item_wrap li {border-left: 1px dotted #A0A7AC;}
.table_calendar_01 .i_list .i_date {height: 40px;line-height: 38px;text-align: center;font-weight: 500;color: #222;border-top: 1px solid #A0A7AC;border-bottom: 1px solid #A0A7AC;}
.table_calendar_01 .i_item_wrap {border-bottom: 1px solid #A0A7AC;}
.table_calendar_01 .i_item_wrap > li {padding: 16px;}
.table_calendar_01 .i_item_wrap > li + li {border-top: 1px dotted #A0A7AC;}
.table_calendar_01 .i_item {height: 128px;padding: 8px;border: 1px solid #A0A7AC;background-color: #fff;border-radius: 3px;position: relative;}
.table_calendar_01 .i_item span {display: block;margin-top: 2px;font-size: 14px;font-weight: 400;color: #000;}
.table_calendar_01 .i_item .i_time {margin: 0 0 9px;padding-left: 14px;font-weight: 500;position: relative;}
.table_calendar_01 .i_item.m_online .i_time::after, .table_calendar_01 .i_item.m_offline .i_time::after {content: '';display: block;width: 10px;height: 10px;border-radius: 10px;background-color: #23A46C;position: absolute;left: 0;top: 5px;}
.table_calendar_01 .i_item.m_online .i_time::after {background-color: #000;}
.table_calendar_01 .i_item.m_offline .i_time::after {background-color: #bbb;}

.table_calendar_02 {padding-left: 55px; position: relative;}
.table_calendar_02 .i_time_list {width: 55px; padding-bottom: 16px; border: 1px solid #A0A7AC; border-left: 0 solid #fff; position: absolute; left: 0; top: 39px;}
.table_calendar_02 .i_time_list::after {content: ''; display: block; width: 55px; height: 1px; background-color: #A0A7AC; position: absolute; left: 0; top: -40px;}
.table_calendar_02 .i_time_list > div {height: 122px; padding-top: 25px; color: #757575; font-size: 12px; text-align: center;}
.table_calendar_02.m_type_01 .i_time_list > div {height: 56px;}
.table_calendar_02 .i_list {display: flex; overflow-x: auto; white-space: nowrap;}
.table_calendar_02 .i_list > li {flex: 1; min-width: 189px;}
.table_calendar_02 .i_list .i_date {height: 40px; line-height: 40px; text-align: center; font-weight: 500; color: #222; border-top: 1px solid #A0A7AC; border-bottom: 1px solid #A0A7AC;}
.table_calendar_02 .i_item_wrap {padding-bottom: 16px; border-bottom: 1px solid #A0A7AC;}
.table_calendar_02 .i_item_wrap > li {padding: 16px 0 0 16px;}
.table_calendar_02 .i_item {height: 106px; padding: 10px; background-color: #fff; border: 1px solid #A0A7AC; border-radius: 3px; position: relative; overflow: hidden; transition: all 0.3s;}
.table_calendar_02.m_type_01 .i_item {height: 40px;}
.table_calendar_02 .i_item.m_hover:hover {background-color: #DFE1E2}
.table_calendar_02 .i_item.on {background-color: #1B3F5A; color: #fff;}
.table_calendar_02 .i_item.on:hover {background-color: #1B3F5A;}
.table_calendar_02 .i_item span {display: block; margin-bottom: 3px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.table_calendar_02 .i_item .i_time,
.table_calendar_02 .i_item .i_txt_01 {font-weight: 500;}
.table_calendar_02 .i_item .i_btn {display: none; width: 18px; height: 18px; background: url(../images/ico_more_01.png) center no-repeat; position: absolute; right: 9px; top: 9px;}
.table_calendar_02 .i_item .i_btn {display: none; width: 18px; height: 18px; background: url(../images/ico_more_01.png) center no-repeat; position: absolute; right: 9px; top: 9px;}
.table_calendar_02 .i_item.m_confirm .i_btn,
.table_calendar_02 .i_item.m_standby .i_btn,
.table_calendar_02 .i_item.m_cancel .i_btn,
.table_calendar_02 .i_item.m_disabled .i_btn {display: block;}
.table_calendar_02 .i_item.m_confirm {background-color: #07C271; color: #fff; border: 1px solid #07C271;}
.table_calendar_02 .i_item.m_disabled {background-color: #F1F2F3; color: #B9BFC2; border: 1px solid #F1F2F3;}

.popup_wrap {display:block; position:fixed; left:0; top:100%; z-index:300; width:100%; height:100%; transition:top 0.05s ease-out 0.25s;}
.popup_wrap.open {top:0; transition: top 0.05s ease-out 0s;}
.popup_wrap:before {content:''; display:block; position:absolute; left: 0; top: 0; width:100%; height:100%; background-color:#000000; opacity:0; transition:opacity 0.3s ease-out;}
.popup_wrap.open:before {opacity:0.5; transition:opacity 0.4s ease-out;}
.popup_wrap .outter_box {display:-ms-flexbox; display:flex; width:100%; height:100%; overflow:hidden; overflow-y:auto; position:relative; box-sizing: border-box; padding: 60px 0; align-items: center; flex-direction: row;}
.popup_wrap .inner_box {width: 375px; margin: auto; padding: 80px 40px 40px; position:relative; letter-spacing: -0.05em; box-sizing:border-box; background-color:#ffffff; opacity:0; border-radius: 20px; transform: translate(0, 0) scale(0.75, 0.75); transition: all 0.4s cubic-bezier(1,-0.74,.13,.99); box-shadow: 0 15px 30px 0 rgba(4, 15, 19, 0.15);}
.popup_wrap.open .inner_box {transform: translate(0, 0) scale(1.0, 1.0); opacity:1; transition: all 0.5s cubic-bezier(.59,0,0,1.63);}
.popup_wrap .btn_close {display: block; width: 40px; height: 40px; position: absolute; right: 20px; top: 20px;}
.popup_wrap .btn_close::after {content: '✕'; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 26px; color: #B6B6B6;}
.popup_wrap .btn_close_01 {width: 60px; height: 60px; position: absolute; right: 0; top: -60px;}
.popup_wrap .btn_close_01::after {content: '✕'; display: block; font-size: 36px; color: #fff;}
.popup_wrap .i_title_20 {margin-bottom: 50px; font-size: 20px; font-weight: 500; text-align: center;}
.popup_wrap .i_title_14 {margin-bottom: 50px; font-size: 14px; font-weight: 400; text-align: center;}
.popup_wrap .i_btn_box {text-align: center;}

.popup_wrap.m_popup_style_01 .inner_box {width: 80%; max-width: 740px; padding: 40px 30px; border-radius: 0;}
.popup_wrap.m_popup_style_01 .i_title {margin: 0 0 35px; padding-bottom: 15px; font-size: 20px; color: #000; border-bottom: 2px solid #000;}
.popup_wrap.m_popup_style_01 .btn_close::after {color: #000;}
.popup_wrap.m_popup_style_01 .i_link {display: inline-block; font-size: 14px; text-decoration: underline; position: absolute; right: 30px; top: 95px;}

.popup_wrap.m_popup_style_02 .inner_box {width: 80%; max-width: 790px; padding: 0 0 70px; border-radius: 0;}
.popup_wrap.m_popup_style_02 .i_title {width: 100%; padding: 29px 0; text-align: center; font-size: 30px; color: #000; background-color: #FAFAFA;}
.popup_wrap.m_popup_style_02 .i_cont {padding: 70px 30px; font-size: 22px; text-align: center;}
.popup_wrap.m_popup_style_02 .btn {width: 300px; height: 70px; font-size: 18px;}
.popup_wrap.m_popup_style_02 .btn_close {right: 10px; top: 29px;}
.popup_wrap.m_popup_style_02 .btn_close::after {color: #777; font-size: 16px;}

.popup_wrap.m_popup_style_03 .inner_box {width: 100%; max-width: 1000px; padding: 60px; border-radius: 0;}
.popup_wrap.m_popup_style_03 .btn_close {right: 12px; top: 12px;}
.popup_wrap.m_popup_style_03 .i_title {margin: 10px 0; word-break: break-all;}
.popup_wrap.m_popup_style_03 .i_intro {word-break: break-all;}
.popup_wrap.m_popup_style_03 .i_slick {margin-bottom: 60px;}
.popup_wrap.m_popup_style_03 .i_slick img {width: 100%;}
.popup_wrap.m_popup_style_03 .i_slick .slick-prev {left: -25px; z-index: 1;}
.popup_wrap.m_popup_style_03 .i_slick .slick-next {right: -25px;}
.popup_wrap.m_popup_style_03 .i_slick .slick-dots {bottom: -40px;}
.popup_wrap.m_popup_style_03 .i_iframe {height: calc(100vw * (500 / 880)); max-height: 500px;}

.popup_wrap.m_coupon .inner_box {padding: 40px 30px;}
.popup_wrap.m_coupon .i_title {margin-bottom: 30px; padding-bottom: 20px; font-size: 24px; color: #000; border-bottom: 2px solid #000;}

.gnb_top_tab {display: flex; width: 100%; position: absolute; left: 0; top: 0;}
.gnb_top_tab::after {content: ''; display: block; width: 200vw; height: 1px; background-color: #555; position: absolute; left: calc(50% - 100vw); top: 30px;}
.gnb_top_tab li {position: relative;}
.gnb_top_tab li a {display: block; height: 30px; padding: 0 15px; line-height: 30px; font-size: 14px; opacity: 0.5;}
.gnb_top_tab li a:hover {opacity: 1;}

.coupon {margin-bottom: 20px;}
.coupon .i_shape {height: 150px; padding: 20px; color: #fff; background-color: #3376A8; position: relative;}
.coupon .i_shape::after {content: ''; display: block; width: 40px; height: 40px; border-radius: 40px; background-color: #fff; position: absolute; right: -20px; top: calc(50% - 20px);}
.coupon .i_name {display: block; margin-bottom: 5px; font-weight: 700; opacity: 0.5;}
.coupon .i_price {display: block; margin-bottom: 5px; font-family: 'Montserrat'; font-size: 45px; font-weight: 500;}
.coupon .i_unit {font-size: 20px; font-weight: 400;}
.coupon .i_date {display: block; font-size: 14px; opacity: 0.7;}
.coupon .i_down {display: block; width: 50px; height: 50px; border-radius: 50px; background: url(../../resources/images/download-solid-white.svg) center no-repeat #000; background-size: 20px !important; position: absolute; right: -10px; bottom: -10px;}
.coupon .i_down.disabled {background: url(../../resources/images/download-solid-white.svg) center no-repeat #DFE1E2; cursor: default;}
.coupon .i_alert {margin-top: 5px; font-size: 13px; text-align: center; color: #B2B2B2;}

.tab_btn {display: flex; gap: 30px; justify-content: center;}
.tab_btn li button {padding: 0 4px; font-size: 16px; white-space: nowrap;}
.tab_btn li button:hover,
.tab_btn li.on button {color: var(--themesColor); border-bottom: 2px solid var(--themesColor);}
.tab_btn li.on button {font-weight: 700;}

.purchased_item_input {margin: 20px 0;}
.purchased_item_input .i_item + .i_item {margin-top: 10px;}
.purchased_item_input input {width: 85px; text-align: right;}

@media(max-width:999.98px){
    .gnb_top_tab {display: none;}
}

@media screen and (max-width: 768px) {
    .btn62 {min-width: auto; height: 59px; line-height: 59px; font-size: 18px;}
    .btn62.white {line-height: 57px;}
    .btn70 {min-width: 71px; height: 34px; padding: 0 20px; line-height: 34px; font-size: 12px;}
    .btn70 span {padding-right: 30px;}
    .btn70 span::after {width: 20px; height: 20px; background-size: 20px; top: 6px;}

    .pc_hide {display: block !important;}
    .mo_hide {display: none !important;}
    .pc_show {display: none !important;}
    .mo_show {display: block !important;}

    .it_btn {padding-right: 98px; position: relative;}
    .it_btn .btn52 {min-width: 90px;}

    .radio .box {display: block; width: 100%; height: auto; padding: 20px 20px 20px 52px;}
    .radio .box em {left: 20px; top: 20px;}
    .radio .name {display: block; font-size: 18px;}
    .radio .price {display: block; margin-top: 6px; text-align: right; position: static;}
    .radio input[type="radio"]:checked + .box {padding: 19px 19px 19px 51px;}

    .custom_select::after {content: ''; display: none; width: 100%; height: 100%; background-color: #000; opacity: 0.3; position: fixed; left: 0; top: 0; z-index: 30;}
    .custom_select.open::after {display: block;}
    .custom_select.open {position: relative; z-index: 20;}
    .custom_select .options {display: none; width: 100%; padding: 44px 20px 40px; box-shadow: 0px -6px 10px rgba(0, 0, 0, 0.08); border-radius: 20px 20px 0px 0px; border: 0 solid #fff; position: fixed; left: 0; top: auto; bottom: 0; z-index: 35;}
    .custom_select.open .options {display: block;}
    .custom_select .options li {padding: 10px 0; color: #000; opacity: 0.3;}
    .custom_select .options li.on {opacity: 1; position: relative;}
    .custom_select .options li.on::after {content: ''; display: block; width: 24px; height: 24px; background: url(../images/ico_chk.svg) center no-repeat; position: absolute; right: 0; top: calc(50% - 12px);}
    .custom_select .options li:hover {color: #000; background: #fff;}
    .custom_select .options .tit {display: block; margin-bottom: 10px; color: #111; font-weight: 700; font-size: 18px; letter-spacing: -0.05em;}
    .custom_select .options .btn_close {display: block; width: 20px; height: 20px; background: url(../images/btn_close.svg) center no-repeat; position: absolute; right: 20px; top: 20px;}
    .custom_select .options .btn62 {display: block; width: 100%; margin-top: 20px;}

    .caution_box {margin-top: 40px; padding: 24px;}
    .caution_box .tit {margin-bottom: 16px; font-size: 18px;}

    .option_checkbox .chk {padding: 20px 20px 20px 50px; border: 1px solid #E5E5E5; border-radius: 8px;}
    .option_checkbox em {width: 22px; height: 22px; left: 20px; top: 21px;}
    .option_checkbox span {color: #111;}
    .option_checkbox input[type="checkbox"]:checked + .chk {padding: 19px 19px 19px 49px; background-color: #F8F8F8; border: 2px solid #111;}
    .option_checkbox input[type="checkbox"]:checked + .chk em::after {width: 22px; height: 22px;}

    .title_style {margin-bottom: 24px;}

    .table_style_03 {margin-bottom: 40px;}
    .table_style_03 .i_thead .i_tr {padding: 15px 70px 15px 30px;}
    .table_style_03 .i_tr {display: block; padding: 20px 70px 20px 30px; position: relative;}
    .table_style_03 .i_td {display: block; padding: 0; float: none;}
    .table_style_03 .i_tbody .i_td {min-height: auto;}
    .table_style_03.m_colgroup_01 .i_thead .i_td:nth-child(1) {top: 17px;}
    .table_style_03.m_colgroup_01 .i_thead .i_td:nth-child(3),
    .table_style_03.m_colgroup_01 .i_thead .i_td:nth-child(4) {display: none;}
    .table_style_03.m_colgroup_01 .i_thead .i_td:nth-child(5) {top: 16px; right: 15px;}
    .table_style_03.m_colgroup_01 .i_td:nth-child(1) {position: absolute; left: 0; top: 22px;}
    .table_style_03.m_colgroup_01 .i_td:nth-child(5) {position: absolute; right:0; top: 22px;}
    .table_style_03.m_colgroup_02 .i_td:nth-child(1) {position: absolute; left: 0; top: 22px;}
    .table_style_03.m_colgroup_02 .i_td:nth-child(3),
    .table_style_03.m_colgroup_02 .i_td:nth-child(4),
    .table_style_03.m_colgroup_02 .i_td:nth-child(5),
    .table_style_03.m_colgroup_02 .i_td:nth-child(6),
    .table_style_03.m_colgroup_02 .i_td:nth-child(7),
    .table_style_03.m_colgroup_02 .i_td:nth-child(8),
    .table_style_03.m_colgroup_02 .i_td:nth-child(9),
    .table_style_03.m_colgroup_02 .i_td:nth-child(10) {display: none;}
    .table_style_03.m_colgroup_02 .i_td:nth-child(11) {position: absolute; right:5px; top: 17px;}
    .table_style_03.m_colgroup_02 .i_thead .i_td:nth-child(1) {top: 17px;}
    .table_style_03.m_colgroup_02 .i_thead .i_td:nth-child(11) {top: 16px; right: 15px;}
    .m_accordion_table .i_tbody .i_tr:has(input:checked) + .i_tr_accordion {display: block;}
    .m_accordion_table .i_tbody .i_tr_accordion .dv + .dv {margin: 40px 0 0;}

    .list_style_01 {width: 100%;}
    .list_style_01 > li {width: 100%; height: auto; margin: 0 0 30px; padding: 0 0 30px; box-sizing: border-box; position: relative;}
    .list_style_01 > li::after {content: ''; display: block; width: 100vw; height: 6px; background-color: #F6F6F6; position: absolute; left: -20px; bottom: 0;}
    .list_style_01 > li:last-child:after {display: none;}
    .list_style_01 .img {width: 110px; height: 110px; position: absolute; right: 0; top: 0;}
    .list_style_01 .img.m_disabled {position: absolute;}
    .list_style_01 .img.m_disabled .i_txt {font-size: 20px; top: calc(50% - 14px);}
    .list_style_01 .product_name {margin-bottom: 8px; padding-right: 120px; font-size: 18px;}
    .list_style_01 .product_date {margin-bottom: 28px;}
    .list_style_01 .product_date span {margin-bottom: 4px; padding: 0 0 0 62px;}
    .list_style_01 .product_price .sale {margin-right: 0; font-size: 24px;}
    .list_style_01 .product_price .price {font-size: 24px;}
    .list_style_01 .product_price .price em {top: -2px;}
    .list_style_01 .product_price .price del {top: -2px;}

    .list_style_02 {margin-bottom: 40px;}
    .list_style_02 li {padding: 63px 0 24px;}
    .list_style_02 .product {margin-bottom: 4px; padding: 3px 0 0 80px;}
    .list_style_02 .img {width: 68px; height: 68px;}
    .list_style_02 .order_code {margin-bottom: 0;}
    .list_style_02 .order_code em {font-size: 14px;}
    .list_style_02 .product_name {margin-bottom: 0; font-size: 16px;}
    .list_style_02 .price {width: auto; margin-bottom: 20px; padding-left: 80px; font-size: 16px; text-align: left; position: static;}
    .list_style_02 .price em {top: -1px;}
    .list_style_02 .state {width: auto; text-align: left; position: absolute; right: auto; left: 0; top: 24px;}
    .list_style_02 .state em {display: inline-block; margin-left: 4px; font-size: 14px; font-weight: 500; color: #999; position: relative; top: -1px;}
    .list_style_02 .btn_box {width: 100%; position: static; flex-direction: row;}
    .list_style_02 .btn40 {margin: 0 4px;}

    .list_style_03 {margin-bottom: 40px;}
    .list_style_03 > li {padding: 24px 0 24px 40px;}
    .list_style_03 .checkbox {left: 0; top: 24px;}
    .list_style_03 .i_item {min-height: 120px; padding: 30px 100px 0 106px;}
    .list_style_03 .i_img {top: 30px;}
    .list_style_03 .i_name {width: 100%; padding-right: 50px; box-sizing: border-box; position: absolute; left: 0; top: -5px;}
    .list_style_03 .checkbox_pin {right: 10px; top: 24px;}
    .list_style_03 .i_btn_box {top: 116px;}

    .input_qty {width: 112px; height: 32px; padding: 0 32px;}
    .input_qty .qty_minus,
    .input_qty .qty_plus {width: 32px; height: 32px;}
    .input_qty .qty_it {height: 32px; line-height: 32px; font-size: 15px;}
    .input_qty .qty_minus::after,
    .input_qty .qty_plus::after {width: 12px; left: calc(50% - 6px);}
    .input_qty .qty_plus::before {height: 12px; top: calc(50% - 6px);}

    .pagination_area .paging > a {margin-left: 0;}
    .pagination_area .paging .page_first,
    .pagination_area .paging .page_last {display: none;}
    .pagination_area .paging .page {padding: 0;}
    .pagination_area .paging .page a {margin: 0;}

    .title_38 {margin-bottom: 40px; font-size: 32px; text-align: left;}

    .search_area {margin-bottom: 30px; padding: 20px;}
    .search_area .i_btn_box {padding-top: 20px;}
    .search_area .i_radiobox {padding-top: 15px;}
    .search_area .dv_grp {display: block;}
    .search_area .dv_grp .dv {margin: 0 0 20px 0; padding-top: 20px; border-top: 1px solid #E5E5E5;}
    .search_area .dv_grp:first-child .dv:first-child {padding-top: 0; border-top: 0 solid #fff;}
    .search_area .dv_grp .dv + .dv {margin-left: 0;}

    .register_area {margin-bottom: 30px; padding: 20px;}
    .register_area .i_txt {margin-bottom: 20px; padding: 20px;}
    .register_area .i_input_box {padding-left: 0;}
    .register_area .i_input_box dt {margin-bottom: 10px; position: static;}
    .register_area .i_input_box dd {padding-right: 0;}
    .register_area .i_input_box dd .btn52 {width: 100%; margin-top: 10px; position: static;}

    .board_top_area .fl_l {width: 100%;}
    .board_top_area .fl_r {width: 100%; float: left;}
    .board_top_area .fl_r .btn45,
    .board_top_area .fl_r .select {margin-left: 0; margin-right: 5px;}
    .board_top_area .btn45.m_excel {width: 60px; height: 60px; margin: 0; border: 1px solid #206B24; border-radius: 60px; background: url(../../resources/images/ico_excel.svg) center no-repeat #DFF4E0; background-size: 32px; position: fixed; right: 10px; bottom: 150px; z-index: 5;}
    .board_top_area .btn45.m_excel span {display: none;}
    .board_top_area select {min-width: auto; height: 40px; padding: 5px 28px 5px 10px; font-size: 14px; background-size: 20px;}

    .bottom_btn_area {width: 100%; margin: 0; box-sizing: border-box; background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 20;}
    .bottom_btn_area .btn62 {width: 100%;}

    .board_top_area .i_select_box {width: 100%; margin-left: 0 !important; padding: 16px 0 0 56px; position: relative;}
    .board_top_area .i_select_box .i_select_title {margin-right: 10px; font-size: 12px; position: absolute; left: 0; top: 15px;}
    .board_top_area .i_select_box .select {width: 100%;}
    .board_top_area .i_select_box .select select {font-size: 12px;}

    .responsive_frame {width: 100%; padding: 0 20px;}

    .popup_wrap.m_popup_style_02 .inner_box {padding: 0 0 35px;}
    .popup_wrap.m_popup_style_02 .i_title {padding: 15px 0; font-size: 22px;}
    .popup_wrap.m_popup_style_02 .i_cont {padding: 35px 20px; font-size: 16px;}
    .popup_wrap.m_popup_style_02 .btn {width: 180px; height: 50px; line-height: 50px; font-size: 16px;}
    .popup_wrap.m_popup_style_02 .btn_close {right: 5px; top: 8px;}
    .popup_wrap.m_popup_style_02 .btn_close::after {font-size: 18px;}

    .popup_wrap.m_popup_style_03 .inner_box {padding: 40px;}
    .popup_wrap.m_popup_style_03 .btn_close {right: 0; top: 0;}
    .popup_wrap.m_popup_style_03 .i_slick {margin-bottom: 40px;}
    .popup_wrap.m_popup_style_03 .i_slick .slick-prev {left: -35px;}
    .popup_wrap.m_popup_style_03 .i_slick .slick-next {right: -35px;}
    .popup_wrap.m_popup_style_03 .i_slick .slick-dots {bottom: -30px;}

    .tab_btn {gap: 4px 12px; flex-wrap: wrap;}
    .tab_btn li button {padding: 0 2px; font-size: 14px;}

    .purchased_item_input {margin: 20px 0;}
    .purchased_item_input .i_item {display: flex; justify-content: space-between;}
    .purchased_item_input .i_item span:nth-child(1) {display: flex; width: calc(100% - 110px); align-items: center;}
    .purchased_item_input .i_item span:nth-child(2) {width: 105px;}
    .purchased_item_input input {width: 85px;}
}