@charset "utf-8";

@font-face {
  font-family: "ONE Mobile Title";
  src: url("/front/assets/fonts/ONE Mobile Title/ONE Mobile Title.ttf") format("truetype"), 
  url("/front/assets/fonts/ONE Mobile Title/ONE Mobile Title OTF.otf") format("opentype");
}
@font-face {
  font-family: "ONE Mobile Regular";
  src: url("/front/assets/fonts/ONE Mobile Regular/ONE Mobile Regular.ttf") format("truetype"), 
  url("/front/assets/fonts/ONE Mobile Regular/ONE Mobile OTF Regular.otf") format("opentype");
}

/* Import Noto Sans Web Fonts */
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

:root {
    /* Font family */
    --font-family-oneTitle: "ONE Mobile Title", sans-serif;
    --font-family-oneReqular: "ONE Mobile Regular", sans-serif;
    --font-family-noto: "Noto Sans KR", sans-serif;
    --font-family-nanum: "Nanum Gothic", sans-serif;
      
  
    /* Color */
    --white-color: #fff;
    --black-color: #000;
    --nav-item-color: #bebebe;
  
    /* padding Size */
    --side-padding: 12px;
  
    /* Font Size */
    --fs-22: 1.375rem;
    --fs-21: 1.313rem;
    --fs-20: 1.25rem;
    --fs-19: 1.1875rem;
    --fs-18: 1.125rem;
    --fs-17: 1.0625rem;
    --fs-16: 1rem;
    --fs-15: 0.9375rem;
    --fs-14: 0.875rem;
    --fs-13: 0.8125rem;
    --fs-12: 0.75rem;
    --fs-11: 0.6875rem;
    --fs-10: 0.625rem;
    --fs-9: 0.5625rem;
    --fs-8: 0.5rem;
  
    --fs-em-22: 1.375em;
    --fs-em-21: 1.313em;
    --fs-em-20: 1.25em;
    --fs-em-19: 1.1875em;
    --fs-em-18: 1.125em;
    --fs-em-17: 1.0625em;
    --fs-em-16: 1em;
    --fs-em-15: 0.9375em;
    --fs-em-14: 0.875em;
    --fs-em-13: 0.8125em;
    --fs-em-12: 0.75em;
    --fs-em-11: 0.6875em;
    --fs-em-10: 0.625em;
    --fs-em-9: 0.5625em;
    --fs-em-8: 0.5em;
  }

body,input,select,textarea,td,th,p,div,ul,li,dt,dd,a,table,form, label
{
    font-family: var(--font-family-noto);
    /* font-family: 'Noto Sans KR', sans-serif; */
    
    /* font-size: 100%; */
    line-height:1.25; 
    color: #333;
    /* font-weight: 300; */
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6,strong
{
    font-family: var(--font-family-noto);
    /* font-family: 'Noto Sans KR', sans-serif; */
    
    /* font-size: 100%; */
    line-height:1.25; 
    color: #333;
    /* font-weight: 300; */
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

body,h1,h2,h3,h4,h5,h6,p,ul,li,dt,dl,a,img, input, table, td, tr, th,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
{
    margin:0; 
    padding:0;
    border:0;
    /* font-size: 100%; */
    vertical-align: baseline;
}
div, p {color:inherit;}
a {
  text-decoration:none; 
  /* color:#666; */
  display:inline-block;  
  cursor:pointer;
}
a:link, a:visited, a:active {text-decoration:none;}

a:hover {
  color:#333; 
}

a img, fieldset, img { border: none; }
ul, ol, dl {list-style:none; margin-bottom: 0 !important; padding-left: 0 !important;}
.ol * { outline: 0 !important; }
img, input, select {border:none; vertical-align:middle;}
em { font-style: normal; }
u {text-decoration:none; border-bottom:1px solid #d4d4d4; padding-bottom:0px;}
small { font-size: 12px !important; }

.clear { clear: both; }
.clear:after { content: ''; display: table; clear: both; }
.clearfix {zoom:1}
.clearfix:after {clear:both; display:block; content:""; height:0px; visibility:hidden;}
.ellipsis {width:100%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

*, ::after, ::before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.cursor { cursor:pointer; }

/* table 관련 */
table {border-collapse:collapse; border-spacing: 0;}
th, td { border-collapse:collapse; vertical-align:middle;border-spacing: 0; }
caption, legend, .hidden {position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px)}
.table>:not(:first-child) { border-top: 1px solid currentColor !important; }

/* form 관련 */
form, fieldset {display:inline;}
textarea {vertical-align:top; text-align:left; border:none;}
fieldset, blockquote, iframe, button{ border:none; }

.form-control { padding: .386rem .75rem !important; }

*:focus { outline: none; }

/* pagination */
.pagination { padding: 10px 0 50px; }

/* bootstrap 기능제어 */
input, select, textarea {border-radius: 0px !important;}
input.form-check-input {border-radius: 50% !important;}
input:focus, select:focus, button:focus, textarea:focus, .btn-check:focus+.btn, .btn:focus, .btn:active {
    /* border-color: inherit !important; */
    box-shadow: none !important;
}
.btn { line-height: inherit !important; padding: 0.53rem 1.75rem !important; border-radius: 0px !important; }
.btn-box {padding: .375rem .75rem !important;}
.btn-box-2 {padding: .1rem .75rem !important;}

.modal { z-index: 2000; }
.modal-content {border-radius: .5rem !important;}
.modal-title { font-size: 1.125rem !important; }
.modal-body { padding: 10px !important; }

#onebutton { display: flex; }
#twobutton { display: none; }
.btnSearch { margin: 1px 0 0 10px !important; padding: 0.45rem 0rem !important; border-radius: 5% !important; }

/* 버튼 관련 */
.btn-purchase {  
  height: auto; 
  font-size: 13px !important;
  padding: 9px 20px !important;
  margin: 8px 4px;
  background-color: #BE3F56 !important; 
  color: #fff !important; 
  line-height: 1 !important;
}

.btn-bluelight {  
  height: auto; 
  font-size: 13px !important;
  padding: 9px 20px !important;
  margin: 8px 4px;
  background-color: #1f7f97 !important; 
  color: #fff !important; 
  line-height: 1 !important;
}

.btn-aquamarine {  
  height: auto; 
  font-size: 13px;
  padding: 6px 10px !important; 
  background-color: #607D8B !important; 
  color: #fff !important;  
  line-height: 1;
}

    
.btn-cart-1 { background-color: #454eb3 !important; color: #fff !important; padding-top: 4px !important; }

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
  background-color: #f5f5f5;
  color: #000000;
}

/* .modal-body { margin: 0 auto; } */
#cartmodal .modal-content {max-width: 400px;text-align: center;}
#cartmodal .modal-body p.cart {font-size: 1.1rem;}
#cartmodal .modal-header {border-bottom: none;}
#cartmodal .modal-footer {justify-content: center;margin: 0 auto;}

/* pagination */
.page-link { color: #333 !important; }
.page-item.active .page-link { color: #fff !important; }
.active > .page-link, .page-link.active { background-color: #485970 !important; border-color: #525252 !important; }

/* confirm-modal 기능제어 */
.jconfirm-title { font-size: 18px !important; font-weight: 400 !important; }
.jconfirm-content { overflow: hidden !important; min-height: 40px !important; }


/* flex */
.d-fex-s1 {display: flex;flex-direction: row;align-items: center;}
.d-fex-s2 {display: flex;flex-direction: column;}

/* message info */
.message-info p { font-size: 14px !important; }

/* line 관련 */
.lh-1j25 { line-height: 1.25; }
.lh-1j5 { line-height: 1.5; }
.lh-2 { line-height: 2.0; }
.lh-2E {line-height: 2.397;}
.lh-2j5 { line-height: 2.5; }
.lh-3 { line-height: 3.0; }
.lh-4 { line-height: 4.0; }
.lh-5 { line-height: 5.0; }
.lh-6 { line-height: 6.0; }

.line-top-1 {border-top: 1px solid #cecece;}
.line-top-2 {border-top: 2px solid #cecece;}
.line-top-3 {border-top: 1px solid #262626 !important;}
.line-top-4 {border-top: 1px solid #ddd !important;}
.line-top-5 {border-top: 2px solid #666 !important;}

.line-t1 { border-top: 1px solid !important; }
.line-b1 { border-bottom: 1px solid !important; }
.line-r1 { border-right: 1px solid !important; }

.line-bottom-0 {border-bottom: 1px solid #efefef !important;}
.line-bottom-1 {border-bottom: 1px solid #cecece;}
.line-bottom-2 {border-bottom: 2px solid #cecece;}
.line-bottom-3 {border-bottom: 1px solid #999;}
.line-bottom-4 {border-bottom: 1px solid #ccc !important;}
.line-bottom-5 {border-bottom: 1px solid #333;}

.brd-1 { border: 1px solid #ddd !important;}
.brd-4 { border: 4px solid #ddd !important;}
.brd-t0 { border-top: 0px !important;}
.brd-l1 { border-left: 1px solid #ddd !important;}
.brd-r1 { border-right: 1px solid #ddd !important;}

.brd-top-color { border-top-color: #aaa !important; }

/* textarea 관련 */
textarea {resize: none !important;}

/* 기타 관련 */
input::placeholder {font-size: 15px;color: rgb(195, 195, 195) !important;font-style: normal; font-weight: 300;}
input::-webkit-input-placeholder {font-size: 15px;color: rgb(195, 195, 195) !important;}
input:-ms-input-placeholder {font-size: 15px;color: rgb(195, 195, 195) !important;}

textarea::placeholder {color: rgb(195, 195, 195) !important;font-weight: bold;}
textarea::-webkit-input-placeholder {font-size: 15px;color: rgb(195, 195, 195) !important;}
textarea:-ms-input-placeholder {font-size: 15px;color: rgb(195, 195, 195) !important;}

.b0-radius { border-radius: 0px !important; }
.b5x-radius { border-radius: 5px !important; }
.b50-radius { border-radius: 50% !important; }

/* dot list */
.dot-list>li {margin-top: 0.5em;padding-left: 20px;font-size: 15px;line-height: 1.3;}
.dot-list>li:before {content: "\f309";color: #000;display: inline-block;font-family: bootstrap-icons !important;text-transform: none;line-height: 1;vertical-align: -.125rem; /*margin-left: -25px;*/ margin-right: 5px;}

.dot-list-0>li {margin: 0 12px; font-size: 15px;line-height: 2;}

.dot-list-2>li {margin: 0 12px; padding-left: 20px;font-size: 15px;line-height: 2;}
.dot-list-2>li:before {content: "\f309";color: #000;display: inline-block;font-family: bootstrap-icons !important;text-transform: none;line-height: 1;vertical-align: -.125rem; /*margin-right: 10px;*/ margin-left: -20px; }

/* 필수 '*' 표시 */
.essential:after {display: inline-block;content: '*';vertical-align: middle;margin-left: 0.3rem;color: #ff2c2c;}
.mustdo:after { content: "\f633"; color: #dc3545; display: inline-block; font-family: bootstrap-icons !important; text-transform: none; line-height: 1; margin-right: 3px; }

/* message 관련 */
.message-info p {color: #999;margin-bottom: 5px; padding-left: 20px;}
.message-info p::before {content: "\f33b";color: #999;display: inline-block;font-family: bootstrap-icons !important;text-transform: none;line-height: 1;vertical-align: -.125rem;margin-left: -20px;margin-right: 5px;}

/* scab 관련 */
.scab-sm, .scab-big { background-color:#FF5722; color:#FFF; margin-left: 13px; }
.scab-sm { padding:2px 3px; font-size: 13px; }
.scab-big { padding:4px; font-size: 13px;}


/* Padding 관련 */
.pdt0  { padding-top: 0px !important; }
.pdt3  { padding-top: 3px !important; }
.pdt5  { padding-top: 5px !important; }
.pdt8  { padding-top: 8px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt25 { padding-top: 25px !important; }
.pdt30 { padding-top: 30px !important; }
.pdt35 { padding-top: 35px !important; }
.pdt40 { padding-top: 40px !important; }
.pdt45 { padding-top: 45px !important; }
.pdt50 { padding-top: 50px !important; }
.pdt60 { padding-top: 60px !important; }
.pdt70 { padding-top: 70px !important; }
.pdt80 { padding-top: 80px !important; }
.pdt90 { padding-top: 90px !important; }
.pdt100 { padding-top: 100px !important; }
.pdt130 { padding-top: 130px !important; }
.pdt140 { padding-top: 140px !important; }
.pdt150 { padding-top: 150px !important; }
.pdt160 { padding-top: 160px !important; }

.pdb0  { padding-bottom: 0px !important; }
.pdb2  { padding-bottom: 2px !important; }
.pdb5  { padding-bottom: 5px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb15 { padding-bottom: 15px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb25 { padding-bottom: 25px !important; }
.pdb30 { padding-bottom: 30px !important; }
.pdb35 { padding-bottom: 35px !important; }
.pdb40 { padding-bottom: 40px !important; }
.pdb45 { padding-bottom: 45px !important; }
.pdb50 { padding-bottom: 50px !important; }
.pdb60 { padding-bottom: 60px !important; }
.pdb70 { padding-bottom: 70px !important; }
.pdb80 { padding-bottom: 80px !important; }
.pdb90 { padding-bottom: 90px !important; }
.pdb100 { padding-bottom: 100px !important; }

.pdl0  { padding-left: 0px !important; }
.pdl5  { padding-left: 5px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl15 { padding-left: 15px !important; }
.pdl20 { padding-left: 20px !important; }
.pdl25 { padding-left: 25px !important; }
.pdl30 { padding-left: 30px !important; }
.pdl35 { padding-left: 35px !important; }
.pdl40 { padding-left: 40px !important; }
.pdl45 { padding-left: 45px !important; }
.pdl50 { padding-left: 50px !important; }
.pdl60 { padding-left: 60px !important; }

.pdr0  { padding-right: 0px !important; }
.pdr1  { padding-right: 1px !important; }
.pdr5  { padding-right: 5px !important; }
.pdr10 { padding-right: 10px !important; }
.pdr15 { padding-right: 15px !important; }
.pdr20 { padding-right: 20px !important; }
.pdr25 { padding-right: 25px !important; }
.pdr30 { padding-right: 30px !important; }
.pdr35 { padding-right: 35px !important; }
.pdr40 { padding-right: 40px !important; }
.pdr45 { padding-right: 45px !important; }
.pdr50 { padding-right: 50px !important; }

.ds-py-2 { padding-top: 2px !important; padding-bottom: 2px !important;}
.ds-py-4 { padding-top: 4px !important; padding-bottom: 4px !important;}
.ds-py-6 { padding-top: 6px !important; padding-bottom: 6px !important;}
.ds-py-10 { padding-top: 10px !important; padding-bottom: 10px !important;}
.ds-py-13 { padding-top: 13px !important; padding-bottom: 13px !important;}
.ds-py-15 { padding-top: 15px !important; padding-bottom: 15px !important;}
.ds-py-20 { padding-top: 20px !important; padding-bottom: 20px !important;}

.ds-px-0 { padding-left: 0px !important; padding-right: 0px !important;}
.ds-px-1 { padding-left: 1px !important; padding-right: 1px !important;}
.ds-px-2 { padding-left: 2px !important; padding-right: 2px !important;}
.ds-px-4 { padding-left: 4px !important; padding-right: 4px !important;}
.ds-px-6 { padding-left: 6px !important; padding-right: 6px !important;}
.ds-px-8 { padding-left: 8px !important; padding-right: 8px !important;}
.ds-px-10 { padding-left: 10px !important; padding-right: 10px !important;}
.ds-px-13 { padding-left: 13px !important; padding-right: 13px !important;}
.ds-px-15 { padding-left: 15px !important; padding-right: 15px !important;}
.ds-px-20 { padding-left: 20px !important; padding-right: 20px !important;}

.ds-mt-1 { margin-top: 1px !important;}
.ds-mt-2 { margin-top: 2px !important;}
.ds-mt-3 { margin-top: 3px !important;}
.ds-mt-4 { margin-top: 4px !important;}


.pd2 { padding: 2px !important }
.pd3 { padding: 3px !important }
.pd5 { padding: 5px !important }
.pd10 { padding: 10px !important }
.pd15 { padding: 15px !important }
.pd20 { padding: 20px !important }

/* Margin 관련 */
.mgt0  { margin-top: 0px !important; }
.mgt3  { margin-top: 3px !important; }
.mgt5  { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt32 { margin-top: 32px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt39 { margin-top: 39px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt60 { margin-top: 60px !important; }
.mgt82 { margin-top: 82px !important; }

.mgb0  { margin-bottom: 0px !important; }
.mgb5  { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb45 { margin-bottom: 45px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgb150 { margin-bottom: 150px !important; }

.mgl0  { margin-left: 0px !important; }
.mgl2  { margin-left: 2px !important; }
.mgl5  { margin-left: 5px !important; }
.mgl7  { margin-left: 7px !important; }
.mgl8  { margin-left: 8px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl22 { margin-left: 22px !important; }
.mgl23 { margin-left: 23px !important; }
.mgl25 { margin-left: 25px !important; }
.mgl28 { margin-left: 28px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl35 { margin-left: 35px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl45 { margin-left: 45px !important; }
.mgl50 { margin-left: 50px !important; }
.mgl60 { margin-left: 60px !important; }
.mgl82 { margin-left: 82px !important; }

.mgr0  { margin-right: 0px !important; }
.mgr5  { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr25 { margin-right: 25px !important; }
.mgr30 { margin-right: 30px !important; }
.mgr35 { margin-right: 35px !important; }
.mgr40 { margin-right: 40px !important; }
.mgr45 { margin-right: 45px !important; }
.mgr50 { margin-right: 50px !important; }
.mgr60 { margin-right: 60px !important; }
.mgr65 { margin-right: 65px !important; }

/* width */
.wd-8p { width: 8% !important; }
.wd-10p { width: 10% !important; }
.wd-12p { width: 12% !important; }
.wd-15p { width: 15% !important; }
.wd-20p { width: 20% !important; }
.wd-25p { width: 25% !important; }
.wd-35p { width: 35% !important; }
.wd-49p { width: 49% !important; }
.wd-50p { width: 50% !important; }
.wd-60p { width: 60% !important; }
.wd-66p { width: 66% !important; }
.wd-70p { width: 70% !important; }
.wd-75p { width: 75% !important; }
.wd-80p { width: 80% !important; }
.wd-83p { width: 83% !important; }
.wd-90p { width: 90% !important; }
.wd-99p { width: 99% !important; }

.wd-20 { width: 1.25rem !important; }
.wd-30 { width: 1.875rem !important; }
.wd-50 { width: 3.125rem !important; }
.wd-60 { width: 3.75rem !important; }
.wd-70 { width: 4.375rem !important; }
.wd-80 { width: 5rem !important; }
.wd-90 { width: 5.625rem !important; }
.wd-96 { width: 6rem !important; }
.wd-100 { width: 6.25rem !important; }
.wd-110 { width: 6.875rem !important; }
.wd-120 { width: 7.5rem !important; }
.wd-150 { width: 9.375rem !important; }
.wd-180 { width: 11.75rem !important; }
.wd-200 { width: 12.5rem !important; }
.wd-250 { width: 15.625rem !important; }
.wd-263 { width: 16.43rem !important; }
.wd-279 { width: 17.43rem !important; }
.wd-300 { width: 18.75rem !important; }
.wd-340 { width: 21.25rem !important; }
.wd-350 { width: 21.875rem !important; }
.wd-360 { width: 22.5rem !important; }
.wd-400 { width: 25rem !important; }
.wd-450 { width: 28.125rem !important; }

.wd-type-0 { width: 33.333% !important }
.wd-type-1 { width: 4.5rem !important }
.wd-type-2 { width: 6.9rem !important }
.wd-type-3 { width: 6.1rem !important }
.wd-type-4 { width: 5.6rem !important }


/* 비율 */
.transf15 { transform: scale(1.5); }


/* height */
.h-1r { height: 1rem !important }
.ht-30 { height: 30px !important }
.ht-60 { height: 60px !important }
.ht-100 { height: 100px !important }

/* text shadow */
.txt-sdw-1 { text-shadow: 2px 2px 2px gray; }
.txt-sdw-2 { text-shadow: 2px 2px 4px gray; }
.txt-sdw-3 { text-shadow: 2px 2px 6px gray; }

/* color */
.homecolor { color: #ae1948 !important; }
.white { color: #fff !important; }
.red { color: #cd001a !important; }
.orange { color:#fb4b4b !important; }
.blue { color: #0e71b8 !important; }
.cyan { color: #48adaa !important; }
.gray-white { color: #aaaaaa !important; }
.gray-333 { color: #333 !important; }
.gray-666 { color: #666 !important; }
.gray-777 { color: #777 !important; }
.crimson { color: #ed143d  !important; }
.gray-80 { color: #808080 !important; }
.lightcrimson { color: #BE3F56  !important; }

.fc-allports { color: #21698B !important; }
.fc-orient { color: #1A546F !important; }
.fc-dark-cerulean { color: #0E5474 !important; }

/* bg color */
.bg-gray { background-color: #f0f0f0 !important; }

/* font size */
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f17 { font-size: 17px !important; }
.f18 { font-size: 18px !important; }
.f19 { font-size: 19px !important; }
.f20 { font-size: 20px !important; }


/* font size */
.ds-fs-10 {
  font-size: var(--fs-10) !important;
}
.ds-fs-11 {
  font-size: var(--fs-11) !important;
}
.ds-fs-12 {
  font-size: var(--fs-12) !important;
}

.ds-fs-13 {
  font-size: var(--fs-13) !important;
}

.ds-fs-14 {
  font-size: var(--fs-14) !important;
}

.ds-fs-15 { 
  font-size: var(--fs-15) !important; 
}

.ds-fs-16 {
  font-size: var(--fs-16) !important;
}

.ds-fs-18 {
  font-size: var(--fs-18) !important;
}

.ds-fs-em-8 {
  font-size: var(--fs-em-8) !important;
}

.ds-fs-em-9 {
  font-size: var(--fs-em-9) !important;
}

.ds-fs-em-10 {
  font-size: var(--fs-em-10) !important;
}

.ds-fs-em-11 {
  font-size: var(--fs-em-11) !important;
}

.ds-fs-em-12 {
  font-size: var(--fs-em-12) !important;
}

.ds-fs-em-13 {
  font-size: var(--fs-em-13) !important;
}

.ds-fs-em-14 {
  font-size: var(--fs-em-14) !important;
}

.ds-fs-em-15 {
  font-size: var(--fs-em-15) !important;
}

.ds-fs-em-16 {
  font-size: var(--fs-em-16) !important;
}

/* font weight */
.ds-fw-300 {
  font-weight: 300 !important;
}

.ds-fw-400 {
  font-weight: 400 !important;
}

.ds-fw-500 {
  font-weight: 500 !important;
}

.ds-fw-600 {
  font-weight: 600 !important;
}

.ds-fw-700 {
  font-weight: 700 !important;
}


textarea::placeholder {
  font-size: 15px;
  color: #c3c3c3; 
  font-weight: 300;
}

/* ----- simplebar customizing ----- */

/* 스크롤바 색상 */
.simplebar-scrollbar::before {background-color: #51589b; /*#bbbbbb*/}

/* ----- tooltip ----- */
.tooltip-1 {position: relative;display: inline-block;}
.tooltip-1 .tooltiptext {visibility: hidden;width: 80px;background-color: #555;color: #fff;text-align: center;border-radius: 6px;padding: 5px;position: absolute;z-index: 1;bottom: 150%;left: 50%;margin-left: -42px;opacity: 0;transition: opacity 0.3s;}
.tooltip-1 .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}
.tooltip-1:hover .tooltiptext {visibility: visible;opacity: 1;}


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #d8daee #ededed;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ededed;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #d8daee;
    border-radius: 10px;
    border: 3px double #ffffff;
  }


  .label-checkbox input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    top: 1px;
    /* left: -11px;     */
    zoom: 1;
    cursor: pointer;
    z-index: 90;
  }

  .label-checkbox input[type="checkbox"] + label:before {
    content: "";
    position: absolute;
    /* top: -15px;
    left: 0; */
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #b3b3b3;
  }

  .label-checkbox.label-gray input[type="checkbox"]:checked + label:before {
      content: "";
      background: #444 url(../images/common/chkbox.png) 50% 50% no-repeat;
      border-color: #444;
  }

  .label-checkbox.label-red input[type="checkbox"]:checked + label:before {
    content: "";
    background: #cd001a url(../images/common/chkbox.png) 50% 50% no-repeat;
    border-color: #cd001a;
}  

/*****************************************************************
  Quick Menu
*****************************************************************/
.quick_floating{position:fixed;top:300px;right:0;opacity:1;transition:0.6s ease-out;z-index: 1;}
.quick_floating.hide{right:-143px}
.quick_floating .quick_menu{width:165px;background-color:#f9fafb;overflow:hidden;border-width:1px 0px 1px 1px;border-style:solid;border-color:#ededed;border-radius:10px 0 0 10px;box-shadow:0px 7px 14px 0px rgba(0,0,0,0.05)}
.quick_floating .quick_menu>ul{padding: 15px 22px 9px !important;}
.quick_floating .quick_menu>ul>li>a{display:block;position:relative;line-height:1;padding:11px 0 11px 30px;font-size:1rem;color:#4d5256}
.quick_floating .quick_menu>ul>li>a::before{content:'';position:absolute;top:50%;left:0;width:22px;height:22px;margin-top:-10px;background:url("../images/common/icon_quick.png") no-repeat}
.quick_floating .quick_menu>ul>li:nth-child(1)>a::before{background-position:0 -45px}
.quick_floating .quick_menu>ul>li:nth-child(2)>a::before{background-position:0 -23px}
.quick_floating .quick_menu>ul>li:nth-child(3)>a::before{background-position:0 -69px}
.quick_floating .quick_menu>ul>li:nth-child(4)>a::before{background-position:0 -117px}
.quick_floating .quick_menu>ul>li:nth-child(5)>a::before{background-position:0 -92px}
.quick_floating .quick_menu .tel{display:block;margin:5px 18px 0;padding:18px 0 20px;border-top:1px solid #ccc;font-size:0.9rem;color:#222;text-align:center}
.quick_floating .quick_menu .tel strong{display:block;margin-top:4px;font-size:0.9rem;font-weight:700;color:#122a88}
.quick_floating button {background-color: #fff;}
.quick_floating .btn_top{display:block;position:relative;width:100%;border:none;text-align:center;opacity:0;transition:0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000);z-index:-1}
.quick_floating .btn_top>span{display:inline-block;position:relative;padding-right:11px;font-size:14px;color:#666}
.quick_floating .btn_top.show{margin-top:5px;opacity:1; background-color: rgba(255,255,255,0);}
.quick_floating .btn_close{position:absolute;top: 90px;left: -39px;width: 40px;height: 48px;padding-bottom: 5px;border-width: 1px 0px 1px 1px; border-style: solid; border-color: #ededed; background-color:#f9fafb; border-radius:5px 0 0 5px !important;}
.quick_floating.hidden .btn_close::after{transform:rotate(180deg)}