@charset "utf-8";

/* ================================================
    css 통합 / 2021-12 / m2mglobal
    1. layout.css
    2. sorin-ma.css
    3. sorin-pop.css
    4. sorin-us.css
    5. sorin-pd.css
    6. sorin-my.css
    7. sorin-cs.css
    8. sorin-et.css
    9. sorin-advance.css
   ================================================ */

/* ================================================
    1. layout.css
   ================================================ */
.wrapper {position:relative; height:100%; padding-top: 21rem; /* padding-top: 19rem;*/}
.header {position:relative; box-shadow:0 1rem 1rem 0 rgba(0, 0, 0, 0.03); width:100%; position:fixed; top:0; z-index:10; background-color:#fff; border-bottom:1px solid #ddd}

/* 탑 띠배너 */
.header .top-banner-wrap {display: flex; justify-content: center; height: 9rem; background: #2E4979;}
.header .top-banner-wrap .contents {display: flex; align-items: center; justify-content: flex-end; width: 122rem; height: 100%;}
.header .top-banner-wrap .contents .txt {font-size: 2.2rem; color: #fff; font-weight: 500; margin-right: 2.7rem;}
.header .top-banner-wrap .contents img {margin-top: 0.7rem; margin-right: 1rem;}
.header .top-banner-wrap .contents .bn-btn {width: 12rem; height: 4rem; background: #0A224E; border-radius: 0.6rem; color: #FFC700; font-size: 1.4rem; font-weight: 500;}
.header .top-banner-wrap .contents .banner-close {background: transparent; margin-left: 23rem;}

.header > .inwrap {height:10rem; display:flex; justify-content:space-between; align-items:center;}
.header .logo {display:table; width:23rem; height:4.5rem; background:url(/images/logo-fa0a7e2d9d666dfb042cf386f8b54753.png) 0 0 no-repeat; background-position:0 0.7rem}
.header .logo a {display:block; width:100%; height:100%;}

/* 구매입찰 > 로고 */
.header.bid .logo {width:19.7rem; height:4.4rem; background:url(/images/logo-bid-cb3ac924a221397d06190265a6cd002b.png) 0 0 no-repeat; background-position: center;}
.header.bid .logo a {position: relative}
.header.bid .logo a .mark {display: none; position: absolute; top: -0.5rem; right: 3rem; font-size: 1.2rem; color: #106ADA; font-weight: 600;}

.header .nav {display:table; width:calc(100% - 23rem - 28rem);}
.header .nav ul li {float:left; margin-right:3.5rem;}
.header .nav ul li:last-of-type {margin-right:0;}
.header .nav ul::after {content:''; display:block; clear:both;}
.header .nav ul li a {display:block; line-height:4.3rem; text-align:center; font-weight:500; font-size:1.6rem; color:#000; position:relative;}
.header .nav ul li a:hover,
.header .nav ul li a.active {color:#1d5fd0;}
.header .nav ul li a.active::after,
.header .nav ul li a:hover::after {content:''; display:block; width:100%; height:.3rem; background-color:#1d5fd0; position:absolute; left:0; bottom:-2.9rem;}
/*
.header .util {position:relative; top:0.2rem; display:flex; justify-content:space-between; align-items:center; width:28rem;}
.header .util > ul {display:table;}
.header .util > ul li {display:table-cell; overflow:hidden;}
*/
.header .util .util-list {float:left; width:calc(100% - 5rem);}
.header .util .util-list ul {width:100%; display:flex; align-items:end;}
.header .util .util-list ul li:not(.util-account) {width:5rem;}
.header .util .util-list ul li .number {color:#fd3535; font-weight:500;}
.header .util .util-list ul li span:not(.number){color:#666;}
.header .util .util-list a {display:inline-block;}
.header .util .util-list .util-log a {position:relative;}
.header .util .util-list .util-log .state {width:3rem; height:1.4rem; line-height:1.4rem; display:inline-block; position:absolute; left:0; bottom:-.9rem; border-radius:.7rem; background-color:#666; color:#fff; font-size:1rem; text-align:center;}
.header .util .util-list .util-account .number {font-weight:500; font-size:1.4rem;}
.header .util .util-list .util-account .unit {font-weight:500; font-size:1.4rem;}
.header .util .util-list .util-account .btn-account {display:block; position:relative; padding-right:1.2rem; line-height:2.2rem; background-color:#fff;}
.header .util .util-list .util-account .btn-account::after {content:''; display:block; width:0; height:0; position:absolute; top:.9rem; right:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #000;}
.header .util .util-list .util-account .btn-account > span {display:initial;}
.header .util .menus {float:right;}
.header .utility .util-list {float:none; width:100%;}
.header .utility .util-list ul {float:right; width:auto;}
.header .utility .util-list ul li {position:relative;}
.header .utility .util-list ul li:not(.util-account) {width:auto; height:3rem; padding:.4rem 1rem; position:relative; text-align:center;}
.header .utility .util-list ul li.util-memberinfo {width:10rem; padding-top:0.7rem; padding-right:2rem; text-align:right}
.header .utility .util-list ul li.util-alert,
.header .utility .util-list ul li.util-cart {width:4rem;}
.header .utility .util-list ul li.util-shipping {width:3.5rem;}
.header .utility .util-list ul li.util-memberinfo::before {content:''; width:0; height:0; display:block; position:absolute; top:50%; right:1rem; transform:translateY(-50%); border-left:.4rem solid transparent; border-right:.4rem solid transparent; border-top:.4rem solid #000;}
.header .utility .util-list ul li.util-join::before {content:''; width:.2rem; height:1.2rem; display:block; position:absolute; top:50%; left:-.1rem; transform:translateY(-50%); background-color:#dedede;}
.header .utility .util-list ul li.util-account {width:auto; padding-top:.4rem; padding-bottom:.2rem;}
.header .utility .util-list ul li.util-account .btn-header-account {display:block; position:relative; padding-right:1.2rem; line-height:2.5rem; background-color:#fff;}
.header .utility .util-list ul li.util-account .btn-header-account::after {content:''; display:block; width:0; height:0; position:absolute; top:.9rem; right:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #000;}
.header .utility .util-list ul li.util-account .btn-header-account > span {display:initial;}
.header .utility .util-list ul li:last-of-type {padding-right:0}
.header .utility .util-list ul li a {font-weight:500; color:#000;}
.header .utility .util-list #simplelogin-header li.util-comember,
.header .utility .util-list #simplelogin-header li.util-join {padding:0.8rem 0 0 0}
.header .utility .util-list #simplelogin-header li.util-join:before {display:none}


.btn-header-member {width:7rem; color:#000; font-size:1.4rem; font-weight:500; background-color:#fff; text-align:right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.btn-header-alarm {display:table; width:inherit; height:3rem; background:#fff url(/images/icon-alarm-6f3047e2dad0dc12fd2889c50ae149c4.png) 50% .5rem no-repeat;}
.header .util .util-list ul li.util-alert {position:relative;}
.header .util .util-list ul li .btn-header-alarm {width:inherit; height:3rem; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.header .util .util-list ul li .btn-header-alarm .no {min-width:1.8rem; height:1.8rem; color:#fff; font-size:1rem; background-color:#fd3535; border-radius:.9rem; display:block; line-height:1.8; position:absolute; top:0; left:50%;padding:0 .4rem;}

.header-toggle {position:absolute; top:3rem; left:0; display:none;  text-align:left; z-index:21;}
.header-toggle.active {display:block;}
.toggle-con-wrap {position:relative; margin-top:1rem; border-radius:1rem; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05); border:1px solid #cdcdcd; background-color:#fff;}
.toggle-con-wrap::after {content:''; width:1rem; height:1rem; position:absolute; top:-1rem; left:50%; border:1px solid #cdcdcd; border-width:.1rem .1rem 0 0; transform:rotate(-45deg) translateX(-50%); background-color:#fff;}
.header-toggle-con {padding:1.8rem;}
.header-toggle-hgroup {display:flex; justify-content:space-between; margin-bottom:1.5rem;}
.header-toggle-hgroup .stit {position:relative; height:3.4rem; font-weight:500; font-size:1.8rem;}
.header-toggle-hgroup .stit::after {content:''; width:3rem; height:.3rem; background-color:#1d5fd0; display:block; position:absolute; left:0; bottom:0;}
.header .utility .util-list ul .header-toggle-list ul {display:block; float:none;}
.header .utility .util-list ul .header-toggle-list ul li {height:4.2rem; padding:1.4rem 0; text-align:left}
.header .utility .util-list ul .header-toggle-list ul li + li {border-top:1px solid #dedede;}
.header .utility .util-list ul .header-toggle-list ul li:last-of-type {height:auto; padding-bottom:0;}
.header .utility .util-list ul .header-toggle-list .data {width:100%; display:flex; height:5rem; justify-content:space-between; align-items:center}
.header .utility .util-list ul .header-toggle-list .data dt {font-weight:500; color:#000; font-size:1.2rem; line-height:1.5; width:60%}
.header .utility .util-list ul .header-toggle-list .data dd {font-size:1.2rem; color:#999; width:40%; text-align:right}
.header-toggle-btn {position:absolute; top:2.7rem; right:2rem}
.btn-header-logout {width:5rem; height:2rem; border-radius:0.3rem; text-align:center; font-weight:500; background-color:#fafafa; color:#999aa9; border:1px solid #dedede; font-size:1rem;}
.btn-header-agreAt {width:6.5rem; height:2rem; border-radius:0.3rem; text-align:center; font-weight:500; background-color:#fafafa; color:#999aa9; border:1px solid #dedede; font-size:1rem;}
#logout-header li {line-height:1.5}
.header-toggle-del {padding:0.5rem 1.8rem 1.5rem; color:#666}
.header-toggle-del .cnt {display:inline-block; font-weight:500; padding:0 5px; color:#0042b2 !important;}
.header-toggle-del .cnt:hover{text-decoration: underline;cursor: pointer;}

#meberInfo {width:26rem; margin-left:-7rem;}
#meberInfo .header-toggle-con {padding:3rem 2rem 1.8rem}
#meberInfo .username {font-weight:500; font-size:1.4rem;}
#meberInfo .useremail {margin-top:1rem; font-size:1.2rem; margin-top:0.8rem; color:#666}
#meberInfo .refndSttus {margin-top:0.5rem; font-size:1.2rem; line-height:1.5; color:#666}
#meberInfo .refndSttus a {display:block; padding:0.4rem; margin-top:0.5rem; text-align:center; border-radius:4px; border:1px solid #ddd}
#meberInfo .refndSttus a:after {display:none;}
#meberInfo .refndSttus a:hover {background-color:#f1f1f1}
#meberInfo .usermanual {display:flex; margin-top:10px; justify-content:space-between; align-items:center;}
#meberInfo .usermanual span {font-size:1.2rem; color:#666;}
#meberInfo .usermanual .btn-manual {width:5rem; height:2rem; line-height:2rem; font-size:1rem; color:#1d5fd0; border:1px solid #1d5fd0; border-radius:.3rem; text-align:center; }
#meberInfo .member-ewallet {display:flex; justify-content:space-between; align-items:center; border-top:1px solid #dedede; padding:0.8rem 2rem;}
#meberInfo .member-ewallet dt {width:2rem; height:2rem; text-indent:-9999px; background:url(/images/ico-header-e-wallet-379bd0bf0614d63a5419d4935344efdf.png) 0 0 no-repeat;}
#meberInfo .member-ewallet dd {}
#meberInfo .member-ewallet dd .price {font-size:1.2rem; font-weight:500; color:#fd3535}
#meberInfo .member-ewallet dd .unit {font-size:1.2rem; font-weight:500; margin-left:0.4rem}

#simpleMeberInfo {width:26rem; margin-left:-7rem;}
#simpleMeberInfo .header-toggle-con {padding:3rem 2rem}
#simpleMeberInfo .username {font-weight:500; font-size:1.4rem;}
#simpleMeberInfo .useremail {margin-top:1rem; font-size:1.2rem;}
#noticeAlert {width:26rem; left:-11rem;}
#noticeAlert .header-toggle-hgroup .stit {height:5rem; line-height:5rem; font-size:1.6rem;}
#noticeAlert .header-toggle-con {padding:0;}
#noticeAlert .header-toggle-hgroup {margin-bottom:0; padding:0 2rem;}
#noticeAlert .btn-all {height:5rem; line-height:5rem; position:relative; padding-right:1rem; font-size:1.4rem; color:#999aa9;}
#noticeAlert .btn-all::after {content:''; width:.5rem; height:1rem; background:url(/images/icon-arrow-r-sm-9501cf568694d6be80a46a9e57067f4d.png) 0 0 no-repeat; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%);}
#noticeAlert .header-toggle-hgroup .stit::after {display:none;}
#noticeAlert .data {height:2rem}
#noticeAlert .data dt {font-weight:500; color:#000; width:60%;
max-height:2rem; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word;}
#noticeAlert .data dt span {margin-left:.6rem; font-weight:400; font-size:1.2rem; color:#000;}
#noticeAlert .data dd .blue {color:#1e60d1;}
#noticeAlert .data dd .red {color:#fd3535;}
#noticeAlert .data dd {width:40%}
#noticeAlert .header-toggle-list ul {padding-bottom:1rem}
#noticeAlert .header-toggle-list ul li {height:2rem; padding:0 2rem ; line-height:3rem;}
#noticeAlert .header-toggle-list ul li + li {border-top:0;}
#noticeAlert .header-toggle-list ul li:last-of-type {border-radius:0 0 1.4rem 1.4rem;}

#chkAccount {width:26rem; left:initial; right:0;}
#chkAccount .data dt {font-weight:500; font-size:1.4rem; width:30%;color:#000;}
#chkAccount .data dd {width:70%}
#chkAccount .header-toggle-list ul li {height:5rem; padding:0 2rem; line-height:5rem; background-color:#fafafa;}
#chkAccount .header-toggle-list ul li:nth-of-type(2n) {background-color:#fff;}
#chkAccount .header-toggle-list ul li + li {border-top:0;}
#chkAccount .header-toggle-list ul li:last-of-type {border-radius:0 0 1.4rem 1.4rem;}
#chkAccount .data dd .price {font-weight:500; font-size:1.4rem; color:#fd3535;}
#chkAccount .data dd .unit {margin-left:.4rem; font-weight:500; font-size:1.4rem; color:#666;}
#chkAccount .toggle-con-wrap::after {left:initial; top:-.6rem; right:2rem; transform:rotate(-45deg);}
#chkAccount .header-toggle-con {padding:0;}
#chkAccount .header-toggle-hgroup {margin-bottom:0;}
#chkAccount .header-toggle-hgroup .stit {height:5rem; padding-right:2rem; padding-left:4.8rem; line-height:5rem; font-size:1.6rem;}
#chkAccount .header-toggle-hgroup .stit::after {width:2.1rem; height:2.1rem; top:1.4rem; left:2rem; bottom:initial; background:url(/images/icon-header-won-51e2dec6f04895bfa2eb2ec8e62638cc.png) 0 0 no-repeat;}

/* util 메뉴 수정에 따른 변경사항 추가 */
.util-list ul li.util-member .header-toggle {width:26rem; left:-11.2rem;}
.util-list ul li.util-shipping .header-toggle,
.util-list ul li.util-cart .header-toggle {width:26rem; left:-11rem;}
.util-list ul li.util-member .header-toggle .header-toggle-hgroup .stit,
.util-list ul li.util-shipping .header-toggle .header-toggle-hgroup .stit,
.util-list ul li.util-cart .header-toggle .header-toggle-hgroup .stit {height:5rem; line-height:5rem; font-size:1.6rem;}
.util-list ul li.util-member .header-toggle .header-toggle-hgroup .stit::after,
.util-list ul li.util-shipping .header-toggle .header-toggle-hgroup .stit::after,
.util-list ul li.util-cart .header-toggle .header-toggle-hgroup .stit::after  {background:none}
.util-list ul li.util-member .header-toggle .header-toggle-con,
.util-list ul li.util-shipping .header-toggle .header-toggle-con,
.util-list ul li.util-cart .header-toggle .header-toggle-con {padding:0;}
.util-list ul li.util-member .header-toggle .header-toggle-hgroup,
.util-list ul li.util-shipping .header-toggle .header-toggle-hgroup,
.util-list ul li.util-cart .header-toggle .header-toggle-hgroup {margin-bottom:0; padding:0 2rem;}
.util-list ul li.util-member .header-toggle a,
.util-list ul li.util-shipping .header-toggle a,
.util-list ul li.util-alert .header-toggle a,
.util-list ul li.util-cart .header-toggle a {height:5rem; line-height:5rem; position:relative; padding-right:1rem;  font-weight:400; font-size:1.4rem; color:#999aa9;}
.util-list ul li.util-member .header-toggle a::after,
.util-list ul li.util-shipping .header-toggle a::after,
.util-list ul li.util-alert .header-toggle a::after,
.util-list ul li.util-cart .header-toggle a::after {content:''; width:.5rem; height:1rem; background:url(/images/icon-arrow-r-sm-9501cf568694d6be80a46a9e57067f4d.png) 0 0 no-repeat; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%);}

/* header 안내 팝업 추가 */
.member-pop-on {}
.member-pop-on .util-memberinfo .member-info-pop {display:block;}
.member-info-pop {display:none; position:absolute; top:3rem; left:-10.5rem; text-align:left; width:33rem; z-index:21;}
.member-info-wrap {position:relative; margin-top:1rem; border-radius:1rem; padding:1.8rem; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05); border:1px solid #cdcdcd; background-color:#fff;}
.member-info-wrap::after {content:''; width:1rem; height:1rem; position:absolute; top:-1rem; left:50%; border:1px solid #cdcdcd; border-width:.1rem .1rem 0 0; transform:rotate(-45deg) translateX(-50%); background-color:#fff;}
.member-info-box {display:flex; justify-content:space-between; align-items:center;}
.member-info-box .username {font-weight:500; font-size: 1.4rem; color:#000;}
.member-info-box .member-pop-close {position:relative; top:0.3rem; display:inline-block; width:1.2rem; height:1.2rem; margin-left:1rem; cursor:pointer;}
.member-info-box .member-pop-close img {width:100%}
.member-content-box {margin-top:1rem}
.member-content-box .content .inner-step {height:3rem; margin-top:2rem}
.member-content-box .content .inner-step ul {display:flex; justify-content:center; width:100%;}
.member-content-box .content .inner-step ul li {position:relative; padding:0 0.6rem !important;}
.member-content-box .content .inner-step ul li:last-of-type {padding-right:0.6rem}
.member-content-box .content .inner-step ul li span {display:inline-block; width:1rem; height:1rem; border:2px solid #cdcdcd; text-indent:-9999px;border-radius:0.5rem; background-color:#fff;}
.member-content-box .content .inner-step ul li span:after {content:''; position:absolute; top:0.4rem; right:1.5rem; width:1.3rem; height:0.2rem; background:#cdcdcd;}
.member-content-box .content .inner-step ul li:first-child span:after {display:none;}
.member-content-box .content .inner-step ul li.active span {border-color:#1D5FD0}
.member-content-box .content .inner-step ul li.active span:after {background:#1D5FD0;}
.member-content-box .content .inner-txt {text-align:center;}
.member-content-box .content .inner-txt .tit {font-size:1.6rem; font-weight:500;}
.member-content-box .content .inner-txt .txt {font-size:1.2rem; line-height:1.4; margin:2rem 0 1rem; color:#ff6600}
.member-content-box .content .inner-txt .guide {display:block; font-size:1.2rem; line-height:1.4; margin-bottom:1rem; color:#666}
.member-content-box .content .inner-txt .customer {font-size:1.2rem; line-height:1.4; color:#999 !important}
.member-content-box .content .inner-txt .customer span {color:#000 !important}
.member-content-box .content .inner-link {text-align:center;display:block; font-size:1.4rem; margin-top:2rem}
.member-content-box .content .inner-link .img {display:inline-block; width:7.3rem;}
.member-content-box .content .inner-link .img img {width:100%;}
.member-content-box .content .inner-link .link {display:block; margin-bottom:1.5rem;}
.member-content-box .content .inner-link .link a {font-weight:400; padding-top:0.2rem; font-size:1.4rem; color:#1D5FD0}
.member-content-box .content .inner-link .button {display:inline-block;}
.member-content-box .content .inner-link .button a {width:15rem; height:3rem; line-height:2.5; color:#fff}
.member-content-box .content .inner-link .button a.btn-stroke {line-height:2.4; color:#1D5FD0; border-radius:0.4rem; background-color:#fff}
.member-content-box .content .inner-link .link a:after,
.member-content-box .content .inner-link .button a:after{display:none;}
.member-content-box .content .inner-link .button.duo {display:flex; justify-content:space-evenly;}
.member-content-box .content .inner-link .button.duo a {width:13rem;}
.member-content-box .content .inner-link .button.duo a.btn-stroke {line-height:2.4; color:#1D5FD0; border-radius:0.4rem; background-color:#fff}


.container {position:relative; min-height:calc(100% - 25rem);}
.container .inwrap {position:relative; display:block;}/* overflow:hidden;*/
.container .inwrap.table {display:table; table-layout:fixed;}
.container .inwrap.table > div {display:table-cell; vertical-align:top;}
.lnb-wrap {width:26rem; background-color:#fff;}
.content {background-color:#fff;}/*padding:0 0 6rem 0; */
.inwrap {width:120rem; height:100%; position:relative; margin:auto;}
.landing-wrapper .inwrap {height: auto;}
.container > .section:last-of-type {padding-bottom:10rem;}

/* Notice */
.section.notice-wrap {padding:0; border-top:1px solid #cdcdcd;}
.notice-wrap .inwrap {display:flex; justify-content:space-between; line-height:5rem; overflow:initial;}
.notice-area {width:55%; position:relative; padding-right:3rem; padding-left:5.5rem;}
.notice-wrap .notice-label {display:block; width:4.5rem; height:2.2rem; line-height:1.2; position:absolute; top:50%; transform:translateY(-50%); padding:.4rem 1rem; border-radius:.4rem; background-color:#666; color:#fff; font-weight:400; font-size:1.2rem;}
.notice-area a {height:2.2rem; display:inline-block; line-height:2.2rem; position:relative; font-weight: 400; font-size:1.4rem; color:#000;}
.notice-area a + a {margin-left:5rem;}
.notice-area a span {font-weight: 400; font-size:1.4rem; color:#000;}
.notice-area a:hover span {color:#222;}
.notice-area a.notice::before {content:'공지'; display:inline-block; height:2.2rem; padding:.4rem 1rem; margin-top:-.4rem; margin-right:.9rem; vertical-align:middle; border-radius:.4rem; background-color:#666; color:#fff; font-weight:400;}
.notice-area .btn-controller {position:absolute; top:50%; right:0; transform:translateY(-50%);}
/*.notice-area .marquee-container {width:calc(100% - 9rem); margin-left:5rem;} remove */
.notice-area .marqueeSwiper.swiper-container {width:100%; height:100%; position:relative;}
.notice-area .marqueeSwiper .swiper-wrapper {-webkit-transition-timing-function:linear !important; transition-timing-function:linear !important; position:relative;}
.notice-area .marqueeSwiper .swiper-slide {text-align:center; display:flex; justify-content:center; align-items:center; width:auto; position:relative; overflow:hidden; padding:0 3rem;}
.notice-area .marqueeSwiper .swiper-slide a {display:block;}



/*** 22.12 header 신규 ***/
.header-wrap {position: fixed;top: 0;left: 0;right: 0;z-index: 9;background-color: #fff; /* border-bottom: 1px solid #CDCDCD;*/ box-shadow: 0 1rem 1rem 0 rgb(0 0 0 / 3%);}
.header-wrap button {padding: 0;background-color: transparent;color: #000;overflow: initial;}

/* 22.12 header 신규 > 탑 띠배너 */
.header-wrap .top-banner-wrap {display: flex; justify-content: center; height: 9rem; background: #2E4979;}
.header-wrap .top-banner-wrap .contents {display: flex; align-items: center; justify-content: flex-end; width: 122rem; height: 100%;}
.header-wrap .top-banner-wrap .contents .txt {font-size: 2.2rem; color: #fff; font-weight: 500; margin-right: 2.7rem;}
.header-wrap .top-banner-wrap .contents img {margin-top: 0.7rem; margin-right: 1rem;}
.header-wrap .top-banner-wrap .contents .bn-btn {width: 12rem; height: 4rem; background: #0A224E; border-radius: 0.6rem; color: #FFC700; font-size: 1.4rem; font-weight: 500;}
.header-wrap .top-banner-wrap .contents .banner-close {background: transparent; margin-left: 23rem;}

/* 22.12 header 신규 > 상단 영역 */
.header-top {height: 5rem;border-bottom: 1px solid #CDCDCD;}
.header-top .timer {width: auto;}
.header-top .timer > span{font-size: 1.2rem;font-weight: 400;}
.header-top .timer > span.time {color: #1D5FD0;}

.header-top .menu-list li {position: relative;;margin-right: 1.2rem;}
.header-top .menu-list li::after {content: '';position: absolute;top:50%;transform: translateY(-50%);right:-0.6rem;width: 1px;height: 11px;background-color: #DEDEDE;}
.header-top .menu-list li:last-child {margin-right: 0;}
.header-top .menu-list li:last-child::after {display: none;}
.header-top .menu-list li a {display: inline-block; font-size: 1.2rem; font-weight: 400;transition: 0.3s;}

/* 22.12 header 신규 > 하단 영역 */
.header-btm {padding-top: 3rem;height: 14rem;}
.header-btm .gnb-upper {height: 4rem;}
.header-btm .gnb-util {height: 7rem;}
.header-btm .logo {width: 19.7rem;height: 3.6rem;margin: 0;background: url(/images/logo-fa0a7e2d9d666dfb042cf386f8b54753.png) no-repeat center;}
.header-btm .gnb > ul > li {position: relative;;margin-right: 5rem;}
.header-btm .gnb > ul > li:last-child {margin-right: 0;}
.header-btm .gnb > ul > li a {display: inline-block;font-size: 1.6rem;line-height: 7rem;color: #000;font-weight: 500;}
.header-btm .gnb > ul > li::after {opacity: 0; content: '';position: absolute;bottom:-1px;left:50%;width: 0;height: 0.3rem;background-color: #1d5fd0;transition: 0.4s;}
.header-btm .gnb > ul > li:hover::after {opacity: 1;left:0;width: 100%;}
.header-btm .gnb > ul > li.has-depth:hover .gnb-depth2 {display:block;}
.header-btm .gnb > ul > li .gnb-depth2 > ul li:hover a {color: #3F93EA;font-weight: 500;}
.header-btm .gnb ul li a {transition: 0.3s;}
.header-btm .gnb ul li:hover a {color: #1d5fd0;}
/* 기존 .gnb-depth2 스타일 주석 처리
.header-btm .gnb > ul > li .gnb-depth2 {display:none;position: fixed;top:19rem;left:0;right:0;width: 100%;height: 6rem;background-color: #fff;border-top: 1px solid #CDCDCD;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.07);}
.header-btm .gnb > ul > li .gnb-depth2 > ul {min-width: 120rem;box-sizing: border-box;}
.header-btm .gnb > ul > li .gnb-depth2 > ul li {margin-right: 2.8rem;}
.header-btm .gnb > ul > li .gnb-depth2 > ul li a {font-size: 1.4rem;line-height: 6rem;color: #000;font-weight: 400;}
*/
.header-btm .gnb > ul > li .gnb-depth2 {display: none; position: absolute; top: 6rem; left: 50%; transform: translateX(-50%); z-index: 1; min-width: 14rem; height: auto; padding: 1rem; background-color: #285893; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); text-align: center;}
.header-btm .gnb > ul > li .gnb-depth2 > ul li a {display: block; padding: 1rem 0;font-size: 1.4rem; line-height: 1; color: #fff;font-weight: 400;}


/* 22.12 header 신규 > 하단 영역 > 로그인 영역 */
.login {}
.login-user {position: relative;margin-right: 3.5rem;}
.login-user .btn-username {position: relative; padding-right: 1.2rem;font-size: 1.4rem;line-height: 4rem;color: #000;font-weight: 500;}
.login-user .btn-username::after {content: '';width: 0; height: 0;position: absolute;top: 50%;right: 0;transform: translateY(-50%);border-left: 0.4rem solid transparent;border-right: 0.4rem solid transparent; border-top: 0.4rem solid #555;transition: 0.3s;}
.toggle-box.active .btn-username::after {transform: translateY(-50%) rotate(180deg);border-top: 0.4rem solid #3f93ea;;}

.login-hover-box {display: none; position: absolute; right: -3rem; z-index: 30; margin: auto; padding-top: 1rem;}
.toggle-box.active .login-hover-box {display: block;}
.login-hover-box .inner {width: 24rem;/*height: 12rem;*/background-color: #3F93EA;color: #fff;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.login-user.active .login-hover-box {display: block;}
.login-hover-box .util {padding: 2rem 2rem 1.7rem;}
.login-hover-box .util .username {font-size: 1.4rem;font-weight: 500;color: #fff;}
.login-hover-box .btn--arrow {position: relative;;padding-right: 1rem;font-size: 1rem;color: #fff;font-weight: 400;;opacity: 0.7;transition: 0.3s;}
.login-hover-box .btn--arrow::after {content: '';position: absolute;top:50%;right:0;transform: translateY(-50%);width: 0.5rem;height: 0.9rem;background: url(/images/icon-hd-arr-9759b60f810fd336f2b1504a9d492e03.png) no-repeat center;transition: 0.3s;}
.login-hover-box .btn--arrow:hover::after {right: -0.5rem;}

.login-hover-box .manual,
.login-hover-box .simple-email  {margin-top: 1.5rem;}
.login-hover-box .manual li {margin-bottom: 1.2rem;}
.login-hover-box .manual li:last-child {margin-bottom: 0;}

.login-hover-box .manual .title,
.login-hover-box .simple-email .username,
.login-hover-box .simple-email .useremail  {font-size: 1.2rem;font-weight: 400;color: #fff;}

.login-hover-box .ewallet {padding: 1rem 2rem 1.8rem;border-top: 1px solid #3C86D3;}
.login-hover-box .ewallet dt,
.login-hover-box .ewallet dd a span {font-size: 1.2rem;color: #fff;font-weight: 400;}

.login-hover-box .delivery {padding: 1.4rem 2rem; background-color: #20548A;}
.login-hover-box .delivery dt,
.login-hover-box .delivery dd a span {font-size: 1.2rem; color: #FFC523; font-weight: 400;}
.login-hover-box .delivery dd{position: relative; padding-right: 0.9rem;}
.login-hover-box .delivery dd::after {content: ""; position: absolute; top: 50%; right:0; width: 0.6rem; height: 0.6rem; border: 1px solid #FFC523; border-width: 0.1rem 0.1rem 0 0; transform: translateY(-50%) rotate(45deg);transition: 0.3s;}
.login-hover-box .delivery:hover dd::after {right: -0.5rem;}

/* 23.11.13 | 자차배송 알람: 로그인 후 회원등급 작업하면서 임시 주석
.btn-username.delivery-alarm::before {content: ''; width: 0.5rem; height: 0.5rem; position: absolute; top: 50%; left: -1rem; transform: translateY(-50%); background-color: #3F93EA; border-radius: 50%;}
*/

/* 23.11.13 | header > 로그인 후 회원등급 영역 추가 */
.login-user .mem-grade {position: relative; margin-right: 1rem; padding-right: 1rem; display: flex; align-items: center; justify-content: center;}
.login-user .mem-grade::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.1rem; height: 1.1rem; background-color: #D9D9D9;}
.login-user .mem-grade span {margin-left: 0.7rem; font-size: 1.4rem; font-weight: 600;}
.login-user .mem-grade05 span {background: #8A62FC; background: linear-gradient(to right, #8A62FC 0%, #0F4089 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.login-user .mem-grade04 span {background: #C2C3D2; background: linear-gradient(to right, #C2C3D2 0%, #8A8C9E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.login-user .mem-grade03 span {background: #E5CB8B; background: linear-gradient(to right, #E5CB8B 0%, #947304 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.login-user .mem-grade02 span {background: #A2A5A8; background: linear-gradient(to right, #A2A5A8 0%, #5C5E62 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.login-user .mem-grade01 span {background: #997A31; background: linear-gradient(to right, #997A31 0%, #533E0F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


/* 24.01.26 | header > 2024년 설날 복주머니 이벤트 */
.lucky-bag {position: relative; margin-right: 1rem;}
.lucky-bag .num {position: absolute; top: -0.5rem; right: -0.5rem; z-index: 1; width: 1.8rem; height: 1.8rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #F9E7CD; font-size: 1.2rem; font-weight: 600; color: #F64019;}


/* 22.12 header 신규 > 하단 영역 > 로그인 영역 > 로그아웃 */
 .logout ul li {position: relative;;margin-right: 2rem;}
 .logout ul li:after {content: '';width: 0.2rem;height: 1.2rem;position: absolute;top: 50%; right: -1rem;transform: translateY(-50%); background-color: #dedede;}
 .logout ul li:last-child {margin-right:0;}
 .logout ul li:last-child:after {display:none;}
 .logout ul li a {font-size: 1.4rem;font-weight: 500;color: #000;transition: 0.3s;}
 .logout ul li:hover a {color: #1d5fd0;}

/* 22.12 header 신규 > 하단 영역 > 햄버거 버튼 */
.login-btn {position: relative;}
.login-btn .btn-ham {width: 4rem;height: 4rem;border: 1px solid #DEDEDE;border-radius: 0.6rem; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out;transition: .3s ease-in-out;cursor: pointer; overflow: hidden;}
.login-btn .btn-ham .line {position: absolute;width: 1.6rem;height: 0.2rem;background-color: #000;border-radius: 0.1rem;left: 0;right: 0;margin: auto;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.login-btn .btn-ham .line1 {top: 1.3rem;}
.login-btn .btn-ham .line2,
.login-btn .btn-ham .line3 {top: 1.9rem;}
.login-btn .btn-ham .line4 {top: 2.6rem;}

.login-btn.active .btn-ham .line1 {width: 0%;}
.login-btn.active .btn-ham .line2 {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.login-btn.active .btn-ham .line3 {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.login-btn.active .btn-ham .line4 {top: 18px;width: 0%;}
.login-btn.active .btn-ham,
.login-btn:hover .btn-ham {border-color: #3F93EA;background-color: #3F93EA;}
.login-btn.active .btn-ham .line,
.login-btn:hover .btn-ham .line {background-color: #fff;}

.login-btn .menu-list {display: none;position: absolute;top: 5rem;right: 0;z-index: 99;margin: auto;padding: 1.6rem 0;width: 18rem;/*height: 13.5rem;*/background: #3F93EA;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.login-btn.active .menu-list {display: block;}
.login-btn .menu-list li {position: relative;transition: 0.3s;}
.login-btn .menu-list li::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);right:2rem;width:0.5rem;height: 0.9rem;background: url(/images/icon-hd-arr-9759b60f810fd336f2b1504a9d492e03.png) no-repeat center;transition: 0.3s;}
.login-btn .menu-list li:hover::after {right: 1.5rem;}
.login-btn .menu-list li a {display: block;padding: 0.6rem 2rem 0.6rem 1.8rem;font-size: 1.4rem; color: #fff;font-weight: 400;}
.login-btn .menu-list li.alarm a > span {position: relative;color: #fff;}
.login-btn .menu-list li.alarm a > span .alarm--new {position: absolute;top:50%;right:-0.8rem;transform: translateY(-50%);width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #B4E770;text-indent: -9999px;font-size: 0;}
.login-btn .menu-list li.order .amount {display: inline-block;margin-left: 0.5rem;color: #B4E670;font-weight: 500;}

/* 22.12 header 신규 > 하단 영역 > 회원상태 툴팁 5개 */
.color--999AA9 {color: #999AA9 !important;}

.member-state {position: absolute;top: 4rem;left: -10.5rem;text-align: left;width: 33rem;z-index: 21;}
.member-state::after {content: '';position: absolute;top: 0.2rem;left: 50%;width: 1rem;height: 1rem;border: 1px solid #cdcdcd;border-width: 0.1rem 0.1rem 0 0;transform: rotate(-45deg) translateX(-50%); background-color: #fff;}
.member-state .inner {position: relative;margin-top: 1rem;padding: 2rem 2.1rem;border-radius: 1rem;box-shadow: 0 0.1rem 1rem 0 rgb(0 0 0 / 5%);border: 1px solid #cdcdcd;background-color: #fff;}
.member-state-user .username {font-size: 1.4rem;font-weight: 500;color: #000;}
.member-state-user .btn--logout {width: 4.7rem;height: 2rem;border-radius: 0.3rem;text-align: center;font-weight: 500;background-color: #fff;color: #666666;border: 1px solid #dedede;font-size: 1rem;}
.member-state-user .btn-tooltip-close {display:inline-block; width:1.2rem; height:1.2rem; margin-left:1rem; cursor:pointer;}
.member-state-user .member-pop-close img {width:100%}

.member-state-info {margin-top:1rem}
.member-state-info .content .inner-step {height:3rem; margin-top:2rem}
.member-state-info .content .inner-step ul {display:flex; justify-content:center; width:100%;}
.member-state-info .content .inner-step ul li {position:relative; padding:0 0.5rem !important;}
.member-state-info .content .inner-step ul li:last-of-type {padding-right:0.5rem}
.member-state-info .content .inner-step ul li span {display:inline-block; width:1rem; height:1rem; border:2px solid #cdcdcd; text-indent:-9999px;border-radius:0.5rem; background-color:#fff;}
.member-state-info .content .inner-step ul li span:after {content:''; position:absolute; top:0.4rem; right:1.5rem; width:1rem; height:0.2rem; background:#cdcdcd;}
.member-state-info .content .inner-step ul li:first-child span:after {display:none;}
.member-state-info .content .inner-step ul li.active span {border-color:#1D5FD0}
.member-state-info .content .inner-step ul li.active span:after {background:#1D5FD0;}
.member-state-info .content .inner-txt {text-align:center;}
.member-state-info .content .inner-txt .tit {font-size:1.6rem; font-weight:500;}
.member-state-info .content .inner-txt .txt {font-size:1.2rem; line-height:1.5; margin:1.5rem 0 1.3rem; color:#ff6600}
.member-state-info .content .inner-txt .guide {display:block; font-size:1.2rem; line-height:1.4; margin-bottom:1.3rem; color:#666}
.member-state-info .content .inner-txt .customer {font-size:1.2rem; line-height:1.5; color:#999 !important}
.member-state-info .content .inner-txt .customer span {color:#000 !important}
.member-state-info .content .inner-link {text-align:center;display:block; font-size:1.4rem; margin-top:1.7rem}
.member-state-info .content .inner-link .img {display:inline-block; width:7.3rem;}
.member-state-info .content .inner-link .img img {width:100%;}
.member-state-info .content .inner-link .link {display:block; margin-bottom:1.5rem;}
.member-state-info .content .inner-link .link a {font-weight:400; padding-top:0.2rem; font-size:1.4rem; color:#1D5FD0}
.member-state-info .content .inner-link .button {display:inline-block;}
.member-state-info .content .inner-link .button a {width:15rem; height:3rem; line-height:2.5; color:#fff}
.member-state-info .content .inner-link .button a.btn-stroke {line-height:2.4; color:#1D5FD0; border-radius:0.4rem; background-color:#fff}
.member-state-info .content .inner-link .link a:after,
.member-state-info .content .inner-link .button a:after{display:none;}
.member-state-info .content .inner-link .button.duo {display:flex; justify-content:center;}
.member-state-info .content .inner-link .button.duo a {width:12rem;}
.member-state-info .content .inner-link .button.duo a:last-of-type {margin-left: 0.5rem;}
.member-state-info .content .inner-link .button.duo a.btn-stroke {line-height:2.4; color:#1D5FD0; border-radius:0.4rem; background-color:#fff}


/* .member-state 우측 잘림 방지 */
@media all and (max-width:1360px) {
    .member-state {left: auto; right: -7.5rem;}
    .member-state::after {left: 67%;}
}


/* 22.12 header 신규 > 하단 영역 > 공지 슬라이드 */
.header-notice {position: relative;width: 35rem;height: 3.2rem;padding:0 1rem;border-radius: 0.6rem;background: #F0F0F0 url(/images/icon-notice-0cd3c89c6772acd42a95be367c997875.png) no-repeat 1rem 50%;overflow: hidden;}
.header-notice .swiper-slide {padding-left: 3.4rem;font-size: 1.2rem;color: #000;font-weight: 400;justify-content: flex-start;}
.header-notice .swiper-slide a {display: block;;width:80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: left;}
.header-notice .swiper-pagination {bottom: auto;top: 50%;transform: translateY(-50%);left: auto;right: 1rem;width: auto;text-align: right;font-size: 1.2rem;color: #999AA9;letter-spacing: -0.1rem;}
.header-notice .swiper-pagination span {font-size: 1.2rem;color:#999AA9;}


/*** 22.12 이벤트 갤러리 게시판 신규 ***/
/* 22.12 이벤트 갤러리 게시판 리스트 */
.board-wrap {margin-top: 4rem;}
.board-list-gallery ul {flex-wrap: wrap;}
.board-list-gallery ul li {width: 31.66% ;margin-right: 2.5%;margin-bottom: 4rem;}
.board-list-gallery ul li:nth-child(3n) {margin-right: 0;}
.board-list-gallery ul li a {display: block; width: 100%; height: 100%;}
.board-list-gallery ul li a .gallery-img {display: flex;align-items: center;justify-content: center;width: 100%; height: 22rem;overflow: hidden;background-color: #F5F5F5;}
.board-list-gallery ul li a .gallery-img img {width: 100%;object-fit: cover;}
.board-list-gallery ul li a .gallery-cont {margin-top: 2rem;}
.board-list-gallery ul li a .gallery-cont .title {width: 100%;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;font-size: 1.6rem;font-weight: 500;color: #000;transition: 0.3s;}
.board-list-gallery ul li:hover a .gallery-cont .title {color: #1D5FD0;}
.board-list-gallery ul li a .gallery-cont .date {margin-top: 1rem;font-size: 1.4rem;font-weight: 400;color: #999AA9;}

/* 22.12 이벤트 갤러리 게시판 상세 */
.board-v.board-v-event .board-v-con {padding: 7.6rem 0 7.9rem;}
.board-v.board-v-event .board-v-con img {display: block;margin:0;line-height:0;}

.event-wrap {max-width: 80rem; margin: auto;}
.event-wrap .event-cont {padding: 5.4rem 5rem 8rem;/*background: #FFF6F3*/}
.event-wrap .event-cont .division {margin-bottom: 7.8rem;text-align: center;}
.event-wrap .event-cont .division .event-tit {position: relative;display: inline-block;margin-bottom: 1.7rem;font-size: 3.4rem;color: #7B543E;line-height: 1;font-weight: 600;font-style: normal;}
.event-wrap .event-cont .division .event-tit::before,
.event-wrap .event-cont .division .event-tit::after {content: "";position: absolute;top:0;bottom:0;margin: auto;left: -2rem;width: 0.8rem;height:0.8rem;border-radius: 50%;background-color: #7B543E;}
.event-wrap .event-cont .division .event-tit::after {left: auto;right: -2rem;}
.event-wrap .event-cont .division .event-txt {font-size: 2.4rem;color: #000; line-height: 1.5; font-weight: 400;}
.event-wrap .event-cont .division .event-txt-red {color: #A63926; line-height: 1; font-weight: 500;}
.event-wrap .event-cont .division .event-txt .highlight {position: relative;font-weight: 500;z-index: 1;}
.event-wrap .event-cont > div .event-txt .highlight::after {content:"";position: absolute;bottom:-0.1rem;left: 0;right: 0;margin: auto;width: 100%; height: 1.5rem;padding: 0 1rem;background: #F98C6B;z-index:-1;opacity: 0.3;}
.event-wrap .event-cont .division .input-wrap {width: 100%;margin-top:3.5rem;padding: 4.2rem 7.1rem 5.3rem;box-sizing: border-box; background-color: #fff;border-radius: 1.5rem;}
.event-wrap .event-cont .division .input-wrap label {display: block;margin-bottom: 1.8rem;font-size: 1.8rem;line-height: 1;font-weight: 500;color: #000;text-align: left;}
.event-wrap .event-cont .division .input-wrap input {width: calc(100% - 13rem);height:4.8rem;padding:0 2.9rem;background: #F5F5F5;border:0;font-size: 1.4rem;}
.event-wrap .event-cont .division .input-wrap button {width: 12rem;height: 4.8rem;font-size: 1.4rem;}
.event-wrap .event-cont .event-txt-red {margin-top: 2.8rem;}
.event-wrap .event-cont .event-txt-red strong {font-size: 2.4rem;color: #A63926; font-weight: 600;}
.event-wrap .btn-regi {display: block; width: 40rem;height:6rem; margin: 8rem auto 0;background: #1D5FD0;border-radius: 0.6rem;font-size: 2rem;font-weight: 500; color: #fff;text-align: center;}

/* 23.10.31 | 이벤트 갤러리 게시판 상세 > 단가할인 쿠폰용 class 추가 */
.event-wrap .discount-coupon {width: 100%; background: rgb(255,234,227); background: linear-gradient(180deg, rgba(255,234,227,1) 0%, rgba(248,235,233,1) 43%, rgba(225,237,252,1) 100%); }


/* 24.01.26 | 이벤트 갤러리 게시판 상세 > 2024년 설날 복주머니 이벤트 */
.event-wrap .new-year-evt {text-align: center;}
.event-wrap .new-year-evt .division {padding: 6rem 0; background: #fff;}

.event-wrap .new-year-evt .form-area .txt1 {margin-bottom: 1rem; font-size: 2.4rem; font-weight: 400; line-height: 1; font-family: "MBC1961M"; color: #2C3748;}
.event-wrap .new-year-evt .form-area .txt1 strong {font-family: inherit; color: #D54425;}
.event-wrap .new-year-evt .form-area .txt2 {font-size: 1.6rem; line-height: 1.625; font-weight: 400; color: #000;}
.event-wrap .new-year-evt .form-area .txt2 strong {font-weight: 500; color: #FD3535;}
.event-wrap .new-year-evt .form-area .txt2 span {font-weight: inherit; color: inherit;}
.event-wrap .new-year-evt .form-area .txt2.impossible span {font-weight: inherit; color: #D54425;}

.event-wrap .new-year-evt .form-area .form .input-wrap {margin: 2.5rem 0 1.6rem;}
.event-wrap .new-year-evt .form-area .form .input-wrap input {display: block; width: 40rem; height: 4.8rem; margin: 0 auto 1rem; font-size: 1.4rem; font-weight: 400; text-align: center; background: #FFFFFF;}
.event-wrap .new-year-evt .form-area .form .input-wrap input:disabled {background: #EAE7E7; border: unset;}
.event-wrap .new-year-evt .form-area .form .input-wrap input:last-child {margin-bottom: 0;}

.event-wrap .new-year-evt .form-area .form .form-chk [type="checkbox"] + label {font-size: 1.2rem; font-weight: 400;}
.event-wrap .new-year-evt .form-area .form .form-chk [type="checkbox"]:not(:checked) + label:before,
.event-wrap .new-year-evt .form-area .form .form-chk [type="checkbox"]:checked + label:before {border: unset; background: #dedede; box-shadow: none;}

.event-wrap .new-year-evt .form-area .btn-lucky-bag:disabled {color: #fff; background: #999AA9 !important; cursor: default;}
.event-wrap .new-year-evt .form-area .btn-lucky-bag {display: block; width: 40rem; height: 4.8rem; margin: 1.8rem auto 0; font-size: 1.6rem; font-weight: 500; color: #fff; background: #1D5FD0; cursor: pointer;}

.event-wrap .new-year-evt .gift-card {height: 34rem; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #F5F5F5;}
.event-wrap .new-year-evt .gift-card p {margin-top: 1.3rem; font-size: 1.6rem; line-height: 1.625; font-weight: 400;}

.event-wrap .new-year-evt .evt-info-list .list {margin-bottom: 5.4rem;}
.event-wrap .new-year-evt .evt-info-list .list:last-child {margin-bottom: 0rem;}
.event-wrap .new-year-evt .evt-info-list .list .tit {display: inline-flex; align-items: center; justify-content: center; min-width: 14rem; height: 4.6rem; margin-bottom: 2rem; font-size: 2rem; color: #fff; font-family: "MBC1961M";  font-weight: 400; font-style: normal; background:#2C3748; border-radius: 1rem;}
.event-wrap .new-year-evt .evt-info-list .list .txt {font-size: 2.4rem; color: #2C3748; font-family: "MBC1961M"; font-weight: 400; line-height: 1.416;}
.event-wrap .new-year-evt .evt-info-list .list .txt span {font-size: inherit; color: #D54425; font-family: inherit; font-weight: inherit; line-height: inherit;}

.event-wrap .new-year-evt .evt-info-list .list table {width: 68rem; margin: auto; border-top: 2px solid #2C3748;}
.event-wrap .new-year-evt .evt-info-list .list table th {background: #F5F5F5;}
.event-wrap .new-year-evt .evt-info-list .list table th,
.event-wrap .new-year-evt .evt-info-list .list table td {height: 5.5rem; font-size: 1.6rem; color: #666; font-weight: 400; border-right: 1px solid #D9D9D9;}
.event-wrap .new-year-evt .evt-info-list .list table th:last-child,
.event-wrap .new-year-evt .evt-info-list .list table td:last-child {border-right: 0;}

.event-wrap .new-year-evt .noti {background: #2C3748;}
.event-wrap .new-year-evt .noti em {display: block; margin-bottom: 2rem; font-size: 1.8rem; color: #FF9A56; line-height: 1; font-family: "MBC1961GulimM"; font-weight: 400; font-style: normal;}
.event-wrap .new-year-evt .noti ul {padding-left: 4rem;}
.event-wrap .new-year-evt .noti ul li {position: relative; padding-left: 1.2rem; font-size: 1.4rem; line-height: 2; color: #fff; font-weight: 400; text-align: left;}
.event-wrap .new-year-evt .noti ul li::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.2rem; height: 0.2rem; background: #fff;}

#sorinModalEvtWin .modal-content {width: 38rem; height: 24rem; border-radius: 1.2rem; text-align: center;}
#sorinModalEvtWin .modal-content .alert-con {display: block; padding: 5rem 3rem 2.5rem; font-size: 1.6rem; line-height:1.625; font-weight: 400;}
#sorinModalEvtWin .modal-content .alert-con strong {color: #D54425; font-weight: 500;}
#sorinModalEvtWin .modal-content .modal-btns {padding: 0; text-align: center; background-color: #fff; border-radius: unset;}
#sorinModalEvtWin .modal-content .modal-btns button {max-width: 14rem; height: 3.8rem;}

/* 24.01.26 | 주문요청완료 > 2024년 설날 복주머니 이벤트 모달 */
#sorinModalLuckyBag .modal-content {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 60rem; height: 47.4rem; border-radius: 1.5rem; text-align: center;}
#sorinModalLuckyBag .modal-content .hgroup {margin-top: 1rem;}
#sorinModalLuckyBag .modal-content img {margin: 2.8rem auto 1.5rem;}
#sorinModalLuckyBag .modal-content p {margin-bottom: 3.5rem; font-size: 2rem; line-height:1.625; font-weight: 400;}
#sorinModalLuckyBag .modal-content p strong {color: #D54425; font-weight: 500;}
#sorinModalLuckyBag .modal-content .btn-lucky-bag {width: 22rem; height: 5rem; font-size: 1.6rem; font-weight: 500;}


/* Footer */
.footer {position:relative; height:20rem; border-top:1px solid #dedede;}
.footer .inwrap {display:flex; justify-content:space-between; align-items:stretch; padding:6rem 0 0;}
.footer-logos {width:18rem; height:3.1rem;}
.footer-logos .footer-logo {position:relative; top:-0.6rem; display:block; width:18.6rem; height:3.4rem; background:url(/images/footer-logo-f0b48c5e4664f31c8a62e06d49e444db.png) 0 0 no-repeat; background-size:15rem}

.footer.bid .footer-logos {width:24rem;}
.footer.bid .footer-logos .footer-logo {width:18.6rem; height:3.4rem; background:url(/images/footer-logo-bid-f0b48c5e4664f31c8a62e06d49e444db.png) 0 0 no-repeat; background-size: contain;}

.footer-credits {position: relative; width:calc(100% - 18rem);}
/* .footer-credits {width:calc(100% - 18rem - 16rem);} */
.footer-credits p,
.footer-credits p span {display:inline-block; color:#999aa9; font-size:1.2rem; font-weight:400;}
.footer-credits p span + span {margin-left:1.5rem;}
.ft-menus {display:table;}
.ft-menus li {display:table-cell; vertical-align:middle; font-size:1.4rem;}
.ft-menus li a {display:block; font-weight:400; font-size:1.4rem; color:#999aa9;}
.ft-menus li + li a {}
.ft-menus li a.privacy {font-weight:500; color:#585961;}
.ft-info-1 {margin-top:1.5rem;}
.ft-info-1 span:first-of-type {font-weight:500;}
.ft-info-2 {margin-top:1rem;}
.ft-info-3 {margin-top:1rem;}
.footer-sns {width:16rem;}
.footer-sns button {width:3rem; height: 3rem; border:1px solid #888a96; border-radius:50%; background-color:#fff;}
.footer-sns button + button {margin-left:.8rem;}
.ft-menus li a:after {content: '|'; display:inline-block; font-size:1.2rem; color:#ddd; margin-left:1.2rem; margin-right:1.2rem;}
.ft-menus li:last-child a:after {content: '';}


/* Footer > 웹사이트(서린닷컴/ 구매입찰시스템) 바로가기 버튼 */
.btn-goto-site {position: absolute; right: 0; top: -1rem; display: inline-block; min-width: 15.7rem; line-height: 3.2rem; border: 1px solid #1D5FD0; text-align: center; border-radius: 0.3rem; transition: 0.3s;}
a.btn-goto-site span {position: relative; display: inline-block; padding-right: 0.6rem; font-size: 1.2rem; color: #1D5FD0; font-weight: 500;}
.btn-goto-site span::before,
.btn-goto-site span::after {content: ""; position: absolute; right: 0rem; width: 0.1rem; height: 0.55rem; background: #1D5FD0; transition: 0.3s;}
.btn-goto-site span::before {top: 1.15rem; transform:  rotate(-45deg);}
.btn-goto-site span::after {top: 1.55rem; transform: rotate(45deg);}
.btn-goto-site:hover span::before,
.btn-goto-site:hover span::after {right: -0.3rem;}

.btn-goto-site.bid span {padding-right: 0.3rem;}
.btn-goto-site.bid span::before,
.btn-goto-site.bid span::after {right: -0.3rem;}
.btn-goto-site.bid:hover span::before,
.btn-goto-site.bid:hover span::after {right: -0.6rem;}


/* 23.10.23 | 메인 팝업 신규 > layer style */
.pop-main-layer {position: absolute; top: 27.5rem; right: calc(50% - 55rem); z-index: 2; background-color: #FFFFFF; border-radius: 1.5rem; overflow: hidden;}
.pop-main-layer1 {width: 36rem; height: 45rem;}
.pop-main-layer1:nth-child(2) {right: calc(50% - 23rem)}
.pop-main-layer2 {width: 45rem; height: 55rem;}

.pop-main-layer .pop-inner {position: relative; width: 100%; height: 100%;}
.pop-main-layer .btn-pop-close {position: absolute; top: 2rem; right: 2rem; z-index: 1; width: 1.2rem; height: 1.2rem; cursor: pointer;}
.pop-main-layer .pop-img,
.pop-main-layer img {position: absolute; top: 0; left: 0; width: 100%;}

.pop-main-layer .today-close {position: absolute; bottom: 2.7rem; left: 0; width: 100%; text-align: center; z-index: 1; font-size: 1.2rem; font-weight: 500; color: #fff; cursor: pointer;}
/*
.pop-main-layer .today-close [type="checkbox"]:not(:checked) + label:before,
.pop-main-layer .today-close [type="checkbox"]:checked + label:before {border-color: #fff; background: transparent; box-shadow: none;top: 50%; transform: translateY(-50%);}
.pop-main-layer .today-close [type="checkbox"]:not(:checked) + label:after,
.pop-main-layer .today-close [type="checkbox"]:checked + label:after {border: 1px solid #fff; border-radius: 0.3rem; background: url(/images/ma/mn-checked-wt-7eed0031cc1cb5ddc89a164f6b899ef0.png) center no-repeat; box-shadow: none;}
*/
.pop-main-layer .today-close [type="checkbox"]:not(:checked) + label,
.pop-main-layer .today-close [type="checkbox"]:checked + label {padding-left: 2.3rem;}


/* 24.12.20 | 메인팝업 이미지 배경색에 따라 class 분기 처리(닫기버튼, 오늘 하루 보지 않기 변경) */
/* .white >>> 25.03 | [2025 리뉴얼] 사용 X */
.btn-pop-close.white {background: url(/images/ma/btn-pop-close-wt-a99b8c08488f3408a076a8f543781f08.png) center no-repeat !important;}
.today-close.white [type="checkbox"]:not(:checked) + label:before,
.today-close.white [type="checkbox"]:checked + label:before {border-color: #fff; background: transparent; box-shadow: none;top: 50%; transform: translateY(-50%);}
.today-close.white [type="checkbox"]:not(:checked) + label:after,
.today-close.white [type="checkbox"]:checked + label:after {border: 1px solid #fff; border-radius: 0.3rem; background: url(/images/ma/mn-checked-wt-7eed0031cc1cb5ddc89a164f6b899ef0.png) center no-repeat; box-shadow: none;}

/* .black >>> 25.03 | [2025 리뉴얼] 디폴트로 사용 */
.btn-pop-close.black {background: url(/images/ma/btn-pop-close-gray-192f45291699ab7f4b359cd3deb5f591.png) center no-repeat !important;}
.today-close.black {font-size: 1.2rem; color: #000 !important;}
.today-close.black [type="checkbox"]:not(:checked) + label:before,
.today-close.black [type="checkbox"]:checked + label:before {border-color: #DEDEDE; background: transparent; box-shadow: none;top: 50%; transform: translateY(-50%);}
.today-close.black [type="checkbox"]:not(:checked) + label:after,
.today-close.black [type="checkbox"]:checked + label:after {border: 1px solid var(--sr-blue); border-radius: 0.3rem; background: var(--sr-blue) url(/images/ma/mn-checked-wt-7eed0031cc1cb5ddc89a164f6b899ef0.png) center no-repeat; box-shadow: none;}



/* 23.10.23 | 카카오 채널 배너(서린닷컴 채널 추가시 쿠폰 지급) */
.banner-kakao-ch {position: absolute; top: 0; left: 0; width: 100%; z-index: 10;}
.banner-kakao-ch .btn-banner-close {position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; text-align: center; cursor: pointer;}
.banner-kakao-ch .banner-img {width: 100%;}


/* 23.12.27 | 등급 할인 롤링 배너(로그인 후 30초간 유지 후 사라짐) */
.banner-grade {display: none; position: absolute; top: 0; bottom: 0; left: 0; z-index: 20; width: 100%; padding: 0 1rem; display: flex; align-items: center; justify-content: center; background-color: var(--sr-blue); overflow:hidden;}
.banner-grade-inner {position: relative; width: 100%; overflow: hidden;}
.banner-grade-inner p {font-size: 1.2rem; font-weight: 400; color: var(--sr-white); white-space: nowrap;
    -moz-animation: 15s 1s linear infinite bannerrollingleft;
    -webkit-animation: 15s 1s linear infinite bannerrollingleft;
    animation: 15s 1s linear infinite bannerrollingleft;

}
.banner-grade-inner:hover p {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/* 24.01.26 | 2024년 설날 복주머니 이벤트 롤링 배너 */
.banner-lucky-bag {}
.banner-lucky-bag {display: none; position: absolute; top: 0; bottom: 0; left: 0; z-index: 20; width: 100%; padding: 0 1rem; display: flex; align-items: center; justify-content: center; background-color: #D54425; overflow:hidden;}
.lucky-bag-inner {position: relative; width: 100%; overflow: hidden; margin-left: 1rem;}
.lucky-bag-inner p {font-size: 1.2rem; font-weight: 400; color: var(--sr-white); white-space: nowrap;
    -moz-animation: 15s 1s linear infinite bannerrollingleft;
    -webkit-animation: 15s 1s linear infinite bannerrollingleft;
    animation: 15s 1s linear infinite bannerrollingleft;
}
.lucky-bag-inner:hover p {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes bannerrollingleft {
    0% {
        transform: translateX(0);
    }
    100%{
        transform: translateX(-100%);
    }
}


/* Modal Popup */
.popup .div-scroll-y {max-height:calc(90vh - 17.4rem); overflow:hidden; overflow-y:auto;}
.popup .div-scroll-y::-webkit-scrollbar {width:.7rem;}
.popup .div-scroll-y::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:.7rem; background-clip:padding-box;border:.2rem solid transparent;}
.popup .div-scroll-y::-webkit-scrollbar-track {background-color:#fff; border-radius:.7rem; box-shadow:inset 0px 0px .5rem #fff;}

.popup .section {padding:0;}
.popup .section + .section {margin:6rem 0;}
.popup .section article + article,
.popup .section .article + .article {margin:4.5rem 0;}
.popup .section .article + .article:last-of-type {margin-bottom:0;}
.modal {display:none; position:fixed; z-index:11; left:0; top:0; width:100%; height:100%; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4);}/*overflow:auto; */
.modal.active {display:block;}
.modal-content {position:relative; width:80%; max-height:90vh; margin:auto; padding:6rem; overflow:auto; top:50%; transform:translateY(-50%); background-color:#fff; border-radius:1.5rem; box-shadow:0 0.3rem 0.6rem 0 rgb(0 0 0 / 16%);}
.modal-content.type2 {max-height:94vh;height:94vh;}
.modal-content .alert-con {margin-top:1rem; font-weight: 400; font-size:1.6rem; line-height:1.45; text-align:center;}
.modal-close {position:absolute; width:4rem; height:4rem; top: 3.2rem; right:3rem; z-index: 1;}
.modal-credit  .modal-close {top: 4.4rem;right:3rem;}
.modal-close button, .modal-close .modal-x {width:100%; height:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:1; font-weight: 400; font-size:4.4rem; color:#000; padding:initial; background-color:initial; outline:initial; border-radius:0; background:url(/images/btn-x-32c146ee886a5670dd05fc9cca86a415.png) 50% 50% no-repeat;}
.modal-content h1 {margin-top:0; margin-bottom:2.2rem;}
.modal-content h1.h2-pd {margin:0 0 3rem; text-align:center; font-size:2.4rem;}
.modal-content .hgroup-main .h2 {font-size:3.4rem; line-height:1; margin:0 0 4rem; text-align:center;}
.modal-content.w500px {padding:3rem;}
.modal-content .hgroup-main .btns.exception {position:absolute; top:8.8rem; right:6rem;}
.modal-content .hgroup-main .btns.exception .btn-stroke-md {height:3rem;}

/* Modal Confirm */
.modal.confirm .modal-header {padding:2.3rem 3rem 2rem; position:relative; border-bottom:1px solid #dedede;}
.modal.confirm .modal-header h1 {font-weight:400; font-size:1.6rem; margin:0;}
.modal.confirm .modal-header .modal-close {width:6rem; height:6rem; top:0; right:0; border-radius:0 1.5rem 0 0;}
.modal.confirm .modal-header .modal-close .modal-x {width:100%; height:100%; background:url(/images/btn-x-32c146ee886a5670dd05fc9cca86a415.png) 50% 50% no-repeat; border-radius:0 1.5rem 0 0;}
.modal.confirm .modal-content {padding:0;}
.modal.confirm .modal-content .alert-con {padding: 4rem 3rem;min-height:12rem; display:flex; justify-content:center; align-items:center; margin:0; font-weight:400; color:#000;}
.modal.confirm .modal-btns {padding:2.6rem; text-align:center; background-color:#f3f3f3; border-radius:0 0 1.5rem 1.5rem;}
.modal.confirm .modal-btns button {max-width:12rem;}
.modal.confirm .modal-btns button + button {margin-left:.4rem;}

/* Modal highlight */
.modal.highlight .modal-header {position:relative;}
.modal.highlight .modal-header h1 {font-weight:500; font-size:2.4rem; margin:0;text-align: center;}
.modal.highlight .modal-header .modal-close {width:6rem; height:6rem; top:-2rem; right:-2rem;}
.modal.highlight .modal-header .modal-close .modal-x {width:100%; height:100%; background:url(/images/btn-x-32c146ee886a5670dd05fc9cca86a415.png) 50% 50% no-repeat;}
.modal.highlight .icon-info-txt {margin-top: 2rem;}
.modal.highlight .modal-content {padding:6rem 4rem;}
.modal.highlight .modal-content .alert-con {flex-direction: column;padding: 4rem 0;display:flex; justify-content:center;line-height: 1.75;align-items:center; margin:0; font-weight:400; color:#000;}
.modal.highlight .modal-content .con-highlight {width: 100%;padding: 3.8rem 6rem;background:#FBEBEB;color:#FD3535;}
.modal.highlight .modal-content.w490px .alert-con {padding: 3.5rem 0;}
.modal.highlight .modal-content.w490px .con-highlight {display: flex;align-items: center;justify-content: center;margin-top: 2rem;padding: 3rem 0;}
.modal.highlight .modal-content .con-highlight dl {display: flex;align-items: center;justify-content: space-between;}
.modal.highlight .modal-content .con-highlight dl dt,
.modal.highlight .modal-content .con-highlight dl dd {font-size: 1.6rem;line-height: 1.75;color:#FD3535;}
.modal.highlight .modal-content.w490px .con-highlight dl dt {margin-right: 1rem;}
.modal.highlight .modal-content .con-highlight dl dt {position: relative;padding-left: 10px;}
.modal.highlight .modal-content .con-highlight dl dt::before {content:"";position: absolute;top: 11px;left: 0;width: 3px;height: 3px; background:#FD3535;}
.modal.highlight .modal-btns {text-align:center;}

/* Modal Alert */
.modal.alert .modal-header {padding:2.3rem 3rem 2rem; position:relative; border-bottom:1px solid #dedede;}
.modal.alert .modal-header h1 {font-weight:400; font-size:1.6rem; margin:0;}
.modal.alert .modal-header .modal-close {width:6rem; height:6rem; top:0; right:0; border-radius:0 1.5rem 0 0;}
.modal.alert .modal-header .modal-close .modal-x {width:100%; height:100%; background:url(/images/btn-x-32c146ee886a5670dd05fc9cca86a415.png) 50% 50% no-repeat; border-radius:0 1.5rem 0 0;}
.modal.alert .modal-content {padding:0;}
.modal.alert .modal-content .alert-con {min-height:12rem; display:flex; justify-content:center; align-items:center; margin:0; font-weight:400; color:#000; padding: 3rem 4rem; box-sizing: border-box;word-break: keep-all;}
.modal.alert .modal-btns {padding:2.6rem; text-align:center; background-color:#f3f3f3; border-radius:0 0 1.5rem 1.5rem;}
.modal.alert .modal-btns button {max-width:12rem;}
.modal.alert .modal-btns button + button {margin-left:.4rem;}

/* Modal Bottom Sheets */
.payments-wrap {display: none;}
.payments-wrap.active {display: block;}
.modal.bottomsheet.active {display:block;}
.modal.bottomsheet .modal-content {width:100%; max-height: 100vh; margin:auto; padding:5.6rem 6rem; top:initial; transform:initial; border-radius:0; box-shadow:initial; position:fixed; bottom:-100%; left:0; transition:all 1s ease-in-out; height:0; overflow:hidden; animation:slideUpBS 1s ease-in-out;}
.modal.bottomsheet.active .modal-content {display:block; bottom:0; transition:all 1s ease-in-out; height:auto; overflow-y:auto}
.modal.bottomsheet .max-width {max-width:120rem; width:120rem; position:relative; margin:auto;}
.modal.bottomsheet .max-width .modal-close {top:-1rem; right: -1rem;}
.modal.bottomsheet .modal-content::-webkit-scrollbar {width:.7rem;} 
.modal.bottomsheet .modal-content::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:.7rem; background-clip:padding-box;border:.2rem solid transparent;}
.modal.bottomsheet .modal-content::-webkit-scrollbar-track {background-color:#fff; border-radius:.7rem; box-shadow:inset 0px 0px .5rem #fff;}
.modal.bottomsheet .cart-item-wrap.type3 {padding: 3rem;}
.modal.bottomsheet .cart-item-wrap.type3 .btns .input-button-wrap {justify-content: flex-end;}
.modal.bottomsheet .cart-item-wrap.type3 .pd-name {justify-content: flex-start; gap: 0.5rem;}
.modal.bottomsheet .cart-item-wrap.type3 .pd-name > span {max-width: 51.4rem; min-width: 14rem; width: auto;}
.modal.bottomsheet .order-detail-area {display:flex; border-bottom:1px solid #ddd}
.modal.bottomsheet .detail-area {width: 48rem; border-right:1px solid #ddd;}
.modal.bottomsheet .detail-area.coupon-info-no {width:48rem;}
.modal.bottomsheet .detail-area .list {height: 100%;}
.modal.bottomsheet .detail-area .list li {position:relative; padding:2rem 3rem 1.9rem 2rem;}
.modal.bottomsheet .detail-area .list li:last-child {border-bottom:0; height: calc(100% - 61.4rem);}
.modal.bottomsheet .detail-area .list .in {padding:0; height: 100%;}
.modal.bottomsheet .detail-area .list .list-data {padding:0; overflow:visible; height: 100%;}
.modal.bottomsheet .detail-area .list .list-data dt {font-weight:500; color:#000}
.modal.bottomsheet .detail-area .list .list-data-detail.full .detail-info dt {width: 13rem;}
.modal.bottomsheet .detail-area .list .list-data dd span {font-weight:500; color:#000}
.modal.bottomsheet .detail-area .list .list-data dd .price.fc-red {font-size:1.6rem;}
.modal.bottomsheet .detail-area .list .data-info-txt {display: inline-block; position: relative; left: 0; top: 0; width: 100%; margin-top: 1.5rem; font-size: 1.2rem; line-height: 1.5rem; color:#999a99}
.modal.bottomsheet .detail-area .list .list-data-detail {display:flex; justify-content:end; padding:0; margin-top:1rem}
.modal.bottomsheet .detail-area .list .list-data-detail i {display: inline-block; width: 1.3rem; height: 1.3rem; border-radius: 100%; background: #FF6600; color: #fff; text-align: center; margin-left: 0.2rem; font-style: normal; cursor: pointer;}
.modal.bottomsheet .detail-area .list .list-data-detail.detail-info-no {justify-content: flex-start;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-text {position:absolute; top:4.5rem; left: 2rem; font-size:1.2rem; color:#999a99; width: 15.4rem; line-height: 1.5rem; font-size: 1.1rem;}
.modal.bottomsheet .detail-area .list .list-data-detail .delivery-wrap {width: 16.9rem;}
.modal.bottomsheet .detail-area .list .list-data-detail .delivery-wrap .txt {line-height: 1.5rem;}
.modal.bottomsheet .detail-area.coupon-info-no .list .list-data-detail .detail-text {width: 16rem; line-height: 1.6rem; word-break: keep-all;}
.modal.bottomsheet .detail-area.coupon-info-no .list .list-data-detail.detail-info-no .detail-text {width: 30rem; position: relative; top: 0; left: 0;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-text span {color:#999a99}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info {display:flex; flex-wrap:wrap; position: relative; width: 26rem; justify-content:space-between;}
.modal.bottomsheet .detail-area.coupon-info-no .list .list-data-detail .detail-info {width:28rem;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info dt {position:relative; width:10rem; margin-top:0.5rem; padding-left:0.7rem; width: 8rem;}
.modal.bottomsheet .detail-area .list .list-data-detail.full .detail-info dt {width: 13rem;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info dd {width:18rem; ; margin-top:0.5rem; text-align:right}
.modal.bottomsheet .detail-area .list .list-data-detail.full .detail-info dd {width: 13rem;}
.modal.bottomsheet .detail-area.coupon-info-no .list .list-data-detail .detail-info dd {width:18rem;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info dt,
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info dd span {font-size:1.2rem; color:#999a99;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info dt:before {content:''; display:inline-block; position:absolute; top:0.5rem; left:0; width:0.3rem; height:0.3rem; background-color:#999}
.modal.bottomsheet .detail-area .list li:nth-child(3) {min-height:12.3rem}
.modal.bottomsheet .detail-area .list li:nth-child(3) .price fc-red {font-size:1.2rem; font-weight:normal}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info i {display: inline-block; width: 1.3rem; height: 1.3rem; border-radius: 100%; background: #FF6600; color: #fff; text-align: center; margin-left: 0.2rem; font-style: normal;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info .header-toggle {top: auto; bottom: -12.5rem; left: -10.7rem; width: 44rem;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info .header-toggle-hgroup {margin-bottom: 1rem;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info .header-toggle-hgroup .tit {font-size: 1.4rem; color: #FF6600; font-weight: 500;}
.modal.bottomsheet .detail-area .list .list-data-detail .detail-info .header-toggle dt {width: 100%; color: #666;}
.modal.bottomsheet .btn-toggle-wrap div .toggle {font-size: 1.2rem;}
/* 결제요청금액 쿠폰적용 페이지 */
.modal.bottomsheet .detail-area .total-price-wrap {position: absolute; bottom: 2rem; right: 3rem; font-size: 1.8rem;}
.modal.bottomsheet .detail-area .total-price-wrap .hr {position:absolute; bottom:-3%; left:-5%; right:-5%; width:110%; height: .8rem; background-color: #fbebeb; z-index:-1}
.modal.bottomsheet .detail-area .coupon-wrap {display: flex; justify-content: space-between; position: absolute; top: 5rem; width: calc(100% - 5rem);}

/* 첫 주문 무료 배송 쿠폰 추가 */
.modal.bottomsheet .detail-area .coupon-free-shipping {width: 12rem; height: 6rem; background: url(/images/pd/delivery-coupon-b000f29a66389e2bbd468912f5e13658.png) 0 50% no-repeat; background-size: contain;}

/* 쿠폰 적용 인풋 추가 */
.modal.bottomsheet .detail-area .list .coupon-data {flex-wrap: wrap;}
.modal.bottomsheet .detail-area .list .coupon-data dd {display: flex; width: 100%;}
.modal.bottomsheet .detail-area .list .coupon-data .select2-container .select2-selection--single {background: #F6F6F6; border-color: #DEDEDE;}
.modal.bottomsheet .detail-area .list .coupon-data .select2-container .select2-selection--single .select2-selection__rendered {font-weight: 400; font-size: 1.2rem; color: #999AA9;}
.modal.bottomsheet .detail-area .list .coupon-data .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.6rem; height: 0.6rem; top: 1.5rem;}
.modal.bottomsheet .detail-area .list .coupon-data button {height: 3.4rem; margin-left: 1rem;}

/*결제상세 > 단가쿠폰 할인 개발: 고도화 22.12.22 */
.modal.bottomsheet2 .detail-area .list .coupon-data {display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem;}
.modal.bottomsheet2 .detail-area .list .coupon-data dd {display: block; width: auto;}
.modal.bottomsheet2 .detail-area .list .coupon-data .select2-container .select2-selection--single {background: #F6F6F6; border-color: #DEDEDE;}
.modal.bottomsheet2 .detail-area .list .coupon-data .select2-container .select2-selection--single .select2-selection__rendered {font-weight: 400; font-size: 1.2rem; color: #999AA9;}
.modal.bottomsheet2 .detail-area .list .coupon-data .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.6rem; height: 0.6rem; top: 1.5rem;}
.modal.bottomsheet2 .detail-area .list .coupon-data button {height: 3.4rem; margin-left: 0;}

.modal.bottomsheet .detail-area .list .unit-discount .col-e30505 {color: #E30505 !important;}
.modal.bottomsheet .detail-area .list .coupon-area .select2-container {width: calc(100% - 8rem) !important;}
.modal.bottomsheet .detail-area .list .coupon-area .btn-discount {width: 7rem;height:3.4rem;margin-left: 1rem;border: 1px solid #1d5fd0;font-size: 1.2rem;font-weight: 400;color: #1D5FD0;background: #fff;transition: 0.2s;}
.modal.bottomsheet .detail-area .list .coupon-area .btn-discount:hover {background: #1d5fd0; color: #fff;}

.modal.bottomsheet .detail-area .list li.pay-request,
.modal.bottomsheet .detail-area .list li.pay-request .in {height: auto;}
.modal.bottomsheet .detail-area .list li.pay-request .list-data-detail {margin-top: 1.2rem;;}
.modal.bottomsheet .detail-area .list li.pay-request .list-data-detail .detail-info * {margin:0;}
.modal.bottomsheet .detail-area .list li.pay-request .total-area {text-align: right;margin-top: 7.8rem;}
.modal.bottomsheet .detail-area .list li.pay-request .total-area .total-price-wrap {position: relative;bottom: auto;right: 0;display: inline-block;font-weight: 500;}

.modal.bottomsheet.upgrade .detail-area .list .list-data-detail .detail-info.coupon-list {width: auto;justify-content: flex-end;}
.modal.bottomsheet.upgrade .detail-area .list .list-data-detail .detail-info.coupon-list dt {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.modal.bottomsheet.upgrade .detail-area .list .list-data-detail.full .detail-info.coupon-list dd.btn-delete {cursor: pointer;width: 1.3rem;margin-left: 1rem;height: 1.3rem;border: 1px solid #ddd;border-radius: 0.3rem;background: url(/images/btn-x-32c146ee886a5670dd05fc9cca86a415.png) 50% 50% no-repeat;background-size: 0.7rem;}



@keyframes slideUpBS {
    from { bottom:-100%; }
    to { bottom:0; }
}
@keyframes slideDownBS {
    from { bottom:0; }
    to { bottom:-100%; }
}


/* ================================================
    2. sorin-ma.css
   ================================================ */
/*사이드 메뉴*/
.main-side {position: fixed; bottom: 3rem; right: 3rem; z-index: 10; text-align: right;}
.main-side .side-box {display: flex; align-items: center; justify-content: center; width: 8rem; height: 9rem; cursor: pointer; position: relative;}
.main-side .side-box::after {content: ''; display: inline-block; width: 6rem; height: 0.1rem; background: #B6BFD9; position: absolute; bottom: 0;z-index: 1;}
.main-side .side-box:nth-child(3)::after,
.main-side .side-box:nth-child(4)::after {display: none;}
.main-side .side-box.manual-wrap::after,
.main-side .side-box.talk-advice::after {display: none;}
.main-side .tit {color: #666; margin-top: 0.5rem; font-size: 1.2rem; text-align: center; line-height: 1.4rem;}
.main-side i {margin: 0 auto;}

.main-side__top {display: none; margin: 10px auto 0;width: 54px;height: 54px;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 23px;background: #233750;cursor: pointer;transition: 0.3s;}
.main-side__top:hover {background-color: #101b28;}
.main-side__top p {margin-top: 3px;font-size: 1.2rem;color: #fff;font-weight: 500;}

.apply-wrap {background: #E3EDFE; border-radius: 1.5rem 1.5rem 0 0;}
.apply-wrap i {display: block; width: 3.2rem; height: 3.5rem; background: url(/images/ma/icon_apply-01f3cda56ae9237cf7ce5a05a7be5a17.png) 50% 50% no-repeat; background-size: cover;}
.manual-wrap {background: #E3EDFE; border-radius: 0 0 1.5rem 1.5rem; margin-bottom: 2rem;}
.manual-wrap i {display: block; width: 3.2rem; height: 3.7rem; background: url(/images/ma/icon_manual-55509719afd5d17a7fe5b11d6fe03a22.png) 50% 50% no-repeat; background-size: cover;}
.applyManual-wrap {background: #E3EDFE;}
.applyManual-wrap i {display: block; width: 3rem; height: 3rem; background: url(/images/ma/icon_applyManual-a6b96e0ecefec048da1eb520ed4ffeb2.png) 50% 50% no-repeat; background-size: cover;}

/*카카오톡 상담 버튼*/
.main-side .side-box.talk-advice {/*position: fixed; bottom: 0; right: 0; z-index: 3;*/ display: inline-block; width: 5.6rem; height: 5.6rem; margin-bottom: 3rem; background: #FFEB00 url(/images/ma/mn-kakao-ch-7790d0fbbc51ec28d6daf3513d6ea834.png) no-repeat center; border-radius:2.2rem; box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,0.15);}
.main-side .side-box.talk-advice #channel-chat-button {width: 100%; height: 100%;}

/* 24.01.11 | 상시할인 & 페이백 floating box */
.promotion-wrap {display: flex; flex-direction: column; gap: 1rem;}
.promotion-box {opacity: 0; position: relative; width: 26rem; height: 7rem; padding: 1.3rem 1.5rem; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,0.15); border-radius:  1rem; overflow: hidden;}

.promotion-box.active {opacity: 1;}
.promotion-box.discount.active {animation: slideCardUp 1s ease;}
.promotion-box.payback.active {animation: slideCardUp 1s 0.15s ease;}

.promotion-box-inner {display: flex; align-items: center; justify-content: flex-start; gap: 1.3rem;}
.promotion-box .btn-card-close {position: absolute; top: 1rem; right: 1rem; width: 0.9rem; height: 0.8rem; background: url(/images/btn-card-close-ef15bd36f6a403411005ca82654264a6.png) no-repeat center; cursor: pointer;}
.promotion-box figure {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius:  1rem; overflow: hidden}
.promotion-box.discount figure {background: #009B87;}
.promotion-box.payback figure {background: #1F68F8;}
.promotion-box .txt {font-size: 1.2rem; font-weight: 400; line-height: 1.4; text-align: left;}

@keyframes slideCardUp {
    from {opacity: 0; transform: translateY(4rem);}
    to {opacity: 1; transform: translateY(0rem);}
}



/* charts-wrap */
.charts-wrap {padding:5rem 0; background-color:#fafafa;}
.charts-wrap .hgroup h2 span {font-weight:500; color:#000; font-size:2.2rem;}
.charts-wrap .hgroup h2 .ticker {font-weight:500; color:#999aa9; font-size:2.2rem;}
.charts-wrap .hgroup h2 .desc {font-weight:400; color:#999aa9; font-size:1.2rem;}
.charts-wrap .hgroup > div:not(.exchange) {width:calc(100% - 36rem); position:relative;}
.charts-wrap .hgroup .btns {position:absolute; bottom:0; right:4rem; }
.charts-wrap .exchange span {font-size:1.4rem; color:#999aa9;}
.charts-wrap .exchange .number {font-weight:500; color:#000;}
.charts-wrap .charts-con {display:flex; justify-content:space-between; align-items:stretch; width:100%; min-height:50rem; padding:3rem;}
.rChart-graph {width:calc(100% - 33rem); padding-right:4rem;}
.rChart-sum {margin-bottom:1.5rem;}
.rChart-current {position:relative;}
.rChart-current span {display:inline-block; font-size:1.4rem; vertical-align:middle;}
.rChart-current span + span {margin-left:1rem;}
.rChart-current .c-price {font-weight:500; font-size:2.8rem;}
.rChart-current .c-rate,
.rChart-current .c-gap {font-weight: 400; font-size:1.4rem;}
.rChart-current.up span {color:#fb1a31;}
.rChart-current.up .c-rate::before {content:'+'; display:inline-block;}
.rChart-current.down span {color:#0962fc;}
.rChart-current.down .c-rate::before {content:''; display:inline-block;}
.rChart-summary {margin-top:1.2rem;}
.rChart-summary span {display:inline-block; font-weight: 400; color:#777; font-size:1.2rem;}
.rChart-summ {display:table;}
.rChart-summ li {display:table-cell;}
.rChart-summ li + li {padding-left:1.5rem;}
.rChart-summ .h-price {color:#fb1a31;}
.rChart-summ .l-price {color:#0962fc;}
.rChart-summ .y-price {color:#000;}
.rChart-summ .t-volumn {color:#000;}
.rChart-summ .t-amount {color:#000;}
.rChart-summ .t-amount + .unit {color:#000;}
.rcharts-wrap {position:relative;}
.rChart-table {width:33rem;}
.table-sum {padding-bottom:.7rem; display:flex; justify-content:space-between; align-items:center;}
.table-sum .stit {font-weight:500; font-size:1.2rem; color:#000; line-height:2rem;}
.controller-wrap {display:flex; justify-content:right; align-items:center; display:none;}/* 작업중 임시 display:none; 처리 */
.controller-wrap .time-bar-container {margin-right:1rem;}
.time-bar-container {width:12rem; height:.2rem; display:block; position:relative; background-color:#dedede;}
.time-bar {width:50%; height:.2rem; display:block; position:absolute; top:0; left:0; background-color:#2b425f;}
.list-stock {display:table; width:100%;}
.thead .list-stock > div {display:table-cell; padding:1rem; background-color:#f3f3f3; color:#666; font-size:1.1rem;}
.thead .list-stock > div:not(:first-of-type) {text-align:center;}
.list-stock > div:not(:first-of-type) {color:#000;}
.list-stock .c-prd {width:calc(100% - 14rem)}
.list-stock .c-price {width:7rem;}
.list-stock .c-rate {width:7rem;}
.li:not(.thead) .list-stock > div {display:table-cell; padding:1.2rem 1rem; background-color:#fff; color:#666; font-size:1.2rem;}
.li:not(.thead) .list-stock > div:not(:first-of-type) {text-align:right;}
.li:not(.thead) .list-stock .c-prod strong {font-weight:500; color:#000; font-size:1.4rem;}
.li:not(.thead) .list-stock .c-prod span {margin-left:.5rem; font-weight:500; color:#666; font-size:1.2rem;}
.li:not(.thead) .list-stock .c-price,
.li:not(.thead) .list-stock .c-rate {display:none;font-size:1.2rem; color:#000;}
.li.up:not(.thead) .list-stock .c-price,
.li.up:not(.thead) .list-stock .c-rate {color:#fb1a31;}
.li.down:not(.thead) .list-stock .c-price,
.li.down:not(.thead) .list-stock .c-rate {color:#1e60d1;}
.list-stock > div:not(:first-of-type) {color:#000;}

.up .list-stock .c-rate::before {content:'+'; margin-right:.2rem;}
.down .list-stock .c-rate::before {content:''; margin-right:.2rem;}
.close .list-stock > div:not(:first-of-type) {color:#666;}

.rChart-table .list > .li.active,
.rChart-table .list > .li.active2 {height:auto; overflow:initial; position:relative; border:1px solid #fff;}
.rChart-table .list .li.active::before {content:''; display:block; width:1rem; height:1.2rem; position:absolute; top:1.2rem; left:-1rem; background-position:0 0; background-repeat:no-repeat;}
.rChart-table .list .li.active .list-stock .c-rate {padding-right:1.2rem;}
.rChart-table .list .li.up.active::before{background-image:url(/images/ma/temp-main-down-f6bc28389781a4b9813577f9080ad920.png);}
.rChart-table .list .li.down.active::before{background-image:url(/images/ma/temp-main-down-f6bc28389781a4b9813577f9080ad920.png);}
.rChart-table .list .li.up.active {border-color:#1e60d1;}
.rChart-table .list .li.down.active {border-color:#1e60d1;}
.rChart-table .list .li.up.active div {background-color:#fff;}
.rChart-table .list .li.down.active div {background-color:#fff;}
.rChart-table .list .li.active .info {height:auto; opacity:1; overflow:initial;}
.rChart-table .list .li.active2 .list-stock {border-right:1px solid #dedede; border-left:1px solid #dedede;}
.rChart-table .list .li.active2 .info {height:auto; opacity:1; overflow:initial; padding:0; border-right:1px solid #dedede; border-left:1px solid #dedede;}
.rChart-table .info,
.rChart-table .info .li,
.rChart-table .info .li div,
.rChart-table .info .li span {transition:all .5s ease-in-out;}

.rChart-table .info {width:100%; height:0; overflow:hidden; opacity:0;}
.rChart-table .info .li {display:flex; justify-content:space-between; align-items:stretch; padding:1.5rem 1rem}
.rChart-table .info .li div,
.rChart-table .info .li span {font-size:1.1rem;}
.rChart-table .info .li .info-tit {font-weight:500; line-height:2; width:18%; color:#000; }
.rChart-table .info .li .info-tit span {position:relative; top:-.7rem; color:#999; letter-spacing:-1px}
.rChart-table .info .li .info-desc {line-height:2; width:82%}
.rChart-table .info .li .info-desc span {display:inline-block; width:11.5rem; font-weight:400; color:#666; vertical-align:top;}
.rChart-table .info .li .info-desc span.number {width:8.5rem; padding-left:0.5rem}
.rChart-table .info .li .info-desc span.desc-rate {width:5rem; text-align:right}
.rChart-table .list .li.up .info-desc span.number,
.rChart-table .list .li.up .info-desc span.desc-rate {color:#fb1a31;}
.rChart-table .list .li.down .info-desc span.number,
.rChart-table .list .li.down .info-desc span.desc-rate {color:#1e60d1;}

.charts-wrap h2 span.scopi {position:absolute; top:1.4rem; display:inline-block; width:8rem; height:3rem; line-height:2.5; text-align:center; margin-right:8px; font-size:12px; border-radius:15px; color:#fff; background-color:#999aa9}
.charts-wrap .scopi-info {padding-top:1rem; font-size:1.2rem; color:#999aa9}
.charts-wrap .scopi-info strong {color:#999aa9}


/* 23.09.27 | 기준가격설정(버튼/팝업) */
.btn-data-setting {position:absolute; top: 2rem; right: 3rem; width: 10.6rem; height: 2.8rem; padding: 0 1rem; font-size: 1.2rem; font-weight: 500; ;text-align: left; border-radius: 0.3rem; background-color: var(--sr-blue);}
.btn-data-setting::after {content: ""; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%) rotate(0); transition: 0.3s; width: 1.4rem; height: 1.4rem; background: url(/images/ma/icon-data-setting-35f4b6ca493c063035ea2565b0d2ccd5.png) no-repeat center;}
.btn-data-setting:hover {background-color: #0241ac;}
.btn-data-setting:hover::after {transform: translateY(-50%) rotate(1200deg);}

.modal.modal-data-setting .modal-content h1.h2-pd {margin: 0.7rem 0 0;}
.modal.modal-data-setting .subheading {margin: 1.3rem 0 1rem; font-size: 1.6rem; line-height: 1.75; color: #666666; font-weight: 400; text-align: center;}

.modal.modal-data-setting .section article + article {margin: 4rem 0;}
.modal.modal-data-setting article h2 {font-size: 1.6rem; line-height: 1; color: #000; font-weight: 500;}
.modal.modal-data-setting .setting-box {margin-top: 1.8rem; padding-top: 2rem; border-top: 2px solid var(--sr-navy);}
.modal.modal-data-setting .setting-box .dropdown {min-height: 5rem;}
.modal.modal-data-setting .setting-box .select2-container .select2-selection--single {height: 5rem;}
.modal.modal-data-setting .setting-box .select2-container .select2-selection--single .select2-selection__rendered {padding: 0 2rem; line-height: 4.8rem;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width: 3.5rem; height: calc(100% - 0.2rem);}
.modal.modal-data-setting .setting-box .select2-container--default .select2-selection--single .select2-selection__arrow b {left: 50%; top: 50%; width: 0.8rem; height: 0.8rem; transform: translateY(-50%) rotate(-45deg); margin-top: -0.2rem;}


/* materials-wrap */
.materials-wrap {padding:6rem 0 7rem; background-color:#fff;}
.materials-wrap .inwrap {display:flex; justify-content:space-between;}
.materials-news {width:76rem;}
.materials-news .list a {display:block;}
.section.materials-wrap .inwrap .h2 {font-size:1.8rem; margin-bottom:1.1rem;}
.materials-wrap .hgroup .btns {margin-bottom:0;}
.section.materials-wrap .hgroup .btns button {width:inherit;}

.materials-cal {width:36rem;}
.materials-cal .cal-wrap {height:35rem; padding:2rem; border:1px solid #dedede; border-radius:2rem;}
.cal-wrap .cal-header {display:flex; justify-content:space-between; align-items:center;}
.cal-wrap .cal-header button, .cal-wrap .cal-header span {vertical-align:middle;}
.cal-wrap .cal-header .cal-month {font-weight:500; line-height:3rem; padding:0 .5rem; color:#000;}
.btn-cal-prev, .btn-cal-next {width:3rem; height:3rem; position:relative; background-color:#fff;}
.btn-cal-prev::before, .btn-cal-next::before {content:''; display:block; width:2rem; height:2rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:1px solid #dedede; border-radius:.2rem;}
.btn-cal-prev::after, .btn-cal-next::after {content:''; display:block; width:.6rem; height:.6rem; position:absolute; top:1.2rem; border:1px solid #939393; transform:rotate(-45deg);}
.btn-cal-prev::after {left:1.3rem; border-width:.1rem 0 0 .1rem;}
.btn-cal-next::after {left:1rem; border-width:0 .1rem .1rem 0;}
.btn-cal-month, .btn-cal-today,.btn-cal-holiday {width:4rem; height:2rem; border:1px solid #dedede; border-radius:.3rem; background-color:#fff; color:#666; font-size:1rem;}
.btn-cal-month.active, .btn-cal-today.active,.btn-cal-holiday.active {background-color:#1d5fd0; border-color:#1d5fd0; color:#fff;}
.cal-wrap .cal-list {position:relative; margin-top:1rem; height:27rem; overflow-y:auto;}
.cal-wrap .cal-list::-webkit-scrollbar {width:.7rem;}
.cal-wrap .cal-list::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:.3rem; background-clip:padding-box; border:2px solid transparent;}
.cal-wrap .cal-list::-webkit-scrollbar-track {background-color:#fff; border-radius:1rem; box-shadow:inset 0px 0px 5px white; }

.cal-list .li {padding:0.9rem 2rem; background-color:#fafafa; border-radius:.2rem;}
.cal-list .li.today {background-color:#E5EDF9}
.cal-list .li span {display:inline-block; font-size:1.2rem; vertical-align:top; line-height:1.2;}
.cal-list .li + .li {margin-top:.2rem;}
.cal-list .li .date {width:6rem; line-height:1.7; color:#999aa9;}
.cal-list .li .schedule {display:inline-block; width:calc(100% - 6.5rem); line-height:1.7; color:#000; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.cal-list .li .schedule .img-nation {display:inline-block; padding-top:2px; padding-right:10px;}

/* calendar bg color */
.cal-bg-red {color:#FF5F5F !important; background-color:#FFEBEB !important;}
.cal-bg-blue {color:#1D5FD0 !important; background-color:#E7F6FF !important;}
.cal-bg-yellow {color:#937C05 !important; background-color:#FFF7CC !important;}
.cal-bg-purple {color:#3C0368 !important; background-color:#E9EBFF !important;}

/* 메인 달력 추가 */
.cal-holiday {display:none; position:relative;}
.cal-holiday .ui-datepicker {margin-top:1rem !important}
.cal-holiday .ui-datepicker-calendar td a {border:0; pointer-events: none; cursor: default; outline:none}
.cal-holiday .ui-widget.ui-widget-content {width:100%; padding:0; border:0; margin-top:0}
.cal-holiday .ui-datepicker-header {display:none}
.cal-holiday .ui-state-highlight, .cal-holiday .ui-widget-content .ui-state-highlight,
.cal-holiday .ui-widget-header .ui-state-highlight,
.cal-holiday .ui-state-active, .cal-holiday .ui-widget-content .ui-state-active,
.cal-holiday .ui-widget-header .ui-state-active  {background: #fff; color: #454545; font-weight:400;}
.cal-holiday .ui-widget.ui-widget-content .ui-datepicker-unselectable {opacity:1}
.cal-holiday .ui-widget.ui-widget-content .ui-datepicker-unselectable span {font-weight:400; border-radius:50%; background-color:#fcd6d9; border:0; color:#666}
.cal-holiday .cal-holiday-front {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; text-indent:-9999px; background:rgba(0,0,0,0)}
.cal-holiday .ui-widget.ui-widget-content {box-shadow: 0 0 0 rgb(0,0,0,0);}
.cal-holiday .ui-datepicker table {border-top-width:1px}
.cal-holiday .ui-datepicker > .ui-datepicker-calendar tbody td:first-child span {color:#fd3535 !important}
.cal-holiday .ui-datepicker > .ui-datepicker-calendar tbody td:last-child span {color:#0962fc !important}
.cal-holiday .ui-widget.ui-widget-content .ui-datepicker-other-month span {font-weight: 400; background-color:#fff; color:#ccc}
.cal-holiday .ui-datepicker > .ui-datepicker-calendar tbody td.ui-datepicker-other-month:first-child span,
.cal-holiday .ui-datepicker > .ui-datepicker-calendar tbody  td.ui-datepicker-other-month:last-child span {opacity:0.35}
.cal-holiday .ui-datepicker-calendar th {padding:1rem 0}
.cal-holiday .ui-datepicker-calendar td {padding:.4rem .2rem 0.5rem}

.services-wrap {padding:6rem 0; background-color:#fafafa}
.services-wrap .inwrap {display:flex; justify-content:space-between; align-items:stretch;}
/*.services-wrap .inwrap > div {height:22rem;}*/
.services-wrap .inwrap > div + div {border-left:1px solid #dedede;}
.services-wrap .inwrap .services-con .h2 {font-size:1.8rem}
.services-wrap .info,
.services-wrap .intro,
.services-wrap .estimate {position:relative; overflow:hidden;}
.services-wrap .estimate {padding-left:6.5rem; padding-right:4.5rem;}
.services-wrap .inwrap .estimate .h2 {margin-bottom:1.4rem;}
.services-con .cs-number {padding-top:.5rem;}
.services-con .cs-number span {display:inline-block; vertical-align:middle; position:relative; font-weight:600; font-size:4rem; vertical-align:middle;}
.services-con .cs-number span:nth-child(1) {color:#2070f8;}
.services-con .cs-number span:nth-child(2) {margin:0 1.8rem; color:#0944a8;}
.services-con .cs-number span:nth-child(3) {color:#012b73;}
.services-con .cs-number span::before {content:''; display:block; width:.6rem; height:.6rem; background-color:#666; position:absolute; top:50%; left:-1.2rem; transform:translateY(-50%);}
.services-con .cs-number span:nth-child(1)::before {display:none}
.services-con .cs-email {margin-top:1.5rem;}
.services-con .cs-email a {font-weight:500; font-size:1.6rem; color:#254781;}
.services-con .cs-p {margin-top:1.5rem; font-weight:400; font-size:1.4rem; color:#999aa9; line-height:1.5;}
.services-con .cs-btns {margin-top:1.5rem;}
.services-wrap .info, .services-wrap .estimate {width:38rem;}
.services-wrap .intro {width:calc(100% - 76rem);}
.services-wrap .intro .services-con {display:table; position:relative; margin:auto;}
.services-wrap .estimate {padding: 0;}
.services-wrap .estimate .services-con {margin-left: 4rem;}
.services-con .figure {width:32rem; height:18rem; background-color:lightpink;}

/*  main banner slide area */
.grap-wrap {height:47rem; padding:0; min-width:120rem; overflow:hidden}

/*  main banner slide content */
.grap-wrap .grap-swiper-inner {
    height: 47rem;
    position: relative;
}
.grap-wrap.lme-on {
    background: linear-gradient(135deg,  #23aeb6 0%,#9a66f8 100%);
    background: -moz-linear-gradient(-45deg,  #23aeb6 0%, #9a66f8 100%);
    background: -webkit-linear-gradient(-45deg,  #23aeb6 0%,#9a66f8 100%);
}
.grap-wrap.pay-on {
    background: linear-gradient(135deg,  #9a66f8 0%,#f29776 100%);
    background: -moz-linear-gradient(-45deg,  #9a66f8 0%, #f29776 100%);
    background: -webkit-linear-gradient(-45deg,  #9a66f8 0%,#f29776 100%);
}
.grap-wrap.sinl-on{
    background: linear-gradient(135deg,  #f29776 0%,#23aeb6 100%);
    background: -moz-linear-gradient(-45deg,  #f29776 0%, #23aeb6 100%);
    background: -webkit-linear-gradient(-45deg,  #f29776 0%,#23aeb6 100%);
}
.grap-wrap.payment-on{
    background: linear-gradient(0deg, #5D86E0 0%, #C4E8FD 60.91%);
    background: -moz-linear-gradient(0deg, #5D86E0 0%, #C4E8FD 60.91%);
    background: -webkit-linear-gradient(0deg, #5D86E0 0%, #C4E8FD 60.91%);
}
.grap-wrap .grap-swiper-inner .pattern1 {
    width: 100%;
    height: 47rem;
    background: url(/images/ma/pattern1-83cce7a70d3a8a19c3f0310fd5c1da21.png) no-repeat;
    position: absolute;
    bottom: 0;
    mix-blend-mode: overlay;
}
.grap-wrap .grap-swiper-inner .pattern2 {
    width: 100%;
    height: 47rem;
    background: url(/images/ma/pattern2-0898ebab49f7de05714956aa178e3624.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    background-blend-mode: color-burn;
    mix-blend-mode: color-burn;
}
.grap-wrap .grap-swiper-inner .circle1 {
    width: 15rem;
    height: 15rem;
    background: url(/images/ma/circle1-2c61e8e7b014476e5ccc710e8dbfd65a.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 16.2rem;
    right: 14.3rem;
}
.grap-wrap .grap-swiper-inner .circle2 {
    width: 3rem;
    height: 3rem;
    background: url(/images/ma/circle2-3f2e44be6989b136a44c7d3d0255dcdc.png) no-repeat;
    position: absolute;
    top: 12rem;
    right: 27rem;
}
.grap-wrap .grap-swiper-inner .circle3 {
    width: 35rem;
    height: 19rem;
    background: url(/images/ma/circle3-e68764f3de263039fe89abdd1e685a97.png) no-repeat;
    position: absolute;
    bottom: 0;
    right: 34.3rem;
}
.grap-wrap .grap-swiper-inner .diagram {
    width: 80%;
    height: 47rem;
    background: url(/images/ma/diagram-34df304ec99c12037c072e16bae2ba17.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 47%;
    transform: translate(-50%, 0);
}


.grapWrapSwiper .swiper-slide {background:none}
.grapWrapSwiper .swiper-slide .swiper-con {display:flex; align-items: center; justify-content: space-between; position:relative; width:120rem; min-width:120rem; margin:0 auto;}
.grapWrapSwiper .swiper-slide .swiper-con .subject {position:relative; width:47rem; text-align:left; z-index:3}
.grapWrapSwiper .swiper-slide .swiper-con .subject h1 {font-weight:600; font-size:6.6rem; margin:0; line-height:8rem; color:#172B50; z-index:5; letter-spacing: -0.02em; text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.grapWrapSwiper .swiper-slide .swiper-con .subject h1 span {display: block; font-weight:600;}
.grapWrapSwiper .swiper-slide .swiper-con .subject h4 {color: #fff; font-weight: 500; line-height: 2.8rem;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box {display: flex; gap: 2rem;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li {width: 21rem; height: 28rem; line-height: 2rem; background-color: #3D5580; border-radius: 2rem; padding: 3.5rem 1.5rem 3rem; box-sizing: border-box; letter-spacing: -0.02em; cursor: pointer;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li > ul {display: flex; flex-flow: column; justify-content: space-between; align-items: center; height: 100%;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li .tit {color: #fff; font-size: 2rem;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li .sub-tit {color: #fff; opacity: 0.65; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.02em;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li .option-img {margin: 0 auto;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li:nth-child(1) .option-img img {width: 14.9rem;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li:nth-child(2) .option-img img {width: 11.4rem;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li:nth-child(3) .option-img img {width: 12.6rem;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li .detail-view {color: #fff; font-size: 1.2rem; font-weight: 400; position: relative;}
.grapWrapSwiper .swiper-slide .swiper-con .option .box > li .detail-view::after {content:''; display: inline-block; position: absolute; top: 0.7rem; right: -1rem; width: 0.6rem; height: 0.6rem; border-top: 0.1rem solid #fff; border-right: 0.1rem solid #fff; transform: rotate(45deg);}
.grapWrapSwiper .swiper-slide .swiper-con .text {text-align:left; padding:15.5rem 0 0 1rem; z-index:3}
.grapWrapSwiper .swiper-slide .swiper-con .text h2 {font-weight:400; font-size:3.2rem; margin:0; line-height:42px; color:#fff}
.grapWrapSwiper .swiper-slide .swiper-con .text p {font-size:1.8rem; margin-top:2.5rem; line-height:28px; color:#fff}
.grapWrapSwiper .swiper-slide.pay .swiper-con .text p {position:relative; padding-left:12rem}
.grapWrapSwiper .swiper-slide.pay .swiper-con .text p span {position:absolute; top:0.7rem; left:0; width:10rem; height:3.55rem; display:inline-block; width:10rem}
.grapWrapSwiper .swiper-slide.pay .swiper-con .text p span img {width:100%}

/* main banner slide control */
.grapWrapSwiper .swiper-pagination-bullet,
.grapWrapSwiper2 .swiper-pagination-bullet {width:1rem; height:1rem; background-color:#fff;}
.grapWrapSwiper.swiper-container-horizontal > .swiper-pagination-bullets {bottom:5rem;}
.grapWrapSwiper.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 .6rem;}
.grapWrapSwiper .swiper-button-next,
.grapWrapSwiper.swiper-container-rtl .swiper-button-prev,
.grapWrapSwiper2 .swiper-button-next,
.grapWrapSwiper2 .swiper-container-rtl .swiper-button-prev {width:6rem; height:6rem; right:0; color:#fff;}
.grapWrapSwiper .swiper-button-next::before,
.grapWrapSwiper .swiper-button-prev,
.grapWrapSwiper2 .swiper-button-next::before,
.grapWrapSwiper2 .swiper-button-prev,
.grapWrapSwiper.swiper-container-rtl .swiper-button-next {width:6rem; height:6rem; left:0; color:#fff;}
.grapWrapSwiper .swiper-button-next::before,
.grapWrapSwiper2 .swiper-button-next::before,
.grapWrapSwiper.swiper-container-rtl .swiper-button-prev::before {content:''; display:block; width:6rem; height:6rem; position:absolute; right:0; background-color:#fff; opacity:.3;}
.grapWrapSwiper .swiper-button-prev::before,
.grapWrapSwiper2 .swiper-button-prev::before,
.grapWrapSwiper.swiper-container-rtl .swiper-button-next::before {content:''; display:block; width:6rem; height:6rem; position:absolute; left:0; background-color:#fff; opacity:.3;}
.grapWrapSwiper .swiper-button-prev:after,
.grapWrapSwiper2 .swiper-button-prev:after,
.grapWrapSwiper .swiper-container-rtl .swiper-button-next:after {font-size:2.5rem; z-index:1;}
.grapWrapSwiper .swiper-button-next:after,
.grapWrapSwiper2 .swiper-button-next:after,
.grapWrapSwiper .swiper-container-rtl .swiper-button-prev:after {font-size:2.5rem; z-index:1;}

/* main content slide area */
.sorin-wrap {min-width:120rem; height:36rem; padding:0; border-top:1px solid #dedede; background-color:#2b425f;}
.sorin-wrap .swiper-con {max-width:120rem; margin:auto; text-align:left;}
.sorin-wrap .swiper-con .desc {padding:6rem 0;}
.sorin-wrap .swiper-con .figure {padding:3rem 0;}
.sorin-wrap .swiper-con .figure .sorin-bell {width:10.8rem; height:10.8rem; position:absolute; top:0; left:4rem; display:block;}
.swiper-con.sorinWrapSwiper1 {display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse;}
.swiper-con.sorinWrapSwiper1 > div {width:50%;}
.swiper-con.sorinWrapSwiper1 .figure {overflow:hidden;}
.swiper-con.sorinWrapSwiper1 .figure img {float:right;}
.sorinWrapSwiper1 .p1 {font-weight:500; color:#fff; font-size:1.8rem; opacity:0.7;}
.sorinWrapSwiper1 .p2 {margin-top:1.5rem; color:#fff; font-weight:500; font-size:3.4rem;}
.sorinWrapSwiper1 .p3 {margin-top:2.5rem; line-height:1.5; color:#fff; font-size:2rem; opacity:0.5;}
.sorinWrapSwiper .swiper-pagination-bullet {width:1rem; height:1rem; background-color:#fff;}
.sorinWrapSwiper.swiper-container-horizontal > .swiper-pagination-bullets {width:120rem; max-width:120rem; position:relative; margin:auto; text-align:left; bottom:6rem;}
.sorinWrapSwiper .swiper-button-next,
.sorinWrapSwiper.swiper-container-rtl .swiper-button-prev {width:6rem; height:6rem; right:0; color:#fff;}
.sorinWrapSwiper .swiper-button-next::before,
.sorinWrapSwiper .swiper-button-prev,
.sorinWrapSwiper.swiper-container-rtl .swiper-button-next {width:6rem; height:6rem; left:0; color:#fff;}
.sorinWrapSwiper .swiper-button-next::before,
.sorinWrapSwiper.swiper-container-rtl .swiper-button-prev::before {content:''; display:block; width:6rem; height:6rem; position:absolute; right:0; background-color:#000; opacity:.15;}
.sorinWrapSwiper .swiper-button-prev::before,
.sorinWrapSwiper.swiper-container-rtl .swiper-button-next::before {content:''; display:block; width:6rem; height:6rem; position:absolute; left:0; background-color:#000; opacity:.15;}
.sorinWrapSwiper .swiper-button-prev:after,
.sorinWrapSwiper .swiper-container-rtl .swiper-button-next:after {font-size:2.5rem; z-index:1;}
.sorinWrapSwiper .swiper-button-next:after,
.sorinWrapSwiper .swiper-container-rtl .swiper-button-prev:after {font-size:2.5rem; z-index:1;}



/* 22.11.30 메인 슬라이더 신규 */
.grap-wrap2 {height: 47rem;padding: 0;min-width: 120rem;overflow: hidden;}
.grap-wrap2 .grapWrapSwiper2 .swiper-slide {width: 100%;height: 47rem;background: url(/images/ma/mn-visual1-eab0a0ca91cdbb62e32ae9c62ff65f02.jpg) no-repeat;background-size: cover !important;}

.grap-wrap2 .grapWrapSwiper2 .swiper-slide .swiper-con {display:flex; align-items: center; justify-content: space-between; position:relative; width:120rem; min-width:120rem; margin:0 auto;}
.grap-wrap2 .grapWrapSwiper2 .swiper-slide1 {background: url(/images/ma/mn-visual1-eab0a0ca91cdbb62e32ae9c62ff65f02.jpg) no-repeat;}
.grap-wrap2 .grapWrapSwiper2 .swiper-slide2 {background: url(/images/ma/mn-visual2-40736714668d503b8f78d5fd17a64a85.jpg) no-repeat;}
.grap-wrap2 .grapWrapSwiper2 .swiper-slide3 {background: url(/images/ma/mn-visual3-c7998fe3c552de2cd59b31df6f06eb77.jpg) no-repeat;}
.grap-wrap2 .grapWrapSwiper2 .swiper-slide .swiper-con {margin: 0;flex-direction: column;justify-content: center;align-items: left;text-align: left;}
.grap-wrap2 .grapWrapSwiper2 .swiper-slide .swiper-con__top p {font-size: 2rem;font-weight: 500;line-height:1 ;color:#fff;}
.grap-wrap2 .grapWrapSwiper2 .swiper-slide .swiper-con__top h2 {margin:1.5rem 0 13.3rem;font-size: 6.6rem;font-weight: 600;line-height:1 ;color:#fff;}
.grap-wrap2 .grapWrapSwiper2 .swiper-slide .swiper-pagination {position: static;}
.grap-wrap2 .grapWrapSwiper2.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 24.8rem;left: 0;right: 0;text-align: left;width: 120rem;margin: auto;}
.grap-wrap2 .grapWrapSwiper2.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width: 4rem;height: 0.3rem;background: #fff;margin-right: 0.1rem;border-radius: 0;opacity:1;}
.grap-wrap2 .grapWrapSwiper2.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {background:#FFC700;}
.grap-wrap2 .grapWrapSwiper2.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child {margin-right: 0;}

.grap-wrap2 .grapWrapSwiper2 .swiper-con__top,
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm {width: 100%;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm {min-width: 62rem;display: flex;align-items: flex-end;justify-content: space-between;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .left-side p {margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid rgba(255, 255, 255, 0.3);font-size: 1.8rem;font-weight: 500;line-height:1.44;color: #fff;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .left-side .keyword,
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area  {display: flex;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .left-side .keyword li {margin-right: 1.5rem;font-size: 1.6rem;font-weight: 500;line-height:1.5;color: #fff;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li {margin-left: 1rem;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li:first-child {margin-left: 0;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li a {width: 180px;height: 50px; font-size: 1.4rem; color: #fff;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.2);border: 1px solid #fff; border-radius: 5px;box-sizing: border-box;overflow: hidden;transition: 0.3s;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li a.btn--blue {border:0;background: #1D5FD0;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li:hover a {color: #000;background: rgba(255, 255, 255, 1);}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li a,
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li button {width: 180px;height: 50px; font-size: 1.4rem; color: #fff;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.2);border: 1px solid #fff; border-radius: 5px;box-sizing: border-box;overflow: hidden;transition: 0.3s;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li .btn--blue {border:0;background: #1D5FD0;}
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li:hover a,
.grap-wrap2 .grapWrapSwiper2 .swiper-con__btm .btn-area li:hover button {color: #000;background: rgba(255, 255, 255, 1);}


/* 협력사 소개 */
/* .alliance-wrap {padding-bottom:6rem !important; margin-bottom:0 !important;} */
.alliance-wrap {padding-bottom:6rem; margin-bottom:0 !important;}
.alliance-wrap .inwrap {padding:1.5rem 0; text-align:center;}
.alliance-wrap .desc .p1 {font-weight:500; color:#5f7eb4; font-size:1.8rem; line-height:1.22;}
.alliance-wrap .desc .p2 {margin-top:1rem; color:#000; font-weight:500; font-size:3.4rem;}
.alliance-wrap .desc .p3 {margin:1rem 0 3rem; line-height:1.5; color:#999aa9; font-size:2rem;}
/* .alliance-wrap .alliances ul {display:flex; justify-content:space-around;} */
.alliance-wrap .alliances ul {display:flex; justify-content:center; margin-left: 10.5rem; align-items: center;}
.alliance-wrap .alliances ul:nth-child(1) {margin-bottom: 40px;}
.alliance-wrap .alliances ul li {padding-right: 80px;}

/* 메인 > 주요뉴스, 메탈월드 월간지 추가 변경 시 추가 */
.main-news-wrap {padding:5rem 0 0}
.main-news-wrap .inwrap {display: flex; justify-content: space-between;}
.main-news-wrap .inwrap .hgroup {width:100%; height:4rem;}
.main-news-wrap .inwrap .hgroup h2 {font-size:1.8rem; margin-bottom:1.2rem}
.main-news-wrap .main-news {width:76rem;}
.main-news-wrap .main-news:after {display:block; clear:both; content:''}
.main-news-wrap .main-news .news-inner {float:left; width:47.5%;}
.main-news-wrap .main-news .news-inner:last-child {float:right;}
.main-news-wrap .main-news .news-inner .img {position:relative; height:18rem; overflow:hidden}
.main-news-wrap .main-news .news-inner .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; /*height: 100%; object-fit: cover;*/}
.main-news-wrap .main-news .news-inner .category {display:inline-block; margin:2rem 0 0.5rem; color:#1D5FD0}
.main-news-wrap .main-news .news-inner .title {font-size:1.8rem; font-weight:500; margin-bottom:1rem; width:36rem; max-height:5.5rem; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-news-wrap .main-news .news-inner .txt {display:inline-block; width:36rem; max-height:4rem; font-size:1.2rem; line-height:1.5; color:#999; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 메인 > 주요뉴스, 메탈월드 월간지 swiper list */
.main-news-wrap .metal-world {width:100%; position:relative}
.materials-wrap .materials-news .list-news {margin:2.5rem 0;}
.materials-wrap .materials-news .list-news .desc {display:inline-block; width:100%; max-height:4rem; font-size:1.2rem; margin-top:0.2rem; line-height:1.5; color:#999; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.metal-world-swiper {overflow:hidden}
.metal-world-swiper .swiper-slide {justify-content:space-between}
.metal-world-swiper .swiper-slide .inner-img:after {display:block; clear:both; content:''}
.metal-world-swiper .swiper-slide .inner-img li {position:relative; float:left; margin-right:1.3rem; box-sizing: border-box;}
.metal-world-swiper .swiper-slide .inner-img li:nth-child(3n) {margin-right:0}
.metal-world-swiper .swiper-slide .inner-img li:nth-child(4),
.metal-world-swiper .swiper-slide .inner-img li:nth-child(5),
.metal-world-swiper .swiper-slide .inner-img li:nth-child(6) {margin-top:1.2rem;}
.metal-world-swiper .swiper-slide .inner-img li a {display:block; width:11.1rem; height:15.1rem}
.metal-world-swiper .swiper-slide .inner-img li a:after {content:''}
.metal-world-swiper .swiper-slide .inner-img li a .month {display:none; position:absolute; top:0; left:0; right:0; bottom:0; justify-content:center; align-items:center; background-color:rgba(0,0,0,.4); color:#fff;}
.metal-world-swiper .swiper-slide .inner-img li a:hover .month {display:flex;}
.swiper-btn-area {position:absolute; top:0; right:-0.4rem; display:flex;}
.swiper-btn-area .metal-world-next,
.swiper-btn-area .metal-world-prev {width:3rem; height:3rem; position:relative; background-color:#fff; cursor:pointer}
.swiper-btn-area .metal-world-prev {margin-right:-0.5rem}
.swiper-btn-area .metal-world-next::before,
.swiper-btn-area .metal-world-prev::before {content:''; display:block; width:2rem; height:2rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:1px solid #dedede; border-radius:.2rem;}
.swiper-btn-area .metal-world-next::after,
.swiper-btn-area .metal-world-prev::after {content:''; display:block; width:.6rem; height:.6rem; position:absolute; top:1.2rem; border:1px solid #939393; transform:rotate(-45deg);}
.swiper-btn-area .metal-world-prev::after {left:1.3rem; border-width:.1rem 0 0 .1rem;}
.swiper-btn-area .metal-world-next::after {left:1rem; border-width:0 .1rem .1rem 0;}
.swiper-btn-area .metal-world-prev.swiper-button-disabled::before,
.swiper-btn-area .metal-world-prev.swiper-button-disabled::after,
.swiper-btn-area .metal-world-next.swiper-button-disabled::before,
.swiper-btn-area .metal-world-next.swiper-button-disabled::after {opacity:0.6}


/* 23.08.23 | 메인 이벤트 배너 신규 */
.main-right-swiper-wrap {width: 36rem;}
.main-right-swiper-wrap .swiper-main-event-banner {width: 100%; height: 13rem; margin-top: 1.4rem;}
.main-right-swiper-wrap .swiper-main-event-banner .swiper-pagination {bottom: 2rem;}
.main-right-swiper-wrap .swiper-main-event-banner .swiper-pagination .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; background-color: #fff; opacity: 0.3;}
.main-right-swiper-wrap .swiper-main-event-banner .swiper-pagination .swiper-pagination-bullet-active {opacity: 0.8;}
.main-right-swiper-wrap .swiper-main-event-banner .swiper-pagination-bullets .swiper-pagination-bullet {margin:0; margin-right: 0.5rem;}
.main-right-swiper-wrap .swiper-main-event-banner .swiper-pagination-bullets .swiper-pagination-bullet:last-child {margin-right: 0;}
.main-right-swiper-wrap .swiper-main-event-banner .swiper-slide img {height: auto;}


/* 차트 css 재구성 2021-11-22 > 겹치지 않게 임시 클래스 new 추가 */
/* chart-wrap layout */
.charts-wrap.new {min-width:120rem; padding:5rem 0; background-color:#fafafa;}
.charts-wrap.new .charts-con {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; width:100%; min-height:50rem; padding:3rem; background: #FFFFFF; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.05); border-radius: 1.2rem;}
.charts-wrap.new .rChart-graph {width:calc(100% - 33rem); padding-right:4rem;}
.charts-wrap.new .rChart-sum {margin-bottom:1.5rem;}
.charts-wrap.new .rcharts-wrap {position:relative;}
.charts-wrap.new .rChart-table {width:33rem;}

/* title */
.charts-wrap.new .chart-title-area {position:relative; display:flex; margin-bottom:1.5rem}
.charts-wrap.new .chart-title-area .scopi span {display:inline-block; width:8rem; height:3rem; text-align:center; font-size:1.2rem; line-height:2.5; border-radius:1.5rem; color:#fff; background-color:#999aa9}
.charts-wrap.new .chart-title-area .chart-title {display:flex; align-items:center}
.charts-wrap.new .chart-title-area .chart-title .prod {font-weight:500; font-size:2.2rem; margin:0 0.8rem 0 1.5rem}
.charts-wrap.new .chart-title-area .chart-title .prod span {font-weight:500; font-size:2.2rem}
.charts-wrap.new .chart-title-area .chart-title .ticker span {font-weight:500; font-size:1.8rem; color:#999aa9}
.charts-wrap.new .btns {position:absolute; top:0; right:0;}
.charts-wrap.new .scopi-info {margin-top:1.5rem}
.charts-wrap.new .scopi-info span {font-size:11px; font-weight:400; color:#999aa9}
.charts-wrap.new .scopi-info span strong {font-weight:500; color:#333}

/* chart top information */
.charts-wrap.new .rChart-current {position:relative;}
.charts-wrap.new .rChart-current span {display:inline-block; font-size:1.4rem; vertical-align:middle;}
.charts-wrap.new .rChart-current span + span {margin-left:1rem;}
.charts-wrap.new .rChart-current .c-price {font-weight:500; font-size:2.8rem;}
.charts-wrap.new .rChart-current .c-price .txt {position:relative; top:-3px; font-weight:400; font-size:1.4rem; color:#777}
.charts-wrap.new .rChart-current .c-rate,
.charts-wrap.new .rChart-current .c-gap {font-weight:400; font-size:1.4rem;}
.charts-wrap.new .rChart-current.up span {color:#fb1a31;}
.charts-wrap.new .rChart-current.up .c-rate::before {content:'+'; display:inline-block;}
.charts-wrap.new .rChart-current.down span {color:#0962fc;}
.charts-wrap.new .rChart-current.down .c-rate::before {content:''; display:inline-block;}
.charts-wrap.new .rChart-current .desc {display:inline-block; position:relative; top:1px; margin-left:1rem; color:#777}
.charts-wrap.new .rChart-current .desc span {font-size:1.4rem; margin:-0.2rem 0 0 0; color:#777}
.charts-wrap.new .rChart-summary {margin-top:1.2rem; position:relative}
.charts-wrap.new .rChart-summary span {display:inline-block; font-weight:400; color:#777; font-size:1.2rem;}
.charts-wrap.new .rChart-summ {display:table}
.charts-wrap.new .rChart-summ li {display:table-cell;}
.charts-wrap.new .rChart-summ li + li {padding-left:1.5rem;}
.charts-wrap.new .rChart-summ .h-price {color:#fb1a31;}
.charts-wrap.new .rChart-summ .l-price {color:#0962fc;}
.charts-wrap.new .rChart-summ .y-price {color:#000;}
.charts-wrap.new .exchange {font-weight:400; text-align:right; margin:0.5rem 0 2rem; color:#999aa9}
.charts-wrap.new .exchange .number {font-weight:500; color:#000}
.charts-wrap.new .exchange .unit {font-weight:500; margin:0}

/* chart right table area */
.charts-wrap.new .rChart-table .chart-tab-area {display:flex; align-items: center; border-left:1px solid #eee; border-right:1px solid #eee}
.charts-wrap.new .rChart-table .chart-tab-area button {width:50%; height:3.5rem; text-align:center; font-size:1.2rem; font-weight:500; line-height:1.7; border-top:1px solid #eee; border-radius:0; color:#999aa9; background-color:#fff}
.charts-wrap.new .rChart-table .chart-tab-area button:nth-child(2) {border-radius:0}
.charts-wrap.new .rChart-table .chart-tab-area button.active {height:3.5rem; border-bottom:2px solid #1d5fd0; border-radius:0; color:#000}
.charts-wrap.new .rChart-table .chart-tab-area button.w-100 {width:100%; }

/* table thead */
.charts-wrap.new .table-list-area .table-list-thead .th-text {border:1px solid #eee; border-bottom:0; background-color:#f9f9f9;}
.charts-wrap.new .table-list-area .table-list-thead .th-text:after {display:block; clear:both; content:''}
.charts-wrap.new .table-list-area .table-list-thead .th-text li {float:left; width:50%; height:3.4rem; line-height:3.5; padding:0 2rem; text-align:left; font-size:11px; color:#666}
.charts-wrap.new .table-list-area .table-list-thead .th-text li + li {width:25%; text-align:center}

/* table tbody */
.charts-wrap.new .table-list-tbody {border:1px solid #eee; border-top:0}
.charts-wrap.new .table-list-tbody .tb-list-section {padding:1.4rem 2rem 1.2rem 2rem; border-top:1px solid #eee}
.charts-wrap.new .table-list-tbody .tb-list-section .tbody-title {position:relative; padding:0 0 0.7rem}
.charts-wrap.new .table-list-tbody .tb-list-section .tbody-title span {font-weight:500; font-size:1.2rem}
.charts-wrap.new .table-list-tbody .tb-list-section .tbody-title .tit {color:#000}
.charts-wrap.new .table-list-tbody .tb-list-section .tbody-title .txt {font-weight:400; color:#999aa9}
.charts-wrap.new .table-list-tbody .tb-list-section .tbody-title .btn-vat-view {position:absolute; top:-4px; right:0; width:10rem; font-weight:400; font-size:1.1rem; padding:0.4rem 0.7rem 0.3rem; color:#666; border-radius:2px; border:1px solid #ddd; background-color:#fff}
.charts-wrap.new .table-list-tbody .tb-list-section .tbody-title .btn-vat-view.active {border-color:#1d5fd0; color:#1d5fd0}
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner {padding:0}
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner {display:flex; line-height:2}
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner div,
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner span {font-size:1.2rem; color:#666}
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner .c-wrhous,
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner .c-lme {width:52%}
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner .c-wrhous .brand-group {margin-left:-0.3rem}
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner .c-price {width:27%; text-align:right}
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner .c-rate {width:21%; text-align:right}
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner.al-pps .l-inner .c-wrhous .brand-group {margin-left:0rem}

/* tbody text up */
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner.up .c-price,
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner.up .c-rate {color:#fb1a31;}

/* tbody text down */
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner.down .c-price,
.charts-wrap.new .table-list-tbody .tb-list-section .list-inner .l-inner.down .c-rate {color:#1e60d1;}

/* sub page 클래스 설정 */
.charts-wrap.new.sub {width:100%; height:auto; min-height:57rem; padding:4rem 0; background:#0D1723 url(/images/pd/keyvisual-bg-362368b716cf463296786438a17e756b.png) center center no-repeat; background-size:cover;}
.charts-wrap.new.sub .chart-title-area .chart-title .prod span {color:#fff}
.charts-wrap.new.sub .chart-tab-area {display:none}
.charts-wrap.new.sub #chartHolder {height:33rem}

/* 차트 상태별 변경 >> 변경 전 */
.charts-wrap.new .sorin-state {display:none; position:absolute; top:0; left:0; right:37rem; height:auto; padding:0 3rem; z-index:1}
.charts-wrap.new .sorin-state p {font-weight:500; font-size:2rem; padding:1rem 0; margin-top:2.4rem; background-color:#fff}
.charts-wrap.new .sorin-state.off-logout p span,
.charts-wrap.new .sorin-state.off-login p span {font-weight:500; color:#106ada}
.charts-wrap.new .sorin-state .state-bottom-text {width:85%; padding:0.6rem 0; background-color:#fff}
.charts-wrap.new .sorin-state .state-bottom-text span {font-size:1.2rem; padding:0 0.6rem; color:#777}
.charts-wrap.new .sorin-state .state-bottom-text span:first-child {padding-left:0}
.charts-wrap.new .sorin-state .state-img {display:flex; width:100%; height:37rem; justify-content:center; align-items:center; margin-top:0.8rem; padding:2rem 0; background:#fff url(/images/ma/main-summary-chart-a529c378765084e16b92a52ae1569d25.png) 0 0 no-repeat;}

/* 차트 상태별 변경  >>  변경 후 */
.charts-wrap.new .charts-con .chart-sum-title {position:relative; width:100%; height:3.5rem; margin-bottom:2rem; overflow:hidden; background:url(/images/icon_title_bg-593ffedeba94c9d74b2be4a22781056b.png) repeat;}
.charts-wrap.new .charts-con .chart-sum-title .sum-title {display:inline-block; position:relative; font-size:1.2rem; padding-left:1.8rem; line-height:3; color:#fff; line-height:3;
    -moz-animation: text-left 10s linear infinite; -webkit-animation: text-left 10s linear infinite; animation: text-left 10s linear infinite;
}

/*logout시 차트 구성*/
.charts-wrap.renew .inwrap .charts-con.logout {min-height: 19rem;}
.charts-wrap.renew .charts-con.logout .rChart-graph {width: 100%; padding: 0;}
.charts-wrap.renew .charts-con.logout .chart-title-area {display: flex; margin: 0;}
.charts-wrap.renew .charts-con.logout .chart-title-area .left-box {width: 72rem;}
.charts-wrap.renew .charts-con.logout .chart-title-area .right-box {width: 42rem; position: relative;}
.charts-wrap.renew .charts-con.logout .chart-title-area .exchange {position: absolute; top: 48px; right: 0; text-align: inherit; font-size: 1.4rem;}
.charts-wrap.renew .charts-con.logout .chart-title-area .exchange .number {font-size: 1.4rem;}
.charts-wrap.renew .charts-con.logout .chart-title-area .gov-unit {display: flex; justify-content: space-between;position: absolute; bottom: 0; font-size: 1.1rem; width: 100%;}
.charts-wrap.renew .charts-con.logout .chart-title-area .gov-unit .tit {color: #000;}
.charts-wrap.renew .charts-con.logout .chart-title-area .gov-unit span {color: #999AA9;}
.charts-wrap.renew .charts-con.logout .chart-title-area .util-join {position: absolute; right: 0; width: 8rem; height: 3rem; font-size: 1.2rem; padding: 0.9rem;}
.charts-wrap.renew .charts-con.logout .rChart-summary {width: 33rem;}
.charts-wrap.renew .charts-con.logout .rChart-summ {display: flex; justify-content: space-between; width: 100%;}
.charts-wrap.renew .charts-con.logout .rChart-sum .rChart-current .c-last-price {color: #000; font-weight: 500; font-size: 2rem;}
.charts-wrap.renew .charts-con.logout .rChart-sum .rChart-current .c-price {color: #000 !important;}

.charts-wrap.renew .rChart-graph.logout {width: 100%; padding: 0;}


/* 24.02.06 | 비로그인자 차트 노출 제외 */
.closing-price {padding: 8rem 0 2.5rem;}

.closing-price .section-tit-wrap {margin-bottom: 3.8rem; text-align: center;}
.closing-price .section-tit-wrap h2 {margin: 0 0 2rem 0; font-size: 3rem; font-weight: 600;}
.closing-price .section-tit-wrap p {font-size: 1.6rem; font-weight: 400; color:#666666;}

.closing-price .tab-wrap .tab-title {margin-bottom: 3.5rem;}
.closing-price .tab-wrap .tab-title ul {display: table;table-layout: fixed;width: 100%;text-align: center;}
.closing-price .tab-wrap .tab-title ul li {position: relative;;display: table-cell;vertical-align: middle;border: 1px solid #DEDEDE;height:48px; border-right: 0; font-size: 1.6rem; font-weight: 400;color: #666666;transition: 0.3s;cursor: pointer;}
.closing-price .tab-wrap .tab-title ul li.active,
.closing-price .tab-wrap .tab-title ul li:hover {color: #1D5FD0;font-weight: 500;}
.closing-price .tab-wrap .tab-title ul li:last-of-type {border-right: 1px solid #DEDEDE;}
.closing-price .tab-wrap .tab-title ul li::after {content: '';position: absolute;bottom:-1px;left:50%;width: 0;height: 1px;background: #1D5FD0;transition: 0.3s;}
.closing-price .tab-wrap .tab-title ul li.active::after,
.closing-price .tab-wrap .tab-title ul li:hover::after {left:0;width: 100%;}

.closing-price .tab-wrap .tab-cont {gap: 5rem;}
.closing-price .tab-wrap .tab-cont .left-area {padding-top: 1.7rem;}
.closing-price .tab-wrap .tab-cont .left-area h3 {min-height: 8rem; margin: 0 0 2rem; font-size: 3rem;line-height:1.33;font-weight: 600; color: #666666;}
.closing-price .tab-wrap .tab-cont .left-area .price-krw {margin-top: 1.5rem;}
.closing-price .tab-wrap .tab-cont .left-area .price-krw * {font-size: 5rem;line-height:1;font-weight: 600;color: #000;font-family: inherit;text-align:right;}
.closing-price .tab-wrap .tab-cont .left-area .price-krw .num-up * {color: #FD3535;}
.closing-price .tab-wrap .tab-cont .left-area .price-krw .num-down * {color: #1D5FD0;}
.closing-price .tab-wrap .tab-cont .left-area .price-krw .num-same * {color: #999AA9;}
.closing-price .tab-wrap .tab-cont .left-area .price-krw .unit {margin: 0.3rem 0 0 1.2rem; font-size: 1.8rem;line-height:1;font-weight: 500;color: #666666;}
.closing-price .tab-wrap .tab-cont .left-area .exchange-rate {margin: 2.2rem 0 2.6rem;}
.closing-price .tab-wrap .tab-cont .left-area .exchange-rate dt,
.closing-price .tab-wrap .tab-cont .left-area .exchange-rate dd span {font-size: 1.6rem;line-height:1;font-weight: 400;color: #666666;}
.closing-price .tab-wrap .tab-cont .left-area .exchange-rate dd span.num {margin: 0 0.3rem 0 0.4rem;font-weight: 500;color: #000;}
.closing-price .btn-chk-metal {display: flex;align-items: center;justify-content: center;width: 18rem; height: 5rem;background: #1D5FD0;color: #fff;font-size: 1.4rem; font-weight: 500;border-radius: 0.6rem;}

.closing-price .tab-wrap .tab-cont .right-area {position: relative;}
.closing-price .tab-wrap .tab-cont .right-area .date-info {position: absolute; top: 0; left: 0; font-size: 1.4rem; font-weight: 400; color: #999AA9;}
.closing-price .tab-wrap .tab-cont .right-area .date-info * {font-size: inherit; font-weight: inherit; color: inherit;}
.closing-price .tab-wrap .tab-cont .right-area .top-legend {margin-bottom: 1rem;font-size: 1.4rem;color: #000;font-weight: 400;line-height: 1;}
.closing-price .tab-wrap .tab-cont .right-area .top-legend .landing-timer {position: absolute;top: 0; left: 0;}
.closing-price .tab-wrap .tab-cont .right-area .top-legend em {margin-right: 0.8rem;font-style: normal;}
.closing-price .tab-wrap .tab-cont .right-area .top-legend .landing-timer span.text,
.closing-price .tab-wrap .tab-cont .right-area .top-legend2 em {margin-right: 0.4rem;}
.closing-price .tab-wrap .tab-cont .right-area .top-legend .no-data {color: #666;}
.closing-price .tab-wrap .tab-cont .right-area .top-legend .slash {display: inline-block;margin: 0 0.3rem;color: #999AA9;}
.closing-price .tab-wrap .tab-cont .right-area .top-legend dl dt {margin-right: 0.7rem;color: #666;}
.closing-price .tab-wrap .tab-cont .right-area .top-legend dl dd span.ratio {margin-left: 0.7rem;}

.closing-price .tab-wrap .tab-cont .right-area .table-wrap table {width: 80rem;}
.closing-price .tab-wrap .tab-cont .right-area .table-wrap table tr {border-bottom: 1px solid #DEDEDE;}
.closing-price .tab-wrap .tab-cont .right-area .table-wrap table thead tr {border-top: 1px solid #DEDEDE;}
.closing-price .tab-wrap .tab-cont .right-area .table-wrap table tr th,
.closing-price .tab-wrap .tab-cont .right-area .table-wrap table tr td {height: 5rem;vertical-align: middle;font-size: 1.4rem; color: #666; font-weight: 400;text-align: left;}
.closing-price .tab-wrap .tab-cont .right-area .table-wrap table tr td {color: #000;}
.closing-price .tab-wrap .tab-cont .right-area .table-wrap table tr th {padding-left:2.9rem;}
.closing-price .tab-wrap .tab-cont .right-area .table-wrap table thead tr th {height: 5.2rem;background-color: #F5F5F5;font-size: 1.6rem; color: #000;font-weight: 500;}
.closing-price .tab-wrap .tab-cont .right-area .table-wrap table thead tr th span {font-size: 1.2rem; color: #999AA9;font-weight: 400;vertical-align: bottom;}
.closing-price .tab-wrap .tab-cont .right-area .price-up {color: #FD3535 !important;}
.closing-price .tab-wrap .tab-cont .right-area .price-down {color: #1D5FD0 !important;}


@-moz-keyframes text-left {
    0% {-moz-transform: translateX(400%);}
    100% {-moz-transform: translateX(-100%);}
}
@-webkit-keyframes text-left {
    0% {-webkit-transform: translateX(400%);}
    100% {-webkit-transform: translateX(-100%);}
}
@keyframes text-left {
    0% {
        -moz-transform: translateX(400%);
        -webkit-transform: translateX(400%);
        transform: translateX(400%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes rollingleft1 {
    0% {
        transform: translateX(400%);
    }
    100%{
        transform: translateX(-100%);
    }
}
@keyframes rollingleft2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}
@keyframes rollingleft3 {
    0% {
        transform: translateX(1200px);
    }
    100%{
        transform: translateX(-100%);
    }
}
.charts-wrap.new .charts-con .chart-sum-title .sum-title:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.charts-wrap.new .charts-con .chart-sum-title .sum-title:after {content:''; position:absolute; top:17px; left:8px; width:3px; height:3px; background-color:#FF6600}
.charts-wrap.new .charts-con .chart-sum-title .sum-title span {color:#fff;}


/* 차트 css 재구성 2022-04-07 > 겹치지 않게 임시 클래스 renew 추가 */
/* chart-wrap layout */
.charts-wrap.renew {min-width:120rem; padding:5rem 0; background-color:#fafafa;}
.charts-wrap.renew .charts-con {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; width:100%; min-height:50rem; padding:0; box-shadow: none; background-color: #fafafa;}
.charts-wrap.renew .rChart-graph {width:calc(100% - 38rem); padding-right:2rem;}
.charts-wrap.renew .rChart-sum {margin-bottom:0;}
.charts-wrap.renew .rcharts-wrap {position:relative;}
.charts-wrap.renew .rChart-table {position:relative; width:38rem; padding:0; border-radius:1.2rem; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05); background-color:#fff;}

/* 차트 상태별 변경  >>  변경 후 */
.charts-wrap.renew .chart-sum-title {display: flex;align-items: center;border-radius: 0;position:relative; width:100%; height:5rem; margin-bottom:2rem; border-radius:.6rem; overflow:hidden; background:url(/images/icon_title_bg-593ffedeba94c9d74b2be4a22781056b.png) repeat;}
.charts-wrap.renew .chart-sum-title .sum-title-wrap {display:inline-block; position:relative; font-size:1.2rem; padding-left:1.8rem; color:#fff; line-height:4rem;
    -moz-animation: 33s linear infinite rollingleft3;
    -webkit-animation: 33s linear infinite rollingleft3;
    animation: 33s linear infinite rollingleft3;
}
.charts-wrap.renew .chart-sum-title .sum-title-wrap.clone {display:inline-block; position:relative; font-size:1.2rem; padding-left:1.8rem; color:#fff; line-height:4rem;
    -moz-animation: 33s linear infinite rollingleft2;
    -webkit-animation: 33s linear infinite rollingleft2;
    animation: 33s linear infinite rollingleft2;
}
.charts-wrap.renew .chart-sum-title .sum-title-wrap .sum-title {display:inline-block; position:relative; font-size:1.2rem; padding-left:1.8rem; padding-right:5rem; color:#fff; line-height:4rem;}
.charts-wrap.renew .chart-sum-title::before,
.charts-wrap.renew .chart-sum-title::after {
    content:''; position:absolute; top:0; bottom:0; display:inline-block; width:1.5rem; background:url(/images/icon_title_bg-593ffedeba94c9d74b2be4a22781056b.png) repeat; z-index:1;
}
.charts-wrap.renew .chart-sum-title::before {left:0;}
.charts-wrap.renew .chart-sum-title::after {right:0;}

.charts-wrap.renew .chart-sum-title .sum-title:hover, .charts-wrap.renew .chart-sum-title .sum-title-wrap:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.charts-wrap.renew .chart-sum-title .sum-title:after {content:''; position:absolute; top:18px; left:8px; width:3px; height:3px; background-color:#FF6600}
.charts-wrap.renew .chart-sum-title .sum-title span {color:#fff;}

/* 23-01-10 전광판 텍스트 리스트 형태 추가 */
.charts-wrap.renew .chart-sum-title .sum-title-wrap .sum-title {position:relative; font-size:1.2rem; display: flex; flex-flow: row nowrap; align-items: center;gap: 11rem;}
.charts-wrap.renew .chart-sum-title .sum-title:after {display: none;}
.charts-wrap.renew .chart-sum-title .sum-title li {position: relative;padding-left: 1rem; height: 4rem;max-width: 120rem; min-width: 90rem; min-height: 0; min-width: 0; white-space: nowrap; overflow: hidden;color:#fff;}
.charts-wrap.renew .chart-sum-title .sum-title li:after {content:''; position:absolute; top:18px; left:0px; width:3px; height:3px; background-color:#FF6600}
.charts-wrap.renew .sum-title-wrap:hover {-moz-animation-play-state: paused;-webkit-animation-play-state: paused;animation-play-state: paused;}
.charts-wrap.renew .chart-sum-title .sum-title span, .charts-wrap.renew .chart-sum-title .sum-title a {color:inherit;font-size: 1.4rem;font-weight: 400;}

/* title */
.charts-wrap.renew .chart-title-area {position:relative; margin-bottom:2rem; padding:2rem 3rem; border-radius:1.2rem; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05); background-color:#fff;}
.charts-wrap.renew .chart-title-area .title-wrap {display:flex; margin-bottom:.8rem}
.charts-wrap.renew .chart-title-area .scopi span {display:inline-block; width:8rem; height:3rem; text-align:center; font-size:1.2rem; line-height:2.5; color:#fff; background-color:#999aa9}
.charts-wrap.renew .chart-title-area .chart-title {display:flex; align-items:center}
.charts-wrap.renew .chart-title-area .chart-title .prod {font-weight:500; font-size:1.6rem; margin:0 0.8rem 0 1.5rem}
.charts-wrap.renew .chart-title-area .chart-title .prod span {font-weight:500; font-size:1.6rem}
.charts-wrap.renew .chart-title-area .chart-title .ticker span {font-weight:500; font-size:1.6rem; color:#999aa9}
.charts-wrap.renew .btns {position:absolute; display:block; bottom:2rem; left:0; right:0; text-align:center}
.charts-wrap.renew .scopi-info {margin-top:1.6rem; padding:0}
.charts-wrap.renew .scopi-info span {font-size:1.1rem; font-weight:400; color:#999aa9}
.charts-wrap.renew .scopi-info span .t-bold,
.charts-wrap.renew .scopi-info span strong {font-weight:500; color:#333}

/* chart graph */
.charts-wrap.renew .chart-graph-area {position:relative; padding:2rem 3rem; border-radius:1.2rem; width:80rem; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05); background-color:#fff;}

/* 23.11.03 | 알루미늄 시초가 수신 전 메세지 */
.charts-wrap.renew .chart-graph-area .msg-al-opening {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; min-width: 20rem; height: 8rem; padding: 1rem 3rem; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); border-radius: 0.6rem;}
.charts-wrap.renew .chart-graph-area .msg-al-opening p {font-size: 1.2rem; line-height: 1.2; font-weight: 500; color: #fff; text-align: center; word-break: keep-all;}

/* chart top information */
.charts-wrap.renew .rChart-current {position:relative;}
.charts-wrap.renew .rChart-current span {display:inline-block; font-size:1.4rem; vertical-align:middle;}
.charts-wrap.renew .rChart-current span + span {margin-left:1rem;}
.charts-wrap.renew .rChart-current .c-price {font-weight:500 !important; font-size:2.8rem;}
.charts-wrap.renew .rChart-current .c-price .txt {position:relative; top:-3px; font-weight:400; font-size:1.4rem; color:#777}
.charts-wrap.renew .rChart-current .c-rate,
.charts-wrap.renew .rChart-current .c-gap {font-weight:400; font-size:1.4rem;}
.charts-wrap.renew .rChart-current.up span {color:#fd3535;}
.charts-wrap.renew .rChart-current.up .c-rate::before {content:'+'; display:inline-block;}
.charts-wrap.renew .rChart-current.down span {color:#0962fc;}
.charts-wrap.renew .rChart-current.down .c-rate::before {content:''; display:inline-block;}
.charts-wrap.renew .rChart-current .desc {display:inline-block; position:relative; top:1px; margin-left:1rem; color:#777}
.charts-wrap.renew .rChart-current .desc span {font-size:1.4rem; margin:-0.2rem 0 0 0; color:#777}
.charts-wrap.renew .rChart-summary {margin-top:1rem; position:relative}
.charts-wrap.renew .rChart-summary span {display:inline-block; font-weight:400; color:#777; font-size:1.2rem;}
.charts-wrap.renew .rChart-summ {display:table}
.charts-wrap.renew .rChart-summ li {display:table-cell;}
.charts-wrap.renew .rChart-summ li + li {padding-left:1.5rem;}
.charts-wrap.renew .rChart-summ .h-price {color:#fd3535;}
.charts-wrap.renew .rChart-summ .l-price {color:#0962fc;}
.charts-wrap.renew .rChart-summ .y-price {color:#000;}
.charts-wrap.renew .exchange {position:absolute; bottom:2rem; right:3rem; font-size:1.2rem; font-weight:400; text-align:right; color:#777}
.charts-wrap.renew .exchange span {font-size:1.2rem}
.charts-wrap.renew .exchange .number {font-weight:500; color:#000}
.charts-wrap.renew .exchange .unit {font-weight:400; margin:0}

/* chart right table area */
.charts-wrap.renew .rChart-table .chart-tab-area {display:flex; align-items: center;}
.charts-wrap.renew .rChart-table .chart-tab-area button {width:50%; height:5rem; text-align:center; font-size:1.4rem; font-weight:400; border-radius:1.2rem 0 0 0; color:#999aa9; background-color:#fff}
.charts-wrap.renew .rChart-table .chart-tab-area button:nth-child(2) {border-radius:0 1.2rem 0 0}
.charts-wrap.renew .rChart-table .chart-tab-area button.active {font-weight:500; color:#1d5fd0}
.charts-wrap.renew .rChart-table .chart-tab-area button.active:after {position:absolute; bottom:0; left:0; display:block; content:''; width:100%; height:3px; background:#1d5fd0}
.charts-wrap.renew .rChart-table .chart-tab-area button.w-100 {width:100%; border-radius:1.2rem 1.2rem 0 0}
/* 2023-04 오픈 예정 | 서린몰 탭 관련 | 오픈 전 주석 처리 |
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner.type2 {padding-bottom: 6rem;}
.charts-wrap.renew .rChart-table .chart-tab-area.type2 {display: flex;justify-content: space-evenly;height: 100%;}
.charts-wrap.renew .rChart-table .chart-tab-area.type2 button {color: #666;font-weight: 500;background: none;position: relative;height: 5rem;}
.charts-wrap.renew .rChart-table .chart-upper-tab-area {display: flex;justify-content: space-evenly;height: 100%;border-bottom: 1px solid #dedede;padding: 0 1rem;}
.charts-wrap.renew .rChart-table .chart-upper-tab-area button {color: #666;font-weight: 500;background: none;position: relative;height: 5rem;font-size: 1.4rem;padding: 0 0.1rem;border-radius: 0;}
.charts-wrap.renew .rChart-table .chart-upper-tab-area button.active {color: #1D5FD0;}
.charts-wrap.renew .rChart-table .chart-upper-tab-area button.active::after {position: absolute;bottom: 0;left: 0;display: block;content: '';width: 100%;height: 3px;background: #1d5fd0;}
.rcharts-wrap.nodata {text-align: center;padding: 19rem 0;}
.rcharts-wrap.nodata + .scopi-info {display: none;}
*/

/* table thead */
.charts-wrap.renew .table-list-area .table-list-thead .th-text {background-color:#f2f7ff;}
.charts-wrap.renew .table-list-area .table-list-thead .th-text:after {display:block; clear:both; content:''}
.charts-wrap.renew .table-list-area .table-list-thead .th-text li {float:left; width:50%; height:4rem; line-height:4rem; padding:0 3rem; text-align:left; font-size:1.2rem; color:#666}
.charts-wrap.renew .table-list-area .table-list-thead .th-text li + li {width:25%; padding:0}
.charts-wrap.renew .table-list-area .table-list-thead .th-text li:nth-child(2) {text-align:right; padding-right:1.5rem}
.charts-wrap.renew .table-list-area .table-list-thead .th-text li:nth-child(3) {text-align:left; padding-left:2.2rem}
/* 2023-04 오픈 예정 | 서린몰 탭 관련 | 오픈 전 주석 처리 |
.rcharts-wrap.nodata {text-align: center;padding: 19rem 0;}
.charts-wrap.renew .table-list-area .table-list-tbody.type2 .table-list-thead .th-text li:nth-child(2) {padding-right: 0;}
.charts-wrap.renew .table-list-area .table-list-tbody.type2 .table-list-thead .th-text li + li {width: 40%;}
*/
/* table tbody */
.charts-wrap.renew .table-list-tbody .tb-list-section {padding: 2rem 3rem; border-top:1px solid #eee}
.charts-wrap.renew .table-list-tbody .tb-list-section:nth-child(1) {min-height:16.7rem; border-top:0}
.charts-wrap.renew .table-list-tbody .tb-list-section:nth-child(2) {min-height:12rem}
.charts-wrap.renew .table-list-tbody .tb-list-section:nth-child(3) {min-height:22rem}
.charts-wrap.renew .table-list-tbody .tb-list-section:nth-of-type(2) {min-height:16.7rem;}
.charts-wrap.renew .table-list-tbody .tb-list-section:nth-of-type(3) {min-height:11rem;}
/* 2023-04 오픈 예정 | 서린몰 탭 관련 | 오픈 전 주석 처리 |
.charts-wrap.renew .table-list-tbody .tb-list-section:nth-of-type(4) {min-height:22rem;}
*/
.charts-wrap.renew .table-list-tbody .tb-list-section .tbody-title {position:relative; padding:0 0 0.7rem}
.charts-wrap.renew .table-list-tbody .tb-list-section .tbody-title span {font-weight:500; font-size:1.2rem}
.charts-wrap.renew .table-list-tbody .tb-list-section .tbody-title .tit {font-size:1.4rem; color:#000}
.charts-wrap.renew .table-list-tbody .tb-list-section .tbody-title .txt {font-weight: 400; color:#999aa9 !important;}
.charts-wrap.renew .table-list-tbody .tb-list-section .tbody-title .btn-vat-view {position:absolute; top:-5px; right:0; width:9rem; height:2.4rem; font-weight:400; font-size:1.1rem; padding:0; color:#666; border-radius:2px; border:1px solid #dedede; background-color:#fff}
.charts-wrap.renew .table-list-tbody .tb-list-section .tbody-title .btn-vat-view.active {border-color:#1d5fd0; color:#1d5fd0}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner {padding:0}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner {display:flex; line-height:2}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner div,
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner span {font-size:1.2rem; color:#666}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner .c-wrhous,
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner .c-lme {width:52%}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner .c-wrhous .brand-group {margin-left:-0.3rem}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner .c-price {width:27%; text-align:right}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner .c-rate {width:21%; text-align:right}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner.al-pps .l-inner .c-wrhous .brand-group {margin-left:0rem}
/* 24.04.11 | 기존 버튼(알림설정/ 구매하기) 주석처리
.charts-wrap.renew .btns .btn-alarm {display:inline-block; width:10rem; height:4rem; margin-right:.5rem; font-size:1.4rem}
.charts-wrap.renew .btns .btn-buy {display:inline-block; width:21rem; height:4rem; font-size:1.4rem}
*/
/* 24.04.11 | 버튼 명칭 변경(알림설정/ 구매하기 → 계약구매/ 바로구매 → 24.05.31 | 소량구매/ 계약구매/ 바로구매) */
.charts-wrap.renew .btns {padding: 0 3rem; display: flex; align-items: center; justify-content: center; gap: 1rem;}
.charts-wrap.renew .btns [class^='btn-'] {flex: 1; height:4rem; font-size:1.4rem; font-weight: 500;}

/* 2023-04 오픈 예정 | 서린몰 탭 관련 | 오픈 전 주석 처리 |
.charts-wrap.renew .table-list-tbody.type2 .tb-list-section:nth-child(1) {height: auto;min-height: auto;}
.charts-wrap.renew .table-list-tbody.type2 .tb-list-section .list-inner .l-inner .c-price {width:46%;}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner.type2 .l-inner:hover .brand-group,
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner.type2 .l-inner.active .brand-group {color: #000; font-weight: 500;}
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner.type2 .l-inner:hover .c-price,
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner.type2 .l-inner.active .c-price {font-weight: 500;}
*/
/* tbody text up */
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner.up .c-price,
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner.up .c-rate {color:#fd3535;}

/* tbody text down */
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner.down .c-price,
.charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner.down .c-rate {color:#1200ff}

/* sub page 클래스 설정 */
.charts-wrap.renew.sub {width:100%; height:auto; min-height:57rem; padding:6rem 0 2.5rem; background:#0D1723 url(/images/pd/keyvisual-bg-362368b716cf463296786438a17e756b.png) center center no-repeat; background-size:cover;}
/* .charts-wrap.renew.sub .chart-title-area .chart-title .prod span {color:#fff}
.charts-wrap.renew.sub .chart-tab-area {display:none} */
.charts-wrap.renew.sub #chartHolder {height:33rem}

/* 차트 상태별 변경 >> 변경 전 */
.charts-wrap.renew .sorin-state {display:block; position:absolute; top:0; left:0; right:37rem; height:auto; padding:0 3rem; z-index:1}
.charts-wrap.renew .sorin-state p {font-weight:500; font-size:2rem; padding:1rem 0; margin-top:2.4rem; background-color:#fff}
.charts-wrap.renew .sorin-state.off-logout p span,
.charts-wrap.renew .sorin-state.off-login p span {font-weight:500; color:#106ada}
.charts-wrap.renew .sorin-state .state-bottom-text {width:85%; padding:0.6rem 0; background-color:#fff}
.charts-wrap.renew .sorin-state .state-bottom-text span {font-size:1.2rem; padding:0 0.6rem; color:#777}
.charts-wrap.renew .sorin-state .state-bottom-text span:first-child {padding-left:0}
.charts-wrap.renew .sorin-state .state-img {display:flex; width:100%; height:37rem; justify-content:center; align-items:center; margin-top:0.8rem; padding:2rem 0; background:#fff url(/images/ma/main-summary-chart-a529c378765084e16b92a52ae1569d25.png) 0 0 no-repeat;}

/* 차트 상태별 변경 - 휴무시간, LME 사이드카, 환율사이드카 */
.rChart-sum.sum-type2 .c-price,
.rChart-sum.sum-type2 .c-price .txt,
.rChart-sum.sum-type2 .c-rate,
.rChart-sum.sum-type2 .c-gap,
.rChart-sum.sum-type2 .desc,
.rChart-sum.sum-type2 .desc-txt,
.rChart-sum.sum-type2 .desc .brand,
.rChart-sum.sum-type2 .rChart-summary .stit,
.rChart-sum.sum-type2 .rChart-summary .m-price,
.rChart-sum.sum-type2 .rChart-summary .h-price,
.rChart-sum.sum-type2 .rChart-summary .l-price,
.rChart-sum.sum-type2 .rChart-summary .y-price,
.rChart-sum.sum-type2 {color:#999 !important}

/* 차트 상태별 변경 - 개장 중 시초가 전, LME휴일, 이벤트 휴일, 평일 */
.rChart-sum.sum-type3 .c-price,
.rChart-sum.sum-type3 .c-price .txt,
.rChart-sum.sum-type3 .c-rate,
.rChart-sum.sum-type3 .c-gap,
.rChart-sum.sum-type3 .desc,
.rChart-sum.sum-type3 .desc-txt,
.rChart-sum.sum-type3 .desc .brand,
.rChart-sum.sum-type3 .rChart-summary .stit,
.rChart-sum.sum-type3 .rChart-summary .m-price,
.rChart-sum.sum-type3 .rChart-summary .h-price,
.rChart-sum.sum-type3 .rChart-summary .l-price,
.rChart-sum.sum-type3 .rChart-summary .y-price,
.rChart-sum.sum-type3 {color:#999 !important}

.rChart-sum.sum-type3 .c-rate,
.rChart-sum.sum-type3 .c-gap,
.rChart-sum.sum-type3 .m-price,
.rChart-sum.sum-type3 .h-price,
.rChart-sum.sum-type3 .l-price {position:relative;}

.rChart-sum.sum-type3 .c-rate:before,
.rChart-sum.sum-type3 .c-gap:before,
.rChart-sum.sum-type3 .m-price:before,
.rChart-sum.sum-type3 .h-price:before,
.rChart-sum.sum-type3 .l-price:before {
    content:'-' !important;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background-color:#fff;
    text-align:center;
}
.rChart-sum.sum-type3 .c-rate:before {content:'+0.00%' !important;}

/* renew sub page 수정 사항 */
.charts-wrap.renew.sub .charts-con {background-color:transparent;}
.charts-wrap.renew.sub .rChart-table .chart-tab-area button.w-100 {border-radius:1.2rem 1.2rem 0 0}
.charts-wrap.renew.sub .btns .btn-alarm {border-radius:0.6rem; border-color:#ddd}

/* ================================================
    3. sorin-pop.css
   ================================================ */
/* Main Popup */
.body-main .popup.active {z-index: 10;}
.pop-main {display:none; position: absolute; top: 24.7rem; width: 20rem; height: 27rem; border-radius: 1.2rem; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 25%); z-index: 2;}
.pop-main.w300px {width:30rem;}
.pop-main.w500px {width:50rem;}
.pop-main.w800px {width:80rem;}
.pop-main.popup1 {right: 6%;}
.pop-main.popup2 {right: 16.7%;}
.pop-main.popup3 {right: 27.5%;}
.pop-main .pop-close {position:absolute; width:2.19rem; height:2.19rem; top:3rem; right:3rem; z-index:1}
.pop-main .pop-close button, .pop-close .pop-x {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:1; font-weight: 400; font-size:4.4rem; color:#000; padding:initial; background-color: initial; outline:initial; border-radius:0;}
.pop-main .pop-h1 {position:relative; padding:0; margin:0 0 3rem; display:block; font-size:1.8rem; line-height:1;}
.pop-main .pop-h1::after {content:''; width:3rem; height:.3rem; position:absolute; bottom:-1.3rem; left:0; background-color:#1d5fd0;}
.pop-main .pop-con {position:relative; line-height:1.7;}
.pop-main .pop-con img {width: 100%;}
.pop-main .pop-btn {width: 2rem; height: 2rem; display: flex; position: absolute; right: 0.7rem; top: 0.7rem;}
.pop-main .pop-btn button {width: 100%; height: 100%; background: transparent; text-indent: -9999px; position: relative;}
.pop-main .pop-btn button::before {content: ''; display: block; width: 0.1rem; height: 1.4rem; background: #fff; transform: rotate(45deg); position: absolute; top: 0; right: 0.8rem;}
.pop-main .pop-btn button::after {content: ''; display: block; width: 0.1rem; height: 1.4rem; background: #fff; transform: rotate(-45deg); position: absolute; top: 0; right: 0.9rem;}
.pop-main .form-chk {position: absolute; bottom: 2rem; left: 5rem;}
.pop-main .form-chk label {font-size: 1.2rem; color: #fff;}

/* 1주년 프로모션 팝업(450*500) */
.pop-promotion {/*display:none; */position: absolute; top: 24.1rem;right: 35rem;width: 45rem;height: auto; /*height: 50rem;*/ border-radius: 2rem; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 25%); z-index: 2;overflow: hidden;}
.pop-promotion .pop-con {display: flex;align-items: center;justify-content: center;line-height: inherit;}
.pop-promotion .form-chk {bottom: 3rem;left: 0;right: 0;margin: auto;text-align: center;}

/* 알람 설정 Popup */
.target-price-set > span {display:inline-block; vertical-align:middle;}
.target-price-set > span + button {margin-left:.4rem;}
#sorinModalAlarm .tbl-oneclick {margin-top:0; border-top:0; visibility:hidden; position:absolute; opacity:0;}
#sorinModalAlarm .tbl-oneclick.active {visibility:visible; position:relative; opacity:1;}
/* .target-price-set input {font-weight:500; font-size:1.8rem; text-align:center; color:#fb1a31;} */
.target-price-set input {width:27rem;}
.datepicker-wrap {display:inline-block; width:100%;}
.datepicker-wrap .datepicker {width:calc(100% - 3.1rem); cursor: pointer;}
.datepicker-wrap input:read-only {background-color:#fff}

/* 장바구니 :바틈시트 */
.popup .payments {display:flex; justify-content:space-between; align-items:stretch; margin-top:3rem;}
.popup .payments > div {width:calc(33.3333% - .7rem); padding:1.6rem; border:1px solid #dedede; border-radius:.9rem;border: 2px solid #009090;}
.popup .payments > div > label,
.popup .payments > div > div {text-align:center;}
.popup .payments .e-pay {background-color:#efefef;}
.popup .payments .e-pay .btn-add-pay {width:100%; height:100%; background:transparent; color:#666;}
.icon-plus-circle {width:2.4rem; height:2.4rem; display:inline-block; border:2px solid #707070; border-radius:50%; text-align:center; color:#707070; font-size:2.8rem; line-height:1.8rem;}
.popup .payments .e-pay .btn-add-pay .icon-plus-circle {display:block; margin:auto auto 1.1rem;}
.popup .payments label .e-wallet-1,
.popup .payments label .e-wallet-account,
.popup .payments label .e-wallet-price,
.popup .payments label .e-logo,
.popup .payments label .e-price {display:block;}
.popup .payments .e-wallet-1 span {font-size:1.2rem; color:#FEB306; font-weight: 600;}
.popup .payments .guarantee .e-wallet-1 span {color: #78AD04;}
.popup .payments .e-wallet-1 .hana-logo {width: 5rem; height: 1.8rem; background: url(/images/my/icon_logo_hanabank-8131e10d5096f91800e48bbb60491fef.png) 8% 50% no-repeat;}
.popup .payments .e-wallet-1 .kodit-logo {width: 5rem; height: 1.8rem; background: url(/images/pd/kodit-logo-a7447f471fea824a5c322893fedb3ffc.png) 8% 50% no-repeat;}
.popup .payments .e-wallet-1 .bankloan-logo {width: 5rem; height: 1.8rem; background: url(/images/pd/bankloan-logo-3441b58e82ddc5092815d0713fcf0afa.png) 8% 50% no-repeat;}
.popup .payments .e-wallet-account {font-size:1.2rem; color:#666; margin-bottom:.9rem;}
.popup .payments .e-wallet-price .price {font-weight:500; font-size:1.8rem; color:#fff;}
.popup .payments .e-wallet-price .unit {margin-left:.4rem; font-size:1.8rem; color:#fff;}
.popup .payments .btns {margin-top:.6rem;}
.popup .payments .btns .btn-stroke-sm .material-icons {font-size:1.4rem;}
.popup .payments .btns .btn-reload {width:auto; background:none;}
.popup .payments .e-logo {height:1.95rem; overflow:hidden; margin-bottom:.9rem;}
.popup .payments .e-logo img {height:100%;}
.popup .payments .e-price .price {font-weight:500; font-size:1.6rem; color:#fb1a31;}
.popup .payments .e-price .unit {font-weight:500; font-size:1.6rem; color:#000;}
.popup .agree-box {width:80%; padding:.85rem 1.5rem; position:relative; margin:2rem auto 0; border-radius:.3rem; border:1px solid #dedede; background-color:#efefef; display:flex; justify-content:space-between; align-items:center;}
.popup .agree-box .form-chk [type="checkbox"]:not(:checked) + label,
.popup .agree-box .form-chk [type="checkbox"]:checked + label {color:#666;}
.popup .agree-text {margin:3.7rem 0 -1rem; text-align:center;}
#sorinModalOrder .agree-box .form-chk {cursor:pointer;}/* SOREC-SC-FPD-005 */
.popup .agree-box .btn-detail-contract {color:#999aa9; font-size:1.2rem; background-color:transparent;}
#sorinModalOrder .hgroup {position:relative; display:flex; align-items: center; padding-right:5rem}
#sorinModalOrder .hgroup-new {position:relative; display:flex; align-items: center; padding-right:5rem}
#sorinModalOrder .order-info-txt {position:relative; top:-0.8rem; left:1rem; font-size:1.4rem; padding:1rem 2rem 1rem 2.5rem; color:#FF6600; background:url(/images/icon_info-e26cfe84cdfac9564f6e19da8844fa72.png) 0 center no-repeat}
#sorinModalOrder .order-right-txt {display:none; position:absolute; top:0.5rem; right:4rem; color:#999}
#sorinModalOrder .modal-x {z-index:2}

/* e-Wallet 알아보기 팝업 */
#sorinModalEwallet .h3 {font-size: 2.4rem; text-align: center; margin-bottom: 5rem;}
#sorinModalEwallet .modal-content {width:70%;}
#sorinModalEwallet .context-box {display: flex; flex-direction: column; align-items: center;}
#sorinModalEwallet .e-wallet-img {margin-bottom: 4rem;}
#sorinModalEwallet .center td {}
#sorinModalEwallet .ico-next, #sorinModalEwallet .ico-prev {position: relative; background: none; padding-left: 17px;}
#sorinModalEwallet .ico-next {color: #FD3535;}
#sorinModalEwallet .ico-prev {color: #1D5FD0;}
#sorinModalEwallet .ico-next::before, #sorinModalEwallet .ico-prev::before {content: ''; display: block; width: 1.9rem; height: 2rem; position: absolute; top: -1px; right: 27px;}
#sorinModalEwallet .ico-next::before {background: url(/images/my/icon_arrow_next-d6e227434f112727ae6551d6466dde58.png) 0 0 no-repeat;}
#sorinModalEwallet .ico-prev::before {background: url(/images/my/icon_arrow_prev-9b7c09aa3645f24176fa61c14ff5b549.png) 0 0 no-repeat;}

/* 신규배송지 등록 팝업 */
.popup .tbl-v.new-shipping-wrap tbody th,
.popup .tbl-v.new-shipping-wrap tbody td {padding:.6rem 1.5rem;}
.popup .tbl-v.new-shipping-wrap td input {width:100%; height:3.4rem; line-height:3.4rem;}
.popup .tbl-v.new-shipping-wrap td .dropdown.selectDropdown > span {padding:.9rem;}
.popup .tbl-v td .input-address span.button {width:13rem;}
.popup .tbl-v td .btn-zipcode {width:12rem; height:3.4rem;}

.address-wrap {display:table; width:100%;}
.address-wrap > div {display:table-cell; position:relative; width:50%; vertical-align:middle;}
.address-wrap > div:first-of-type {padding-right:.5rem;}
.address-wrap > div:last-of-type {padding-left:.5rem;}
.input-address {display:table; width:100%; margin-bottom:1rem;}
.input-address > span {display:inline-block;}
.input-address span.input,
.input-address span.button {display:table-cell; vertical-align:middle;}
.input-address span.button {width:10rem;}
.input-address .input.zipcode {width:7rem;}
.input-address .input.zipcode input {text-align:center;}
.input-address .input.address {width:calc(100% - 8rem); margin-left:1rem;}
.tbl-v td .input-address span.input {padding:0;}
.tbl-v td .input-address span.input  input {width:100%;}
.popup .tbl-v.inquire-wrap td input {width:100%; }
.popup .tbl-v.inquire-wrap td textarea {border:1px solid #DEDEDE;}
.select-combo-wrap {display:table; width:100%; table-layout:fixed;}
.select-combo-wrap > div {display:table-cell; position:relative; vertical-align:middle; padding-right:.5rem; padding-left:.5rem;}
.select-combo-wrap > div:first-of-type {padding-left:0;}
.select-combo-wrap > div:last-of-type {padding-right:0;}
.input-address.readonly span.button {display:none;}
.select-combo-wrap .input-complex {display:block;}
.select-combo-wrap .input-complex .btn-stroke-md {height:3.4rem;}
.select-combo-wrap .input-complex .input,
.w50per .input-complex .input {width:calc(100% - 10rem); margin-right:1rem;}

.select-combo-wrap [name=ipUserEmail] {width:calc(100% - 3rem) !important; position:relative;}
.select-combo-wrap .email-at {width:2.3rem; display:inline-block; text-align:right;}

.my span.limit-width,
.cs span.limit-width,
.inquire-wrap span.limit-width {display:inline-block; vertical-align:middle;}
.my span.limit-width + .t-info,
.cs span.limit-width + .t-info,
.inquire-wrap span.limit-width + .t-info {margin-left:1.5rem; vertical-align:middle;}
.my span.limit-width input,
.my span.limit-width button,
.cs span.limit-width input,
.cs span.limit-width button,
.inquire-wrap span.limit-width input,
.inquire-wrap span.limit-width button {width:100%;}

/* 재주문하기 */
.popup .my .payments {justify-content:center;}

/* 멤버 관리 */
.label-cate {display:block; width:6.6rem; padding:.4rem 1rem; margin-top:.5rem ; font-size:1.2rem; color:#fff; text-align:center; background-color:#999;}
.label-cate.use {background-color:#1d5fd0;}
.label-cate.before {background-color:#75aa0c;}
.label-cate.stop {background-color:#2b425f;}
.label-cate.break {background-color:#999aa9;}
.label-cate.quit {background-color:#cdcdcd;}

/* 멤버정보관리 */
.user-id-state {margin-right:1rem;}
.user-id-state .label-cate {margin-right:.5rem; display:inline-block;}
.user-id-state span {font-weight:600;}
.user-id-state + .form-chk label {padding-top:.2rem; font-size:1.2rem; color:#999aa9;}

/* 문의하기 답변등록 전 팝업 추가 2021-10-21 */
#sorinModalInquire .modal-content {overflow: visible;}
#sorinModalInquire .inquire-privacy h2 {font-size:1.6rem; margin-top:4rem}
#sorinModalInquire .inquire-privacy .box-stroke {width: 100%; padding: 2.2rem 3rem;border: 1px solid #dedede; border-radius: 1.5rem;}
#sorinModalInquire .inquire-privacy .scroll-y{line-height: 1.6; font-size: 1.2rem;color: #666;}
#sorinModalInquire .inquire-privacy .c-tit {font-weight:500; color: #000;font-size: 1.2rem; margin-bottom: 1.8rem;}
#sorinModalInquire .inquire-privacy .box-agree {padding:1rem 0 0 0.7rem}

/* 배송지 신규 등록 셀렉트 크기 조정 */
#sorinModalNewAddress .dropdown,
#sorinModalMemberInfo .dropdown  {min-height:3.4rem}


/* ================================================
    4. sorin-us.css
   ================================================ */
.us .inwrap {width:58rem;}
.us .inwrap > .hgroup {text-align:center;}
.us .hgroup > div {width:100%;}
.us .hgroup .h2 {font-size:3.4rem; line-height:1; margin-bottom:0;}
.us .hgroup .p {margin-top:1.7rem; font-size:1.6rem; color:#666; line-height:1.4;}
.us .hgroup .p.p2 {font-size:2.4rem; color:#000;}
.us .hgroup .p strong {font-weight:500; color:#000;}

.steps-wrap {position:relative; margin:5rem 0 6rem; display:flex; justify-content:space-between;}
.steps-wrap::before {content:''; display:block; width:calc(100% - 3.4rem); height:1rem; position:absolute; top:0; left:1.7rem; border-bottom:1px solid #dedede;}
.steps-wrap > div {position:relative;width:5.6rem;  height:7.5rem;}
.steps-wrap > div::before {content:''; display:block; width:50%; height:1rem; position:absolute; top:0; left:0; border-bottom:1px solid #dedede;}
.steps-wrap > div::after {content:''; display:block; width:50%; height:1rem; position:absolute; top:0; right:0; border-bottom:1px solid #dedede;}
.steps-wrap > div span {display:block; position:relative; font-weight:500; color:#999; text-align:center;}
.steps-wrap > div .step {font-size:1.6rem; padding:3.5rem 0 .5rem;}
.steps-wrap > div .step::before {content:''; width:2.2rem; height:2.2rem; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); background-color:#dedede; border-radius:50%;}
.steps-wrap > div:first-of-type::before {display:none;}
.steps-wrap > div:last-of-type::after {display:none;}
.steps-wrap > div.active > span {color:#000;}
.steps-wrap > div.active .step {color:#0042b2;}
.steps-wrap > div.actived .step::before {background-color:#1e60d1; z-index:1}
.steps-wrap > div.active .step::before {background:url(/images/us/icon-step-active-1991305af71a51676b5d1aad5826eec7.png) 0 0 no-repeat; z-index:1;}

.us .join-notice-wrap {margin-bottom:5.5rem;}
.us .join-contract-wrap {margin-top:5.5rem;}
.us .join-contract-wrap .btn-wrap {margin-top:6rem;}

.us .box-horizonal .dash li {padding:.3rem 0;}
.us .box-horizonal .dash li strong {font-weight:500;}
.us .box-stroke .scroll-y {line-height:1.6; font-size:1.2rem; color:#666;}
.us .box-stroke .scroll-y .tit {font-weight:500; font-size:1.2rem; color:#000;}
.us .box-stroke + .box-agree {margin-top:1rem; margin-bottom:4.3rem; padding-right:1rem; padding-left:1rem;}

.box-agree-wrap .box-agree {min-height:6rem; padding:1.8rem 3rem 1.7rem; border:1px solid #dedede;}
.box-agree-wrap .box-agree + .box-agree {border-top:0;}

.us .dot li {position:relative; line-height:1.6; padding:.3rem 0 .3rem 2rem;}
.us .dot li::before {content:''; display:block; width:.3rem; height:.3rem; position:absolute; top:1.2rem; left:.8rem; background-color:#999;}
.us .dot li.none::before {display:none;}
.us .box-horizonal {padding:2.5rem 0;}
.us .box-horizonal.bg-white .dot li {font-weight:500;}
.us .box-agree-wrap + .btn-wrap {margin-top:6rem;}

.us .box-agree .btn-alink-arrow {margin-top:.3rem;}


/* .us .join-info-wrap */
.us .join-info-wrap .h3 {font-size:2.2rem; margin-bottom:3rem;}
.us .join-info-wrap .box-stroke {margin-bottom:5.5rem;}
.us .join-info-wrap .box-stroke > div {width:100%; padding:2rem 0;}
.us .join-info-wrap .btn-wrap {margin-top:6rem;}
.us .join-info-wrap label {color:#000;}
.us .join-info-wrap input {height:4.8rem; line-height:4.8rem; border:1px solid #cdcdcd; border-radius:.3rem; padding-right:2rem; padding-left:2rem;}
.us .join-info-wrap .box-stroke label,
.us .join-info-wrap .box-stroke span.label {display:inline-block; width:11.5rem; clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; overflow:hidden; position:absolute; white-space:nowrap;}
.us .join-info-wrap .box-stroke span.limit-width {display:inline-block; width:43.4rem; vertical-align:middle;}
.us .box-stroke span.limit-width + .t-info {margin-left:1.5rem;}
.us .join-info-wrap .box-stroke span.limit-width input,
.us .join-info-wrap .box-stroke span.limit-width button {width:100%;}
.us .join-info-wrap .box-stroke .tr {width:100%; display:table; table-layout:fixed;}
.us .join-info-wrap .box-stroke .tr + .tr {margin-top:1.5rem;}
.us .join-info-wrap .box-stroke .tr .td {display:table-cell;}
.us .join-info-wrap .box-stroke .tr .td:not(:first-of-type) label {padding-left:.8rem;}
.us .join-info-wrap .box-stroke .tr .td:first-of-type label {width:11.1rem;}
.us .join-info-wrap [class^=btn-stroke] {border-radius:.3rem;}
.us .join-info-wrap .box-stroke .error,
.us .join-info-wrap .box-stroke .info {margin-left:1.5rem;}
.us .join-info-wrap .box-stroke input.error {margin-left:0;}
.us .join-info-wrap .dropdown > span {height:4.8rem; padding:1.62rem 2rem; border-radius:.3rem; color:#666;}
.us .join-info-wrap .dropdown ul {top:3.5rem;}

.us .box-stroke.no-box {margin-bottom:3.5rem;}
.us .box-stroke.no-box > div {padding:0;}
.us .box-stroke.no-box label {clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; overflow:hidden; position:absolute; white-space:nowrap;}
.us .box-stroke.no-box span.limit-width {width:100% !important;}

.us .box-stroke.no-box .error,
.us .box-stroke.no-box .info,
.us .box-stroke.no-box .t-info {margin:.9rem 0 0 !important; display:inline-block; line-height:2rem;}

.input-complex {display:flex; justify-content:flex-start; align-items:center;}
.input-complex .input {width:calc(100% - 10rem); padding-right:1rem;}
.input-complex .button {width:10rem;}
.input-complex .button button.btn-stroke-sm {height:2.8rem; font-size:1.3rem}
.hidden-file {border:1px red solid !important;}

.email-wrap {display:flex; justify-content:space-between; align-items:center;}
.email-wrap .limit-width,
.us .box-stroke.no-box .email-wrap span.limit-width {width:auto !important;}
.us .box-stroke.no-box .email-wrap span.limit-width.e-address {width:20rem !important;}
.us .box-stroke.no-box .email-wrap span.limit-width.email-at {width:3rem !important;}
.us .box-stroke.no-box .email-wrap span.limit-width.e-domain .email-input-domain {width:auto;}

.us input::placeholder,
.us textarea::placeholder {color:#999AA9;}

.email-at {width:5rem; display:inline-block; font-weight:500; text-align:center;}
.email-input-domain {width:200px; display:inline-block; margin-right:1rem;}
.email-select-domain {width:200px; display:inline-block;}

.us .select2-container .select2-selection--single {height:4.8rem;}
.us .select2-container .select2-selection--single .select2-selection__rendered {padding-left:2rem; line-height:4.8rem;}
.us .select2-container--default .select2-selection--single .select2-selection__arrow {width:4.8rem; height:4.8rem;}
.us .select2-container--default .select2-selection--single .select2-selection__arrow b {top:1.4rem; left:2rem; width:1.5rem; height:1.5rem;}
.us .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {top:2.3rem;}
.us .select2-results__option {padding:.6rem 2rem;}
#select2-selBank-results .select2-results__option,
#select2-selUserEmailDomain-results .select2-results__option {padding:1rem 2rem;}


/* 24.02.20 |  휴면계정 해제 신청 신규 */
.us.sleeper {padding: 8rem 0 10rem; text-align: center;}
.us.sleeper .hgroup h2 {margin: 4rem 0 3.2rem;}
.us.sleeper .reasons {width: 56rem; margin: 2.3rem auto 3.7rem;}
.us.sleeper .reasons li {display: flex; align-items: center; justify-content: flex-start; height: 5.8rem; font-size: 1.4rem; border: 1px solid #DEDEDE; border-bottom: 0;}
.us.sleeper .reasons li:last-child {border-bottom: 1px solid #DEDEDE;}
.us.sleeper .reasons li * {display: flex; align-items: center; justify-content: center; align-self: stretch;}
.us.sleeper .reasons li .num {width: 5.8rem; text-align: center; background: #F5F5F5; font-size: inherit; font-weight: 500;}
.us.sleeper .reasons li p {padding-left: 2rem; font-size: inherit; font-weight: 400;}
.us.sleeper .info-txt.orange {font-size: 2rem; color: #FF6600; font-weight: 400;}
.us.sleeper .info-txt.blue {font-size: 1.4rem; color: #1D5FD0; font-weight: 400;}


/* select box 사이즈 변경 */
.join-info-wrap .box-stroke.no-box select.dropdown {height:4.8rem}

/* .us .join-apply-wrap */
.us .join-apply-wrap .h3 {font-size:2.2rem; margin-bottom:3rem;}
.us .join-apply-wrap .box-stroke {margin-bottom:5.5rem;}
.us .join-apply-wrap .box-stroke > div {width:100%;}
.us .join-apply-wrap .btn-wrap {margin-top:6rem;}
.us .join-apply-wrap label {color:#000;}
.us .join-apply-wrap input {height:4.8rem; line-height:4.8rem; border:1px solid #cdcdcd; border-radius:.3rem; padding-right:2rem; padding-left:2rem;}
.us .join-apply-wrap .box-stroke label {display:inline-block; width:11.5rem;}
.us .join-apply-wrap .box-stroke span.limit-width {display:inline-block; width:43.4rem; vertical-align:middle;}
.us .join-apply-wrap .box-stroke span.limit-width input,
.us .join-apply-wrap .box-stroke span.limit-width button {width:100%;}
.us .join-apply-wrap .box-stroke .tr {width:100%; display:table; table-layout:fixed;}
.us .join-apply-wrap .box-stroke .tr + .tr {margin-top:2rem;}
.us .join-apply-wrap .box-stroke .tr .td {display:table-cell;}
.us .join-apply-wrap .box-stroke .tr .td:not(:first-of-type) label {padding-left:.8rem;}
.us .join-apply-wrap .box-stroke .tr .td:first-of-type label {width:11.1rem;}
.us .join-apply-wrap [class^=btn-stroke] {border-radius:.3rem;}
.us .join-apply-wrap .box-stroke .error,
.us .join-apply-wrap .box-stroke .info {margin-left:1.5rem;}
.us .join-apply-wrap .dropdown > span {height:4.8rem; padding:1.62rem 2rem; border-radius:.3rem; color:#666;}
.us .join-apply-wrap .dropdown ul {top:3.5rem;}

.us .join-done-wrap .box-stroke {justify-content:center; padding:7.8rem 3rem;}
.us .join-done-wrap .box-stroke > div {text-align:center;}
.us .join-done-wrap .box-stroke .i-done {width:16rem; height:16rem; margin-top:1rem; display:inline-block;}
.us .join-done-wrap .box-stroke .i-done img {width:100%;}
.us .join-done-wrap .box-stroke .p-done {margin-top:3rem; font-size:1.8rem; color:#000; line-height:1.5;}
.us .join-done-wrap .btn-wrap {margin-top:6rem;}

.us .join-done-wrap .box-stroke.no-box {padding:0;}

.us2 .login-wrapper {margin-top: 6rem;}
.us2 .inwrap {width:82rem;}
.us.us2 .login-wrap {width: 40rem;margin: 0;}
.us2 .hgroup .h2 {text-align: left;}
.us2 .event-wrap .top-event {margin:auto 0;width:36rem;height: 35.4rem;overflow: hidden;}
.us2 .event-wrap .top-event .swiper-slide .swiper-con {display: flex;align-items: center;justify-content: center;}
.us2 .event-wrap .top-event .swiper-slide .swiper-con img {height: auto;}
.us2 .event-wrap .btm-event {width: 36rem; height: 10.6rem;overflow: hidden;margin-top: 3rem;text-align: center;/*background: url(/images/us/btm-event-bg-307f5a099554af3d729a836d2a57ec4e.png) no-repeat center;background-size: cover;*/}
.us2 .event-wrap .btm-event a {width: 100%;height: 100%;display: flex; align-items: center;justify-content: center;flex-direction: column;}
.us2 .event-wrap .btm-event a img {width: 100%;}
.us2 .event-wrap .btm-event em {font-size: 2.2rem;color: #fff;line-height: 1;font-weight: 500;font-style: normal;}
.us2 .event-wrap .btm-event p {margin-top: 10px; font-size: 1.2rem;color: #fff;line-height: 1;font-weight: 500;}


/* 로그인 */
.us .login-wrap {margin:5.8rem auto 0; width:56rem;}
.us .login-wrap .btn-toggle-wrap {margin-bottom:3rem;}
/*.us .login-wrap .btn-toggle-wrap.full > div {width:calc(50% - .5rem); min-width:auto;} */
.us .login-wrap .tr + .tr {margin-top:1rem;}
.us .login-wrap input {height: 4.8rem; line-height: 4.8rem; border: 1px solid #cdcdcd; border-radius: .3rem; padding-right: 2rem; padding-left: 2rem;}
.us .login-wrap .limit-width.full {width:100%;}
.us .login-wrap .limit-width.full input {width:100%;}
.us .login-wrap .input-complex .input {width:calc(100% - 12rem);}
.us .certify-no {position:relative; display:block;}
.us .certify-no .countdown {position:absolute; top:50%; right:2rem; transform:translateY(-50%); color:#fb1a31;}
.us .login-wrap .input-complex .button {width:12rem;}
.us .login-wrap .input-complex .button button {width:100%; border-radius:.3rem; padding:0; font-size:1.4rem;}
.us .btn-ask-certify {font-weight:500;}
.us .login-wrap .btns > div + div {margin-top:1rem;}
.us .login-wrap hr {height:1px; margin:5rem 0 3rem; background-color:#dedede;}
.us .login-wrap .btn-alink {color:#000; font-size:1.4rem;}
.us .login-wrap .btn-alink + .btn-alink::before {content:''; display:inline-block; width:1px; height:1.2rem; margin-right:.8rem; margin-left:.5rem; background-color:#cdcdcd; vertical-align:middle; }
.us .login-wrap #login-wrap-2 {display:none;}
.us .mt56 {margin-top:5.6rem;}
.us .login-wrap input + .error,
.us .login-wrap .input + .error {margin-top:1rem;}
.us .login-wrap .tr.error {margin-top:2rem; margin-bottom:1rem;}
.us .login-wrap .tr .error,
.us .login-wrap .tr .info {letter-spacing:-.3px;}

.us .login-wrap .limit-width.login__info-txt {margin-top: 3rem;}
.us .login-wrap .tr + .tr--check {margin-top: 1.9rem}
.us .login-wrap .btns {margin-top: 2.7rem;padding-top: 3rem;;border-top: 1px solid #dedede;}

.us .login-wrap.result {margin-top:6.5rem; text-align:center;}
.us .login-wrap.result .box-vertical {border:1px solid #dedede; border-width:.1rem 0; padding:6rem 0 3rem;}
.us .login-wrap.result .i-done {display:block; position:relative; width:100%; border:0; height:auto}
.us .login-wrap.result .i-done .material-icons {width:100%;}
.us .login-wrap.result .i-done.pwd-done {padding-top:1.6rem;}
.us .login-wrap.result .i-done.pwd-done .material-icons {font-size:2rem;}
.us .login-wrap.result .i-done.pwd-done::after {content:'****'; display:block; color:#1d5fd0; position:absolute; top:.5rem; left:0;}
.us .login-wrap.result .p-done {margin-top:3rem; font-size:1.8rem; color:#000; line-height:1.5;}
.us .login-wrap.result .reault-done {margin-top:3rem; font-size:1.8rem; color:#1d5fd0; font-weight:600;}
.us .login-wrap.result .reault-done strong {font-weight:600; font-size:1.8rem; color:#1d5fd0;}
.us .login-wrap.result .reault-done .normal {font-weight:400; font-size:1.4rem; color:#999;}
.us .login-wrap.result .reault-done strong + .normal {margin-top:1.5rem;}

/* 간편회원 가입 */
.us .join-done-wrap.simple {margin-top:5.6rem;}
.us .join-done-wrap.simple [class^=btn-].wide {width:45rem !important; font-size:1.4rem;}
.us .btn-alink-under {display:inline; line-height:inherit; color:#1d5fd0; font-size:inherit;}
.us .ico-kakaotalk + span {color:#000; font-weight:500; font-size:1.6rem; margin-left:.6rem;}
.us .login-wrap.auto-width {width:100%;}
.us .setfree-limit {margin-top:3rem; color:#191700; line-height:1.4;}
.us .center {text-align:center;}
.us .login-wrap-hgroup-p {margin:3rem 0; text-align:center; font-size: 1.6rem; color: #666; line-height: 1.4;}
.us .login-wrap-hgroup-p strong {font-weight:500;}

/* 로그인 input 수정 */
.us .login-wrap input[type=text],
.us .login-wrap input[type=tel],
.us .login-wrap input[type=password],
.us .login-wrap input[type=email],
.us .login-wrap input[type=file] {border:0; background-color:#F6F6F6; color:#000}
.us .login-wrap input[type=text]::placeholder,
.us .login-wrap input[type=tel]::placeholder,
.us .login-wrap input[type=password]::placeholder,
.us .login-wrap input[type=email]::placeholder,
.us .login-wrap input[type=file]::placeholder {color:#999AA9}
.us .login-wrap input[type=text]:focus,
.us .login-wrap input[type=tel]:focus,
.us .login-wrap input[type=password]:focus,
.us .login-wrap input[type=email]:focus,
.us .login-wrap input[type=file]:focus {background-color:#fff; outline:1px solid #000;
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
}
.us .login-wrap input[type=text]:read-only,
.us .login-wrap input[type=tel]:read-only,
.us .login-wrap input[type=password]:read-only,
.us .login-wrap input[type=email]:read-only,
.us .login-wrap input[type=file]:read-only {outline:0; background-color:#E9F0FD; box-shadow:none;}
.us .login-wrap .form-chk [type="checkbox"]:not(:checked) + label:before,
.us .login-wrap .form-chk [type="checkbox"]:checked + label:before,
.us .login-wrap .type2 .form-chk [type="checkbox"]:not(:checked) + label:before,
.us .login-wrap .type2 .form-chk [type="checkbox"]:checked + label:before { border: 1px solid #dedede; background: #dedede; box-shadow: none;}
.us #formId1 .tr:nth-child(3) {margin: 2rem 0 3.2rem;}
.us2 .event-wrap {margin: unset;}

/* 회원사 가입신청 > 하나은행 링크 추가 2021-11-17 */
.hana-bank-link {padding:3rem 0; border-bottom:1px solid #ddd}
.hana-bank-link img {padding:0 1rem}
.hana-bank-link span {position:relative; top:-7px;}
.hana-bank-link strong {color:#fb1a31}
.hana-bank-link .link-btn {display:flex; justify-content:space-between; margin-top:2rem}
.hana-bank-link .link-btn a {width:49%; height:4.8rem; padding-top:0.3rem; line-height:2; border-radius:3px; text-align:center; background-color:#7581dc; color:#fff}
.hana-bank-link .link-btn a span {display:block; font-size:1.1rem; color:#ddd}
.hana-bank-link .link-btn a:after {display:none}
.hana-bank-link .link-btn a:nth-child(2) {background-color:#009090; }


/* 회원가입 페이지 변경 */
/* step */
.signup-h3 {font-size:1.8rem; margin:0 0 1.5rem}
.step-area {position:relative; display:flex; width:65%; justify-content:space-between; margin:5rem auto 4rem;}
.step-area > div {position:relative; text-align:center;}
.step-area > div:after {content:''; position:absolute; top:4rem; left:8rem; right:0; bottom:0; width:8rem; height:0.2rem; background-color:#ddd;}
.step-area > div:last-child:after {display:none;}
.step-area > div .step {display:inline-block; width:8rem; height:8rem; font-size:1.8rem; padding-top:3rem; color:#ccc; border:2px solid #ddd; border-radius:50%; background:#fff}
.step-area > div .step + span {display:block; margin-top:1rem; color:#999;}
.step-area > div.active .step {color:#fff; background-color:#1D5FD0; border:1px solid #1D5FD0;}
.step-area > div.active .step + span {color:#000;}
.step-area > div.success .step {text-indent:-9999px; border:2px solid #1D5FD0; background:#fff url(/images/us/icon_us_success-b6cbe5c78e40a997e2a6f63f64299b6d.png) center no-repeat}
.step-area > div.success .step + span {color:#999;}
.step-area > div.success:after {background-color:#1D5FD0}

/* 매뉴얼 다운로드 */
.box-manual-wrap {display:block; width:100%; padding:2rem 3rem 2rem 0; border-top:1px solid #2b425f; border-bottom:1px solid #dedede; background:#fff;}
.box-manual-wrap .box-manual {display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; position:relative; line-height:3rem; padding:0 0 0 2rem; }
.box-manual-wrap .box-manual:before {content:''; display:block; width:0.3rem; height:0.3rem; position:absolute;top:1.2rem; left:0.8rem; background-color:#999;}
.box-manual-wrap .box-manual p {font-size:1.4rem; color:#000}
.box-manual-wrap .box-manual .btn-manual {width:8rem; height:3rem; text-align:center; line-height:3rem; border:1px solid #1d5fd0; border-radius:.25rem; font-size:1.2rem; color:#1d5fd0; background:#fff }

/* 약관동의 */
.box-agree-top .agree-title {display:flex; justify-content:space-between;}
.box-agree-wrap.type2 {border-top:1px solid #2b425f}
.box-agree-wrap.type2 .box-agree {display:flex; align-items:center; flex-wrap:wrap; min-height:6rem; padding:1.8rem 1rem 1.7rem; border:0; border-bottom:1px solid #dedede;}
.box-agree-wrap.type2 .box-agree label {color:#000;}
.box-agree-wrap.type2 .box-agree.t2 label {margin-right:4.5rem}
.box-agree-wrap.type2 .box-agree .info-more {font-size:1.2rem; padding:0.5rem 1rem; border:1px solid #ddd; background-color:#fff; color:#666}
.box-agree-wrap.type2 .box-agree .box-agree-txt {width:100%; margin-bottom:2rem; color:#666}
.box-agree-wrap.type2 .box-agree .form-chk input[type=checkbox] {width:0; height:0;}
.box-agree-top .form-chk [type="checkbox"]:not(:checked) + label:before,
.box-agree-top .form-chk [type="checkbox"]:checked + label:before,
.box-agree-wrap.type2 .form-chk [type="checkbox"]:not(:checked) + label:before,
.box-agree-wrap.type2 .form-chk [type="checkbox"]:checked + label:before { border: 1px solid #dedede; background: #dedede; box-shadow: none;}
.box-agree-info {display:none; position:relative; width:100%; margin:2rem 0 1rem; padding:2.5rem 0.5rem 2rem 2rem; background-color:#fafafa;}
.box-agree-info .info-txt {max-height:10rem;}
.box-agree-info .info-txt::-webkit-scrollbar {width:8px;}
.box-agree-info .info-txt::-webkit-scrollbar-thumb {background-color:#bbb; border-radius:8px; background-clip:padding-box; border:2px solid transparent;}
.box-agree-info .info-txt::-webkit-scrollbar-track {background-color:#ddd; border-radius:8px;box-shadow:inset 0px 0px 5px white; }
.box-agree-info p {font-size:1.1rem; line-height:1.5; color:#666}
.box-agree-info p:first-child {margin-bottom:2rem;}
.box-agree-info .info-box-close {position:absolute; top:1rem; right:1.5rem; width:1.2rem; height:1.2rem; text-indent:-9999px; background:url(/images/btn-x-32c146ee886a5670dd05fc9cca86a415.png) 0 0 no-repeat; background-size:12px; cursor:pointer;}
.box-agree-info .info-txt {max-height:10.5rem; overflow-y:auto}
.box-agree-info.on {display:block;}
.singup-btn-wrap {display:flex; justify-content:space-between; margin-top:4rem !important; }
.singup-btn-wrap button,.singup-btn-wrap a {width:50%;}
.singup-btn-wrap .bank-reg {width:100%; background-color:#cdcdcd}
.singup-btn-wrap .bank-reg.active {background-color:#1D5FD0}
.singup-btn-wrap a {font-weight:400; line-height:3}
.singup-btn-wrap a:hover {color:#fff; background-color:#0241ac}

/* 하나은행 안내 */
.hana-bank-info {display:flex; flex-wrap:wrap; width:100rem; margin:8rem auto 0; border:1px solid #ddd;}
.hana-bank-info .tit {display:flex; justify-content:center; align-items:center; width:100%; padding:2rem; font-size:1.6rem; border-bottom:1px solid #ddd}
.hana-bank-info .tit span {margin-left:1rem;}
.hana-bank-info .inner-box {width:50%;}
.hana-bank-info .inner-box a {display:block; padding:3rem 3rem 6rem 3rem;}
.hana-bank-info .inner-box a:after {content:'';}
.hana-bank-info .inner-box a .txt {margin:0; font-size:1.6rem; font-weight:500; color:#000}
.hana-bank-info .inner-box a .txt .arrow {display:inline-block; position:relative; top:2px; width:1.6rem; height:1.6rem; margin-left:0.5rem; border:0; background:url(/images/us/icon_us_arrow-9d445fc4e4a6cee8bbcf576a1671488e.png) 0 0 no-repeat}
.hana-bank-info .inner-box a span {display:block; font-size:1.4rem; margin-top:1rem; font-weight:400; color:#999}
.hana-bank-info .inner-box.t1 {border-right:1px solid #ddd; background:#fff url(/images/us/icon_hanabank_t1-3283bba10e9c2b51b56346abbf38bbd7.png) 42rem 8rem no-repeat}
.hana-bank-info .inner-box.t2 {background:#fff url(/images/us/icon_hanabank_t2-ed65aa348f9b6ffea987b946c91a6f0e.png) 42rem 8rem no-repeat}
.hana-bank-info .inner-box.t1:hover,.hana-bank-info .inner-box.t2:hover {background-color:#f7f7f7}

/* 파일 필드 변경 */
.file-upload {position:relative; display:flex; align-items:center;}
/* named upload */
.file-upload .upload-name {width: calc(100% - 12.5rem); height:3.4rem; margin-right: 1rem; padding-right:3rem !important; background-color: #eee;
  border: 1px solid #cdcdcd; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom-color: #e2e2e2; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.file-upload label {position: relative !important; display: inline-block !important; width: 12rem !important; height: 3.4rem !important; border: 1px solid #1d5fd0; padding:0 1.3rem;
  border-radius:0.25rem; text-align:center; line-height:2.4; cursor:pointer; clip-path: inset(-1%) !important; clip: rect(0 0 0 0); color:#1d5fd0 !important;}
.file-upload #btnUpdFile1 label,
.section.bid .file-upload label {width: 12rem !important;height: 4.8rem !important;line-height: 4.8rem;}
.file-upload input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.file-upload .file-cancel {display:none; position:absolute; width:1.5rem; height:1.5rem; top:1.7rem; right:14rem; cursor:pointer;}

/* 정보입력 변경 관련 */
.no-box.signup-box {}
.no-box.signup-box .tr {position:relative;}
.no-box.signup-box .tr,.no-box.signup-box .tr + .tr {margin-top:1rem !important;}
.no-box.signup-box .tr:first-child {margin-top:0 !important;}
.no-box.signup-box .col2 {display:flex; align-items:center; justify-content:space-between;}
.no-box.signup-box .col2 .tr {width:49%}
.no-box.signup-box .col2 .tr:first-child {margin-top:1rem !important;}
.no-box.signup-box .input-complex .input {width: calc(100% - 12rem);}
.no-box.signup-box .input-complex .narrow {width:12rem !important;}
.no-box.signup-box input[type=text],
.no-box.signup-box input[type=tel],
.no-box.signup-box input[type=password],
.no-box.signup-box input[type=email],
.no-box.signup-box input[type=file] {border:0; background-color:#F6F6F6; color:#000}
.no-box.signup-box input[type=text]::placeholder,
.no-box.signup-box input[type=tel]::placeholder,
.no-box.signup-box input[type=password]::placeholder,
.no-box.signup-box input[type=email]::placeholder,
.no-box.signup-box input[type=file]::placeholder {color:#999AA9}
.no-box.signup-box input[type=text]:focus,
.no-box.signup-box input[type=tel]:focus,
.no-box.signup-box input[type=password]:focus,
.no-box.signup-box input[type=email]:focus,
.no-box.signup-box input[type=file]:focus {background-color:#fff; outline:1px solid #000;
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
}
.no-box.signup-box input[type=text]:read-only,
.no-box.signup-box input[type=tel]:read-only,
.no-box.signup-box input[type=password]:read-only,
.no-box.signup-box input[type=email]:read-only,
.no-box.signup-box input[type=file]:read-only {outline:0; background-color:#E9F0FD; box-shadow:none;}

.no-box.signup-box .t-info {position:absolute; top:0.5rem; right:2rem; font-size:1.2rem; text-align:right; color:#FD3535}
.no-box.signup-box .t-info.t2 {right:14rem}
.no-box.signup-box .t-info:before {display:none;}
.no-box.signup-box .email-wrap {}
.no-box.signup-box .e-address {z-index:2}
.no-box.signup-box .email-at {height:4.8rem; line-height:3.4; background-color:#f6f6f6;z-index:1}
.no-box.signup-box .email-input-domain {width:21rem !important; z-index:2}
.no-box.signup-box .email-select-domain {width:12rem}
.sign-hana-link a:after {display:none;}
.signup-t-center {text-align:center !important}
.signup-txt-info {font-size:1.6rem; line-height:1.5; margin:1rem; color:#666;}
.signup-txt-info .sign-user { color:#666;}
.signup-txt-ls {letter-spacing: -2px}

.sign-cs-number {text-align:center;}
.sign-cs-number .cs-number span {display:inline-block; vertical-align:middle; position:relative; font-weight:600; font-size:4rem; vertical-align:middle;}
.sign-cs-number .cs-number span:nth-child(1) {color:#2070f8;}
.sign-cs-number .cs-number span:nth-child(2) {margin:0 1.8rem; color:#0944a8;}
.sign-cs-number .cs-number span:nth-child(3) {color:#012b73;}
.sign-cs-number .cs-number span::before {content:''; display:block; width:.6rem; height:.6rem; background-color:#666; position:absolute; top:50%; left:-1.2rem; transform:translateY(-50%);}
.sign-cs-number .cs-number span:nth-child(1)::before {display:none}
.sign-cs-number .cs-email {margin:1rem 0 1.5rem}
.sign-cs-number .cs-email a {font-size:1.6rem; color:#254781}
.sign-cs-number .cs-p{color:#999AA9}


/* ================================================
    5. sorin-pd.css
   ================================================ */
/* 상품 */
.keyvisual-wrap.t3 {width:100%; height:auto; min-height:57rem; padding:4rem 0 6rem; background:url(/images/pd/keyvisual-bg-04f8daa99c0e3391b165306f95242a62.jpg) center center no-repeat; background-size:cover;}
.keyvisual-wrap.t3 .hgroup {width:120rem; position:relative; margin:0 auto 1.8rem auto;}
.keyvisual-wrap.t3 .hgroup h2 {margin:0;}
.keyvisual-wrap.t3 .hgroup .btns {margin-bottom:0;}
.keyvisual-wrap.t3 .hgroup .btns button {width:8rem;}
.keyvisual-wrap.t3 .hgroup h2 span {font-weight:500; color:#fff; font-size:2.2rem;}
.keyvisual-wrap.t3 .hgroup h2 .ticker {font-weight:500; color:#cdcdcd; font-size:2.2rem;}
.keyvisual-wrap.t3 .hgroup h2 .desc {padding-left:.4rem; font-weight:400; color:#cdcdcd; font-size:1.4rem;}
.keyvisual-wrap.t3 .hgroup > div:not(.exchange) {width:calc(100% - 39rem); position:relative;}
.keyvisual-wrap.t3 .hgroup .btns {position:absolute; bottom:0; right:1.9rem;}
.keyvisual-wrap.t3 .exchange span {font-size:1.4rem; color:#cdcdcd;}
.keyvisual-wrap.t3 .exchange .number {font-weight:500; color:#fff;}
.keyvisual-wrap.t3 .inwrap {height:auto; display:flex; justify-content:space-between; align-items:stretch; }
.keyvisual-wrap.t3 .inwrap .graph-wrap {width:calc(100% - 39rem); padding:3rem 3rem 4rem 3rem; border-radius:1.2rem 0 0 1.2rem; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05); background-color:#fff;}
.keyvisual-wrap.t3 .inwrap .graph-wrap .graph-area {width:76rem; height:35.79rem; position:relative;}
.keyvisual-wrap.t3 .inwrap .desc-wrap {width:39rem; padding:3rem 3rem 2.7rem; border-radius:0 1.2rem 1.2rem 0; background-color:#f4f4f4;}
.keyvisual-wrap.t3 .inwrap .desc-wrap .price-wrap span {display:inline-block;}
.keyvisual-wrap.t3 .inwrap .desc-wrap .price-wrap .price {font-weight:500; font-size:2.8rem;}
.keyvisual-wrap.t3 .inwrap .desc-wrap .price-wrap.up .price {color:#fd3535;}
.keyvisual-wrap.t3 .inwrap .desc-wrap .price-wrap.up .state,
.keyvisual-wrap.t3 .inwrap .desc-wrap .price-wrap.up .gap {margin-left:1rem; font-weight:400; color:#fd3535; font-size:1.4rem;}
.keyvisual-wrap.t3 .inwrap .desc-wrap .price-wrap.down .price {color:#0962fc;}
.keyvisual-wrap.t3 .inwrap .desc-wrap .price-wrap.down .state,
.keyvisual-wrap.t3 .inwrap .desc-wrap .price-wrap.down .gap {color:#0962fc;}

/* 차트 변경 추가 */
.sub-chart-area #chartHolder {height:300px;}
.chart-top {margin-bottom:1rem}
.chart-top .price-wrap span {}
.chart-top .price-wrap span:not(.price) {position:relative; top:-5px; left:10px}
.chart-top .price-wrap .price {font-weight:500; font-size:2.8rem;}
.chart-top .price-wrap.up .price {color:#fd3535;}
.chart-top .price-wrap.up .state,
.chart-top .price-wrap.up .gap {margin-left:1rem; font-weight:400; color:#fd3535; font-size:1.4rem;}
.chart-top .price-wrap.down .price {color:#0962fc;}
.chart-top .price-wrap.down .state,
.chart-top .price-wrap.down .gap {color:#0962fc;}

.chart-top .price-info {margin-top:1.5rem; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap;}
.chart-top .price-info span {font-weight: 400; font-size:1.2rem; line-height:1.8;}
.chart-top .price-info > div + div {margin-left:1.5rem;}
.chart-top .price-info > div:nth-of-type(4) {margin-left:0;}
.chart-top .price-info > div > span:first-of-type {color:#777;}
.chart-top .price-info > div > span:last-of-type {color:#000;}
.chart-top .price-info > div.price-high > span:first-of-type {color:#777;}
.chart-top .price-info > div.price-high > span:last-of-type {color:#fd3535;}
.chart-top .price-info > div.price-low > span:last-of-type {color:#0962fc;}
.chart-top .price-info > div.price-mount > span:last-of-type {color:#000;}
.chart-top .list {margin-top:4rem;}

.keyvisual-wrap.t3 .hgroup {position:relative}
.keyvisual-wrap.t3 .hgroup h2 span.scopi {position:absolute; top:-0.3rem; display:inline-block; width:8rem; height:3rem; line-height:2.5; text-align:center; margin-right:8px; font-size:12px; border-radius:15px; color:#fff; background-color:#999aa9}
.graph-wrap .scopi-info {padding-top:1rem; font-size:1.2rem; color:#999aa9}
.graph-wrap .scopi-info strong {color:#999aa9}

.desc-wrap .stit {font-size:12px; color:#000; padding-bottom:10px; border-bottom:1px solid #ddd}
.desc-wrap .list-stock {display:table; width:100%;}
.desc-wrap .thead .list-stock > div {display:table-cell; padding:1.2rem 0; font-size:1.1rem; color:#666; background-color:#e7e7e7}
.desc-wrap .thead .list-stock > div:not(:first-of-type) {text-align:center;}
.desc-wrap .thead .list-stock > div:first-of-type {padding-left:.9rem;}
.desc-wrap .thead .list-stock > div:nth-child(2) {padding-left:13rem;}
.desc-wrap .thead .list-stock > div:last-of-type {text-align:right; padding-right:1.5rem;}
.desc-wrap .info,
.desc-wrap .info .li,
.desc-wrap .info .li div,
.desc-wrap .info .li span {transition:all .5s ease-in-out;}
.desc-wrap .info {width:100%; height:auto; overflow:hidden;}
.desc-wrap .info .li {display:flex; justify-content:space-between; align-items:stretch; padding:1.5rem 0.9rem;}
.desc-wrap .info .li:first-of-type {border-top:0;}
.desc-wrap .info .li div,
.desc-wrap .info .li span {font-size:1.1rem;}
.desc-wrap .info .li .info-tit {font-weight:400; width:18%; line-height:1.8;}
.desc-wrap .info .li .info-tit span {color:#999; letter-spacing:-1px}
.desc-wrap .info .li .info-desc {width:80%; line-height:1.8; }
.desc-wrap .info .li .info-desc span {display:inline-block; width:11rem; font-weight:400; color:#666;}
.desc-wrap .info .li .info-desc span.number {display:inline-block; width:7rem; padding-left:0.5rem}
.desc-wrap .info .li .info-desc span.desc-rate {width:6rem; text-align:right}

/* 상품목록 */
.select-prod-wrap {margin-top:4.35rem; position:relative; display:flex; justify-content:space-between;}
.select-prod-wrap .select-option-area {width:84.1rem;}
.select-prod-wrap .select-calendar-area {width:30.1rem;}
.select-prod-wrap .select-option-area.full {width:100%;}

/* 상품목록 상품선택 */
.deposit-table {margin-top: 3rem;}
.select-prod-wrap .select-option-area .hgroup.flex-start .btns {margin:-1.5rem 0 0 1.1rem;}
.select-option-area .select-wrap {display:table; width:100%; min-height:29.7rem; table-layout:fixed; border-top:2px solid #2b425f; border-bottom:1px solid #dedede;}
.deposit-table .table-wrap {display:table; width:100%; table-layout:fixed; border-top:2px solid #2b425f;}
.select-option-area .select-wrap > div,
.deposit-table .table-wrap > div {display:table-cell; vertical-align:top;}
.select-wrap dl, .select-wrap dl dd button,
.deposit-table .table-wrap dl {width:100%; border-radius:0; background-color:transparent; color:#999aa9; font-size:1.4rem;}
.deposit-table .table-wrap dl dd {width: 100%; text-align: center; display: block; padding: 1.3rem 0; font-size: 1.2rem; border-bottom: 1px solid #dedede;}
.select-wrap dl dd:first-of-type {margin-top:.8rem;}
.select-wrap dl dd button:hover,
.select-wrap dl dd button:active,
.select-wrap dl dd button:focus {color:#000;}
.select-wrap dl dd button .ripple {display:none !important;}
.select-wrap dl dd button span {display:inline-block; position:relative;}
.select-wrap dl dd.selected button span::before {content:''; width:1.3rem; height:1rem; display:block; position:absolute; top:.2rem; left:-2rem; border:.2rem solid #000; border-width:0 0 .2rem .2rem; transform:rotate(-45deg);}
.select-wrap dl dd.selected {position:relative;}
.select-wrap dl dd.selected button {color:#000;}
.select-wrap dl dd.selected::before {content:''; width:100%; height:1.2rem; background-color:#feebb8; display:block; position:absolute; left:0; bottom:.8rem; z-index:0;}
.select-wrap dt {text-align:center; border-bottom:1px solid #dedede; color:#666; line-height:5rem;}
.deposit-table .table-wrap dt {color: #666; line-height: 4rem; text-align:center; border-bottom:1px solid #dedede;}
.form-chk-2 [type="radio"]:not(:checked),
.form-chk-2 [type="radio"]:checked {position:absolute; left:0; opacity:0.01; clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; overflow:hidden; white-space:nowrap;}
.form-chk-2 [type="radio"]:not(:checked) + label,
.form-chk-2 [type="radio"]:checked + label {position:relative; cursor:pointer; width:100%; text-align:center; display:block; padding:.8rem 0 .7rem;}
.form-chk-2 [type="radio"]:not(:checked) + label span,
.form-chk-2 [type="radio"]:checked + label span {display:inline-block; position:relative; font-size:1.4rem; color:#999a99;}
.select-option-area .select-wrap.form-chk-2 [type="radio"]:not(:checked) + label span,
.select-option-area .select-wrap.form-chk-2 [type="radio"]:checked + label span {font-size:1.6rem; padding:.5rem 0;}
.select-option-area .select-wrap.form-chk-2 [type="radio"]:not(:checked) + label .not,
.select-option-area .select-wrap.form-chk-2 [type="radio"]:checked + label .not{font-size:1.6rem; padding:.5rem 3.1rem;}
.select-option-area .select-wrap dl,
.deposit-table .table-wrap dl {margin-bottom:1rem;}
.form-chk-2 [type="radio"]:checked + label::before {content:''; width:99%; height:1.2rem; background-color:#dbf8fc; display:block; position:absolute; left:0; bottom:.9rem; z-index:0;}
.form-chk-2 [type="radio"]:checked + label span {color:#000;}
.form-chk-2 [type="radio"]:checked + label span::before {content:''; width:1.3rem; height:1rem; display:block; position:absolute; top:.4rem; left:-2rem; border:.2rem solid #000; border-width:0 0 .2rem .2rem; transform:rotate(-45deg);}
.form-chk-2 [type="radio"]:not(:checked) + label:hover span,
.form-chk-2 [type="radio"]:checked + label:hover span {color:#000;}
/* 상품검색 브랜드 >> 이미지추가 */
.select-wrap.form-chk-2 dl.brand dd label {position:relative; text-align:left; padding-left:8.5rem}
.select-wrap.form-chk-2 dl.brand dd label .n-img {position:absolute; top:1rem; left:4.8rem}
.select-wrap.form-chk-2 dl.brand dd label .n-img img {width:3rem; height:2rem}
.select-wrap.form-chk-2 dl.brand dd [type="radio"]:checked + label span::before {left:-6.5rem}

/* 상품목록 출고 예정일 */
.select-option-area .hgroup .h4,
.select-calendar-area .hgroup .h4 {margin-bottom:1.5rem;}
.shippingCalWrap .ui-datepicker {margin-top:0 !important;}
.shippingCalWrap .ui-widget.ui-widget-content {width:100%; padding:0; border:0; border-radius:0; box-shadow:none;}
.shippingCalWrap .ui-datepicker .ui-datepicker-header {position:absolute; top:-.5rem; right:0; padding:0;}

/* 상품목록: 출고정보 */
.manage-destination {display:flex; justify-content:space-between; align-items:center; padding:3.5rem 2rem;}
.manage-destination .destination-info {width:calc(100% - 16.5rem); display:flex; }
.destination-info > div:first-of-type {width:15rem; padding-right:2rem;}
.destination-info > div:nth-of-type(2) {width:40rem;}
.destination-info > div + div {line-height:1.6;}
.destination-info .label-cate {width:auto; display:inline-block; padding:.4rem 1rem; margin-top:.5rem; font-size:1.2rem; color:#fff; text-align:center; background-color:#999;}
.destination-info .location {display:inline-block; margin-top:1rem; color:#000; font-size:1.6rem;}
.destination-info dl {display:table;}
.destination-info dl dt {width:9rem}
.destination-info .road-base dt,
.destination-info .parcel-base dt,
.destination-info .delivery-charger dt {color:#999aa9;}
.destination-info dl dt, .destination-info dl dd {display:table-cell; color:#999aa9;}

.manage-destination .btns {text-align:right;}
.manage-destination .btns button {width:auto; min-width:10rem; display:inline-block;}
.manage-destination .btns button + button {margin-left:.4rem;}
.set-default-address .label-cate {background-color:#1d5fd0;}
.set-default-address .destination-info .location {position:relative; padding-left:1.75rem; color:#1d5fd0;}
.set-default-address .destination-info .location::before {content:''; display:block; width:.7rem; height:1rem; position:absolute; top:0; left:0; border:.2rem solid #1d5fd0; border-width:0 2px 2px 0; transform:rotate(45deg);}


/* 상품목록: 주문 가능 상품 */
.cart-item-wrap._available .figure-con {width:60rem;}
.cart-item-wrap._available .pd-name {font-size:1.8rem;}
.cart-item-wrap._available .mt-price {width:22.6rem;}
.cart-item-wrap._available .btns {width:20.5rem;}
.cart-item-wrap._available .btns button {display:inline-block;}
.cart-item-wrap._available .btns button + button {margin-top:0;}

/* 상세정보 */
.section.prod-detail-wrap .inwrap .prod-desc-wrap .h2 {margin-bottom:2.5rem;}
.prod-detail-wrap .tbl-v tbody .th {padding-right:0; padding-left:0; background-color:#fff;}
.prod-detail-wrap .tbl-v tbody th {padding-right:0; padding-left:0;}
.prod-detail-wrap .tbl-v tbody .th-2nd {padding-right:1.5rem; background-color:transparent;}
.prod-summary-wrap {margin-bottom:8rem; display:flex; justify-content:space-between; align-items:stretch;}
.prod-summary-wrap .prod-photo-wrap {width:46rem; padding-right:6rem;}
.prod-summary-wrap .prod-desc-wrap {width:calc(100% - 46rem); border-bottom:.1rem solid #dedede;}

.prod-photo-wrap .swiper-slide {
  text-align:center; font-size:18px; background:#fff;
  /* Center slide text vertically */
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center;
  align-items:center;
  background-size:cover; background-position:center; cursor:pointer;
}
.prod-photo-wrap .swiper-container {width:100%; height:32rem; margin-left:auto; margin-right:auto;}
.prod-photo-wrap .prodSwiper2 {width:100%;}
.prod-photo-wrap .prodSwiper {height:12rem; box-sizing:border-box; padding:20px 0 0;}
.prod-photo-wrap .prodSwiper .swiper-slide {width:25%; height:100%; opacity:0.4;}
.prod-photo-wrap .prodSwiper .swiper-slide-thumb-active {opacity:1;}
.prod-photo-wrap .swiper-slide img {display:block; width:100%; height:100%; object-fit:cover;}

.prod-desc-wrap .list-square li {padding:1rem 3.3rem; line-height:2;}
.prod-desc-wrap .list-square li::before {top:1.6rem;}

.prod-detail-wrap .plate-stroke {padding:8rem 0 0; border-radius:0; border:0; background-color:transparent;}
.prod-detail-wrap .plate-stroke .btn-toggle-wrap.full > div {min-width:auto;}
.prod-detail-wrap .section > .article + .article {margin-top:4.5rem;}
.prod-detail-wrap .list-square {padding:2rem 0; margin:0; border-top:.2rem solid #2b425f;}
.prod-detail-wrap .list-square li {padding:.5rem 3.3rem;}
.prod-detail-wrap .list-square li > span {display:inline-block; vertical-align:top;}
.prod-detail-wrap .list-square .th {width:21rem; color:#666;}
.prod-detail-wrap .list-square .td {width:calc(100% - 21rem);}

/* 장바구니 */
.toggle-wrap {margin-bottom:3.5rem;}
.cart-wrap .tbl-dl dd .price {margin-top:5.5rem;}
.section.cart-wrap #orderDetail .h2,
.section.cart-wrap #deliverySelect .h2 {font-size:1.8rem}
.section.cart-wrap #deliverySelect {margin-top:5rem}

/* 장바구니 */
.cart-item-wrap {display:flex; justify-content:space-between; align-items:center; padding:4rem 2rem;}
.cart-item-wrap .figure {width:10rem; height:10rem;}
.cart-item-wrap .figure img {width:10rem; height:10rem; display:block;}
.cart-item-wrap .figure-con {position: relative;width:65rem; margin-left:3rem;}
.cart-item-wrap .mt-price {width:28rem; text-align:center;}
.cart-item-wrap .btns {width: 33rem;}
.cart-item-wrap .btns button {width:10rem; display:block;}
.cart-item-wrap .btns button + button {margin-top:.5rem;}
.cart-item-wrap .btns .input-button-wrap .radio-btn:first-child {margin-left: 0;}
.cart-item-wrap .datepicker-wrap {position: relative; margin-bottom: 1rem;}
.cart-item-wrap .datepicker-wrap::after {content: ""; position: absolute; top: 50%; right: 0; width: 2.1rem; height: 2.1rem; background: url(/guide/images/calendar-358d8b0a6f3dbf569f830016659b3c23.png) no-repeat center; z-index: 1; transform: translate(-1rem, -50%);}
.cart-item-wrap .datepicker-wrap input {width: 100%;}
.cart-item-wrap .datepicker-wrap input::placeholder {color: #000;}
.cart-item-wrap .datepicker-wrap .ui-datepicker-trigger {display: none; position: absolute; margin-left: 0; right: 0; top: 50%; transform: translate(-1rem, -50%);}
.cart-item-wrap .pd-name {font-size:1.6rem;}
.cart-item-wrap .pd-order {margin-top:1rem;}
.cart-item-wrap .pd-order span {color:#999aa9;}
.cart-item-wrap .pd-order .bar {margin-right:.5rem; margin-left:.5rem; color:#dedede;}
.cart-item-wrap .pd-unit-price {margin-top:1rem;}
.cart-item-wrap .pd-unit-price .label-gray {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color:#999;}
.cart-item-wrap .pd-unit-price .label-orange {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color:#E30505;}
.cart-item-wrap .pd-unit-price .label-navy {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color:#17315e;}
.cart-item-wrap .pd-unit-price .label-gray + .u-price,
.cart-item-wrap .pd-unit-price .label-navy + .u-price,
.cart-item-wrap .pd-unit-price .label-orange + .u-price {margin-left:1rem;}
.cart-item-wrap .pd-departure {margin-top:1.2rem; padding-top:1.2rem; color:#999aa9; border-top:1px solid #efefef;}
.cart-item-wrap .pd-departure dl {display:table; width:100%;}
.cart-item-wrap .pd-departure dl dt,
.cart-item-wrap .pd-departure dl dd {display:table-cell; color:#999aa9; line-height:1.4;}
.cart-item-wrap .pd-departure dl dt {width:9.5rem;}
.cart-item-wrap .pd-price {margin-top:1rem; color:#fb1a31; font-weight:500; font-size:1.6rem;}

.tbl.t3.order thead th, .tbl.t3.order tbody td {height: 6rem; font-size: 1.6rem;}
.info-tooltip-box {display: none; position: absolute;}
.info-tooltip-box.active {display: block; z-index: 1;}


/* 관심품목 수정 추가 */
.cart-list-wrap .t-info {margin:0.2rem 0 1.5rem}
.cart-list-wrap .hgroup {margin-top:4.5rem}
.cart-list-wrap .h3-item {font-weight:500; margin-left:0}

/* 배송 요구 사항 테이블 */
.tbl-shipping-request .select2-container .select2-selection--single,
.tbl-shipping-request .select2-container .select2-selection--single .select2-selection__rendered,
.tbl-shipping-request .select2-container--default .select2-selection--single .select2-selection__arrow,
.tbl-shipping-request .datepicker-wrap .datepicker {height:4.4rem; line-height:4.4rem; font-size:1.6rem; outline:0;}
.tbl-shipping-request .select2-container--default .select2-selection--single .select2-selection__arrow b {top:1.5rem;}
.tbl-shipping-request .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {top:2rem;}
.tbl-shipping-request .datepicker-wrap {position:relative}
.tbl-shipping-request .datepicker-wrap .datepicker {width:100%; height:4.4rem; line-height:4.4rem; font-size:1.6rem; outline:0;}
.tbl-shipping-request .datepicker-wrap .ui-datepicker-trigger {position:absolute; top: 50%; transform: translateY(-50%); right:1rem;}
.tbl-shipping-request td input {width: 100%; height: 4.4rem !important; font-size: 1.6rem !important;}
.tbl-shipping-request .datepicker-wrap input {width: 100%;}


@media print {
  .header, .notice-wrap, .footer {display:none;}
  .container {border-top:0;}

  /* 주문 요청 완료 출력 화면 */
  .ordersheet-wrap {padding:0; background-color:#fff; border-top:0; border-radius:0;}
  .ordersheet-wrap .inwrap,
  .ordersheet-wrap .plate {width:auto; padding:0; box-shadow:initial;}
  .ordersheet-wrap .hgroup-main,
  .ordersheet-wrap .plate  .btn-print,
  .ordersheet-wrap .plate .box-gray,
  .ordersheet-wrap .plate .btn-wrap {display:none;}
  .ordersheet-wrap .plate *{zoom:0.98;}
  .ordersheet-wrap .plate tbody th {width:10rem;}
  .ordersheet-detail .list {width:80%;}
}

/* 주문상세 화면 탭 수정 2021-10-27 */
#prdoDetail .plate-stroke .pd-detail-tab .btn-toggle-wrap > div {min-width:49%}
#prdoDetail .plate-stroke .spec-packing {display:flex; justify-content: space-between;}
#prdoDetail .plate-stroke .spec-packing li {width:48%;}
#prdoDetail .plate-stroke .spec-packing li table th,
#prdoDetail .plate-stroke .spec-packing li table td {text-align:center}
#prdoDetail .plate-stroke .spec-packing li.spec-area {margin-right:2%}
#prdoDetail .plate-stroke .spec-packing li.spec-area .spec-text {display:none}
#prdoDetail .btn-wrap button {width:30rem}
#prdoDetail .packing-area .tbl-v th:nth-child(1) {background-color:#f1f1f1}
#prdoDetail .packing-area .tbl-v tr:first-child th:nth-child(2) {background-color:#f1f1f1}
#prdoDetail .packing-area .tbl-v tr:first-child th:nth-child(1) {background-color:#fff}
#prdoDetail .packing-area .tbl-v tr th:nth-child(1).th-2nd {background-color:#fafafa}


/* ================================================
    6. sorin-my.css
   ================================================ */
/* My Page */
.pd-name {display:inline-block; margin-bottom: 1.5rem; font-weight: 500;}
.pd-name .pd-label {padding: 0; display: inline-block; width: 3rem; height: 2rem; margin-right: 1rem; font-size: 1.2rem; font-weight: 500; text-align: center; line-height: 1.8; background-color: #999AA9; color: #fff;}

/* === My Page : 대시보드 헤드 === */
.my-dashboard-head {padding: 0; background: #FAFAFA;}
.my-dashboard-head.normal {background: #fff; position: absolute; left: 35rem;}
.my-dashboard-head .head-box {width: 120rem; margin: auto;}
.my-dashboard-head .inwrap {display:flex; justify-content:space-between; width: 120rem; padding: 5rem 0;}
.my-dashboard-head .lnb-wrap {position: absolute; width: 20rem; top: 40rem; z-index: 1;}
.my-dashboard-head.normal .lnb-wrap {top: 31rem;}
.my-info-wrap {width:38rem; height:22rem; padding:0; background-color:#fff; border-radius:1.2rem; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05);}
.my-info-wrap .my-box-head {display: flex; align-items: center; background: #2B425F; border-radius: 1.2rem 1.2rem 0px 0px; padding: 1rem 3rem;}
.my-info-wrap .my-box-head span.rank-bronze::before {content: ''; display: flex; width: 2rem; height: 2rem; background:url(/images/my/icon_bronze-feea76b4f925974efba989de13024f0d.png) 0 0 no-repeat; background-size: cover; margin-right: 1rem;}
.my-info-wrap .my-box-head span.rank-silver::before {content: ''; display: flex; width: 2rem; height: 2rem; background:url(/images/my/icon_silver-582079e5829f7d0c51bce122ba78a3dc.png) 0 0 no-repeat; background-size: cover; margin-right: 1rem;}
.my-info-wrap .my-box-head span.rank-gold::before {content: ''; display: flex; width: 2rem; height: 2rem; background:url(/images/my/icon_gold-c82d8577cf2f57910c3d3578b0b315dd.png) 0 0 no-repeat; background-size: cover; margin-right: 1rem;}
.my-info-wrap .my-box-head span.rank-platinum::before {content: ''; display: flex; width: 2rem; height: 2rem; background:url(/images/my/icon_platinum-7b7e255a70702e7bd5bf8d5a4aedac78.png) 0 0 no-repeat; background-size: cover; margin-right: 1rem;}
.my-info-wrap .my-box-head span.rank-dia::before {content: ''; display: flex; width: 2rem; height: 2rem; background:url(/images/my/icon_dia-7c38f152d28b6aac39956feb842a26a4.png) 0 0 no-repeat; background-size: cover; margin-right: 1rem;}
.my-info-wrap .my-box-head span {display: flex; align-items: center; font-weight: 700; font-size: 1.6rem; color: #fff;}
.my-info-wrap .my-box-contents {position: relative; display: block; padding: 3.5rem 3rem 3rem;}
.my-info-wrap p {color: #000; padding-left: 3rem;}
.my-info-wrap .com {position:relative; font-weight:600; font-size:2.2rem;}
.my-info-wrap .com::before {content: ''; display: flex; width: 1.96rem; height: 2rem; position: absolute; left: 0; background:url(/images/my/icon_union-9d1c740507e7e8faeaf0bbc1f872356f.png) 0 0 no-repeat; background-size: cover;}
.my-info-wrap .user {max-width: 18rem; margin-top:2rem; font-size:1.6rem; color: #999AA9;}
.my-info-wrap .btns {padding-left: 3rem; margin-top: 2.8rem;}
.my-info-wrap .btn-stroke {width:11rem; background-color:transparent; border-color:#fff;  color: #666666; font-size:1.4rem; border: 1px solid #DEDEDE; border-radius: 0.3rem;}
.my-info-wrap .btn-stroke:hover,
.my-info-wrap .btn-stroke:focus {background-color: #f5f5f5;}
/* #my-info-wrap .btns {margin-top:4.3rem} */


/* 24.01.11 | 마이페이지 > 상시할인 & 페이백 */
.my-box-head {height: 4rem;}
.my-box-contents {height: calc(100% - 4rem);}
.my-dashboard-head .my-box-contents {padding: 3.5rem 3rem 3rem;}

.my-info-wrap .my-box-head {position: relative; cursor: pointer;}
.my-info-wrap .my-box-head::after {content: ''; width: 0.8rem; height: 0.8rem; position: absolute; right: 3rem; top: 50%; transform: translateY(-50%) rotate(-45deg); border-style: solid; border-color: #D9D9D9; border-width: 0 1px 1px 0; transition: 0.3s;}
.my-info-wrap .my-box-head:hover::after {right: 2rem;}

.my-info-wrap .promotion-boxes {position: absolute; bottom: 3rem; right: 3rem; display: flex; align-items: flex-start; gap: 1rem; text-align: center;}

.my-info-wrap .promotion-boxes .box {width: 6.5rem; border-radius: 0.6rem; overflow: hidden; cursor: pointer;}

.my-info-wrap .promotion-boxes .box .tit {display: flex; align-items: center; justify-content: center; height: 2.4rem; font-size: 1.2rem; font-weight: 500; color: #fff;}
.my-info-wrap .promotion-boxes .box .cont {display: flex; align-items: center; justify-content: center; height: 4.1rem; font-size: 1.6rem; font-weight: 600; color: #fff;}

.my-info-wrap .promotion-boxes .box.payback .tit {background: #124CBE;}
.my-info-wrap .promotion-boxes .box.payback .cont {background: rgb(31,104,248); background: linear-gradient(180deg, rgba(31,104,248,1) 0%, rgba(11,79,215,1) 100%);}

.my-info-wrap .promotion-boxes .box.discount .tit {background: #067566;}
.my-info-wrap .promotion-boxes .box.discount .cont {background: rgb(0,155,135); background: linear-gradient(180deg, rgba(0,155,135,1) 0%, rgba(2,137,119,1) 100%);}

/* 24.02.06 | 결제상세 > 모달: 페이백 구매수량 구간표(#sorinModalPayback) & 상시 할인 구매 조건표(#sorinModalDiscount) */
.modal-promotion {padding: 7.5rem 4.5rem 6rem;}

.modal-promotion .modal-content .subheading {margin-bottom: 4rem; font-size: 1.6rem; font-weight: 400; text-align: center;}
.modal-promotion .modal-content .subheading span {font-size: inherit; font-weight: inherit; color: inherit;}

.modal-promotion .modal-content .article {position: relative;}
.modal-promotion .modal-content h1 {margin: 0 0 2rem 0;}
.modal-promotion .modal-content .article h2 {margin: 0 0 2rem 0; font-size: 1.6rem;}
.modal-promotion .modal-content .article .info-txt {position: absolute; top: 0; right: 0; color: #999AA9;}

.modal-promotion .modal-content table tbody th {font-size: 1.4rem; color: #666; font-weight: 400;}

.modal-promotion .modal-content table tbody td {font-size: 1.4rem; color: #000; font-weight: 400; border-right: 1px solid #dedede;}

.modal-promotion .modal-content table tbody tr.benefits td {font-weight: 500;}

.modal-promotion .modal-content table tbody th:last-child,
.modal-promotion .modal-content table tbody td:last-child {border-right: 0;}

.modal-promotion .modal-content table tbody tr td.my-section {background: #E9F0FD;}
.modal-promotion .modal-content table tbody tr td.yellow {color: #F7B500; font-weight: 500;}
.modal-promotion .modal-content table tbody tr td.blue {color: #1D5FD0; font-weight: 500;}
.modal-promotion .modal-content table tbody tr td.red {color: #FD3535; font-weight: 500;}
.modal-promotion .modal-content table + .icon-info-txt {margin-top: 1.5rem;}
.modal-promotion .modal-content .icon-info-txt {margin-bottom: 0.6rem; padding-bottom: 0.4rem; background-position: 0 100%; font-size: 1.2rem;}
.modal-promotion .modal-content .icon-info-txt:last-child {margin-bottom: 0;}


.my-pay-wrap {position:relative; width:38rem; height:22rem; padding:0; border-radius:1.2rem; background-color:#fff; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05);}
.my-pay-wrap .stit::before {content:''; display:block; width:1.9rem; height:2rem; position: absolute; top: 0; left: 0; background:url(/images/my/icon_wallet-d571f5c433904e79742987d21fcd0ebf.png) 0 0 no-repeat;}
.pay-tit {position:absolute; top:4.5rem; left:5.3rem; font-weight:500; font-size:2.2rem;}
.pay-tit::before {content:''; display:block; width:2.1rem; height:2.1rem; position:absolute; top:0; left:-2.8rem; background:url(/images/my/icon_wallet-d571f5c433904e79742987d21fcd0ebf.png) 0 0 no-repeat;}
.my-pay-wrap .pay-wrap, .my-order-wrap .pay-wrap {display: block; padding: 3.5rem 3rem 0;}

.my-pay-wrap .pay-wrap .info-box {display: flex; align-items: center;}
.my-pay-wrap .pay-wrap .stit {/*display:block;*/ position: relative; padding-top: 0; padding-left: 3rem; font-size: 2rem; color:#666;}
.my-pay-wrap .my-box-head {display: flex; align-items: center; background: #A69368; border-radius: 1.2rem 1.2rem 0px 0px; padding: 1.2rem 3rem;}
.my-pay-wrap .my-box-head span {display: block; width: 100%; font-weight: 700; font-size: 1.6rem; color: #fff;}
.my-pay-wrap .pay-wrap .price-wrap {position:relative; width:auto; height:auto; display:inline-block; margin-left:1rem}
.my-pay-wrap .pay-wrap .price-wrap .hr {display:block; position: absolute; bottom: 0; width: 100%; margin-top: 0; height:1rem; background-color:#fbebeb;}
.my-pay-wrap .pay-wrap .price-wrap .hr-on {display:block; position:relative; height:2.3rem; margin-top: 0;}
.my-pay-wrap .pay-wrap .price-wrap.no-price .hr {background-color:#efefef;}
.my-pay-wrap .pay-wrap .price-wrap .hr.yellow {background-color: #FDF1D5;}
.my-pay-wrap .pay-wrap .price-wrap.no-price span {font-weight:400; color:#000;}
.my-pay-wrap .pay-wrap .price {font-weight:500; font-size: 2rem; color: #000;}
.my-pay-wrap .pay-wrap .unit {margin-right:.5rem; margin-left:.5rem; font-weight:500; font-size:2rem; color:#000;}
.my-pay-wrap .notice {margin-top: 2rem; font-size:1.2rem; color:#999AA9;}
.my-pay-wrap .btn-withdrawal {height:3rem; font-size:1.4rem; color:#666;}
.my-pay-wrap button.btn-reload {width: 2rem; height: 2rem;}
.my-pay-wrap .pay-wrap .my-account {display: block; font-size: 1.2rem; color: #999AA9; padding-left: 3rem; margin-top: 1rem;}
.my-pay-wrap .btn-stroke {width: 7.2rem; color: #666666; font-size: 1.4rem; border: 1px solid #DEDEDE; border-radius: 0.3rem;}
.my-pay-wrap .btn-stroke:hover,
.my-pay-wrap .btn-stroke:focus {background-color: #f5f5f5;}
.my-pay-wrap .e-wallet-uncerti {padding: 0 3rem 0 6rem;}
.my-pay-wrap .e-wallet-uncerti .btns {margin-top: 3rem;}
.my-pay-wrap .btn-stroke {width:11rem; background-color:transparent; border-color:#fff;  color: #666666; font-size:1.4rem; border: 1px solid #DEDEDE; border-radius: 0.3rem;}
.my-pay-wrap .e-wallet-uncerti .customer {margin-top: 5rem; font-size: 1.2rem; color: #999AA9;}

.my-order-wrap {position:relative; width:38rem; height:22rem; padding:0; border-radius:1.2rem; background-color:#fff; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05);}
.my-order-wrap .stit {display: flex; position: relative; padding-top: 0; padding-left: 3rem; font-size: 2rem;}
.my-order-wrap .stit::before {content:''; display:block; width:2rem; height:2rem; position: absolute; top: 0; left: 0; background:url(/images/my/icon_coin-25c95b7149c5df1424e082b6d6d5fbbc.png) 0 0 no-repeat; background-size: contain;}
.my-order-wrap .my-box-head {display: flex; align-items: center; background: #999AA9; border-radius: 1.2rem 1.2rem 0px 0px; padding: 1.2rem 3rem;}
.my-order-wrap .my-box-head span {color: #fff; font-weight: 500; font-size: 1.6rem;}
.my-order-wrap .pay-wrap .price-wrap {position: relative; width: auto; height: auto; display: inline-block; margin-left: 1rem;}
.my-order-wrap .price-wrap .hr {display: block; position: absolute; bottom: 0; width: 100%; margin-top: 0; height: 1rem; background-color:#fbebeb;}
.my-order-wrap .price-wrap .hr-on {display: block; position: relative; margin-top: 0; height: 2.3rem;}
.my-order-wrap .tbl {border-top: none;}
.my-order-wrap .tbl tbody tr.bor-b {border-bottom: 1px solid #DEDEDE;}
.my-order-wrap .tbl tbody th {font-size: 1.2rem; height: auto; text-align: left; color: #999AA9; font-weight: 400; background: transparent; border: none; padding: 0.7rem 0;}
.my-order-wrap .tbl.t1 tbody .bor-b th {padding: 0.7rem 0 1rem;}
.my-order-wrap .tbl tbody td {display: flex; align-items: center; justify-content: flex-end; font-size: 1.2rem; height: auto; font-weight: 500; padding: 0.7rem 0; border-bottom: none;}
.my-order-wrap .tbl tbody td.request-item i {position: relative; width: 1.4rem; height: 1.4rem; border-radius: 100%; padding: 0; background: #FD3535; margin-left: 0.3rem;}
.my-order-wrap .tbl tbody td.request-item i::before {content:''; display: block; position: absolute; left: 4px; top: 6px; width: 0.7rem; height: 0.1rem; background: #fff; transform: rotate(-45deg);}
.my-order-wrap .tbl tbody td.request-item i::after {content:''; display: block; position: absolute; left: 4px; top: 6px; width: 0.7rem; height: 0.1rem; background: #fff; transform: rotate(45deg);}
.my-order-wrap .table-wrap {padding: 2rem 3rem;}
.my-order-wrap .pay-wrap .price,
.my-order-wrap .pay-wrap .unit {font-size: 2rem;}
.my-order-wrap .pay-wrap dl {display: flex; flex-wrap: wrap; margin-top: 2rem;}
.my-order-wrap .pay-wrap dt {width: 52%; font-size: 1.2rem; line-height: 2.5rem; color: #999AA9;}
.my-order-wrap .pay-wrap dd {width: 48%; font-size: 1.2rem; text-align: right; line-height: 2.5rem; color: #666;}


/* 간편회원 */
.lnb-wrap .my-info-wrap.normal-member p {padding-left: 0;}
.lnb-wrap .my-info-wrap.normal-member .btns {padding-left: 0;}

.mypage-contents {display: flex; justify-content: flex-end; width: 120rem; margin: auto;}
.mypage-contents .inwrap.table {width: 94rem; margin: 0;}

/* === My Page : 대시보드 결제내역 === */
.trade-list td {text-align: center;}
.trade-list .order-ea {font-weight: bold;}
.payment-list .cart-item-wrap {padding: 4rem 2rem 0;}
.payment-list .cart-item-wrap .figure {width: 11.7rem; height: 11.7rem;}
.payment-list .cart-item-wrap .figure img {width: 100%; height: 100%; cursor: pointer;}
.payment-list .cart-item-wrap .figure-con {width: calc(100% - 11.7rem);}
.payment-list .pay-wrap {padding: 1rem 2rem 1rem 16.4rem;}
.payment-list .pay-wrap .info {position: relative;}
.payment-list .pay-wrap .info:first-of-type:after {content: '|';display: inline-block;font-size: 1.2rem;color: #ddd;margin-left: 0rem;margin-right: 1rem;}
.payment-list .pay-wrap .info:nth-of-type(2):after {content: '|';display: inline-block;font-size: 1.2rem;color: #ddd;margin-left: -1.8rem; margin-right: 0.8rem;}
.payment-list .pay-wrap .info:last-of-type:after {display: none;}
.payment-list .pay-wrap .tit {color: #999AA9;}
.payment-list .pay-wrap .pay-type .item {width: auto;}
.payment-list .pay-wrap .mt-date .item {font-weight: 500; margin: 0 2.7rem 0 1.5rem; width: auto;}
.payment-list .pay-wrap .mt-price .item {font-weight: 500; color: #FD3535; margin-left: 1.5rem; width: auto;}

.pay-condition .item {display: inline-flex; justify-content: center; align-items: center; width: 6.6rem; height: 2.5rem; margin-left: 0.4rem; margin-right: 1rem;}
.pay-condition .item.late {color: #ffffff; background: #FD3535;}
.pay-condition .item.soon {color: #666666; border: 1px solid #666666;}
.pay-condition .item.complete {border: none; background: #69B40A; color: #fff;}
.down-pay .pay-condition .item {margin-left: 0;}

.alram-list .tbl.t2 tbody td {text-align: center;}
.quest-list .order-quest {display:flex; align-items:center; height:6rem;}
.quest-list [class^=label-] {width:9.2rem; height:3rem; line-height:3rem; background-color:#cdcdcd; color:#fff; font-size:1.2rem; color:#fff; text-align:center; position:relative; display:inline-block;}
.quest-list [class^=label-]::after {content:''; display:block; position:absolute; right:-.2rem; bottom:-.6rem; transform:rotate(45deg); width:0; height:0; border-top:.8rem solid transparent; border-bottom:.8rem solid transparent; border-left:.8rem solid #fff;}
.quest-list .label-gray {background-color:#cdcdcd;}
.quest-list .label-blue {background-color:#1d5fd0;}
.quest-list [class^=label-] + .quest-desc {margin-left:1.8rem; font-size:1.4rem;}
.quest-list .quest-desc .quest-info {font-size:1.2rem; color:#999;}
.quest-list .quest-desc .quest-stit {width: 81rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:inherit; color:#000;}
.quest-list .quest-desc .quest-info + .quest-stit {margin-top:1rem;}

.mypage-contents.normal .quest-list {margin-top: 0;}

/* 마이페이지 모달팝업 : 공통 */
.repay-table tbody td {height: 5rem; padding: 2rem 3rem;}
.repay-modal thead th, .repay-modal tbody th, .repay-modal tbody td {font-size: 1.6rem;}

/* 모달 팝업 : e-wallet 상환하기 */
.repay-modal .pay-condition .item.stroke-black {color: #666666; border: 1px solid #666666;}
.repay-modal .pay-condition .item.fill-black {color: #fff; background: #000;}
.repay-modal .pay-condition .item.stroke-red {color: #FD3535; border: 1px solid #FD3535;}
.repay-modal .pay-condition .item.fill-red {color: #fff; background: #FD3535;}
.repay-modal .pay-condition .item.fill-green {color: #fff; background: #69B40A;}
.repay-modal .pay-condition .item.fill-gray {color: #fff; background: #999AA9;}

.repay-modal .modal-content {padding: 5.5rem 4rem;}
.repay-modal .repay td {padding: 1.3rem 3rem; font-weight: 400;}
.repay-modal .tbl.t2 thead th.num {width: 10rem;}
.repay-modal .tbl.t2 tbody td {text-align: center;}
.repay-modal .tbl.t2 tbody td.import {background: #FFECEC;}
.repay-modal .tbl.t2 tbody td.total-remain {color: #FD3535;}
.repay-modal .bt {display: inline-block;}
.repay-modal button.btn-reload {width: 2.4rem; height: 2.4rem; border: 1px solid #DEDEDE; border-radius: 3px; text-indent: -9999px; background-size: 70%; margin-left: 0.9rem;}
.repay-modal .txt-box {display: flex; align-items: center;}
.repay-modal .cart-item-wrap {padding: 0;}
.repay-modal .pay-wrap {padding: 0; justify-content: flex-start;}
.repay-modal .repay .cart-item-wrap .figure-con {width: 100%; margin-left: 0;}
.repay-modal .pay-wrap .info-box {margin-left: 2.7rem;}
.repay-modal .refund-amount .refund-input button,
.repay-modal .refund-amount .refund-btn button {min-width: 8rem; margin-right: 0.68rem;}
.repay-modal .refund-amount .refund-input input {width: 26rem; background: #F6F6F6; margin-right: 0.8rem; text-align: center;}
.repay-modal .refund-amount .refund-input input:read-only {background: #E9F0FD; border: none;}
.repay-modal .tit {color: #999AA9; font-size: 1.4rem;}
.repay-modal .mt-date .item {font-weight: 500; margin: 0 2.7rem 0 1.5rem; width: auto; font-size: 1.4rem;}
.repay-modal .mt-price .item {font-weight: 500; color: #FD3535; margin-left: 1.5rem; width: auto; font-size: 1.4rem;}
.repay-modal .pay-condition {display: flex; align-items: center;}
.repay-modal .pay-condition .item {font-size: 1.4rem;}

/* 모달팝업 : 대출보증 상환하기 */
.repay-modal .select2-container {position: relative; width: 15rem !important; margin-right: 1rem;}
.repay-modal .select2-container .select2-selection--single {background: #F6F6F6; border-color: #DEDEDE;}
.repay-modal .select2-container .select2-selection--single .select2-selection__rendered {line-height: 3rem; font-size: 1.2rem;}
.repay-modal .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.6rem; height: 0.6rem; top: 1.3rem; left: 1.5rem;}
.repay-modal .pay-condition .item.late {background: #FD3535; color: #fff; align-items: center;}
.repay-modal .datepicker-wrap { position: relative; margin-bottom: 1rem; width: 26rem; margin: 0;}
.repay-modal .date-input {width: 100%; background: #F6F6F6;}
.repay-modal .date-input::placeholder {text-align: left;}
.repay-modal .datepicker-wrap img {position: absolute; margin-left: 0; right: 0; top: 50%; transform: translate(-1rem, -50%);}
.repay-modal .ui-widget.ui-widget-content.pd-datepicker {top: 5rem !important; left: 61rem !important;}
.repay-modal .red-box {background: #FBEBEB; padding: 3rem;}
.repay-modal .red-box dt {font-size: 1.2rem; line-height: 2rem; color: #FD3535;}
.repay-modal .input-button-wrap {margin-left: 0.5rem;}
.repay-modal .input-button-wrap .radio-btn {width: 8rem; height: 3.4rem; line-height: 3rem;}
.repay-modal .input-button-wrap .radio-btn span {font-size: 1.2rem; color: #666;}
.repay-modal .input-button-wrap .radio-btn.active {border-color: #1d5fd0; background: transparent;}
.repay-modal .input-button-wrap .radio-btn.active span {color: #1d5fd0;}

/*출금하기*/
.repay-modal .withdraw {width: 63.5rem;}
.repay-modal .withdraw .refund-input input {width: 26.3rem;}
.repay-modal .withdraw .refund-input,
.repay-modal .withdraw .refund-btn {display: flex; justify-content: space-between;}

/* 모달팝업 : 대출보증 상환하기(탭형식) */
.repay-modal .tab-wrapCon .refund-amount .refund-input {margin-bottom: 0;}
.repay-modal .h2-pd.tab-tit {margin: 0 0 1rem;}
.repay-modal .tab-txt {text-align: center; font-weight: 400; line-height: 2rem; margin-bottom: 2rem; color: #666;}
.repay-modal .tab-bank {margin: 0 !important;}
.repay-modal .form-chk [type="checkbox"]:not(:checked) + label:before,
.repay-modal .form-chk [type="checkbox"]:checked + label:before,
.repay-modal .form-chk [type="checkbox"]:not(:checked) + label:after,
.repay-modal .form-chk [type="checkbox"]:checked + label:after {top: 0.3rem;}
.repay-modal .maturity-select {margin: 1.25rem 0;}


/* 24.04.18 | [추가결제] 구매자금 상환하기(e-Wallet/ 구매자금) */
.modal .title-area {margin-bottom: 2.5rem;}
.modal .title-area h1 {margin-bottom: 1.5rem;}
.modal .title-area .txt {font-size: 1.6rem; line-height: 1.375; font-weight: 400; color: #666;}

table tr th.left,
table tr td.left {text-align: left !important;}

table tr th.right,
table tr td.right {text-align: right !important;}

table tr th.center,
table tr td.center {text-align: right !important;}

table tr th.normal,
table tr td.normal {font-weight: 400 !important;}

table tr th.bold,
table tr td.bold {font-weight: 500 !important;}

table tr th.no-space,
table tr td.no-space {padding: 0 !important;}

table .brd-rt {border-right: 1px solid #DEDEDE !important;}

.red-box ul.list-square li {padding-left: 0.7rem; font-size: 1.2rem; line-height: 2rem; color: #FD3535; border: none;}
.red-box ul.list-square li::before {content: ""; top: 0.8rem; left: 0; width: 0.3rem; height: 0.3rem; background: #FD3535;}

.strikethrough {position: relative; text-align: inherit; font-weight: inherit; color: inherit;}
.strikethrough::after {content: ""; position: absolute; bottom: 0.8rem; left: -0.2rem; right: -0.2rem; height: 0.1rem; background: #000}

[class^='txt-'].bold {font-weight: 500 !important;}
.txt-red {color: var(--sr-red) !important;}
.txt-blue {color: var(--sr-blue) !important;}
.txt-blueB {color: var(--sr-blue) !important; font-weight: 500 !important;}
.txt-red .strikethrough::after {background: var(--sr-red);}
.txt-blue .strikethrough::after {background: var(--sr-blue);}

#addiPay {padding-top: 23rem; margin-top: -23rem;} /* 추가입금 버튼 클릭 >  주문 상세 내역 화면 - 결제 정보 영역 포커싱 스타일 */
#addiPay .pos-rel [class^='btn-'] {position: absolute; top: 50%; right: 1.7rem; transform: translateY(-50%); width: 6.6rem; height: 2rem !important; font-weight: 500;}
#addiPay .pay-detail .pos-rel [class^='btn-'] {right: 3rem; width: 7.4rem; height: 3rem !important; font-weight: 400;}
.tbl-scope-col.th-bg tbody tr th {background-color: #FAFAFA; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}

.repay-modal.addi .select2-container .select2-selection--single,
.repay-modal.addi .date-input {background-color: #fff;}
.repay-modal.addi .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {font-size: 1.2rem;}

#addiPay .tbl-v.pay-detail .info-box {margin: 0;}

#addiPay [class^="tbl-"] tr th {height: 3.1rem; color: #000; font-weight: 500;}
#addiPay [class^="tbl-"] tr td {height: 3.1rem;}

#addiPay .pay-detail tr th,
#addiPay .pay-detail tr td {height: 5.1rem;}

#addiPay table tr th.center,
#addiPay table tr td.center {text-align: center !important;}

#addiPay table .highlight {background:#FBEBEB !important;}
 
 
/* 24.07.10 | 구매자금 상환하기 모달(.repay-modal) > 상환처리 진행 progress-bar */
.repay-progress-wrap {/* display: none; */position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 39rem; height: 20rem; text-align: center; background: rgba(0,0,0,0.5); border-radius: 1.5rem;}	
 
.repay-progress-wrap .progress-cont {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%;}
.repay-progress-wrap .progress-cont .progressbar {position: relative; margin: 2rem 0;}
.repay-progress-wrap .progress-cont .progressbar::after {content: ""; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%); width: 25rem; height: 1.6rem; border: 2px solid rgba(255,255,255, 0.3); border-radius: 2rem; box-sizing: border-box;}
.repay-progress-wrap .progress-cont .progressbar .bar {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24rem; height: 0.6rem; margin: 0 auto; background: #9FB9E6; border-radius: 0.6rem; overflow: hidden;}
.repay-progress-wrap .progress-cont .progressbar .bar .progress {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0; height: 0.6rem; background: #0761FB; animation: pregressAni 3.5s forwards;}
.repay-progress-wrap .progress-cont .step,
.repay-progress-wrap .progress-cont .step * {font-size: 1.6rem; color: #fff; font-weight: 500;}
.repay-progress-wrap .progress-cont .txt {font-size: 1.6rem; color: #fff; font-weight: 400;}
 
@keyframes pregressAni {
	0% {width: 0;}
	100% {width: 101%;}
}
 
 
/*24.05.30 | 주문 상세 내역 > 결제 정보 > '중도상환' case 추가 */
.diagonal {background-image: linear-gradient(to right bottom, #fff calc(50% - 1px),  #D9D9D9,  #fff calc(50% + 1px)); background-size: 120% 120%; background-position: center;}
/*
.diagonal {position: relative; overflow: hidden;}
.diagonal::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(79deg); width: 0.1rem; height: 15.3rem; background: #D9D9D9;}
.diagonal {background: url(/images/my/diagonal.svg) no-repeat center;}
*/

.tooltip-area {position: relative; display: inline-block; width: 1.6rem; height: 1.6rem; vertical-align: middle; font-size: 1.2rem; line-height: 1.2; font-weight: 400; color:#FF6600;}

.tooltip-area .tooltip-icon {display: inline-block; width: 1.6rem; height: 1.6rem; background: url(/images/icon-brd-tooltip-ba9e3910c2cfc07be48bd66486361791.png) no-repeat center; background-size: contain; cursor: pointer;}

.tooltip-area .tooltip-cont {display: none;; position: absolute; top: 3.5rem; left: 50%; z-index: 2; transform: translateX(-50%); min-width: 30rem; padding: 2rem; text-align: left; border: 1px solid #C4C4C4; background: #fff; border-radius: 1.2rem;}
.tooltip-area .tooltip-icon:hover + .tooltip-cont  {display: block;}
.tooltip-area .tooltip-cont::after {content: ''; width: 1rem; height: 1rem; position: absolute; top: -0.6rem; left: 50%; border: 1px solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; transform: translateX(-50%) rotate(-45deg); background-color: #fff;}

.tooltip-area .tooltip-cont .tbl-wrap .tit{margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 500;}
.tooltip-area .tooltip-cont .tbl-wrap table * {font-size: 1.2rem !important; font-weight: 400 !important;}
.tooltip-area .tooltip-cont .tbl-wrap table tr th {padding: 0 1rem; text-align: center; color: #666 !important;}
.tooltip-area .tooltip-cont .tbl-wrap table tr td {padding: 0 1rem; color: #000;}
.tooltip-area .tooltip-cont .tbl-wrap table tr {border-bottom: 1px solid #DEDEDE;;}
.tooltip-area .tooltip-cont .tooltip-txt {font-size: 1.2rem; color: #FF6600;}

.tbl-scope-col tbody tr th.th-check {background: #fff;}
#addiPay .form-chk.check-all {padding-left: 2.4rem; margin-bottom: 1.3rem;}
#addiPay .form-chk label::before{border-color: #DEDEDE;}
#addiPay table .form-chk [type="checkbox"]:not(:checked) + label:after {webkit-transform: translateX(-50%) scale(0) rotate(0); transform: translateX(-50%) scale(0) rotate(0);}
#addiPay table .form-chk [type="checkbox"]:checked + label:after {webkit-transform: translateX(-50%) scale(1) rotate(0); transform: translateX(-50%) scale(1) rotate(0);}
#addiPay table .form-chk label::before {transform: translateX(-50%);}
#addiPay table .form-chk {height: 1.6rem;}
#addiPay table .form-chk label {padding-left: 0;}
#addiPay table .form-chk label::before,
#addiPay table .form-chk label::after {left: 50%;}

#addiPay .check-result-box {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 4rem; margin-top: 2rem; padding: 0 2.5rem; background: #3C4959;}
#addiPay .check-result-box * {font-size: 1.4rem; color: #fff; font-weight: 500;}
#addiPay .check-result-box .val {display: inline-block; margin-right: 0.3rem; color: #FF6600;}


/* 모달팝업 : 결제상세내역 */
.modal.bottomsheet .payments-wrapper {position: relative; /*top: 50%; left: 50%; transform: translate(-50%, -50%);*/ padding-bottom: 13rem;}
.modal.bottomsheet .payments-wrapper {position: relative; top: 7rem; left: 50%; transform: translateX(-50%); padding-bottom: 13rem;}
.modal.bottomsheet .payments-area {width: 72rem; padding: 2rem 3rem;}
.modal.bottomsheet .payments-area .tit {margin-top: 0;}
.modal.bottomsheet .payments-area .card-box {position: relative; width: 29.8rem; padding: 0; box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);}
.modal.bottomsheet .payments-area .e-wallet.card-box {background: linear-gradient(135deg, #159E9E 55%, #009090 45%);}
.modal.bottomsheet .payments-area .card-box .card-header {display: flex; justify-content: space-between; align-items: center; position: absolute; top: 0; width: 100%; padding: 1.2rem 2rem; background: #fff; border-radius: 0.9rem 0.9rem 0 0; font-size: 1.2rem; z-index: 1;}
.modal.bottomsheet .payments-area .card-box .card-header .card-logo {display: inline-block; width: 6rem; height: 1.7rem; background: url(/images/my/icon_logo_hanabank-8131e10d5096f91800e48bbb60491fef.png) 0 50% no-repeat; background-size: contain;}
.modal.bottomsheet .payments-area .card-box .card-header .card-name {font-weight: 500;}
.modal.bottomsheet .payments-area .card-box .card-header .card-name.e-wallet-1 {color: #FEB306;}
.modal.bottomsheet .payments-area .card-box > label {display: block; height: 17.8rem; padding-top: 7.5rem; padding-left: 0;}
.modal.bottomsheet .payments-area .card-box > label::before {display: none;}
.modal.bottomsheet .payments-area .card-box > label .e-wallet-account {font-size: 1.4rem; color: #fff; opacity: 0.7; margin: 0;}
.modal.bottomsheet .payments {display: flex; justify-content: center; align-items: center;}
.modal.bottomsheet .payment-wrap .btns {margin-top: 0; margin-left: 0.8rem;}
.modal.bottomsheet .payment-wrap .btns .btn-reload {width: 2.4rem; height: 2.4rem; background: #fff url(/images/icon-reload-1bbb7cc1efec83af8f27701e3581b497.png) 50% 50% no-repeat; background-size: 75%; text-indent: -9999px; padding: 0; border: none;}
.modal.bottomsheet .payment-wrap .deposit > label {color: #fff;}
.modal.bottomsheet .payment-wrap .icon-info-txt {font-size: 1.2rem;}
.modal.bottomsheet .payment-wrap .agree-box {width: 67.6%; background-color: #FAFAFA; border: none;}
.modal.bottomsheet .payment-wrap .agree-box .btn-detail-contract {position: relative; padding-right: 0.8rem;}
.modal.bottomsheet .payment-wrap .agree-box .btn-detail-contract::after {content:''; display: inline-block; width: 0.6rem; height: 0.6rem; border-top: 1px solid #999AA9; border-right: 1px solid #999AA9; transform: rotate(45deg); position: absolute; top: 0.3rem; right: 0.1rem;}
.modal.bottomsheet .payment-wrap .agree-text {margin: 2rem 0 -1rem; font-size: 1.2rem;}
.modal.bottomsheet .payment-wrap .form-chk [type="checkbox"]:not(:checked) + label:after,
.modal.bottomsheet .payment-wrap .form-chk [type="checkbox"]:checked + label:after {background:url(/images/pd/payments-form-checked-cfb64ab56f8c9b6fae542b9d40b26971.png) 50% 50% no-repeat; border-color: #1D5FD0;}
.modal.bottomsheet .payment-wrap .form-chk [type="checkbox"]:not(:checked) + label:before {box-shadow: none;}
.modal.bottomsheet .payment-wrap .form-chk [type="checkbox"]:checked + label:before {box-shadow: none; border-color: #1D5FD0;}
.modal.bottomsheet .payment-wrap .payments-step-wrap table {border-top: 2px solid #2B425F;}
.modal.bottomsheet .payment-wrap .payments-step-wrap table thead {background: #FAFAFA; line-height: 4rem; border-bottom: 1px solid #DEDEDE;}
.modal.bottomsheet .payment-wrap .payments-step-wrap table tbody td {line-height: 4rem; border-bottom: 1px solid #DEDEDE;}
.modal.bottomsheet .payment-wrap .payments-step-wrap .tit {display: flex; align-items: center; justify-content: space-between;}
.modal.bottomsheet .payment-wrap .payments-step-wrap .tit span::before {content: ''; display: inline-block; width: 0.3rem; height: 0.3rem; background: #CDCDCD; margin-right: 0.2rem;}
.modal.bottomsheet .payment-wrap .payments-step-wrap .tit button {width: 10rem; font-size: 1.1rem; padding: 0;}
.modal.bottomsheet .payment-wrap .payments-step-wrap .select2-container {width: 10rem !important;}
.modal.bottomsheet .payment-wrap .payments-step-wrap .select2-container .select2-selection--single {height: 3rem; background: #F6F6F6; border-color: #DEDEDE;}
.modal.bottomsheet .payment-wrap .payments-step-wrap .select2-container .select2-selection--single .select2-selection__rendered {line-height: 3rem;}
.modal.bottomsheet .payment-wrap .payments-step-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.6rem; height: 0.6rem; top: 1.3rem; left: 1.5rem;}

.modal.bottomsheet .payments-area .b2b.card-box {background: linear-gradient(135deg, #22425F 55%, #1C344A 45%); border-color: #3C658B;}
.modal.bottomsheet .payments-area .b2b .card-header .card-name {color: #78AD04;}
.modal.bottomsheet .payments-area .b2b .card-header .card-logo {display: inline-block; width: 6rem; height: 1.7rem; background: url(/images/pd/kodit-logo-a7447f471fea824a5c322893fedb3ffc.png) 0 50% no-repeat; background-size: contain;}
.modal.bottomsheet .payments-area .b2b .b2b-account {display: flex; justify-content: space-between; align-items: center; padding: 0 2rem;}
.modal.bottomsheet .payments-area .b2b .b2b-account .tit {font-size: 1.2rem; color: #fff; opacity: 0.7;}
.modal.bottomsheet .payments-area .b2b .b2b-total {padding-right: 5.4rem;}
.modal.bottomsheet .payments-area .b2b .b2b-account span {color: #fff; opacity: 0.7;}
.modal.bottomsheet .payments-area .b2b .b2b-remain .bold {font-size: 1.8rem; opacity: 1; color: #fff}
.modal.bottomsheet .payments-area .b2b-wrap .radio-btn {margin-left: 0; border-radius: 0; border-right: 0;}
.modal.bottomsheet .payments-area .b2b-wrap .radio-btn.sm {font-size:1.05rem;}
.modal.bottomsheet .payments-area .b2b-wrap .radio-btn:first-child {border-radius: 0.3rem 0 0 0.3rem;}
.modal.bottomsheet .payments-area .b2b-wrap .radio-btn:last-child {border-right: 1px solid #DEDEDE; border-radius: 0 0.3rem 0.3rem 0;}
.modal.bottomsheet .payments-area .b2b-wrap .radio-btn.disabled {background-color:#f1f1f1; border-color:#ddd; cursor:default}
.modal.bottomsheet .payments-area .b2b-wrap .radio-btn.disabled span {color:#999aa9;}
.modal.bottomsheet .payment-wrap .ratio-wrap {display: flex; justify-content: center; margin-top: 2.5rem;}
.modal.bottomsheet .payment-wrap .ratio-wrap .select2-container {width: 30rem !important;}
.modal.bottomsheet .payment-wrap .ratio-wrap .select2-container .select2-selection--single .select2-selection__rendered {font-size: 1.2rem;text-align: center;}
#select2-wrtmRateSelect-results .select2-results__option--selectable {font-size: 1.2rem;text-align: center;padding-right: 2rem;}
.modal.bottomsheet .payments-area .deposit.card-box {background: linear-gradient(135deg, #4B7FD6 55%, #2E69CB 45%); border-color: #4B7FD6;}
.modal.bottomsheet .payments-area .deposit.card-box .card-header .card-logo {background: url(/images/pd/sorin_logo-5f37788760d86bfec0e3ce161fa0afdd.png) 0 50% no-repeat;background-size: contain;width:8.5rem;}
.modal.bottomsheet .payments-area .deposit.card-box .card-header .card-name.e-wallet-1 {color:#2E69CB;}

/* 22-11-10 서린크레딧 추가 */
.modal.bottomsheet .payments-area .scredit.card-box {background: linear-gradient(135deg,#D4BE87 0%, #DAC48E 16%, #CDB77F 24%, #BEA86F 32%, #AB955B 55%, #9F8450 45%);border-color: #D6BD7B;filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));}
.modal.bottomsheet .payments-area .scredit.card-box::before {border: 1px solid #9f8a50;content: '';position: absolute;left: -2px;top: -2px;right: -2px;bottom: -2px;border-radius: 0.9rem;border-radius: 0.9rem;}
.modal.bottomsheet .payments-area .scredit .card-header .card-name {color: #8D773D;font-weight: 600;}
.modal.bottomsheet .payments-area .scredit .card-header .card-logo {display: inline-block; width: 10.3rem; height: 1.7rem; background: url(/images/pd/scredit-logo-45922f31bacc6569af4c10771cdbfa01.png) 50% 50% no-repeat; background-size: contain;}
.modal.bottomsheet .payments-area .scredit .scredit-account {display: flex; justify-content: space-between; align-items: center; padding: 0 2rem;}
.modal.bottomsheet .payments-area .scredit .scredit-account .tit {font-size: 1.2rem; color: #fff; opacity: 0.7;}
.modal.bottomsheet .payments-area .scredit .scredit-total {padding-right: 5.4rem;}
.modal.bottomsheet .payments-area .scredit .scredit-account span {color: #fff; opacity: 0.7;}
.modal.bottomsheet .payments-area .scredit .scredit-remain .bold {font-size: 1.8rem; opacity: 1; color: #fff}
.modal.bottomsheet .payments-area .scredit-wrap .radio-btn {margin-left: 0; border-radius: 0; border-right: 0;width: 11rem;}
.modal.bottomsheet .payments-area .scredit-wrap .radio-btn.active {background-color: #9F8A50; border-color:#9F8A50;}
.modal.bottomsheet .payments-area .scredit-wrap .radio-btn:first-child {border-radius: 0.3rem 0 0 0.3rem;}
.modal.bottomsheet .payments-area .scredit-wrap .radio-btn:last-child {border-right: 1px solid #DEDEDE; border-radius: 0 0.3rem 0.3rem 0;}
.modal.bottomsheet .payments-area .scredit-wrap .radio-btn.disabled {background-color:#f1f1f1; border-color:#ddd; cursor:default}
.modal.bottomsheet .payments-area .scredit-wrap .radio-btn.disabled span {color:#999aa9;}

.repay-detail tbody td.total-remain {color: #FD3535;}

/* 모달팝업 : 결제상세내역 > 계약금 비율기준 결제금액 안내 팝업 */
#sorinModalPaymentStandard .head {background: #FAFAFA;}

/* 모달팝업 : 결제상세내역 >  자차배송 */
.modal.bottomsheet .detail-area .list li.self-delivery {height: 15rem;}


/* 간편회원 My Page in LNB */
.normal-member-wrap .inwrap .my-info-wrap {width:20rem; height:22rem; padding:4.5rem 0 0; margin-bottom:3rem; background-color:#2b425f; border-radius:1.2rem; box-shadow:0 .1rem 1rem 0 rgba(0, 0, 0, 0.05); text-align:center;}
.lnb-wrap .my-info-wrap p {color:#fff;}
.lnb-wrap .my-info-wrap .com {position:relative; font-weight:600; font-size:1.8rem;}
.lnb-wrap .my-info-wrap .com::before {content:''; display:block; width:1.9rem; height:2rem; position:absolute; top:0; left:-3.3rem; background:url(/images/my/icon_com-2bb371072d4c86a90d0477d131751089.png) 0 0 no-repeat;}
.normal-member-wrap .my-info-wrap .com::before {display: none;}
.lnb-wrap .my-info-wrap .user {margin-top: 1.5rem; font-size:1.6rem; color:#95a1af;}
.lnb-wrap .my-info-wrap .user-email {margin-top:.5rem; color:#95a1af; font-size:1.2rem;}
.lnb-wrap .my-info-wrap .btns {margin-top:3.5rem;}
.lnb-wrap .my-info-wrap .btn-stroke {width:9rem; background-color:transparent; border-color:#fff; color:#fff; font-size:1.4rem;}
.normal-member-wrap .my-info-wrap p {color: #fff; padding-left: 0; font-size: 1.8rem;}
.normal-member-wrap .my-info-wrap p.user-email {color: #95a1af; font-size: 1.2rem; margin-top: 0.5rem;}
.normal-member-wrap .my-info-wrap .btns {padding-left: 0;}
.normal-member-wrap .my-info-wrap .btns button {color: #fff;}


/* LNB */
.lnb-wrap > ul {width:20rem;}
.lnb-wrap > ul > li {min-height:5rem;}
/* .lnb-wrap li + li {border-top:1px solid #dedede;} */
.lnb-wrap > ul > li > a {display:block; position:relative; line-height:4.9rem; padding:0 2rem 0 3.9rem; color:#666; border:1px solid #dedede; border-bottom:0;}
.lnb-wrap > ul > li > a:hover,
.lnb-wrap > ul > li > a.active {color:#fff; background-color:#1d5fd0; border-color:#1d5fd0}
.lnb-wrap > ul > li:last-child > a {border-bottom:1px solid #dedede}
.lnb-wrap > ul > li:last-child > a:hover,
.lnb-wrap > ul > li:last-child > a.active {border-color:#1d5fd0}
.lnb-wrap > ul > li > a::before {content:''; display:block; width:2rem; height:2rem; position:absolute; left:1rem; top:50%; transform:translateY(-50%); background-position:50% 50%; background-repeat:no-repeat; background-size: contain;}
.lnb-wrap > ul > li > a::after {content:''; display:block; width:.6rem; height:.6rem; position:absolute; right:1.5rem; top:50%; transform:translateY(-50%) rotate(-45deg); border-style:solid; border-color:#707070; border-width:0 1px 1px 0; transition: 0.3s;}
.lnb-wrap > ul > li.has-depth > a::after {transform: translateY(-50%) rotate(-45deg)}
.lnb-wrap > ul > li.has-depth > a.on::after {transform: translateY(-50%) rotate(45deg)}
.lnb-wrap > ul > li > a:hover::after, .lnb-wrap li a.active::after {border-color:#fff;}
.lnb-wrap > ul > li > a.mylink-home::before {background-image:url(/images/my/icon_myhome-d2ecce7680b63ff9ee8518668b7b0efe.png);}
.lnb-wrap > ul > li > a.mylink-order::before {background-image:url(/images/my/icon_note-d038de38aa5a7efc467b7c8b317c7c41.png);}
.lnb-wrap > ul > li > a.mylink-paylist::before {background-image:url(/images/my/icon_paylist-e67c9e6628bc41c5c071b6f99c3a685f.png);}
.lnb-wrap > ul > li > a.mylink-alarm::before {background-image:url(/images/my/icon_bell-600f2b969c3eb6b55c10bc02d8d6dc68.png);}
.lnb-wrap > ul > li > a.mylink-mileage::before {background-image:url(/images/my/icon_mileage-724bb58ce1b26f401c3f82dbb3de6b32.png);}
.lnb-wrap > ul > li > a.mylink-coupon::before {background-image:url(/images/my/icon_coupon-867fccf6f0a8cfb0e033627c64882766.png);}
.lnb-wrap > ul > li > a.mylink-ewallet::before {background-image:url(/images/my/icon_card-3d0fb08fedd2f883ab0e42c63e5a5bb6.png);}
.lnb-wrap > ul > li > a.mylink-address::before {background-image:url(/images/my/icon_pin-a35f69769ad462c8b4bfaf623e2a75a7.png);}
.lnb-wrap > ul > li > a.mylink-cs::before {background-image:url(/images/my/icon_baloon-6885c9a4160686ed11c8b4ac1b7abc04.png);}
.lnb-wrap > ul > li > a.mylink-doc::before {background-image:url(/images/my/icon_doc-c9b838f9f8122216a32226dd141b62b7.png);}
.lnb-wrap > ul > li > a.mylink-quest::before {background-image:url(/images/my/icon_quest-f91f149cbc3be567533ff31f0942095b.png);}
.lnb-wrap > ul > li > a.mylink-company::before {background-image:url(/images/my/icon_company-8a47b79f2306a6d865358b13dadf757a.png);}
.lnb-wrap > ul > li > a.mylink-member::before {background-image:url(/images/my/icon_member-9695057030130d3044f1bd6d2863d886.png);}
.lnb-wrap > ul > li > a.mylink-cart::before {background-image:url(/images/my/icon_cart-f13fc9e121cff5f9505e248bc608b092.png);}
.lnb-wrap > ul > li > a.mylink-limit::before {background-image:url(/images/my/icon_limit_order-bdf830ccabe6e7d345dd20bdb9e7ee83.png);}
.lnb-wrap > ul > li > a.mylink-avg::before {background-image:url(/images/my/icon_avg-944672e90607372cc5654238b161cfc9.png);}
.lnb-wrap > ul > li > a.mylink-deli::before {background-image:url(/images/my/icon_deli-fb61f68f796ae7b0b6fcd26ab562ac14.png);}

.lnb-wrap > ul > li > a.mylink-home:hover::before,
.lnb-wrap > ul > li > a.mylink-home.active::before {background-image:url(/images/my/icon_myhome_on-9f754b023778f0415a92e6a927e5fe3b.png);}
.lnb-wrap > ul > li > a.mylink-order:hover::before,
.lnb-wrap > ul > li > a.mylink-order.active::before {background-image:url(/images/my/icon_note_on-20794aec594f369bd2ac2646ec6dbc29.png);}
.lnb-wrap > ul > li > a.mylink-paylist:hover::before,
.lnb-wrap > ul > li > a.mylink-paylist.active::before {background-image:url(/images/my/icon_paylist_on-eb6bc66c99c3447d525cc0a509b5d0a2.png);}
.lnb-wrap > ul > li > a.mylink-alarm:hover::before,
.lnb-wrap > ul > li > a.mylink-alarm.active::before {background-image:url(/images/my/icon_bell_on-7a18674af2131a868c06e572de27ac3c.png);}
.lnb-wrap > ul > li > a.mylink-mileage:hover::before,
.lnb-wrap > ul > li > a.mylink-mileage.active::before {background-image:url(/images/my/icon_mileage_on-75a27e6b40ec98c6f36248a7e640b43d.png);}
.lnb-wrap > ul > li > a.mylink-coupon:hover::before,
.lnb-wrap > ul > li > a.mylink-coupon.active::before {background-image:url(/images/my/icon_coupon_on-68dd826891e2a0b076e2ac2c0180a721.png);}
.lnb-wrap > ul > li > a.mylink-ewallet:hover::before,
.lnb-wrap > ul > li > a.mylink-ewallet.active::before {background-image:url(/images/my/icon_card_on-6ccea4e9149a9d7062bafa887ecb85e7.png);}
.lnb-wrap > ul > li > a.mylink-address:hover::before,
.lnb-wrap > ul > li > a.mylink-address.active::before {background-image:url(/images/my/icon_pin_on-84e0c2b751fe1806aeff050792edc615.png);}
.lnb-wrap > ul > li > a.mylink-cs:hover::before,
.lnb-wrap > ul > li > a.mylink-cs.active::before {background-image:url(/images/my/icon_baloon_on-a8903804c7bbcc3a693ceb24f1c46e7d.png);}
.lnb-wrap > ul > li > a.mylink-doc:hover::before,
.lnb-wrap > ul > li > a.mylink-doc.active::before {background-image:url(/images/my/icon_doc_on-a2e0bc1f51390ac8462b085a0efb3e38.png);}
.lnb-wrap > ul > li > a.mylink-quest:hover::before,
.lnb-wrap > ul > li > a.mylink-quest.active::before {background-image:url(/images/my/icon_quest_on-266fbb5def8ad56645c12633e28b75bb.png);}
.lnb-wrap > ul > li > a.mylink-company:hover::before,
.lnb-wrap > ul > li > a.mylink-company.active::before {background-image:url(/images/my/icon_company_on-ef840287c8196d90228050ae00abee52.png);}
.lnb-wrap > ul > li > a.mylink-member:hover::before,
.lnb-wrap > ul > li > a.mylink-member.active::before {background-image:url(/images/my/icon_member_on-dec099f16e987094d81f9e08507e8955.png);}
.lnb-wrap > ul > li > a.mylink-cart:hover::before,
.lnb-wrap > ul > li > a.mylink-cart.active::before {background-image:url(/images/my/icon_cart_on-722b4c7faf43783b0184cf93126ff786.png);}
.lnb-wrap > ul > li > a.mylink-limit:hover::before,
.lnb-wrap > ul > li > a.mylink-limit.active::before {background-image:url(/images/my/icon_limit_order_on-184306fbcfa433feb530d26de9b7e5f5.png);}
.lnb-wrap > ul > li > a.mylink-avg:hover::before,
.lnb-wrap > ul > li > a.mylink-avg.active::before {background-image:url(/images/my/icon_avg_on-b5bd61204f23910925798d3c03ea177c.png);}
.lnb-wrap > ul > li > a.mylink-deli.active::before {background-image:url(/images/my/icon_deli_on-002bd18c7deaa9f452695d84f584ebb8.png);}

/* 23.06.19 lnb > depth2 스타일 추가 */
.lnb-wrap > ul > li.has-depth .lnb-depth2 {padding: 1rem 0; border: 1px solid #DEDEDE; border-bottom: 0;}
.lnb-wrap > ul > li.has-depth .lnb-depth2 > li {position: relative;}
.lnb-wrap > ul > li.has-depth .lnb-depth2 > li::before {content:''; display:block; width: 0.3rem; height: 0.3rem; position:absolute; left: 3.1rem; top:50%; transform:translateY(-50%); background-color: #CDCDCD; transition: 0.3s;}
.lnb-wrap > ul > li.has-depth .lnb-depth2 > li:hover::before,
.lnb-wrap > ul > li.has-depth .lnb-depth2 > li.active::before {background-color: #000;}
.lnb-wrap > ul > li.has-depth .lnb-depth2 > li > a {display: block; padding: 0.8rem 0 0.8rem 4rem; font-size: 1.2rem; color: #7B7B7B; /*font-weight: 400;*/ transition: 0.3s;}
.lnb-wrap > ul > li.has-depth .lnb-depth2 > li:hover > a,
.lnb-wrap > ul > li.has-depth .lnb-depth2 > li.active > a {color: #000000;}



/* 주문배송 내역 조회 */
.order-condition-wrap {display:flex; justify-content: space-between; width:100%;}
.content-limit-price .order-condition-wrap {padding: 0 0 2rem;}

.order-condition-wrap .order-condition-set {position: relative; width: 46.5rem;}
.order-condition-wrap .order-condition-set .sel-tit {position: absolute; top: 1.8rem; left: 2rem; color: #999AA9; font-size: 1.2rem;font-weight: 400; z-index: 1;}
.order-condition-wrap .order-num {width: 46.5rem;}
.order-condition-wrap .order-period-btns,
.order-condition-wrap .btn-search {width:9rem;}
.order-condition-set > div {width:100%; height: 4.8rem; float:left; margin-right:1.5rem}
.order-condition-wrap .order-num input {width: 100%; height: 5rem; font-size: 1.2rem; padding: 0 2rem; border-color: #DEDEDE;}
.order-condition-set > div input[type=text] {width:100%; height:100%; text-align:center; border:1px solid #dedede; padding:0 2rem; font-size:1.4rem; color:#000;}
.order-condition-set > div input:read-only { color:#000;  background-color:#E9F0FD; border: none;}
.order-condition-set > div:last-child {margin-right:0}
.order-condition-set .dropdown {min-height:4.8rem;}
.order-condition-set .dropdown > span {padding:1.6rem 2rem; border-color:#dedede;}
.order-condition-set .select2-container .select2-selection--single {height:5rem; border-color:#dedede;}
.order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {line-height:5rem;  padding-left:18rem; padding-right:5rem;}
.order-condition-set .select2-container--default .select2-selection--single .select2-selection__arrow {width:4.3rem; height:5rem;}
.order-condition-set .select2-container--default .select2-selection--single .select2-selection__arrow b {top:2rem; left: 3rem; width:0.6rem; height:0.6rem;}
.order-condition-set .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {top:2.4rem;}
#select2-condition-results .select2-results__option,
#select2-orderCondition-results .select2-results__option {padding:1rem 2rem;}
.order-condition-wrap .order-condition-set #jrange .orderPeriod {left:0 !important;}

.condition-check {padding: 3rem 0;}
.condition-check .tit {color: #999AA9; font-size: 1.2rem; margin-right: 3rem;}
.condition-check .check-box label {margin-right: 1rem; color: #666;}

.condition-check .form-chk [type="checkbox"]:not(:checked) + label:before, .form-chk [type="checkbox"]:checked + label:before {background: #DEDEDE; border: none;}

.order-period-wrap .period-box {width: 46.5rem;}
.order-period-wrap .datepicker-wrap {position: relative; width: 21.9rem;}
.order-period-wrap .datepicker-wrap .date-tit {position: absolute; top: 1.8rem; left: 2rem; color: #999AA9; font-size: 1.2rem;}
.order-period-wrap .datepicker-wrap .datepicker {width: 21.9rem; height: 5rem; padding: 0 1.5rem; border-color: #DEDEDE;}
.order-period-wrap .datepicker-wrap span {margin: 0 1rem;}
.order-period-wrap .datepicker-wrap img {position: absolute; top: 1.2rem; right: 1.5rem;}
.order-period-wrap .input-button-wrap {width: 36.5rem;}
.order-period-wrap .input-button-wrap .radio-btn {width: 9.2rem; height: 5rem; line-height: 4.8rem; margin-left: 0; border-right: 0; border-radius: 0;}
.order-period-wrap .input-button-wrap .radio-btn:first-child {border-radius: 0.3rem 0 0 0.3rem;}
.order-period-wrap .input-button-wrap .radio-btn:last-child {border-right: 1px solid #dedede; border-radius: 0 0.3rem 0.3rem 0;}
.order-period-wrap .input-button-wrap .radio-btn.active {border: 1px solid #1d5fd0; background: transparent;}
.order-period-wrap .input-button-wrap .radio-btn.active span {color: #1d5fd0;}
.order-period-wrap .order-period-btns button {height: 5rem; font-size: 1.6rem;}

.order-period-wrap .order-condition-wrap {width:36.5rem !important; padding: 0; margin-right: 1rem;}
.order-period-wrap .order-condition-wrap .order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 15.5rem;}

.order-state-wrap {margin-top:2rem; display:flex; border:1px solid #cdcdcd;}
.order-state-wrap > div {width:20%; padding:1.4rem 2rem 1.3rem;}
.order-state-wrap > div + div {border-left:1px solid #cdcdcd;}

.order-state-wrap .form-chk {position:relative;}
.order-state-wrap .form-chk [type="checkbox"]:not(:checked) + label:before,
.order-state-wrap .form-chk [type="checkbox"]:checked + label:before {border:1px solid #838383;}
.order-state-wrap .form-chk [type="checkbox"]:not(:checked) + label,
.order-state-wrap .form-chk [type="checkbox"]:checked + label {width:100%; display:inline-block; text-align:right;}

.order-history-result {padding: 3rem 2rem 0; display:flex; align-items: flex-start; justify-content: space-between;}
.order-history-result .figure {width:11.7rem; height:11.7rem;}
.order-history-result .figure-wrap {min-width: 75rem; justify-content: flex-start;border-bottom: 1px solid #efefef;}
.order-history-result .figure img {width:11.7rem; height:11.7rem; display:block;}
.order-history-result .figure.figure1 img {height:12rem;}
.order-history-result .figure-con {width:48rem;}

/* 24.03.15 >>> */
.content-limit-price .order-history-result .figure-con,  /* 지정가 주문 목록(orderLimitList.jsp) */
.content.delivery-list .order-history-result .figure-con {width: 50rem;}  /* 주문 배송 내역(orderDtls.jsp) > '요청일'로 되어있으나 레이아웃 동일해 수정 */
.content-limit-price .order-history-result .mt-price,
.content.delivery-list .order-history-result .mt-price {width: 17rem;}
/* <<< // 24.03.15 */

.order-history-result .pd-brand-info {display:flex; width:100%; justify-content:space-between}
.order-history-result .pd-brand-info .pd-brand {display:flex; font-size:1.8rem; font-weight:500;}
.order-history-result .pd-brand-info .pd-brand .brand-nation {margin-right:1rem}
.order-history-result .pd-brand-info .pd-brand .brand-nation img {outline: 1px solid #dedede;}
.order-history-result .pd-brand-info .pd-brand .pd-label {width:3rem; height:2rem; margin-right:1rem; font-size:1.2rem; font-weight:500; text-align:center; line-height:1.8; background-color:#999AA9; color:#fff}
.order-history-result .pd-name {margin-top: 1rem; margin-bottom: 0;}
.order-history-result .pd-name > span {display:inline-block; max-width: 30rem; min-width: 16rem; padding:0.7rem 0.5rem; font-size:1.2rem; font-weight:500; text-align:center; background-color:#E9F0FD; border-radius:0.3rem; color:#1D5FD0}
.order-history-result .mt-price {width:19rem; text-align:center; color:#fb1a31; font-weight:500;}
.order-history-result .mt-price .pd-mount {color:#000; margin-bottom:5px; font-weight:500;}
.order-history-result .btns {width:8rem; padding: 0.5rem 0;}
.order-history-result .btns button {width:8rem; display:block;}
.order-history-result .btns button + button {margin-top:.5rem;}
.order-history-result .pd-name {font-size:1.6rem;}
.order-history-result .pd-order {margin-top:1rem;font-size: 1.2rem;}
.order-history-result .pd-order span {color:#999aa9;}
.order-history-result .pd-order .bar {margin-right:.4rem; margin-left:.4rem; color:#dedede;}
.order-history-result .pd-unit-price {margin-top:1rem;}
.order-history-result .pd-unit-price .label-gray {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color:#999;}
.order-history-result .pd-unit-price .label-orange {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color:#E30505;}
.order-history-result .pd-unit-price .label-navy {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color:#17315e;}
.order-history-result .pd-unit-price .label-limit {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color:#3C4959;}
.order-history-result .pd-unit-price .label-avg {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color: #1D5FD0;}
.order-history-result .pd-unit-price .label-tpr {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color: #009090;}
.order-history-result .pd-unit-price .label-etc {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center;} 
.order-history-result .pd-unit-price .label-gray + .u-price,
.order-history-result .pd-unit-price .label-orange + .u-price,
.order-history-result .pd-unit-price .label-navy + .u-price,
.order-history-result .pd-unit-price .label-limit + .u-price, 
.order-history-result .pd-unit-price .label-avg + .u-price, 
.order-history-result .pd-unit-price .label-tpr + .u-price {margin-left:0.5rem;font-size: 1.2rem;}
.order-history-result .pd-departure {display: flex; align-items: center;padding:1.2rem 0; line-height:1.4; color:#999aa9; font-size: 1.2rem;}
.order-history-result .pd-departure button {padding: 0; margin-left: 0.5rem;}
.order-history-result .pd-departure dl {display:table; width:100%;}
.order-history-result .pd-departure dl dt,
.order-history-result .pd-departure dl dd {display:table-cell; color:#999aa9; line-height:1.4;}
.order-history-result .pd-departure dl dt {width:9.5rem;}
.order-history-result .pd-departure > span {font-weight:500; color:#000}
.order-history-result .pd-departure > span.sorin {display:inline-block; font-weight:500; color:#1d5fd0; /* padding-left:1.9rem; background:url(/images/my/icon_departure_sorin-cdf56721f3fa874dc40bd7d3379d5473.png) 0 0.2rem no-repeat; */}
.order-history-result .pd-departure > span.self {display:inline-block; font-weight:500; color:#000; /*padding-left:1.9rem; background:url(/images/my/icon_departure_self-78b56cd61dfd43cf132d56e5e2283ad9.png) 0 0.2rem no-repeat; */}
.order.pay-wrap .pay-condition.type2 > span {width: 5rem;}
.order.pay-wrap .pay-condition .item {width: auto; margin-right: 1rem;}
.order.pay-wrap .info {margin-right: 1rem;}
.order.pay-wrap .info::after {content:''; display: inline-block; width: 0.1rem; height: 1.2rem; background: #DEDEDE;}
.order.pay-wrap .info:last-child::after {display: none;}
.pay-list-tbl .order-num {position: relative; color: #666;}
.pay-list-tbl .order-num .up-down-btn.down {position: absolute; top: 0.4rem; right: 1rem; width: 0; height: 0; border-bottom: 0.6rem solid transparent; border-top: 0.6rem solid #666666; border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent;}
.pay-list-tbl .order-num .up-down-btn.up {position: absolute; top: -0.2rem; right: 1rem; width: 0; height: 0; border-bottom: 0.6rem solid #666666; border-top: 0.6rem solid transparent; border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent;}

.od-list .order-history-result .btns button,
.od-list .btns button.btn-blue-md {min-width: 8rem;}


/* 주문배송 내역 조회 결과 */
.order-history-result.detail .figure-wrap {border-bottom: none;}
.order-history-result.detail .figure-con {width: 57rem; border-bottom: 1px solid #efefef;}
.order-history-result.detail .pd-detail-pay {font-size: 1.2rem; color: #999AA9; padding: 1rem 0;}
.icon-info-txt.order-result-detail {font-size: 1.2rem; margin: 1rem 2rem 2rem 16rem;}
.pay-condition .item.pay-detail {width: auto;}
.tbl-v.pay-detail .tbl.t4 th {text-align: center; padding: 0;}
.tbl-v.pay-detail .info-box {margin: 1rem 0;}
.product-info-tit {padding: 2rem 0;}
.car-regist span {display: flex; align-items: center; justify-content: center;}
.down-pay tbody tr td {padding: 0 3rem;}
.down-pay-detail {border-top: 1px #dedede solid; margin-bottom: 2rem;}
.down-pay-detail tbody tr th, .down-pay-detail tbody tr td {font-size: 1.2rem; height: 4rem;}

/*입금확인서 모달*/
#sorinModalDpositConfirm .tbl-v tbody tr td {padding: 0 3rem;}
.sign-box {position: relative;}
.sign-box .stamp {position: absolute; bottom: 0; color: #FD3535; border: 1px solid #FD3535; border-radius: 100%; width: 5rem; height: 5rem;}
.sign-box dl {width: 27rem;}
.sign-box dl dd {line-height: 2.5rem;}


/* 결제완료 버튼 및 알림 내용 추가 */
.order-history-result .btns .btn-payment-finish,
.order-history-result .btns .btn-cancel {position:relative; overflow:visible; background:#cdcdcd; color:#fff}
.order-history-result .btns .btn-payment-finish .f-tooltip {display:none; position:absolute; top:3.8rem; left:-4.5rem; right:-4.5rem; z-index: 1; padding:0.75rem 0.6rem; font-size:1.1rem; border:1px solid #dedede; background-color:#fff; box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.07); transition:all 1s ease-in-out; border-radius:0.3rem; color:#000}
.od-list .order-history-result .btns .btn-payment-finish .f-tooltip {min-width: 180px;}
.order-history-result .btns .btn-payment-finish:hover .f-tooltip {display:inline-block;}
.order-history-result .btns .btn-payment-finish:hover .f-tooltip:after {content: ''; position: absolute; top: -1.2rem; left: 47%; z-index: 1; display: block; width: 1.3rem; height: 1.2rem; background:url(/images/my/f_tooltip_arrow-93a50da9520db134ad33eca56f19d59a.png) 0 0 no-repeat; }

.order-history-result .btns .btn-tooltip-hover {overflow: visible;}
.order-history-result .btns .btn-tooltip-hover .f-tooltip {display:none; position:absolute; top:3.8rem; left:-4.5rem; right:-4.5rem; z-index: 1; min-width: 180px; padding:0.75rem 0.6rem; font-size:1.1rem; border:1px solid #dedede; background-color:#fff; box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.1); transition:all 1s ease-in-out; border-radius:0.3rem; color:#000}
.order-history-result .btns .btn-tooltip-hover .f-tooltip:after {content: ''; position: absolute; top: -1.2rem; left: 47%; z-index: 1; display: block; width: 1.3rem; height: 1.2rem; background:url(/images/my/f_tooltip_arrow-93a50da9520db134ad33eca56f19d59a.png) 0 0 no-repeat; }
.order-history-result .btns .btn-tooltip-hover:hover .f-tooltip {display:inline-block;}


/* .order-history-result .pd-mount {} */
.order-history-result .pd-price {line-height:1.3; margin-top:1rem; color:#fb1a31;}
.my .list.t2 + .btn-wrap {margin-top:4rem;}

/* 업무지원 - 매입세금계산서 조회 결과 */
.tax-bill-result {height:18.9rem; display:flex; justify-content:space-between; align-items:center; padding:2rem;}/* padding:3.6rem 2rem 3.7rem; */
.tax-bill-result .figure-con {width:70%; }
.tax-bill-result .btns {width:30%; text-align:right;}
.tax-bill-result .btns button {width:10rem;}
.tax-bill-result .btns button + button {margin-left:.1rem;}
.tax-bill-result .pd-name {font-size:1.6rem;}
.tax-bill-result .pd-order {margin-top:1rem;}
.tax-bill-result .pd-order span {color:#999aa9;}
.tax-bill-result .pd-order .bar {margin-right:.5rem; margin-left:.5rem; color:#dedede;}
.tax-bill-result .pd-departure {margin-top:1.7rem; padding-top:1.2rem; color:#999aa9; border-top:1px solid #efefef;}

/* 업무지원 - 정산 관리 조회 결과 */
.balance-manage-result {display:flex; justify-content:space-between; align-items:center; padding:3.8rem 2rem;}
.balance-manage-result .figure-con {width:calc(100% - 29rem);}
.balance-manage-result .mt-price {width:19rem; text-align:center;}
.balance-manage-result .btns {width:10rem; text-align:right;}
.balance-manage-result .btns button {width:10rem;}
.balance-manage-result .btns button + button {margin-left:.1rem;}
.balance-manage-result .pd-name {font-size:1.6rem;}
.balance-manage-result .pd-order {margin-top:1rem;}
.balance-manage-result .pd-order span {color:#999aa9;}
.balance-manage-result .pd-order .bar {margin-right:.5rem; margin-left:.5rem; color:#dedede;}
.balance-manage-result .pd-departure {margin-top:1.7rem; padding-top:1.2rem; color:#999aa9; border-top:1px solid #efefef;}
.balance-manage-result .pd-price {margin-top:1rem; color:#fb1a31;}
.balance-manage-result .pd-price.plus {color:#fb1a31;}
.balance-manage-result .pd-price.minus {color:#1d5fd0;}

/* 배송지 관리 조회 결과 */
.manage-destination {display:flex; justify-content:space-between; align-items:center; padding:3.5rem 2rem;}
.manage-destination .destination-info {width:calc(100% - 15.5rem); display:flex; }
.destination-info > div:first-of-type {width:12.5rem; padding-right:1rem;}
.destination-info > div:nth-of-type(2) {width:44rem;}
.destination-info > div + div {line-height:1.6;}
.destination-info .label-cate {width:auto; display:inline-block; padding:.4rem 1rem; margin-top:.5rem; font-size:1.2rem; color:#fff; text-align:center; background-color:#999;}
.destination-info .location {display:block; max-width:11rem; margin-top:1rem; line-height:1.5; color:#000; font-size:1.6rem; word-break:break-word;}
.destination-info dl {display:table;}
.destination-info .road-base dt,
.destination-info .parcel-base dt,
.destination-info .delivery-charger dt {color:#999aa9;}
.destination-info dl dt, .destination-info dl dd {display:table-cell; font-size:1.2rem; color:#999aa9;}
.destination-info dl dt {width:9rem; color:#666 !important;}
.manage-destination .btns {width:48rem; text-align:right;}
.manage-destination .btns button {width:auto; min-width:10rem; display:inline-block;}
.manage-destination .btns button + button {margin-left:.4rem;}
.set-default-address .label-cate {background-color:#1d5fd0;}
.set-default-address .destination-info .location {position:relative; padding-left:1.75rem; color:#1d5fd0;}
.set-default-address .destination-info .location::before {content:''; display:block; width:.7rem; height:1rem; position:absolute; top:0.4rem; left:0; border:.2rem solid #1d5fd0; border-width:0 2px 2px 0; transform:rotate(45deg);}

.tbl-v tbody th {background-color:#fafafa;}
.btn-orderlist, .btn-orderquest {min-width:10.3rem;}
.price-red-bold {font-weight:500; color:#fb1a31;}
.btn-request, .btn-view {min-width:auto; padding-right:1rem; padding-left:1rem;}/* 세금계산서 발행요청, 보기 */

/*주문 상세 내역 : 주문/결제정보 */
.order-history-result.pay-info {justify-content:flex-start;}
.order-history-result.pay-info .figure-con {width:54rem;padding-left: 1rem;}
.order-history-result.pay-info .mt-price {width:14rem; margin-left:9rem;}

/* 장바구니 :바틈시트 */
.my .payments {display:flex; justify-content:center; align-items:stretch; margin-top:3rem;}
.my .payments > div {width:calc(33.3333% - .7rem); padding:1.6rem; border:1px solid #dedede; border-radius:.9rem;}
.my .payments > div + div {margin-left:1rem;}
.my .payments > div > label,
.my .payments > div > div {text-align:center;}
.my .payments .e-pay {background-color:#efefef;}
.my .payments .e-pay .btn-add-pay {width:100%; height:100%; background:transparent; color:#666;}
.icon-plus-circle {width:2.4rem; height:2.4rem; display:inline-block; border:2px solid #707070; border-radius:50%; text-align:center; color:#707070; font-size:2.8rem; line-height:1.8rem;}
.my .payments .e-pay .btn-add-pay .icon-plus-circle {display:block; margin:auto auto 1.1rem;}
.my .payments label .e-wallet-1,
.my .payments label .e-wallet-account,
.my .payments label .e-wallet-price,
.my .payments label .e-logo,
.my .payments label .e-price {display:block;}
.my .payments .e-wallet-1 {font-size:1.2rem; color:#fe9813; margin-top:-2.5rem; margin-bottom:.5rem;}
.my .payments .e-wallet-account {font-size:1.2rem; color:#666; margin-bottom:.9rem;}
.my .payments .e-wallet-price {font-weight:500; font-size:1.6rem; color:#000;}
.my .payments .e-wallet-price .unit {margin-left:.4rem;}
.my .payments .btns {margin-top:.6rem;}
.my .payments .btns .btn-stroke-sm .material-icons {font-size:1.4rem;}
.my .payments .btns .btn-reload {width:auto; background:none;}
.my .payments .e-logo {height:1.95rem; overflow:hidden; margin-bottom:.9rem;}
.my .payments .e-logo img {height:100%;}
.my .payments .e-price .price {font-weight:500; font-size:1.6rem; color:#fb1a31;}
.my .payments .e-price .unit {font-weight:500; font-size:1.6rem; color:#000;}
.my .pay-notice {position:relative; margin:1.6rem 0 2rem; text-align:center; color:#fb1a31; font-size:1.2rem;}
.my .pay-notice::before {content:'i'; display:inline-block; width:2rem; height:2rem; margin-right:.3rem; line-height:1.6rem; color:#fb1a31;border:2px solid #fb1a31; border-radius:50%; text-align:center; font-weight:600;}
.my .agree-box {width:80%; padding:.85rem 1.5rem; position:relative; margin:2rem auto 0; border-radius:.3rem; border:1px solid #dedede; background-color:#efefef; display:flex; justify-content:space-between; align-items:center;}
.my .agree-box .form-chk [type="checkbox"]:not(:checked) + label,
.my .agree-box .form-chk [type="checkbox"]:checked + label {color:#666; font-size:1.2rem;}
.my .agree-box .form-chk [type="checkbox"]:not(:checked) + label:before,
.my .agree-box .form-chk [type="checkbox"]:checked + label:before {border:2px solid #666; top:0;}
.my .agree-text {margin:3.7rem 0 -1rem; text-align:center;}
.my .agree-box .btn-detail-contract {color:#999aa9; font-size:1.2rem; background-color:transparent;}
.my .btn-wrap {margin-top:4rem;}

/* 재주문 팝업 */
#sorinModalReorder .modal-content h1.h2-pd {margin-bottom:3rem;}

/* 마이페이지 > 결제 내역 목록 */
.box-blue.summary-wrap {flex-flow: inherit; padding: 1.9rem 2rem;}
.box-blue.summary-wrap dl {display: flex; justify-content: space-between; width: 100%;}
.box-blue.summary-wrap dl .tit {color: #999AA9; font-size: 1.2rem;}
.box-blue.summary-wrap dl .txt {font-size: 1.2rem;}
.box-blue.summary-wrap dl .txt::after {content: ''; display: inline-block; width: 0.1rem; height: 1rem; background: #D9D9D9; margin-left: 2rem;}
.box-blue.summary-wrap dl .txt:last-child::after {display: none;}
.pay-lookup-select .select-wrap {position: relative; width: 22.7rem;}
.pay-lookup-select .select-wrap.big {width: 46.5rem;}
.pay-lookup-select .select-wrap.type2 {width: 20rem;}
.pay-lookup-select .select-wrap .sel-tit,
.search-wrap .sel-tit {position: absolute; top: 1.8rem; left: 2rem; color: #999AA9; font-size: 1.2rem; z-index: 1;}
.search-wrap .date-wrap {position: relative;}
.pay-lookup-select input {width: 46.5rem; height: 5rem; padding: 0 2rem;}
.pay-lookup-select input.type2 {width: 26.5rem;}
.pay-lookup-select .select2-container .select2-selection--single {height: 5rem;}
.pay-lookup-select .select2-container--default .select2-selection--single .select2-selection__arrow {height: 5rem;}
.pay-lookup-select .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.6rem; height: 0.6rem; top: 2rem;}
.guarantee-num-box .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.6rem; height: 0.6rem; top: 1.2rem; left: 1.5rem;}
.pay-lookup-select .select2-container .select2-selection--single .select2-selection__rendered {line-height: 5rem; padding: 0 0 0 10rem;}
.select-wrap.big .select2-container .select2-selection--single .select2-selection__rendered {padding: 0 0 0 22rem;}
.guarantee-num-box .select2-container .select2-selection--single {height: 3rem;}
.guarantee-num-box .select2-container .select2-selection--single .select2-selection__rendered {line-height: 3rem; padding: 0 2rem 0 0.8rem; font-size: 1.2rem;}
.guarantee-num-box .select2-container--default .select2-selection--single .select2-selection__arrow {height: 3rem; top: 0;}
.guarantee-num-box .select2-results__option {font-size: 1.2rem;}
.guarantee-lookup .box-blue.summary-wrap {padding: 1rem 2rem;}
.guarantee-lookup .box-blue.summary-wrap dl {align-items: center;}
.guarantee-lookup .box-blue.summary-wrap .dropdown-btn {position: relative; width: 2rem; height: 2rem; background: #fff; border: 0.1rem solid #DEDEDE; border-radius: 0.3rem; padding: 0; margin-left: 3rem;}
.guarantee-lookup .box-blue.summary-wrap .dropdown-btn::after {content: ''; position: absolute; left: 0.6rem; top: 0.5rem; width: 0.6rem; height: 0.6rem; border-top: 0.1rem solid #666; border-right: 0.1rem solid #666; transform: rotate(135deg);}
.guarantee-lookup .box-blue.summary-wrap .dropdown-btn.open::after {top: 0.7rem; transform: rotate(315deg);}
.guarantee-lookup .dropdown-contents {display: none; background: #E9F0FD; padding: 0 2rem;}
.guarantee-lookup .dropdown-contents.open {display: flex;}
.guarantee-lookup .dropdown-contents .left-area,
.guarantee-lookup .dropdown-contents .right-area {width: 50%; border-top: 0.1rem solid #D4DDED; padding: 1rem 0;}
.guarantee-lookup .dropdown-contents .left-area dl,
.guarantee-lookup .dropdown-contents .right-area dl {display: flex; justify-content: space-between; padding: 0.5rem 0; font-size: 1.2rem;}
.guarantee-lookup .dropdown-contents .left-area dl {padding-right: 2rem;}
.guarantee-lookup .dropdown-contents .right-area dl {padding-left: 2rem;}
.guarantee-lookup .dropdown-contents .left-area dl.tooltip-wrap {position: relative;}
.guarantee-lookup .dropdown-contents .left-area .tit,
.guarantee-lookup .dropdown-contents .right-area .tit {display: flex; color: #999AA9;}
.guarantee-lookup .dropdown-contents .left-area .tit .tooltip-info {display: flex; align-items: center; justify-content: center; width: 1.3rem; height: 1.3rem; background: #FF6600; color: #fff; border-radius: 100%; font-style: normal; margin-left: 0.3rem; cursor: pointer;}
.guarantee-lookup .dropdown-contents .left-area dl.tooltip-wrap .tooltip-con {display: none; position: absolute; bottom: -4rem; left: 0; background: #fff; padding: 1rem 2rem; border-radius: 0.6rem; border: 0.1rem solid #DEDEDE; z-index: 1;}
.guarantee-lookup .dropdown-contents .left-area dl.tooltip-wrap .tooltip-con.active {display: block;}
.guarantee-lookup .dropdown-contents .left-area dl.tooltip-wrap .tooltip-con::after {content: ''; width: 1rem; height: 1rem; position: absolute; top: -0.6rem; left: 3.7rem; border: 1px solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; transform: rotate(-45deg); background-color: #fff;}

/* 마이페이지  > 마일리지 내역 */
.mileage-board {position: relative;}
.mileage-board .tit {position: absolute; top: 2rem; left: 2rem; display: flex; align-items: center;}
.mileage-board .tit span {font-weight: 500;}
.mileage-board .tit i {display: inline-block; width: 2.6rem; height: 2.6rem; margin-right: 1rem; background: url(/images/my/icon-mileage-b8b0f0211e8091dc7b9e25d396d42cbe.png) 50% 50% no-repeat; background-size: contain;}
.mileage-board .item {position: absolute; bottom: 2rem; right: 3rem; text-align: right;}
.mileage-board .item .now {font-size: 2rem; font-weight: 600;}
.mileage-board .item .now span {color: #999; font-weight: 600; margin-left: 0.5rem;}
.mileage-board .item .soon {display:inline-block; background: #999AA9; color: #fff; padding: 0.5rem 1rem; margin-top: 0.5rem;}
.mileage-board .item .soon span {color: #fff;}

/* 결제수단 관리
.my .inwrap.table .btn-toggle-wrap.full > div {min-width:auto;}
*/
/* 알림내역 radio 위치 조정
#hopePcTab .form-chk [type="radio"]:not(:checked) + label:before,
#hopePcTab .form-chk [type="radio"]:checked + label:before,
#invntryTab .form-chk [type="radio"]:not(:checked) + label:before,
#invntryTab .form-chk [type="radio"]:checked + label:before,
#cmmrcTab .form-chk [type="radio"]:not(:checked) + label:before,
#cmmrcTab .form-chk [type="radio"]:checked + label:before {top:0.3rem}
#hopePcTab .form-chk [type="radio"]:checked + label:after,
#invntryTab .form-chk [type="radio"]:checked + label:after,
#cmmrcTab .form-chk [type="radio"]:checked + label:after {top:0.7rem}
*/

/* 배송지 관리 */
.inquire-data {display:flex; padding:2rem 0; align-items:center;}
.inquire-data:hover {background-color:#fafafa;}
.inquire-data .inquire-data-label {width:13rem; text-align:center;}
.inquire-data .inquire-data-desc {width:calc(100% - 13rem);}
.inquire-data .label-cate {display:inline-block; min-width:9.2rem; padding:.8rem .8rem; position:relative; color:#fff; text-align:center; font-size:1.2rem; background-color:#cdcdcd;}
.inquire-data .label-cate::after {content:''; display:block; width:0; height:0; position:absolute; right:0; bottom:0; border-left:1.2rem solid transparent; border-bottom:1.2rem solid #fff;}
.inquire-data.inquire-done .label-cate {color:#fff; background-color:#1d5fd0;}
.inquire-data-desc .inquire-info * {color:#666;}
.inquire-data-desc .inquire-info .breadscrumb,
.inquire-data-desc .inquire-info .mapping-code,
.inquire-data-desc .inquire-info .user-info,
.inquire-data-desc .inquire-info .user-info * {font-size:1.2rem; color:#999aa9;}
.inquire-data-desc .inquire-info + .inquire-tit {margin-top:1rem; font-size:1.4rem; font-weight:400;}
.inquire-info > span {display:inline-block;}
.inquire-info > span + span {margin-left:1rem;}
.inquire-info .mapping-code::before {content:'|'; margin-right:1rem;}
.inquire-data-desc .inquire-tit {font-weight:500; color:#000;}
.text-mappingcode {font-size:1.2rem; color:#999aa9;}
span + .text-mappingcode {margin-left:1.8rem;}

.my .hgroup.center {margin-bottom:5.6rem;}

/* 회원탈퇴 */
.inwrap.w580px .border-top {margin-top:1.5rem; padding:2.5rem 0; border-top:2px solid #2b425f;}
.withdrawer-info {border-bottom:1px solid #dedede;}
.withdrawer-info .list-disc {text-align:left; padding:0; margin:0; list-style:none;}
.withdrawer-info .list-disc li {line-height:1.43; padding:.4rem 0 .5rem 1.8rem; position:relative;}
.withdrawer-info .list-disc li::before {content:''; display:block; width:.3rem; height:.3rem; background-color:#999; position:absolute; top:1.2rem; left:1rem;}
.withdrawer-thanks {padding:1.9rem 3.2rem 1.8rem !important; line-height:1.4; text-align:center; border:solid 1px #dedede; background-color:#fafafa;}
.withdrawer-reason-input {margin:.5rem 0;}
.withdrawer-reason-input input {height:4.8rem; padding-left:2rem;}
.withdrawer-reason .btn-wrap {margin-top:0; padding-top:6rem; border-top:1px solid #dedede;}

/* 로그인 */
.login-wrap {width:45rem; position:relative; margin:3.2rem auto;}
.login-wrap .tr + .tr {margin-top:2rem;}
.login-wrap input {height: 4.8rem; line-height: 4.8rem; border: 1px solid #cdcdcd; border-radius: .3rem; padding-right: 2rem; padding-left: 2rem;}
.login-wrap.result {text-align:center;}
.login-wrap.result .i-done {width:3.6rem; height:4.3rem; display:inline-block; position:relative; color:#1d5fd0; border:2px solid #1d5fd0; border-radius:.3rem;}
.login-wrap.result .i-done .material-icons {width:100%;}
.login-wrap.result .i-done.id-done {padding-top:.8rem;}
.login-wrap.result .i-done.id-done .material-icons {font-size:3rem;}
.login-wrap.result .i-done.id-done::after {content:''; display:block; width:.8rem; height:.1rem; background-color:#1d5fd0; position:absolute; top:.7rem; left:1.2rem;}
.login-wrap.result .i-done.pwd-done {padding-top:1.6rem;}
.login-wrap.result .i-done.pwd-done .material-icons {font-size:2rem;}
.login-wrap.result .i-done.pwd-done::after {content:'****'; display:block; color:#1d5fd0; position:absolute; top:.5rem; left:0;}
.login-wrap.result .p-done {margin-top:3rem; font-size:1.8rem; color:#000; line-height:1.5;}
.login-wrap.result .reault-done {margin-top:3rem; margin-bottom:3.6rem; font-size:1.8rem; color:#1d5fd0; font-weight:600;}
.login-wrap.result .reault-done strong {font-size:inherit; color:inherit; font-weight:inherit;}
.login-wrap.auto-width {width:100%;}

.login-wrap .limit-width.full {width:100%;}
.login-wrap .limit-width.full input {width:100%;}
.login-wrap .input-complex .input {width:calc(100% - 11.5rem);}
.certify-no {position:relative; display:block;}
.certify-no .countdown {position:absolute; top:50%; right:2rem; transform:translateY(-50%); color:#fb1a31;}
.login-wrap .input-complex .button {width:11.5rem;}
.login-wrap .input-complex .button button {width:100%; border-radius:.3rem; padding:0; font-size:1.4rem;}
.error-area.center .error {display:table; margin:auto;}
.mt56 {margin-top:5.6rem;}

/* 배송 상세 정보 > 배송추적 지도 레이어 토글 */
.map-wrap {display:none;}
.map-tracking {width:94rem; height:45rem; position:relative;}

/* 회사 정보관리 */
.tbl-v tbody td.bank-change {padding: .4rem 2rem .5rem 3rem; height: auto;}
.tbl-v tbody td.bank-change .bank-item {display: inline-block; line-height: 1.5rem;}
.tbl-v tbody td.bank-change button {height: 3rem;}
.form-chk.fill-gray [type="checkbox"]:not(:checked) + label.marginInfo:before, .form-chk.fill-gray [type="checkbox"]:checked + label.marginInfo:before {top: 0.2rem;}
.form-chk.fill-gray [type="checkbox"]:not(:checked) + label.marginInfo:after, .form-chk.fill-gray [type="checkbox"]:checked + label.marginInfo:after {width: 1.6rem; height: 1.6rem; top: 0.2rem; background-size: contain; border-radius: 0.3rem;}

/* 회사 정보관리 : 팝업 */
.com-info-manage .box-txt {font-size: 1.6rem; line-height: 3rem; font-weight: 500; padding: 1rem 0;}
.tbl-v.down-appli-tb {margin-bottom: 21.6rem;}
.tbl-v.down-appli-tb input {height: 4.8rem; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.down-appli-tb input::placeholder {color: #999AA9; text-align: center;}
.down-appli-tb .wide-pd {padding: 4rem 20rem;}
.com-info-manage .sub-tit {line-height: 2rem; color: #666666;}
.com-info-manage .box-red ul li {font-size: 1.2rem; line-height: 2rem; color: #FD3535;}
.com-info-manage .form-chk.guarantee-radio,
.com-info-manage .form-chk.bank-check-box {display: inline-block;}
.com-info-manage .application-txt {margin-top: 12.6rem;}
.com-info-manage .form-chk.bank-check-box label {display: inline-block; width: 19rem;}
.com-info-manage .checkbox-wrap {margin-top: 2rem; margin-bottom: 1rem;}

/* 회사 정보관리 : 팝업 (증거금 서비스 약정서) */
#sorinModalMarginAgree .modal-content .h2 {border-bottom: 0.2rem solid #2B425F; padding-bottom: 3rem; margin-bottom: 4rem;}
#sorinModalMarginAgree .context-box {height: 47rem; background: rgb(217 217 217 / 30%); padding: 3.2rem; line-height: 2rem; word-break: keep-all;}
#sorinModalMarginAgree .context-box div,
#sorinModalMarginAgree .context-box p,
#sorinModalMarginAgree .context-box ul li,
#sorinModalMarginAgree .context-box table td {color: #666;}
#sorinModalMarginAgree .context-box table {width: 100%; text-align: center; background: #fff;}
#sorinModalMarginAgree .context-box table th {color: #666; font-weight: 500; background: rgb(217 217 217 / 50%); border: 1px solid #dedede;}
#sorinModalMarginAgree .context-box table td {border: 1px solid #dedede; vertical-align: middle;}
#sorinModalMarginAgree .context-box table th:nth-child(4) {border-right-color: #1D5FD0;}
#sorinModalMarginAgree .context-box table th:nth-child(5) {border-right-color: #1D5FD0; border-top-color: #1D5FD0;}
#sorinModalMarginAgree .context-box table td.diff,
#sorinModalMarginAgree .context-box table td.border-r {border-right-color: #1D5FD0;}
#sorinModalMarginAgree .context-box table .total td.diff {border-bottom-color: #1D5FD0;}
#sorinModalMarginAgree .context-box table tr.total {background: #FBEBEB;}
#sorinModalMarginAgree .context-box table tr.total td {color: #FD3535;}
#sorinModalMarginAgree .context-box .head-txt {text-indent: 1.3rem; border: 2px solid #DEDEDE; word-break: break-all; padding: 1rem;}
#sorinModalMarginAgree .context-box .contents-list {padding-top: 1rem;}
#sorinModalMarginAgree .context-box .contents-list .rank-tbl {margin-top: 1rem;}
#sorinModalMarginAgree .context-box .contents-list .ex-table {font-size: 1.2rem;}
#sorinModalMarginAgree .context-box .contents-list .ex-table tbody td.left {padding-left:5px;}
#sorinModalMarginAgree .context-box .contents-list .ex-table tbody td.right {padding-right:5px;}
#sorinModalMarginAgree .list-square li::before {top: 0.7rem; left: -1.5rem;}
#sorinModalMarginAgree .sign-area {position: relative; width: 100%; height: 8rem; margin-top: 5rem;}
#sorinModalMarginAgree .sign-area .box {position: absolute; right: 0;}
#sorinModalMarginAgree .sign-area p,
#sorinModalMarginAgree .sign-area ul li {width: 20rem;}
#sorinModalMarginAgree .form-chk [type="checkbox"] + .marginInfo:after {opacity: 0;}
#sorinModalMarginAgree .form-chk [type="checkbox"] + .marginInfo.active:after {opacity: 1;}


/* 회사정보관리 >  KYC 서린 크레딧 사용 신청*/
.info-text {font-size: 1.2rem;line-height: 1.66; color: #FF6600;margin-left: 2rem;}
.tbl-add-payment .btn-blue-md {min-width: 10rem;padding: 0 0.5rem;word-break: keep-all;}

.tbl-kyc tbody th,
.tbl-kyc tbody td {padding-left:3rem;padding-right: 0;}

.check-area-required .form-chk {position: relative; display:inline-block;}

.tbl-kyc .required label {position: relative;}
.tbl-kyc .required label::after,
.check-area-required .form-chk:after {content: "*";position: absolute; top:2px;right: -12px;font-size: inherit;color: #FF6600;}

.tbl-kyc .td-memb-num select,
.tbl-kyc .td-memb-num select + span {width: 200px !important;}

.tbl-kyc .tr-anniversary .select-combo-wrap select,
.tbl-kyc .tr-anniversary .select-combo-wrap select + span {width: 80px !important;margin-right: 10px;}
.tbl-kyc .tr-anniversary .select-combo-wrap select:last-child,
.tbl-kyc .tr-anniversary .select-combo-wrap select:last-child + span {width: 80px !important;margin-right: 0;}

.tbl-kyc .select-combo-wrap {max-width: 710px;}
.tbl-kyc .select-combo-wrap .email-at {width: 2rem;}

/* .content-kyc .form-chk label {padding-top: 0.2rem;} */

.kyc-struc-list {display: flex;justify-content: left; border: none;margin: 0;padding: 0;}
.kyc-struc-list li {margin-right: 2.7rem;}
.kyc-struc-list li label {font-size: 1.4rem;line-height: 1.6rem;display: flex;align-items: center;}

.kyc-struc-list input[type="radio"] {position: absolute;left: -9999px;}
.kyc-struc-list input[type="radio"] + label {position: relative;padding-left: 28px; cursor: pointer;line-height: 20px; display: inline-block;}
.kyc-struc-list input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 0; width: 1.6rem; height: 1.6rem;border: 1px solid #DEDEDE; border-radius: 50%; background: #fff;}
.kyc-struc-list input[type="radio"] + label:after { content: ''; position: absolute; width: 0.8rem; height: 0.8rem; background: #1D5FD0;top: 4px;left: 4px;border-radius: 50%;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.kyc-struc-list input[type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.kyc-struc-list input[type="radio"]:checked + label:before {border-color: #1D5FD0;}
.kyc-struc-list input[type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.section-attached {display: none;}
.section-attached.active {display: block;}

.tbl-kyc .tr-public {display:none;}
.tbl-kyc .tr-public .strucName {margin-left: 10px;opacity:0;transition: 0.3s;}
.tbl-kyc .tr-public .strucName.active {opacity:1;}

.tbl-kyc .tr-public .radio-wrap {display: flex; align-items: center;}
.tbl-kyc .tr-public .radio-wrap .radio-btn {display: block;position: relative;width: 8rem;height: 3.4rem;line-height: 3.4rem;margin: 0; border-radius: 0;border: 1px solid #dedede;background: #F6F6F6;text-align: center;cursor: pointer;}
.tbl-kyc .tr-public .radio-wrap .radio-btn.active {background-color: #1d5fd0;border-color: #1d5fd0;}
.tbl-kyc .tr-public .radio-wrap .radio-btn:nth-of-type(1) {border-right: 0;}
.tbl-kyc .tr-public .radio-wrap .radio-btn-kospi {border-radius: 0.3rem 0 0 0.3rem;}
.tbl-kyc .tr-public .radio-wrap .radio-btn-kosdak {border-radius: 0 0.3rem 0.3rem 0;border-left: 0;}


.agree-area {margin-top: 4.5rem;text-align:center;}
.agree-area p {font-size: 1.2rem;line-height: 1.66;color: #FF6600}
.agree-area .form-chk {margin-top: 3rem;}

.tbl-attached .check-area {padding-left: 2rem; padding-right: 0;}
.tbl-attached .file-area {opacity: 0;transition: 0.2s;padding-left: 0; padding-right: 2rem;}
.tbl-attached .file-area.active {opacity: 1;}

.modal.modal-complete .modal-btns button {max-width: inherit;}

.modal-credit .modal-content {min-height: 480px;padding: 4.2rem 4rem 4rem;display: flex;align-items: center;justify-content: center;}
.modal-credit .modal-content .max-width {width: 100%;}
.modal-credit .modal-content .tbl-v tbody th,
.modal-credit .modal-content .tbl-v tbody td,
.modal-credit .modal-content .tbl-v tbody input {font-size: 1.6rem;}
.modal-credit .modal-content .icon-info-txt {font-size: 1.2rem;}

.modal.confirm2 .modal-content .alert-con {flex-direction: column;}
.modal.confirm2 .modal-content .alert-con .credit-limit {margin-top: 3rem;}
.modal.confirm2 .modal-content .alert-con .credit-limit dl {display: flex;align-items: center;justify-content: center;}
.modal.confirm2 .modal-content .alert-con .credit-limit dl dt {margin-right: 1rem;}


/* 맴버 관리 */
.manage-member {display:flex; justify-content:space-between; align-items:center; padding:3.5rem 2rem;}
.manage-member .member-info {display:flex; width:100%;}
.member-info .col-status {width:9.5rem; text-align:center;}
.member-info .col-con {width:calc(100% - 9.5rem);}
.member-info > div + div {line-height:1.6;}
.member-who {font-size:1.6rem; color:#000;}
.member-contact, .member-log, .member-datetime-rg, .member-datetime-rc, .member-datetime-au {font-size:1.4rem; color:#999aa9;}
.member-log {position:relative;}
.member-log > span {display:inline-block; position:relative;}
.member-log > span + span {margin-left:1.4rem;}
.member-log > span + span::before {content:''; width:.1rem; height:1.4rem; display:inline-block; vertical-align:middle; background-color:#dedede; position:absolute; top:50%; left:-.9rem; transform:translateY(-50%);}
.alink-block {display:block;}


@media print {
  .header, .notice-wrap, .footer {display:none;}
  .container {border-top:0; display:none;}
  /* 매매계약서 출력 화면 */
  .printarea-wrap {padding:0; background-color:#fff; border-top:0; border-radius:0;}
  .printarea-wrap .inwrap {width:auto; padding:0; box-shadow:initial;}
  .printarea-wrap .btn-print,
  .printarea-wrap .btn-wrap {display:none;}
  .printarea-wrap *{zoom:0.98;}
  .printarea-wrap tbody th {width:10rem;}
  .ordersheet-detail .list {width:80%;}
}

/* 인출하기 팝업 추가 -> 출금하기로 명칭 변경 2022-06-29 */
#sorinModalWithdrawal .refund-amount {margin:1rem 0}
#sorinModalWithdrawal .refund-amount .refund-input input[type=text] {vertical-align: middle;}
#sorinModalWithdrawal .refund-amount .refund-input .btn-correction {width:9rem; padding:0 1rem;  background-color:#999}
#sorinModalWithdrawal .refund-amount .refund-btn {margin-top:1rem}
#sorinModalWithdrawal .t-info {display:block; text-align:center; padding:1rem 0 0 2.4rem; color:#fb1a31}
#sorinModalWithdrawal .t-info::before {content:'i'; display:block; width:2rem; height:2rem; line-height:1.6rem; position:absolute; left:34.5%; top:70%; font-weight:500; font-size:1.2rem; color:#fff; text-align:center; background-color:#fff; border:2px solid #fb1a31; border-radius:50%; color:#fb1a31}
#sorinModalWithdrawal .tbl-v .mo {position:relative; top:0.9rem; margin-right:1rem}
#sorinModalWithdrawal span.bt .btn-reload {width:2.4rem; height:2.4rem; border:1px solid #ddd; color:#999; background-position: center; background-size:1.6rem; text-indent: -9999px;}
#sorinModalWithdrawal span.bt .btn-reload:active {border-color:#999; color:#666}
#sorinModalWithdrawal .refund-amount .refund-input #refundTarget {width:27.85rem}
#sorinModalWithdrawal .refund-amount .refund-input #refundTargetText {width:27.75rem}

/* 클레임 취소 신청  2021-10-22 */
.claim-refund-amount {width:60%; padding:2rem 0}
.claim-refund-amount dt {width:11rem; display:inline-block; line-height:3rem; color:#666}
.claim-refund-amount dd {width:calc(100% - 12rem); display:inline-block; line-height:3rem; text-align:right}
.claim-refund-amount dt .fc-black,.claim-refund-amount dd .fc-red {font-weight:500;}
.claim-refund-amount .hr {display:block; height:1rem; text-indent:-9999px; margin-top:-1.5rem; background-color: #fbebeb}
.tbl-v.th-left tbody td.claim-input-td {padding:1rem 3rem}
.claim-input-file {position:relative; margin-top:1rem}
.claim-input-file input {width:70%; padding-right:10rem}
.claim-input-file .claim-file-size {position:absolute; top:1.1rem; right:32%; font-size:1.2rem; text-align:right; color:#999}

/* 배송상세 정보 팝업 테이블 수정 */
#tblDelngInfo tbody tr:last-child {border-bottom:1px solid #ddd}
#tblDelngInfo tbody tr:last-child th,
#tblDelngInfo tbody tr:last-child td {border-bottom:0}
#tblDelngInfo tbody td.box-cols {display: inline-block; width: 100%; vertical-align: middle; padding-top: 1.7rem}
#tblDelngInfo tbody td.box-cols button {position:relative; left:1rem; top:-0.9rem}

/* 마이페이지 - 서류관리 */
.my-doc .select-wrap {position: relative; margin-right: 1rem;}
.my-doc .select-wrap .tit {position: absolute; top: 2rem; left: 2rem; font-size: 1.2rem; color: #999AA9; z-index: 1;}
.my-doc .select-wrap .select2-container {width: 36.5rem !important;}
.my-doc .select-wrap .select2-container .select2-selection--single {height: 5rem; border-color: #DEDEDE;}
.my-doc .select-wrap .select2-container .select2-selection--single .select2-selection__rendered {text-align: center; line-height: 5rem;}
.my-doc .select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {height: 5rem;}
.my-doc .select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {top: 2.2rem; width: 0.6rem; height: 0.6rem;}
.my-doc .search-wrap {margin-bottom: 0;}
.my-doc .search-wrap .search-area .search-option > div {width: auto;}
.my-doc .search-wrap .search-area .search-option .date-start input,
.my-doc .search-wrap .search-area .search-option .date-end input {width: 21.9rem; height: 5rem; padding-left: 6rem;}
.my-doc .search-wrap .search-area .search-option .date-symbol {margin: 0 0.75rem;}
.my-doc .search-wrap .search-area .search-option .date-box {position: relative;}
.my-doc .search-wrap .search-area .search-option .date-box .tit {position: absolute; top: 2rem; left: 2rem; font-size: 1.2rem; color: #999AA9;}
.my-doc .search-wrap .search-area .btns .btn-search {margin-left: 1rem; height: 5rem;}
.my-doc .section.list {margin-top: 4rem;}

.my-doc-top {margin-bottom: 1rem;display: flex;align-items: center;justify-content: space-between;}
.my-doc-top .select-wrap,
.my-doc-top .order-num {width: 46.5rem;}
.my-doc .my-doc-top .select-wrap .select2-container {width: 100% !important;}
.my-doc-top .order-num input {width: 100%;height: 5rem;font-size: 1.4rem;padding: 0 2rem; border-color: #dedede;}

.my-doc .my-doc-btm .search-area .search-option .date-start input,
.my-doc .my-doc-btm .search-area .search-option .date-end input {width: 40.7rem;font-size: 1.4rem; padding-left: 19rem; /*padding-left: 14.3rem;*/}

/* 25.05.07 | 마이페이지 - 서류관리: 아이템, 브랜드 항목 말줄임표 */
.my-doc table.tbl th,
.my-doc table.tbl td {padding: 0.5rem;}
.my-doc table.tbl tbody td {font-size: 1.2rem !important; line-height: 1.3;}
.my-doc table.tbl tbody td.item .txt-ellipsis,
.my-doc table.tbl tbody td.brand .txt-ellipsis {width: 11.5rem;}
.my-doc table.tbl tbody td a {text-decoration: underline; cursor: pointer;}
.my-doc table.tbl tbody td .file-zone {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.4rem;}
.my-doc table.tbl tbody td .file-zone img {width: 2.3rem;}


/* ================================================
    7. sorin-cs.css
   ================================================ */
/* Community */
/* .cs .btn-toggle-wrap.full > div {width:auto; min-width:auto;}
.cs .btn-toggle-wrap.full.five > div {width:20%; max-width:calc(20% - 0.5rem);}
.cs .btn-toggle-wrap.full.two > div {width:50%; max-width:calc(50% - 0.5rem);} */
.cs .btn-toggle-wrap.full + .btn-toggle-wrap.full {margin-top:1rem;}

.cs .box-stroke + .box-agree {margin-top:1rem; margin-bottom:4.3rem; padding-right:1rem; padding-left:1rem;}
.cs .box-stroke .scroll-y {line-height:1.6; font-size:1.2rem; color:#666;}

.cs input::-webkit-input-placeholder,
.cs textarea::-webkit-input-placeholder {color:#999aa9;}
.cs input::-ms-input-placeholder,
.cs textarea::-ms-input-placeholder {color:#999aa9;}
.cs input::-mos-input-placeholder,
.cs textarea::-mos-input-placeholder {color:#999aa9;}

.cs .hgroup .h2 {font-size:1.6rem;}
.cs .hgroup .h2, .cs .hgroup .btns {margin-bottom:1rem;}

/* 조회 / 검색 박스 : CS */
.board-search-wrap {position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:3rem;}
.src-wrap {width:36rem; position:relative;}
.src-wrap input, .src-wrap input[type=search] {width:100%; height:4rem; border-width:0 0 .1rem 0;}
.src-wrap input::-webkit-input-placeholder {color:#999AA9; font-size:1.4rem;}
.src-wrap input:-ms-input-placeholder {color:#999AA9; font-size:1.4rem;}
.src-wrap input:-mos-input-placeholder {color:#999AA9; font-size:1.4rem;}
.src-wrap button, .src-wrap .btn-search {width:3.8rem; height:3.8rem; position:absolute; top:.1rem; right:.1rem; background-color:#fff}

/* 게시판 분류 가로 목록형 */
.hash-wrap.sorting {margin-bottom:0; overflow:hidden;}
.hash-wrap.sorting button {min-width:auto; height:3rem; padding:0 1.5rem; display:block; position:relative; border-radius:0; float:left;
border:0; color:#999; font-size:1.4rem;}
.hash-wrap.sorting button + button {margin-left:0;}
.hash-wrap.sorting button + button::before {content:''; width:.1rem; height:1rem; display:block; position:absolute; top:50%; left:0; z-index:1; border-left:.1rem solid #dedede; transform:translateY(-50%);}
.hash-wrap.sorting button.btn-blue-md {background-color:#fff; color:#1d5fd0;}
.hash-wrap.sorting button:first-of-type {padding-left:0;}

/* FAQ */
.faq-list {position:relative; border-top:2px solid #2b425f;}
.faq-list .f {position:relative;  border-bottom:1px solid #dedede;}
.faq-list .f::before {content:'f'; width:2.8rem; height:2.8rem; display:block; position:absolute; top:1.7rem; left:3rem; z-index:1; color:#fff; font-weight:500; text-transform:uppercase; text-align:center; line-height:2.8rem; background:url(/images/cs/bg-faq-f-d7c6cdc6037d7b05e98af7a45c73a4b9.png) 0 0 no-repeat;}/* background-color:#1d5fd0; */
.faq-list .f::after {content:''; width:1.4rem; height:1.4rem; position:absolute; top:2rem; right:3rem; z-index:1; transform:rotate(45deg); border:.2rem solid #999; border-width:0 .2rem .2rem 0;}
.faq-list .f .toggle {width:100%; padding:2rem 7.3rem; text-align:left; color:#000; font-size:1.4rem; background-color:#fff;}
.faq-list .f .cate {font-weight:500; color:#1d5fd0; margin-right:.6rem;}
.faq-list .f .a {display:none; position:relative; padding:2rem 7.3rem; white-space: pre-line;word-break: keep-all;color:#444; line-height:1.6; border-top:1px solid #dedede; background-color:#fafafa; height:0;}
.faq-list .f .a::before {content:'a'; width:2.8rem; height:2.8rem; display:block; position:absolute; top:2rem; left:3rem; z-index:1; color:#fff; font-weight:500; text-transform:uppercase; text-align:center; line-height:2.8rem; background:url(/images/cs/bg-faq-a-a5a9f81a7e6ef50371c629e4d78db552.png) 0 0 no-repeat;}/* background-color:#cdcdcd; */
.faq-list .f .a img {max-width:100%; margin:2rem 0;}
.faq-list .f.active .a {display:block; min-height:7rem; height:auto;}
.faq-list .f.active::after {border-width:.2rem 0 0 .2rem; top:2.5rem;}

/* 서비스 약관 */
.plate-stroke.t2 {padding:0; position:relative; border-radius:1.5rem;}
.plate-stroke.t2 .plate-stroke-header {height:9.5rem; display:flex; justify-content:space-between; align-items:center; padding:3.1rem; border-bottom:1px solid #dedede;}
.plate-stroke.t2 .plate-stroke-header .sel-wrap {width:21rem;}
.plate-stroke.t2 .plate-stroke-con {padding:3.2rem 3.2rem 4rem; line-height:1.6;}
.c-tit {font-weight:500; font-size:2.4rem; color:#000; line-height:1;}
.c-section {margin-top:3rem; line-height:1.7;}
.c-section pre {color:#666;}

/* 공지사항 */
.tbl.t3.tbl-notice tbody td {height:6rem;}
.tbl.t3.tbl-notice tbody td .seq {padding-left:1rem;}
.tbl.t3.tbl-notice tbody td .seq::before {margin-left:1rem;}
.notice-date {color:#999aa9; font-size:1.2rem;}
.tbl.t3.tbl-notice tbody td .notice-date {display:block; padding-right:2rem; text-align:right;}
.tbl.t3.tbl-notice tbody td a + .ico-file {margin-left:.8rem;}

/* 공지사항 상세 */
.board-v {position:relative;}
.board-v .board-v-head {padding:2.5rem 2rem;}
.board-v .board-v-head .h3 {font-size:2.4rem; line-height:1.4;}
.board-v .board-v-head .notice-date {font-size:1.4rem;}
.board-v .board-v-con {padding:3rem 2rem; line-height:1.6; color:#444;}
/* .board-v .board-v-con a {color:#1e60d1;}
.board-v .board-v-con a:hover {text-decoration:underline;} */
.board-v .board-v-con a[href^=http]::after,
.board-v .board-v-con a[target=_blank]::after {display:none;}
.board-v .board-v-con p.img {max-width:116rem; text-align:center; overflow:hidden}
.board-v .board-v-con p.img img {max-width:116rem}
.board-v .board-v-file {min-height:6rem; padding:2.1rem; background-color:#fafafa;}
.board-v .board-v-file a {display:inline-block;}
.board-v .board-v-file a > span, .board-v .board-v-file a > i {vertical-align:middle;}
.board-v .board-v-file .ico-download + span {margin-left:.6rem;}
.board-v .btn-wrap {margin-top:6rem; position:relative;}
.board-v .btn-wrap button {width:30rem;}
.board-v .btn-wrap .prev-wrap {position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:1;}
.board-v .btn-wrap .next-wrap {position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:1;}
.board-v .btn-wrap .prev-wrap a,
.board-v .btn-wrap .next-wrap a {display:block; position:relative; font-size:1.2rem; color:#999;}
.board-v .btn-wrap .prev-wrap a {padding-left:1.2rem;}
.board-v .btn-wrap .next-wrap a {padding-right:1.2rem;}
.board-v .btn-wrap .prev-wrap a:hover,
.board-v .btn-wrap .prev-wrap a:focus,
.board-v .btn-wrap .next-wrap a:hover,
.board-v .btn-wrap .next-wrap a:focus {color:#222;}
.board-v .btn-wrap .prev-wrap a::before,
.board-v .btn-wrap .next-wrap a::after {content:''; display:block; width:.7rem; height:.7rem; position:absolute; top:.3rem; border:.1rem solid #999;}
.board-v .btn-wrap .prev-wrap a::before {left:.2rem; transform:rotate(-45deg); border-width:.1rem 0 0 .1rem;}
.board-v .btn-wrap .next-wrap a::after {right:.2rem; transform:rotate(45deg); border-width:.1rem .1rem 0 0;}
.board-v .btn-wrap .prev-wrap a:hover::before,
.board-v .btn-wrap .next-wrap a:hover::after,
.board-v .btn-wrap .prev-wrap a:focus::before,
.board-v .btn-wrap .next-wrap a:focus::after {border-color:#222;}

/* 뉴스레터 */
.tbl.t3.tbl-newsletter tbody td {padding:28px 0 30px 0; vertical-align:top;}
.tbl.t3.tbl-newsletter tbody td .seq,
.label-seq {padding:0 1rem; min-width:7rem; line-height:2.4rem; display:inline-block; background-color:#fd7e14; font-size:1.2rem; color:#fff; text-align:center; border-radius:.3rem;}
.tbl.t3.tbl-newsletter tbody td a {display:block; line-height:1.4;}
.tbl.t3.tbl-newsletter tbody td .tit {display:block; font-weight:500; font-size:1.6rem; color:#000;}
.tbl.t3.tbl-newsletter tbody td .desc {display:block; margin-top:2rem; font-weight: 400; color:#444;
/* single */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
/* multiple */ white-space: normal; line-height:1.4; text-align:left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.tbl.t3.tbl-newsletter tbody td a:hover .tit {color:#1e60d1; text-decoration:underline;}
.tbl.t3.tbl-newsletter tbody .hover td {background-color:#f9fcff;}

/* 뉴스레터 상세 */
.board-v .board-v-head .h3 span {font-family:inherit;}
.board-v .board-v-head .h3 .label-seq, .board-v .board-v-head .h3 span {vertical-align:middle;}

/* 뉴스 클리핑 */
.tbl.t3.tbl-newsclip {border-top:0;}
.tbl.t3.tbl-newsclip tbody {width:100%; display:flex; flex-wrap:wrap; align-items:stretch;}
.tbl.t3.tbl-newsclip tbody tr {width:39rem; min-height:30rem; display:block; border:.1rem solid #dedede; border-radius:.3rem; margin-left:1.5rem;}
.tbl.t3.tbl-newsclip tbody tr:nth-of-type(3n-2) {margin-left:0;}
.tbl.t3.tbl-newsclip tbody tr:nth-of-type(n+4) {margin-top:1.5rem;}
.tbl.t3.tbl-newsclip tbody td {min-height:30rem; padding:0; display:block; border-bottom:0;}
.tbl.t3.tbl-newsclip tbody td .seq {line-height:2.4rem; margin-bottom:2.5rem; display:inline-block; vertical-align:middle; position:relative; font-weight:500; font-size:1.4rem; color:#fd7e14}
.tbl.t3.tbl-newsclip tbody td .seq::before {content:''; display:inline-block; width:2rem; height:.2rem; margin-right:.65rem; margin-bottom:.4rem; vertical-align:middle; background-color:#fd7e14;}
.tbl.t3.tbl-newsclip tbody td a {display:block; height:100%; line-height:1.4; padding:4.3rem 3.2rem 3.8rem 3rem;}
.tbl.t3.tbl-newsclip tbody td .tit {display:block; margin-bottom:1rem; font-weight:500; font-size:1.6rem; color:#000;
/* single */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
/* multiple */ white-space: normal; line-height:1.4; text-align:left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tbl.t3.tbl-newsclip tbody td .desc {display:block; font-weight:400; color:#444;
/* single */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
/* multiple */ white-space: normal; line-height:1.6; text-align:left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.tbl.t3.tbl-newsclip tbody td .notice-date {margin-top:3rem;}
.tbl.t3.tbl-newsclip tbody tr.hover {border-color:#1e60d1;}
.tbl.t3.tbl-newsclip + .paging-wrap {margin-top:4rem;}
.tbl.t3.tbl-newsclip tbody tr.hover .seq {color:#1e60d1}
.tbl.t3.tbl-newsclip tbody tr.hover .seq::before {background-color:#1e60d1}
.tbl.t3.tbl-newsclip tbody tr:hover {border-color:#1e60d1}
.tbl.t3.tbl-newsclip tbody tr:hover .seq {color:#1e60d1}
.tbl.t3.tbl-newsclip tbody tr:hover .seq::before {background-color:#1e60d1}

/* 뉴스 클리핑 상세 */
.board-v .board-v-head .h3 .label-seq-orange,
.board-v .board-v-head .h3 .label-seq-blue {line-height:2.4rem; display:block; position:relative; font-weight:500; font-size: 1.4rem;}
.board-v .board-v-head .h3 .label-seq-orange::before,
.board-v .board-v-head .h3 .label-seq-blue::before {content:''; display:inline-block; width:2rem; height:.2rem; margin-right:.65rem; margin-bottom:.4rem; vertical-align:middle;}
.board-v .board-v-head .h3 .label-seq-orange {color:#fd7e14;}
.board-v .board-v-head .h3 .label-seq-orange::before {background-color:#fd7e14;}
.board-v .board-v-head .h3 .label-seq-blue {color:#1d5fd0;}
.board-v .board-v-head .h3 .label-seq-blue::before {background-color:#1d5fd0;}
.cs .board-v .board-v-con figure.image {margin:0 2rem}
.cs .board-v .board-v-con figure.image img {max-width:100%}

/* 원자재 캘린더 */
.fullcal-wrap {height:105rem; position:relative;}
.fullcal-wrap #calendar-container {position:absolute; top:0; left:0; right:0; bottom:0;}
.fullcal-wrap .fc .fc-toolbar.fc-header-toolbar {margin-bottom:6rem;}
.fullcal-wrap .fc-header-toolbar > div:first-of-type,
.fullcal-wrap .fc-header-toolbar > div:last-of-type {width:30rem;}
.fullcal-wrap .fc-header-toolbar > div:last-of-type {text-align:right;}
.fullcal-wrap #calendar {margin: 0 auto;}
.fullcal-wrap .fc .fc-button-primary,
.fullcal-wrap .fc .fc-toolbar-title {display:inline-block; vertical-align:middle;}
.fullcal-wrap .fc .fc-toolbar-title {margin-right:3.5rem; margin-left:3.5rem; font-weight:500; font-size:2.2rem;}
.fullcal-wrap .fc-header-toolbar .fc-button + .fc-button {margin-left:.5rem;}
.fullcal-wrap .fc-direction-ltr .fc-button-group > .fc-button:nth-of-type(2) {margin-left:1rem;}
.fullcal-wrap .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child),
.fullcal-wrap .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {border-radius:.3rem;}
.fullcal-wrap .fc-button > span {vertical-align:text-top;}
.fullcal-wrap .fc-prev-button,
.fullcal-wrap .fc-next-button {width:3rem; height:3rem; padding:0; border:.1rem solid #dedede; background-color:transparent; color:#707070;}
.fullcal-wrap .fc-button .ico-calendar-today {margin-right:.4rem; font-size:1.8rem;}
.fullcal-wrap .fc-button .ico-calendar-view-day {margin-right:.4rem; font-size:2.1rem;}
.fullcal-wrap .fc-button .ico-today {margin-right:.4rem; font-size:2rem;}
.fullcal-wrap .fc .fc-button-group > .fc-button {min-width:7rem; min-height:3rem; color:#666; font-size:1.2rem; background-color:#fff; border-color:#dedede; padding:0 1rem;}
.fullcal-wrap .fc .fc-button-group > .fc-button:focus,
.fullcal-wrap .fc .fc-button-group > .fc-button:active,
.fullcal-wrap .fc .fc-button-group > .fc-button.fc-button-active {color:#fff; background-color:#1d5fd0; border-color:#1d5fd0;}
.fullcal-wrap .fc .fc-button-group > .fc-button:disabled {background-color:#dedede;}
.fullcal-wrap .fc-col-header-cell {line-height:4.6rem; background-color:#fafafa;}
.fullcal-wrap .fc-theme-standard .fc-scrollgrid {border-color:#2b425f; border-left-width:0;}
.fullcal-wrap .fc-theme-standard .fc-daygrid-body .fc-day.fc-day-disabled {background-color:#fff;}
.fullcal-wrap .fc-theme-standard td {border-right-width:0; border-left-color:#f4f4f4; border-color:#dedede;}
.fullcal-wrap .fc-theme-standard th {position:relative; border-right-width:0; border-left-width:0; border-color:#dedede;}
.fullcal-wrap .fc-theme-standard th + th::before {content:''; display:block; width:.1rem; height:1rem; background-color:#dedede; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.fullcal-wrap .fc .fc-col-header-cell-cushion {font-weight:500; color:#666; font-size:1.4rem; font-weight:initial;}
.fullcal-wrap .fc .fc-daygrid-day-number {color:#666; font-size:2rem;}
.fullcal-wrap .fc .fc-day-sun .fc-col-header-cell-cushion,
.fullcal-wrap .fc .fc-day-sun .fc-daygrid-day-number {color:#fb1a31;}
.fullcal-wrap .fc .fc-day-sat .fc-col-header-cell-cushion {color:#012b73;}
.fullcal-wrap .fc .fc-day-sat .fc-daygrid-day-number {color:#004ea2;}
.fullcal-wrap .fc .fc-daygrid-day-frame {padding:1rem;}
.fullcal-wrap .fc .fc-daygrid-day-top {flex-direction:initial; margin-bottom:2rem;}
.fullcal-wrap .fc .fc-daygrid-day.fc-day-today {background-color:#f9fbff; border:.1rem solid #1d5fd0;}
.fullcal-wrap .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {border-top:1px solid #1d5fd0;}
.fullcal-wrap .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top::before {content:'today '; display:block; position:absolute; top:1.9rem; right:2.7rem; color:#1d5fd0; font-weight:600; font-size:1.1rem; letter-spacing:-0.17px; text-transform:capitalize;}
.fullcal-wrap .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top::after {content:''; display:block; width:.6rem; height:.6rem; position:absolute; top:2.2rem; right:1.6rem; background-color:#1d5fd0; border-radius:50%;}
.fullcal-wrap .fc .fc-daygrid-event-harness {padding:0 0 .4rem;}
.fullcal-wrap .fc-h-event .fc-event-title {padding:.4rem .4rem; border-radius:.3rem; color:#fafafa; font-size:1.2rem; word-break:keep-all; white-space:break-spaces; line-height:1.4;}
.fullcal-wrap .fc .fc-daygrid-event.bg-meeting,
.fullcal-wrap .fc .fc-list-event.bg-meeting .fc-list-event-dot {background-color:#568be5; border-color:#3d82f8;}/* 회의 */
.fullcal-wrap .fc .fc-daygrid-event.bg-event,
.fullcal-wrap .fc .fc-list-event.bg-event .fc-list-event-dot {background-color:#ffa750; border-color:#f99b3e;}/* 행사 */
.fullcal-wrap .fc .fc-daygrid-event.bg-co-holiday,
.fullcal-wrap .fc .fc-list-event.bg-co-holiday .fc-list-event-dot {background-color:#8c7bf6; border-color:#7964ff;}/* 공휴일 */
.fullcal-wrap .fc .fc-daygrid-event.bg-anniverary,
.fullcal-wrap .fc .fc-list-event.bg-anniverary .fc-list-event-dot {background-color:#15b115; border-color:#15b115;}/* 기념일 */
.fullcal-wrap .fc .fc-daygrid-event.bg-holiday,
.fullcal-wrap .fc .fc-list-event.bg-holiday .fc-list-event-dot {background-color:#ff7e7f; border-color:#ff6e7d;}/* 국경일 */
.fullcal-wrap .fc .fc-list-event.bg-meeting .fc-list-event-dot::before {content:'회의';}
.fullcal-wrap .fc .fc-list-event.bg-event .fc-list-event-dot::before {content:'행사';}
.fullcal-wrap .fc .fc-list-event.bg-co-holiday .fc-list-event-dot::before {content:'공휴일';}
.fullcal-wrap .fc .fc-list-event.bg-anniverary .fc-list-event-dot::before {content:'기념일';}
.fullcal-wrap .fc .fc-list-event.bg-holiday .fc-list-event-dot::before {content:'국경일';}
.fullcal-wrap .fc .fc-list-event-dot {width:auto; min-width:9rem; height:auto; line-height:3rem; text-align:center; border:0; border-radius:.3rem; color:#fff;}
.fullcal-wrap .fc.fc-theme-standard .fc-list-event td {padding:1.5rem 1.9rem; vertical-align:middle;}
.fullcal-wrap .fc .fc-list-event td.fc-list-event-title {padding-left:.1rem;}
.fullcal-wrap .fc .fc-list-event td.fc-list-event-time {display:none;}/* 종일 */
.fullcal-wrap .fc-theme-standard .fc-popover {min-width:30rem; border-radius:1.5rem; border-color:#cdcdcd; box-shadow:0 2px 6px rgba(0, 0, 0, 0.05); z-index:1;}
.fullcal-wrap .fc-theme-standard .fc-popover-header {line-height:5rem; padding:0 2rem; background-color:#fafafa; color:#000; font-size:1.6rem; font-weight:500; border-radius:1.5rem 1.5rem 0 0;}
.fullcal-wrap .fc .fc-daygrid-day-bottom {padding-top:1rem; padding-left:1rem;}
.fullcal-wrap .fc .fc-daygrid-more-link {font-weight:500; color:#1e60d1;}
.fullcal-wrap .fc-theme-standard .fc-popover .fc-daygrid-event {margin-right:.2rem; border-radius:.3rem;}
.fullcal-wrap .fc-theme-standard .fc-list {border-color:#dedede; border-width:0;}/**/
.fullcal-wrap .fc .fc-list-empty {border:.1rem solid #dedede; background-color:#fff;}
.fullcal-wrap .fc .fc-list-empty-cushion {font-size:1.6rem; color:#999;}
.fullcal-wrap .fc .fc-more-popover .fc-popover-body {padding:2rem;}
.fullcal-wrap .fc-theme-standard .fc-list-day-cushion {padding-bottom:1.5rem; font-weight:400; font-size:1.6rem; text-align:left; border-bottom:.1rem solid #2b425f; background-color:#fff;}
.fullcal-wrap .fc-theme-standard .fc-list-day-cushion .fc-list-day-text {float:none;}
.fullcal-wrap .fc-theme-standard .fc-list-day-cushion .fc-list-day-side-text {float:none; margin-left:2rem;}
.fullcal-wrap .fc-theme-standard .fc-list tr:not(:nth-of-type(1)) .fc-list-day-cushion {padding-top:5rem;}
.fullcal-wrap .fc .fc-scroller::-webkit-scrollbar {width:.7rem;}
.fullcal-wrap .fc .fc-scroller::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:.3rem; background-clip:padding-box; border:2px solid transparent;}
.fullcal-wrap .fc .fc-scroller::-webkit-scrollbar-track {background-color:#fff; border-radius:1rem; box-shadow:inset 0px 0px 5px white; }

/* 알루미늄/인천 입고 예정 정보 */
/*  .fullcal-wrap.type2 {height: 90rem;} */
.fullcal-wrap.type2 {height: 658px;}
.fullcal-wrap.type2 .fc .fc-daygrid-day-number {font-size:1.2rem;}
.fullcal-wrap.type2 .fc-theme-standard .fc-scrollgrid {border-left-width: 0px;border-top-width: 2px;border-color: #002b69;}
.fullcal-wrap.type2 .fc-theme-standard th + th::before {display: none;}
/* .fullcal-wrap.type2 .fc .fc-daygrid-day.fc-day-past {opacity: 0.3;} */
.fullcal-wrap.type2 .fc-h-event {background: none;border: none;}
.fullcal-wrap.type2 .fc .fc-daygrid-day-top {margin-bottom: 0;}
.fullcal-wrap.type2 .fc .fc-daygrid-event.bg-meeting,
.fullcal-wrap.type2 .fc .fc-list-event.bg-meeting .fc-list-event-dot,
.fullcal-wrap.type2 .fc .fc-daygrid-event.bg-event,
.fullcal-wrap.type2 .fc .fc-list-event.bg-event .fc-list-event-dot,
.fullcal-wrap.type2 .fc .fc-daygrid-event.bg-co-holiday,
.fullcal-wrap.type2 .fc .fc-list-event.bg-co-holiday .fc-list-event-dot,
.fullcal-wrap.type2 .fc .fc-list-event.bg-anniverary .fc-list-event-dot,
.fullcal-wrap.type2 .fc .fc-daygrid-event.bg-holiday,
.fullcal-wrap.type2 .fc .fc-list-event.bg-holiday .fc-list-event-dot {background:none; border:none;}
.fullcal-wrap.type2 .fc .fc-daygrid-day-events {margin:0;}
.fullcal-wrap.type2 .fc-h-event .fc-event-title {color: #000;font-size: 1rem;padding: 0;line-height: 1.75;/*letter-spacing: -0.05rem;*/}
.fullcal-wrap.type2 .fc a[data-navlink]:hover {text-decoration: none;}
.fullcal-wrap.type2 .fc .fc-daygrid-day-frame {padding: 1rem 0 0 0.1rem;min-height: 10rem;}
.fullcal-wrap.type2 .fc-today-button {border: 1px solid #dedede;background: #fff;color: #000;opacity: 1;font-size: 1.2rem;width: 7rem;}
.fullcal-wrap.type2 .fc .fc-toolbar.fc-header-toolbar {margin-bottom: 1rem;}
.fullcal-wrap.type2 .fc .fc-toolbar-title {font-size: 1.8rem;margin-left: 0;margin-right: 2rem;}
.fullcal-wrap.type2 .fc-header-toolbar > .fc-toolbar-chunk:last-of-type::before {font-size: 1.4rem;color: #666;content: attr(data-before);}
.fullcal-wrap.type2 .fc .fc-day-sat .fc-daygrid-day-number {color:#1D5FD0;}
.fullcal-wrap.type2 .fc-scroller.fc-scroller-liquid-absolute {overflow: auto !important; height: auto !important;}
/* .fullcal-wrap.type2 .fc-col-header {min-width: 963px;}
.fullcal-wrap.type2 .fc .fc-daygrid-body-natural {min-width: 963px;}
.fullcal-wrap.type2 .fc-scrollgrid-sync-table {min-width: 963px;} */
.fullcal-wrap.type2 .fc-col-header {min-width: 1100px;}
.fullcal-wrap.type2 .fc .fc-daygrid-body-natural {min-width: 1100px;}
.fullcal-wrap.type2 .fc-scrollgrid-sync-table {min-width: 1100px;}
.fullcal-wrap.type2 .fc-custom1-button {background-color: #1d5fd0;color: #fff;text-align: center;border-radius: 0.3rem;border: none;width: 20rem;height: 4.8rem;font-size: 1.6rem;outline: none;margin-top:3rem;margin-bottom: 4rem;}
.fullcal-wrap.type2 .fc-custom1-button:focus {outline: 0;}
#receipt-info-calendar::after {content: '입고예정 주문은 고객센터(02-519-2740)로 연락 주시기 바랍니다.';font-size: 1.4rem;padding-left: 2.6rem;font-weight: 400;color: #666;/*margin-top: -8.5rem;*/margin-top:-12.5rem;background:#fff url(/images/icon_info-e26cfe84cdfac9564f6e19da8844fa72.png) 0 0 no-repeat; color:#666;height: 2rem;}

/* 철강신문 - 메탈월드 추가 */
.board-search-wrap.metal-news-wrap {display:block}
.metal-news-wrap .hash-wrap.sorting {display:flex; justify-content:center}
.metal-news-wrap .src-wrap {width:50rem; margin:3rem auto 5rem}

/* ======== 랜딩페이지 뉴스 게시판 노출에 의한 추가 ======== */
/* 랜딩페이지 뉴스 게시판 리스트 */
#landingNews {padding-top:0; min-width:321px}
#landingNews .container {border-top:0}
#landingNews .footer .footer-credits .ft-info-1 {margin:0}
.landing-news-header {text-align:center}
.landing-news-header .logo {width:20rem; margin:5rem auto 3rem}
.landing-news-header .logo img {width:100%}
.landing-news-header .title {line-height:1.3; font-size:4.2rem; font-weight:500;}
.landing-news-header .title .t1 {display:block}
.landing-news-header .text {font-size:1.8rem; line-height:1.3; margin-top:1.3rem}
.landing-news-header .landing-link {width:20rem; margin:0 auto; margin-top:3.5rem}
.landing-news-header .landing-link a {display:block; height:6rem; line-height:6rem; border-radius:0.5rem; font-size:1.8rem; background-color:#157ce1; color:#fff}

#landingNews .metal-news-wrap .src-wrap {margin:4rem auto 6rem}
#landingNews .container > .section:last-of-type {padding-bottom:5rem}

#landingNews .footer {height:18rem}

/* 랜딩페이지 뉴스 게시판 view page */
#landingNews .board-v .board-v-con {padding-top:1rem}
#landingNews .board-v .board-v-con p {margin:3rem 0; line-height:1.8}
#landingNews .board-v .board-v-con p:first-child {margin-top:0}
#landingNews .board-v .board-v-con p strong {display:block; font-size:1.6rem; font-weight:500;}

#landingNews .board-v .board-v-con table {width:100%; max-width:1160px}
#landingNews .board-v .board-v-con table td {padding:0; text-align:center; border:0}
#landingNews .board-v .board-v-con table tr:nth-child(2) {display:none}

@media screen and (min-width: 120px) and (max-width: 767px) {

  /* 랜딩페이지 뉴스 게시판 리스트 */
  #landingNews {min-width:320px !important}
  .landing-news-header .logo {width:16rem}
  .landing-news-header .title {font-size:2.8rem}
  .landing-news-header .title .t2 {display:block}
  .landing-news-header .text {font-size:1.4rem}
  .landing-news-header .text .t1 {display:block}
  .landing-news-header .landing-link {width:14rem}
  .landing-news-header .landing-link a {height:4rem; line-height:4rem; font-size:1.4rem}

  #landingNews .container > .section {padding:3rem 0}
  #landingNews .container .inwrap {width:100%; padding:0 1.5rem}
  #landingNews .metal-news-wrap .src-wrap {width:70%}
  #landingNews .metal-news-wrap .hash-wrap.sorting {display:inline-block;}
  #landingNews .metal-news-wrap .hash-wrap.sorting button {width:33.33%; text-align:center; padding:0 0.5rem; font-size:1.3rem; line-height:1.3; height:3rem}
  #landingNews .metal-news-wrap .hash-wrap.sorting button:nth-child(3n+1)::before {display:none}

  #landingNews .tbl.t3.tbl-newsclip tbody tr {width:100%; margin:2rem 0 0 0; min-height:26rem}
  #landingNews .tbl.t3.tbl-newsclip tbody tr td {min-height:26rem}
  #landingNews .tbl.t3.tbl-newsclip tbody tr td a {padding:2rem}

  #landingNews .paging {margin-top:2rem}
  #landingNews .paging .pg, .paging strong {width:2.6rem; height:2.6rem}
  #landingNews .paging a:nth-child(7) ~ a {display:none}
  #landingNews .paging .pg.next,
  #landingNews .paging .pg.last {display:inline-block}

  #landingNews .footer {height:25rem}
  #landingNews #footer {width:100%; display:block; text-align:center; padding-top:3rem}
  #landingNews #footer .footer-logos,
  #landingNews #footer .footer-logo,
  #landingNews #footer .footer-credits {width:100%; text-align:center}
  #landingNews #footer .footer-logos .footer-logo {background-position:center}
  #landingNews .footer .footer-credits p {display:block}
  #landingNews .footer .footer-credits p span {display:block; line-height:1.5}


  /* 랜딩페이지 뉴스 게시판 view page */
  #landingNews .board-v .board-v-head {padding:1rem}
  #landingNews .board-v-head .h3 {line-height:1}
  #landingNews .board-v-head .h3 span {font-size:1.2rem}
  #landingNews .board-v-head .h3 span:last-child {font-size:1.6rem}
  #landingNews .board-v .board-v-head .h3 .label-seq-orange::before {width:1.5rem}
  #landingNews .board-v-con {padding:2rem 1rem}
  #landingNews .board-v .board-v-con p.img img {width:100%}
  #landingNews .board-v .board-v-con table td img {width:100%}

  #landingNews .board-v .btn-wrap {margin-top:4rem}
  #landingNews .board-v .btn-wrap button {width:10rem; height:3.5rem; font-size:1.4rem}
}

@media screen and (min-width:768px) and (max-width: 999px) {
  /* 랜딩페이지 뉴스 게시판 리스트 */
  .landing-news-header .logo {width:18rem}
  .landing-news-header .title {font-size:3.4rem}
  .landing-news-header .title .t2 {display:inline}
  .landing-news-header .text {font-size:1.5rem}
  .landing-news-header .text .t1 {display:inline}
  .landing-news-header .landing-link {width:16rem}
  .landing-news-header .landing-link a {height:5rem; line-height:5rem}

  #landingNews .container .inwrap {width:100%; padding:0 1.5rem}
  #landingNews .metal-news-wrap .src-wrap {width:70%}
  #landingNews .metal-news-wrap .hash-wrap.sorting {display:inline-block}
  #landingNews .metal-news-wrap .hash-wrap.sorting button {width:20%}
  #landingNews .metal-news-wrap .hash-wrap.sorting button:last-child {display:none}
  #landingNews .metal-news-wrap .hash-wrap.sorting button:nth-child(6)::before {display:none}

  #landingNews .tbl.t3.tbl-newsclip tbody tr {display:inline-block; width:48%; min-height:26rem; margin:1%}
  #landingNews .tbl.t3.tbl-newsclip tbody tr td {min-height:26rem}
  #landingNews .tbl.t3.tbl-newsclip tbody tr td a {padding:2rem}

  #landingNews .container > .section {padding:4rem 0;}

  #landingNews .footer {height:16rem}
  #landingNews #footer {width:100%; padding:4rem 2rem 3rem}
  #landingNews #footer .footer-logos {width:30%}
  #landingNews #footer .footer-credits {width:70%}
  #landingNews .footer .footer-credits p span {line-height:1.5}
  #landingNews .footer .footer-credits .ft-info-2 span:nth-child(3) {margin-left:0}
}


/* ================================================
    8. sorin-et.css
   ================================================ */
.et .inwrap > .hgroup {text-align:center;}
.et .hgroup > div {width:100% !important;}
.et .hgroup .h2 {font-size:3.4rem; line-height:1; margin-bottom:0;}
.et .hgroup .p {margin-top:1.7rem; font-size:1.6rem; color:#666; line-height:1.4;}
.et .hgroup .p.p2 {font-size:2.4rem; color:#000;}
.et .hgroup .p strong {font-weight:500; color:#000;}
.et .login-wrap {width:45rem; position:relative; margin:3.2rem auto;}
.et .login-wrap .tr + .tr {margin-top:2rem;}
.et .login-wrap .tr + .tr.mt56 {margin-top:5.6rem;}
.et .mt56 {margin-top:5.6rem;}
.et .login-wrap input + .error,
.et .login-wrap .input + .error {margin-top:2rem;}
.et .login-wrap .tr.error {margin-top:2rem; margin-bottom:1rem;}
.et .login-wrap .tr .error,
.et .login-wrap .tr .info {letter-spacing:-.3px;}
.et .login-wrap.result {text-align:center;}
.et .login-wrap.result .i-done {width:3.6rem; height:4.3rem; display:inline-block; position:relative; color:#1d5fd0; border:2px solid #1d5fd0; border-radius:.3rem;}
.et .login-wrap.result .i-done .material-icons {width:100%;}
.et .login-wrap.result .i-done.id-done {padding-top:.8rem;}
.et .login-wrap.result .i-done.id-done .material-icons {font-size:3rem;}
.et .login-wrap.result .i-done.id-done::after {content:''; display:block; width:.8rem; height:.1rem; background-color:#1d5fd0; position:absolute; top:.7rem; left:1.2rem;}
.et .login-wrap.result .i-done.pwd-done {padding-top:1.6rem;}
.et .login-wrap.result .i-done.pwd-done .material-icons {font-size:2rem;}
.et .login-wrap.result .i-done.pwd-done::after {content:'****'; display:block; color:#1d5fd0; position:absolute; top:.5rem; left:0;}
.et .login-wrap.result .p-done {margin-top:4rem; font-size:1.8rem; color:#000; line-height:1.5;}
.et .login-wrap.result .reault-done {margin-top:3rem; margin-bottom:3.6rem; font-size:1.8rem; color:#1d5fd0; font-weight:700;}
.et .login-wrap.result .reault-done strong {font-size:inherit; color:inherit; font-weight:inherit;}
.et .login-wrap.auto-width {width:100%;}
.et .login-wrap.auto-width [class^=btn-].full {max-width:45rem; font-size:1.6rem !important;}
.et .setfree-limit {font-size:1.2rem; color:#191700; line-height:1.4;}
.et .center {text-align:center;}
#underConstruction {width:80rem; height:80rem; padding:6rem 0; border:1px solid #dedede; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#underConstruction.et .login-wrap {margin:0;}
#underConstruction .ico {display:inline-block;}
#underConstruction.et .hgroup .h2 {margin-top:4rem;}
#underConstruction.et .login-wrap.result .p-done {margin-top:2.5rem; font-size:1.6rem;}
#underConstruction.et .mt56 {margin:6rem 0; padding:2.9rem 3rem 2.5rem; background-color:#fafafa;}
#underConstruction.et .mt56 dl {width:35rem;overflow:hidden; position:relative; margin:auto;}
#underConstruction.et .mt56 dl + dl {margin-top:1rem;}
#underConstruction.et .mt56 dl dt {width:9rem; height:3rem; float:left; line-height:3rem; background-color:#1e60d1; color:#fff; border-radius:1.5rem;}
#underConstruction.et .mt56 dl dd {padding-left:2rem; float:left; line-height:3rem; font-size:1.8rem; color:#1e60d1;}
#underConstruction.et .p-tips {font-size:1.6rem; color:#999aa9; line-height:1.6;}
#underConstruction.et .p-greetings {margin-top:3rem; font-size:1.4rem; color:#000; line-height:1.6;}

/* 여신사전신청 : 프로모션 페이지 */
.evt {display: flex; justify-content: center; flex-wrap: wrap; background: #F9FBFF;}
.evt .main-bg {position: absolute; width: 100%; height: 80rem; background: url(/images/et/payoption-bg-29aa9fe80dfc917f137910227a13ecbb.png) 50% 50% no-repeat; background-size: cover;}
.evt .container-box {width: 100%; z-index: 1;}
.evt .container-box section {display: flex; justify-content: center; flex-wrap: wrap;}
.evt .container-box .main {align-items: flex-end; height: 80rem;}
.evt .container-box .main .contents {display: flex; align-items: center; flex-flow: column;}
.evt .container-box .main .contents h1 {font-size: 9rem; color: #fff; font-weight: 600; text-shadow: 0px 6px 10px rgb(0 0 0 / 25%); letter-spacing: -0.02em; margin-bottom: 5rem; margin-top: 0;}
.evt .container-box .main .contents h3 {font-size: 5rem; color: #fff; margin: 0; margin-bottom: 5rem;}
.evt .container-box .main .contents h5 {font-size: 3rem; color: #fff; margin: 0; margin-bottom: 13.6rem;}
.evt .container-box .main .contents button {width: 33rem; height: 9rem; background: rgba(0, 0, 0, 0.6); border-radius: 1.2rem; font-size: 3rem; margin-bottom: 10rem;}
.evt .container-box .explan {align-items: center; height: 60rem; background: #fff;}
.evt .container-box .explan .contents {font-weight: 600; font-size: 2.8rem; line-height: 5.8rem;}
.evt .container-box .options-wrap {width: 123rem; margin: 0 auto; padding: 20rem 0;}
.evt .container-box .options-wrap .tit {width: 100%;}
.evt .container-box .options-wrap .tit .option-nm {font-size:3rem; font-weight: 600; color: #1D5FD0;}
.evt .container-box .options-wrap .tit .option-txt {font-weight: 500; font-size: 4.8rem; line-height: 6.8rem;}
.evt .container-box .options-wrap .item-box {display: flex; justify-content: center; width: 100%; margin-bottom: 20rem;}
.evt .container-box .options-wrap .item-box.first {margin-top: 8rem;}
.evt .container-box .options-wrap .item-box.last {margin-bottom: 0;}
.evt .container-box .options-wrap .item-box .sum-wrap {position: relative;}
.evt .container-box .options-wrap .item-box .sum-wrap .num {display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 9rem; height: 9rem; font-size: 2.8rem; font-weight: 500; background: #3D5580; color: #fff; position: absolute; left: -4rem; top: -4rem;}
.evt .container-box .options-wrap .item-box .sum-wrap .sum-img {display: flex; flex-flow: column; align-items: center; justify-content: space-between; width: 41.8rem; height: 42.5rem; background: #fff; border-radius: 3rem; padding: 6rem 4rem; box-shadow: 0px 10px 30px rgba(187, 201, 226, 0.5);}
.evt .container-box .options-wrap #option1 .sum-wrap .sum-img img {width: 30rem; margin-bottom: 4.2rem;}
.evt .container-box .options-wrap #option2 .sum-wrap .sum-img img {width: 21.4rem; margin-bottom: 4.2rem;}
.evt .container-box .options-wrap #option3 .sum-wrap .sum-img img {width: 23.6rem; margin-bottom: 4.2rem;}
.evt .container-box .options-wrap .item-box .sum-wrap .sum-img .sum-nm {display: flex; justify-content: center; align-items: center; width: 100%; height: 7rem; background: #1D5FD0; border-radius: 1.2rem; color: #fff; font-size: 3rem; font-weight: 500;}
.evt .container-box .options-wrap .item-box.left .item-explan {margin-left: 9.9rem;}
.evt .container-box .options-wrap .item-box.right .item-explan {margin-right: 9.9rem;}
.evt .container-box .options-wrap .item-box .item-explan h3 {font-weight: 500; font-size: 3.6rem; line-height: 5.2rem; color: #3D5580; margin: 0; text-align: left;}
.evt .container-box .options-wrap .item-box .item-explan .explan-list .list-nm {display: flex; font-weight: 600; font-size: 3rem; color: #1D5FD0; padding: 0; margin-bottom: 2rem;}
.evt .container-box .options-wrap .item-box .item-explan .explan-list ul {padding: 4.8rem 0; border-bottom: 0.3rem dashed #D0E1FE;}
.evt .container-box .options-wrap .item-box .item-explan .explan-list ul li {display: flex; align-items: center; font-weight: 500; font-size: 2.8rem; line-height: 4.8rem; color: #666;}
.evt .container-box .options-wrap .item-box .item-explan .explan-list ul li::before {content: ''; display: inline-block; width: 0.8rem; height: 0.8rem; background: #1D5FD0; border-radius: 100%; margin-right: 1rem;}
.evt .container-box .apply-form-wrap {flex-flow: column; width: 100%; height: 105.5rem; background: linear-gradient(108.48deg, #AAE2DF 0%, #F5C7F5 100%);}
.evt .container-box .apply-form-wrap .content {width: 70rem; background: transparent; margin: 0 auto;}
.evt .container-box .apply-form-wrap .content h2 {font-weight: 600; font-size: 4.8rem;}
.evt .container-box .apply-form-wrap .content h5 {font-weight: 400; font-size: 2.8rem; color: #666; margin-bottom: 2rem;}
.evt .container-box .apply-form-wrap .content form .input-wrap input {width: 100%; height: 6rem; margin-top: 2rem; text-align: center; border-radius: 0.9rem; font-size: 1.8rem; border: none;}
.evt .container-box .apply-form-wrap .content form .input-wrap input:focus {outline: 0.2rem solid #000;}
.evt .container-box .apply-form-wrap .content form .agree-box {display: flex; align-items: center; justify-content: space-between; padding: 2rem 0; margin: 2.3rem 0;}
.evt .container-box .apply-form-wrap .content form .agree-box .form-chk label {font-size: 1.8rem; padding-left: 3.5rem; color: #666; font-weight: 500;}
.evt .container-box .apply-form-wrap .content form .agree-box .form-chk [type="checkbox"]:not(:checked) + label:before, .evt .container-box .apply-form-wrap .content form .agree-box .form-chk [type="checkbox"]:checked + label:before {width: 2.4rem; height: 2.4rem; background: #3D5580; border: none; border-radius: 0.6rem;}
.evt .container-box .apply-form-wrap .content form .agree-box .form-chk [type="checkbox"]:not(:checked) + label:after, .evt .container-box .apply-form-wrap .content form .agree-box .form-chk [type="checkbox"]:checked + label:after {width: 2.4rem; height: 2.4rem; border-radius: 0.6rem; background: url(/images/form-checked2-c072d4e7b29ee1ca65d2dc51ff2bb0f9.png) 0 0 no-repeat;}
.evt .container-box .apply-form-wrap .content form .agree-box button {width: 10rem; height: 3.6rem; color: #666; background: transparent; border: 0.1rem solid #666; border-radius: 0.6rem; font-size: 1.4rem;}
.evt .container-box .apply-form-wrap .content form .apply-btn {width: 33rem; height: 8rem; border-radius: 1.2rem; background: rgba(0, 0, 0, 0.6); font-size: 2.4rem; font-weight: 500;}


/* 상품 리스트 live 에니메이션 추가 */
.label-orange .label-live {display:inline-block; color:#fff; animation: flashLive 2.5s infinite;}
@keyframes flashLive {
    0%,50%, to {opacity:1}
    25%,75% {opacity:0.2}
}


/* ================================================
    주문 프로세스 및 주문 페이지 변경
   ================================================ */
.charts-wrap.sub.fold {min-height:auto;}
.charts-wrap.sub.fold .charts-con {min-height:auto; overflow:hidden}
.charts-wrap.sub.fold .rChart-sum {margin-bottom:0;}
.charts-wrap.sub.fold .chart-graph-area,
.charts-wrap.sub.fold .rChart-graph .rcharts-wrap,
.charts-wrap.sub.fold .rChart-graph .scopi-info,
.charts-wrap.sub.fold .rChart-table,
.charts-wrap.sub.fold .rChart-table .chart-tab-area,
.charts-wrap.sub.fold .rChart-table .table-list-area {visibility:hidden;}
.charts-wrap.sub.fold .rChart-table {height:0}
.charts-wrap.sub.fold .rChart-graph {width: 100%; padding-right:0; height:13rem}
.charts-wrap.sub.fold .exchange {position:absolute; bottom:5.3rem; font-size:1.4rem}
.charts-wrap.sub.fold .exchange .number,
.charts-wrap.sub.fold .exchange .unit {font-size:1.4rem;}

.charts-wrap.sub.fold .fold-right-price {display:flex; justify-content:flex-end;}
.fold-right-price {display:none; position:absolute; bottom:2rem; right:3rem; width:43rem}
.fold-right-price .tit {font-size:1.2rem; margin-right:1rem}
.fold-right-price .tit .unit {color:#999}
.fold-right-price .diver {font-size:1.1rem; padding:0 0.3rem; color:#999}
.fold-right-price .price-box {display:flex; font-size:1.2rem}
.fold-right-price .price-box .wrhous {margin-right:0.2rem; color:#666}
.fold-right-price .price-box .price.up {color:#fb1a31}
.fold-right-price .price-box .price.down {color:#1e60d1}

.charts-wrap.sub .btn-chart-fold {display:block;}
.btn-chart-fold {display:none; width:100%; text-align:center; margin-top:2.5rem;}
.btn-chart-fold .btn-fold {position:relative; font-size:1.4rem; padding-left:1.2rem; color:#fff; background:none;}
.btn-chart-fold .btn-fold:before{content: ''; width:0; height:0; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); border-left:0.4rem solid transparent; border-right:0.4rem solid transparent; border-bottom:0.4rem solid #FF6600;}
.charts-wrap.sub.fold .btn-chart-fold .btn-fold:before{border-bottom:0; border-top:0.4rem solid #FF6600;}

/* 상품 목록 */
.prod-new-wrap .select-wrap dt, .deposit-table .table-wrap dt {color:#999a99; background:#fafafa}
.deposit-table .table-wrap dt {position: relative; font-size: 1.3rem;}
.deposit-table .table-wrap dt::after {content: ''; display: inline-block; width: 0.1rem; height: 1.2rem; background: #DEDEDE; position: absolute; right: 0; top: 1.4rem;}
.deposit-table .table-wrap .deposit-vat dt::after {display: none;}
.prod-new-wrap .select-wrap dt.active {position:relative; color:#000;}
.prod-new-wrap .select-wrap dt.active:after {content:''; width:1.2rem; height:0.9rem; display:block; position:absolute; top:1.7rem; left:37%; border:.2rem solid #000; border-width:0 0 .2rem .2rem; transform:rotate(-45deg);}
.prod-new-wrap .select-wrap > div:nth-child(2) dt.active:after {left:34%}
.prod-new-wrap .select-wrap > div:nth-child(3) dt.active:after {left:31%}
.prod-new-wrap .form-chk-2 [type="radio"]:checked + label::before {content:''; height:3.5rem; background-color:#E9F0FD; left:0; top:0.3rem; bottom:0; border-radius:0.3rem;}
.prod-new-wrap .form-chk-2 [type="radio"]:checked + label span {position:relative; width:99%; color:#1D5FD0}
.prod-new-wrap .form-chk-2 [type="radio"]:checked + label span::before {content:''; width:0.6rem; height:0.6rem; border: 1px solid #1D5FD0; border-width: 0.1rem 0.1rem 0 0; position: absolute; top: 1rem; left:27rem; transform: rotate(45deg);}
.prod-new-wrap .form-chk-2 #brandSelect dd {position:relative}
.prod-new-wrap .form-chk-2 #brandSelect dd label span {width:99%; text-align:left; padding:0.5rem 2rem 0.5rem 5.8rem}
.prod-new-wrap .form-chk-2 #brandSelect dd label .not {margin-left:6rem}
.prod-new-wrap .form-chk-2 #brandSelect dd [type="radio"]:checked + label span::before {display:none}
.prod-new-wrap .form-chk-2 #brandSelect dd span.img {position:absolute; top:1rem; left:2rem;}
.prod-new-wrap .form-chk-2 #brandSelect .pd-more {display:none; position:absolute; top:1.5rem; right:1.7rem; width:6rem; font-size:1.2rem; font-weight:400; padding:0; color:#666}
.prod-new-wrap .form-chk-2 #brandSelect .pd-more::before {width:0; height:0; top:0.4rem; left:4.8rem; transform: rotate(-90deg); border:0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.4rem solid #666;}
.prod-new-wrap .form-chk-2 #brandSelect [type="radio"]:checked + label .pd-more,
.prod-new-wrap .form-chk-2 #brandSelect [type="radio"]:checked + label .pd-more::before {display:block}
/* 2022-12-09 | 상품검색(case : 내수판매)시 필드값 수정 | 브랜드명 > 제품명 */
.prod-new-wrap .form-chk-2 #prodSelect dd {position:relative}
.prod-new-wrap .form-chk-2 #prodSelect dd label span {width:99%; text-align:left; padding:0.5rem 2rem .5rem 5.8rem;}
.prod-new-wrap .form-chk-2 #prodSelect dd label .not {margin-left:6rem}
.prod-new-wrap .form-chk-2 #prodSelect dd [type="radio"]:checked + label span::before {display:none}
.prod-new-wrap .form-chk-2 #prodSelect dd span.img {position:absolute; top:1rem; left:2rem;}
.prod-new-wrap .form-chk-2 #prodSelect .pd-more {display:none; position:absolute; top:1.5rem; right:1.7rem; width:6rem; font-size:1.2rem; font-weight:400; padding:0; color:#666}
.prod-new-wrap .form-chk-2 #prodSelect .pd-more::before {width:0; height:0; top:0.4rem; left:4.8rem; transform: rotate(-90deg); border:0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.4rem solid #666;}
.prod-new-wrap .form-chk-2 #prodSelect [type="radio"]:checked + label .pd-more,
.prod-new-wrap .form-chk-2 #prodSelect [type="radio"]:checked + label .pd-more::before {display:block}
.prod-new-wrap .form-chk-2 #prodSelect .multi [type="radio"]:checked + label::before {height:6.5rem;}

/* 관심상품 */
.cart-item-new-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; }
.cart-item-new-wrap .item-box {position:relative; width:22.4rem; text-align:center; padding:2.5rem 2.5rem 2rem; border:1px solid #DEDEDE;}
.cart-item-new-wrap .item-box:not(.no-data) {display: flex; flex-direction: column; justify-content: space-between;}
.cart-item-new-wrap .item-box:hover {border-color:#157ce1; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.cart-item-new-wrap .item-box .cart-item-delete {display:none; position:absolute; top:0.8rem; right:1rem;}
.cart-item-new-wrap .item-box .cart-item-delete .delete {width:1.4rem; height:1.4rem; padding:0; text-indent:-9999px; background:url(/images/btn-x-32c146ee886a5670dd05fc9cca86a415.png) 0 0 no-repeat; background-size:1.4rem;  color:#999; opacity:0.8}
.cart-item-new-wrap .item-box:hover .cart-item-delete {display:block;}
.cart-item-new-wrap .item-box .cart-pd-name {font-size:1.2rem; font-weight: 400; color:#999aa9; line-height:1.8rem}
.cart-item-new-wrap .item-box .cart-pd-name .name {display:block; color:#999aa9;}
.cart-item-new-wrap .item-box .cart-pd-name .diver {color:#999aa9; padding:0 0.1rem}
.cart-item-new-wrap .item-box .cart-pd-name .brand-group {display:block; color:#999aa9;}
.cart-item-new-wrap .item-box .cart-pd-name .cart-brand .brand {display:block; /*height:2.5rem;*/ width:100%; font-size:1.8rem; margin-top:0.5rem; color:#000; line-height: 1.25;}
/* 2023-01-02 관심상품 목록 > 국기 outline 추가 */
.cart-item-new-wrap .item-box .cart-pd-name .cart-brand {margin:1.3rem 0 0rem; display: flex; flex-direction:column; align-items: center;}
.cart-item-new-wrap .item-box .cart-pd-name .cart-brand .nation img{outline: 1px solid #dedede;}
/* 2023-01-02 관심상품 목록 > 제품명 추가 */
.cart-item-new-wrap .item-box .cart-pd-name .cart-brand .product-name {height: 4.5rem;width: 100%;font-size: 1.5rem;margin-top: 0.5rem;color: #000;display: flex;align-items: center;justify-content: center;flex-direction: column;line-height: 1.3;}
.cart-item-new-wrap .item-box .cart-pd-name .cart-brand .product-name .detail-info {font-size: 1.2rem;display: inline-block;}
.cart-item-new-wrap .item-box .cart-pd-name .wrhous {margin-bottom:1.2rem; color:#999AA9}

.cart-item-new-wrap .item-box .cart-pd-price .label-orange {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color:#E30505;}
.cart-item-new-wrap .item-box .cart-pd-price .label-navy {width:6.6rem; height:2rem; line-height:2rem; display:inline-block; color:#fff; font-size:1.2rem; text-align:center; background-color:#17315e;}
.cart-item-new-wrap .item-box .cart-pd-price .price {display:block; font-size:1.4rem; margin:1.2rem 0 1.5rem;}
.cart-item-new-wrap .item-box .cart-pd-price .price .unit {font-size:1.3rem;}
.cart-item-new-wrap .item-box .cart-pd-price.up .price,
.cart-item-new-wrap .item-box .cart-pd-price.up .price .unit {color:#FD3535}
.cart-item-new-wrap .item-box .cart-pd-price.down .price,
.cart-item-new-wrap .item-box .cart-pd-price.down .price .unit {color:#1d5fd0}

.cart-item-new-wrap .item-box.no-data {min-height:27.4rem; text-align:center; border-style:dashed; background-color:#fafafa}
.cart-item-new-wrap .item-box.no-data .cart-number {display:inline-block; width:4.6rem; height:4.6rem; font-size:1.8rem; font-weight:600; line-height:2.5; margin:7.5rem 0 1rem; background-color:#cdcdcd; border-radius:50%; color:#fff}
.cart-item-new-wrap .item-box.no-data .txt {color:#999AA9}
.cart-item-new-wrap .item-box.no-data:hover {border-color:#dedede; box-shadow: 0 0 0}

/* 장바구니 페이지 변경 : type3 */
.cart-item-wrap.type3 {justify-content:flex-start }
.cart-item-wrap.type3 .figure-con {width:59rem;}
.cart-item-wrap.type3 .figure,
.cart-item-wrap.type3 .figure img {width:12rem; height:12rem;}
.cart-item-wrap.type3 .pd-brand-info {display:flex; width:100%; justify-content:space-between}
.cart-item-wrap.type3 .pd-brand-info .pd-brand {display:flex; font-size:1.8rem; font-weight:500;}
.cart-item-wrap.type3 .pd-brand-info .pd-brand .brand-nation {margin-right:1rem}
.cart-item-wrap.type3 .pd-brand-info .pd-brand .brand-nation img {outline:1px solid #dedede;}
.cart-item-wrap.type3 .pd-brand-info .pd-brand .pd-label {width:3rem; height:2rem; margin-right:1rem; font-size:1.2rem; font-weight:500; text-align:center; line-height:1.8; background-color:#999AA9; color:#fff}
.cart-item-wrap.type3 .pd-brand-info .pd-alarm [class^=btn-] {position:relative;}
.cart-item-wrap.type3 .pd-brand-info .pd-alarm [class^=btn-] button {vertical-align:top; width:2.2rem; height:2.2rem; text-indent:-9999px; background:url(/images/pd/icon_pd_alarm-e579755a9eef9b9f00babb196a256434.png) center no-repeat}
.cart-item-wrap.type3 .pd-brand-info .pd-alarm .btn-ct .ico-ct {background:url(/images/pd/icon_pd_fa-c9e68f34e7338aeb0c8640d4ed0d1ce9.png) center no-repeat}
.cart-item-wrap.type3 .pd-brand-info .pd-alarm .btn-al.on .ico-alarm {background:url(/images/pd/icon_pd_alarm_on-94cbd9128de29658b107d4ecb2fa1153.png) center no-repeat}
.cart-item-wrap.type3 .pd-brand-info .pd-alarm .btn-ct.on .ico-ct {background:url(/images/pd/icon_pd_fa_on-d39ebf213867b03f67049c9800558f6c.png) center no-repeat}
.cart-item-wrap.type3 .pd-brand-info .pd-alarm [class^=btn-] .ico-txt {display:none; position:absolute; top:-3.5rem; left:-8rem; width:18rem; height:2.5rem; font-size:1.1rem; line-height:2.1; text-align:center; border:1px solid #ddd; border-radius:0.3rem; background:#fff; color:#000}
.cart-item-wrap.type3 .pd-brand-info .pd-alarm [class^=btn-]:hover .ico-txt {display:block;}
.cart-item-wrap.type3 .pd-brand-info .pd-alarm [class^=btn-] .ico-txt::after {content: ''; width: 1rem; height: 1rem; position: absolute; bottom:-0.2rem; left: 50%; border: 1px solid #cdcdcd;border-width: 0.1rem 0.1rem 0 0; transform: rotate(135deg) translateX(50%); background-color: #fff;}

.cart-item-wrap.type3 .pd-name, .cart-item-wrap.type3 .pd-feature {display:flex; justify-content: space-between; margin-top: 1.5rem;}
.cart-item-wrap.type3 .pd-name > span, .cart-item-wrap.type3 .pd-feature > span {display: flex;justify-content: center;align-items: center;width: 14rem;padding: 0.7rem 0;background-color: #E9F0FD;color: #1D5FD0;border-radius: 0.3rem;font-size: 1.2rem;font-weight: 500;line-height: 1.2;text-align: center;}
.cart-item-wrap.type3 .pd-name > span {width: 19rem;}
.cart-item-wrap.type3 .pd-feature > span {padding: 0.7rem 0.5rem;}
.cart-item-wrap.type3 .pd-feature + .pd-unit-price {margin-top: 1.5rem;}
.cart-item-wrap.type3 .label-desc {margin-left:0.5rem}
.cart-item-wrap.type3 .pd-unit-price .u-price.up {color:#E30505}
.cart-item-wrap.type3 .pd-unit-price .u-price.down {color:#0962fc;}

.cart-item-wrap.type3 .btns {width:34rem; margin-left:auto;}
.cart-item-wrap.type3 .btns p {color:#999a99}
.cart-item-wrap.type3 .btns .input-button-wrap {width:100%}
.cart-item-wrap.type3 .btns .input-button-wrap .radio-btn {width:8rem; height:3.6rem; flex-grow: 1;}
.cart-item-wrap.type3 .btns .input-button-wrap .radio-btn.disabled {background-color:#f1f1f1; border-color:#ddd; cursor:default}
.cart-item-wrap.type3 .btns .input-button-wrap .radio-btn.disabled span {color:#999aa9;}
.cart-item-wrap.type3 .btns .input-button-wrap .radio-btn.selected {background-color:#f1f1f1; border-color:#ddd; pointer-events : none;}
.cart-wrap.section .inwrap .h2 {font-size:1.8rem}
.datepicker-wrap .datepicker.disabled {background-color:#f1f1f1; border-color:#ddd; cursor:default;}
.datepicker-wrap .datepicker.disabled::placeholder {color: #999aa9;}
.datepicker-wrap .datepicker.disabled::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #999aa9;}
.datepicker-wrap .datepicker.disabled:-moz-placeholder { /* Firefox 18- */ color: #999aa9;}
.datepicker-wrap .datepicker.disabled::-moz-placeholder { /* Firefox 19+ */ color: #999aa9;}
.datepicker-wrap .datepicker.disabled:-ms-input-placeholder { /* IE 10+ */ color: #999aa9;}
.datepicker-wrap .datepicker.disabled::-ms-input-placeholder { /* Edge */ color: #999aa9;}
.datepicker-wrap .datepicker.disabled:placeholder-shown { /* Standard one last! */ color: #999aa9;}

/* 주문 페이지 / datepicker */
.order-page.input-button-wrap {justify-content: space-between;}
.order-page.input-button-wrap .radio-btn {margin-left: 0;}
.ui-widget.ui-widget-content {border-color: #DEDEDE !important}
.ui-widget.ui-widget-content.pd-datepicker {max-width: 340px; padding: 2.7rem 3rem 10rem;}
.ui-widget.ui-widget-content.pd-datepicker.sr-mall {padding-bottom: 11rem;}
.ui-widget.ui-widget-content.pd-datepicker:before {white-space: pre; font-family: 'S-CoreDream', 맑은고딕, Malgun Gothic, dotum, sans-serif;height:2.2rem; font-size:1.2rem; text-indent:2.3rem; line-height:1.75; letter-spacing:-1px; background:#fff url(/images/icon_info-e26cfe84cdfac9564f6e19da8844fa72.png) 0 0 no-repeat;background-position-y: 0.4rem; color:#666;position: absolute;bottom: 2.5rem;}
.ui-widget.ui-widget-content.pd-datepicker.live:before {content:'선택한 중량의 주문가능날짜만 안내합니다.\a\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0 100톤 선택 후, 중량이 없을 경우 75톤 이하 즉 하위 중량\a\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0 선택하여 진행하세요.';}
.ui-widget.ui-widget-content.pd-datepicker.submtr:before {content:'금일 기준 30일 이후 날짜부터 선택 가능합니다.';}
.ui-widget.ui-widget-content.pd-datepicker.sr-mall:before {content:'선택한 중량의 주문가능날짜만 안내합니다.';}
.order-page.datepicker-wrap {display: flex; align-items: center; position: relative; border: 1px solid #DEDEDE; border-radius: 3px; margin-top: 1rem;}
.order-page.datepicker-wrap .datepicker {height: 3.6rem; width: 100%; border: none; border-radius: 0;}
.order-page.datepicker-wrap .datepicker::placeholder {color: #000;}
.order-page.datepicker-wrap span {position: absolute; left: 0.9rem;}
.order-page.datepicker-wrap img {position: absolute; right: 0.9rem;}
.ui-datepicker-buttonpane button.ui-datepicker-current {display:none;}
.ui-datepicker {margin-top: 3rem !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {position:absolute;bottom:1.5rem;left: 50%;transform: translateX(-50%);font-family: 'S-CoreDream', 맑은고딕, Malgun Gothic, dotum, sans-serif;font-size: 1.4rem;height: 3.6rem;line-height: 3.6rem;width: 8rem}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover, .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:focus {background-color: #0241ac;}
.ui-datepicker th.ui-datepicker-week-end.ui-datepicker-current-day:last-of-type span, .ui-datepicker td.ui-datepicker-week-end.ui-datepicker-current-day:last-of-type a,
.ui-datepicker th.ui-datepicker-week-end.ui-datepicker-current-day:first-of-type span, .ui-datepicker td.ui-datepicker-week-end.ui-datepicker-current-day:first-of-type a {color: #fff;}

/*알루미늄 주문하기 , 모달팝업*/
.modal-content {padding: 5rem 4rem 4rem;}
.download-btn {width: 10.3rem; height: 3rem;}
#sorinModalDownload .modal-content {max-width: 80rem; width: 100%; padding: 6rem 4rem 4rem;}
.order.modal .modal-content {max-width: 100rem; width: 100%; padding: 6rem 4rem 4rem;}
.order.modal .btn-pdf {background: #FA2424; border: 1px solid #B30707; border-radius: 3px; width: 3rem; height: 3rem; font-size: 1.1rem; font-weight: 600;}
.order.modal .modal-content .tbl.t2 thead th {height: 6rem; font-size: 1.6rem;}
.date-change-info {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background: #E9F0FD; color: #1D5FD0; padding: 2.6rem 22rem; margin-top: 3rem;}
.date-change-info span {width: 38.6rem; color: #1D5FD0; text-align: center; line-height: 2.2rem;}
.date-change-info button {width: 12rem; margin-top: 1.2rem; margin-right: 1rem;}
.date-change-info button:last-child {margin-right: 0;}
#sorinModalStock .box-blue .txt {width: 38.6rem; color: #1D5FD0; line-height: 2rem;}
#sorinModalStock .box-blue .txt .data-v {color: #1D5FD0;}


/* 주문완료 페이지 */
.ordersheet-wrap.type2 .inwrap {display:flex; justify-content: center; gap: 3rem; min-height: 60rem;}
.ordersheet-wrap.type2 .hgroup-main {/*position: absolute; top: 0; left: 0; align-self:flex-start; margin-right:3rem;*/width:30rem; border-radius:1.5rem; background:none;}
.ordersheet-wrap.type2 .hgroup-main > div {position:relative; padding-bottom:0;}
.ordersheet-wrap.type2 .hgroup-main .h2 {display:flex; justify-content:center; align-items:center; height:10rem; border-radius:1.5rem; margin-bottom:0; font-size:2.4rem; font-weight:600;background-color: #fff;box-shadow: 0px 1px 10px 0 rgb(0 0 0 / 5%);}
.ordersheet-wrap.type2 .hgroup-main .h2:before,
.ordersheet-wrap.type2 .hgroup-main .h2:after {content:''; position:absolute; top:8.9rem; display:inline-block; width:1.2rem; height:2.4rem; background:#f8f8f8;}
.ordersheet-wrap.type2 .hgroup-main .h2:before {left:0; border-bottom-right-radius: 2.4rem; border-top-right-radius: 2.4rem;}
.ordersheet-wrap.type2 .hgroup-main .h2:after {right:0; border-bottom-left-radius: 2.4rem; border-top-left-radius: 2.4rem;}
.ordersheet-wrap.type2 .hgroup-main .p {font-size:1.4rem; line-height:1.8; padding:5rem 2rem; border-top:2px dashed #cdcdcd; border-radius:1.5rem; color:#999a99; border-radius:1.5rem; background-color: #fff;box-shadow: 0px 1px 10px 0 rgb(0 0 0 / 5%);}
.ordersheet-wrap.type2 .hgroup-main .p .img-order {display:block; width:100%; text-align:center; margin-bottom:2rem}
.ordersheet-wrap.type2 .hgroup-main .p .hr {position:relative; display:block; width:80%; height:1rem; margin:2.5rem 0 0 2.5rem; background:#E9F0FD;}
.ordersheet-wrap.type2 .hgroup-main .p .txt {position:relative; display:block; height:2.3rem; margin-top:-2rem; font-weight:500; text-align:center; font-size:1.2rem;}

.ordersheet-wrap.type2 .plate {width:87rem}
.ordersheet-wrap.type2 .plate .h3 {font-size:1.6rem}
.ordersheet-wrap.type2 .plate .tbl-v th {background:none; font-weight:400; text-align:left; padding:0 2rem; color:#999a99}
.ordersheet-wrap.type2 .plate .tbl-v td {font-weight:400; color:#000;}
.ordersheet-wrap.type2 .plate .ordersheet-detail {margin-top:4rem}
.ordersheet-wrap.type2 .plate .ordersheet-detail .p1 {font-size:1.2rem; color:#999a99}
.ordersheet-wrap.type2 .plate .ordersheet-detail .p1 span {font-weight:500;}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list {width:90%; margin:0 auto; border-top:1px dashed #dedede; border-bottom:1px dashed #dedede}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list li {border:0;}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list li:first-child {padding-top:1.5rem}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list li:last-child {padding-bottom:1.5rem}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list li div.in {padding:0.8rem 2.5rem}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list li div.in .list-data {padding:0}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list li div.in .list-data dt {font-size:1.2rem; font-weight:400; color:#999a99}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list li div.in .list-data dd {font-size:1.2rem; font-weight:400; color:#000; width: 46rem; line-height: 1.7rem;}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list li div.in .list-data .unit {margin-left:0.4rem}
.ordersheet-wrap.type2 .plate .ul-contractor {border-top:2px solid #000; border-bottom:1px solid #dedede}
.ordersheet-wrap.type2 .plate .ul-contractor li {display:flex; justify-content:space-between; margin:1.5rem 0; padding:0 1.5rem}
.ordersheet-wrap.type2 .plate .ul-contractor li span {font-size:1.2rem; line-height:1.5}
.ordersheet-wrap.type2 .plate .ul-contractor li span.dt {width:28%; text-align:left; font-weight:400; color:#999a99}
.ordersheet-wrap.type2 .plate .ul-contractor li span.dd {width:72%; text-align:right;  font-weight:400; color:#000}

/* 24.01.11 | 주문완료 페이지 > 상시할인 & 페이백 영역 추가 */
.ordersheet-wrap.type2 .hgroup-main .cont {padding: 6rem 3.8rem; border-top: 2px dashed #cdcdcd; border-radius: 1.5rem; background-color: #fff; box-shadow: 0px 1px 10px 0 rgb(0 0 0 / 5%);}
.ordersheet-wrap.type2 .hgroup-main .cont  .img-order {margin-bottom: 2.5rem;}
.ordersheet-wrap.type2 .hgroup-main .cont p {font-size: 1.4rem; line-height: 1.57; color: #999a99;}
.ordersheet-wrap.type2 .hgroup-main .cont p strong {display: block;}
.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list {margin: 1rem 0; padding: 0;}
.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list dl {margin-bottom: 1.2rem; display: flex; align-items: center; justify-content: space-between;}
.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list dl:last-of-type {margin-bottom: 0;}
.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list dl dt {font-size: 1.2rem; font-weight: 500;}
.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list dl dd .price {font-weight: 600;}
.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list dl.promotion.payback dt,
.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list dl.promotion.payback dd.unit .num  {color: #1D5FD0;}
.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list dl.promotion.discount dt,
.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list dl.promotion.discount dd.unit .num {color: #037869;}

.ordersheet-wrap.type2 .hgroup-main .cont .promotion-list .total {display: flex; align-items: center; justify-content: center; height: 3rem; margin: 1.7rem 0 1.3rem; font-size: 1.2rem; font-weight: 500; color: #FF6600; text-align: center; background: #F5F5F5; border-radius: 3rem;}
.ordersheet-wrap.type2 .hgroup-main .cont .thanks {line-height: 1.4; word-break: keep-all;}
.ordersheet-wrap.type2 .hgroup-main .cont .thanks span {position: relative; z-index: 1; font-size: 1.2rem; font-weight: 500; color: #000; text-align: center;}
.ordersheet-wrap.type2 .hgroup-main .cont .thanks span::after {content: ""; position: absolute; top: 60%; left: 50%; transform: translateX(-50%); z-index: -1; width: 100%; padding: 0 0.5rem; height: 0.8rem; background: #E9F0FD;}


/* 마이페이지 마케팅 활용동의 관련 추가 사항 */
.tbl-v.t3 .box-agree-top {margin-top:3rem}
.tbl-v.t3 .box-agree-top .agree-title .signup-h3 {font-size:1.4rem}
.tbl-v.t3 .box-agree-wrap.type2 {border:0}
.tbl-v.t3 .box-agree-wrap.type2 .box-agree {position:relative; width:100%; padding:0 0 2rem; border:0;}
.tbl-v.t3 .box-agree-wrap.type2 .box-agree .info-more {position:absolute; top:-0.7rem; left:38rem; height:3rem}
.btn-wrap .btn-mypage-cancel {background-color:#cdcdcd; border:0}

/* 마이페이지 관심상품 탭 추가 및 디자인 변경 */
.section.myage-favorites {max-height:90rem; overflow:hidden}
.section.myage-favorites .cart-item-wrap.type3 {padding:2.95rem 2rem 2.9rem}
.section.myage-favorites .cart-item-wrap.type3 .figure-con {width:58rem}
.section.myage-favorites .cart-item-wrap.type3 .btns {width:17rem}
.section.myage-favorites .cart-item-wrap.type3 .btns button {display:inline-block; width:8rem; height:3.6rem; font-size:1.4rem; min-width:8rem; margin-left:0.5rem; margin-top:0}
.section.myage-favorites .cart-item-wrap.type3 .pd-name {justify-content:flex-start; gap:0.5rem;}
.section.myage-favorites .cart-item-wrap.type3 .pd-name > span {width:14rem}
.section.myage-favorites .cart-item-wrap.type3 .pd-name > span.item {width:22.5rem;}
.section.myage-favorites .cart-item-wrap.type3 .pd-name > span.brand-group {width: 15rem;}
.section.myage-favorites .cart-item-wrap.type3 .pd-feature {justify-content: flex-start; gap: 0.5rem;}
.section.myage-favorites .cart-item-wrap.type3 .pd-feature > span {width: unset; padding: 0.7rem 2.3rem;}
.section.myage-favorites .cart-item-wrap.type3 .pd-feature > span.type {width:10.4rem;}
.section.myage-favorites .cart-item-wrap.type3 .pd-feature > span.item {width:17.4rem;}
.section.myage-favorites .cart-item-wrap.type3 .pd-feature > span.brand-group {width:10.4rem;}
.section.myage-favorites .cart-item-wrap.type3 .pd-unit-price .u-price {margin-left:0.5rem}
.btn-favorites-more {width:27.5rem}

/* 고정가 주문하기 */
.weightInputWrap {position:relative;}
.weightInputWrap label {position: absolute;right: 1rem;top: 1.3rem;color: #999AA9;}
.weightInputWrap input {width: 100%;height: 4rem;text-align: center;}
.weightInputWrap input::placeholder {color:#000;}

/* 마이페이지 > 회원등급 산정 안내 팝업 추가 22.06.30 */
.rank-info .modal-content {overflow: auto;}
.rank-info .rank-info-box {display: flex; background: #E9F0FD; justify-content: space-between; align-items: center; padding: 1.6rem 2rem;}
.rank-info .rank-info-box .icon-info-txt {background: url(/images/icon_info-e26cfe84cdfac9564f6e19da8844fa72.png) 0 0 no-repeat;}
.rank-info .rank-info-box .date {font-size: 1.2rem;}
.rank-info .tit {display: flex; align-items: center; justify-content: space-between; padding: 2rem 0 1rem;}
.rank-info .tit span {font-size: 1.6rem; font-weight: 500;}
.rank-info .tit span.info-txt {color: #999AA9; font-size: 1.4rem; font-weight: 400;}
.rank-info table thead th {line-height: 2rem;}
.rank-info table thead th.line {border-right: 1px solid #dedede;}
.rank-info table thead th.imaginary-no::before {display: none;}
.rank-info table tbody td {text-align: center; width: 15rem;}
.rank-info table .rank-box {display: flex; justify-content: flex-start; align-items: center; padding-left: 2rem;}
.rank-info table .rank-box .rank {display: inline-block; width: 2rem; height: 2rem; margin-right: 0.7rem;}
.rank-info table .rank-box .bronze {background: url(/images/my/icon_bronze-feea76b4f925974efba989de13024f0d.png) 0 0 no-repeat; background-size: cover;}
.rank-info table .rank-box .silver {background: url(/images/my/icon_silver-582079e5829f7d0c51bce122ba78a3dc.png) 0 0 no-repeat; background-size: cover;}
.rank-info table .rank-box .gold {background: url(/images/my/icon_gold-c82d8577cf2f57910c3d3578b0b315dd.png) 0 0 no-repeat; background-size: cover;}
.rank-info table .rank-box .platinum {background: url(/images/my/icon_platinum-7b7e255a70702e7bd5bf8d5a4aedac78.png) 0 0 no-repeat; background-size: cover;}
.rank-info table .rank-box .diamond {background: url(/images/my/icon_diamond-7c38f152d28b6aac39956feb842a26a4.png) 0 0 no-repeat; background-size: cover;}


/* 마이페이지 > 회원등급 평가 안내 팝업 추가 23.09.06 */
.my-info-wrap .my-box-head {position: relative;}
.my-info-wrap .my-box-head .btn-rank-info {position: absolute; top: 50%; right: 3rem; transform: translateY(-50%); padding-right: 0.7rem; background: unset;font-size: 1.2rem; font-weight: 400; color: #fff; transition: 0.3s;}
.my-info-wrap .my-box-head .btn-rank-info::before,
.my-info-wrap .my-box-head .btn-rank-info::after {content:""; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(45deg); width: 0.1rem; height: 1rem; background-color: #fff; transition: 0.3s;}
.my-info-wrap .my-box-head .btn-rank-info::after {transform: translateY(-50%) rotate(-45deg);}
.my-info-wrap .my-box-head .btn-rank-info:hover {color: #999AA9;}
.my-info-wrap .my-box-head .btn-rank-info:hover::before,
.my-info-wrap .my-box-head .btn-rank-info:hover::after {background-color: #999AA9;}

.my-info-wrap .my-box-contents .rank-score {position: absolute; bottom: 3rem; right: 3rem; width: 6.5rem; border-radius: 0.6rem; overflow: hidden; text-align: center;}
.my-info-wrap .my-box-contents .rank-score dt {font-size: 1.2rem; line-height: 2.2rem; font-weight: 500; color: #fff; background-color: #999AA9; }
.my-info-wrap .my-box-contents .rank-score dd {font-size: 2.4rem; line-height: 4rem; font-weight: 600; color: #fff; background: rgb(67,91,121); background: linear-gradient(-180deg, rgba(67,91,121,1) 0%, rgba(43,66,95,1) 100%);}

.modal-rank-info .section .article + .article {margin: 4rem 0;}
.modal-rank-info .modal-content {max-height: 91vh;}
.modal-rank-info .hgroup {margin-bottom: 2rem;}
.modal.modal-rank-info .hgroup h2,
.modal.modal-rank-info .hgroup h3 {margin: 0;}
.modal-rank-info .info-txt {font-size: 1.2rem; font-weight: 400; color: #666666;}
.modal-rank-info .info-txt li {position: relative; margin-right: 2.1rem;}
.modal-rank-info .info-txt li:last-child {margin-right: 0;}
.modal-rank-info .info-txt li::after {content: ""; position: absolute; top: 50%; right: -1rem; transform: translateY(-50%); width: 0.1rem; height: 0.9rem;background-color: #D9D9D9;}
.modal-rank-info .info-txt li .title {font-size: 1.2rem; font-weight: 400; color: #999AA9;}

.modal-rank-info .tbl thead th {height: 5.1rem !important; font-size: 1.4rem; font-weight: 400; background-color: #FAFAFA; border-right: 0;}
.modal-rank-info .tbl tbody th,
.modal-rank-info .tbl tbody td {height: 5.1rem !important; font-size: 1.4rem; text-align: center; font-weight: 400;}
.modal-rank-info .tbl tbody td .icon-rank img {width: 2rem;}

.modal-rank-info .tbl tbody td.rank-sum {font-weight: 600;}
.modal-rank-info .tbl tbody td.td-rank {padding-left: 7rem;}
.modal-rank-info .tbl tbody td.td-rank .icon-rank {position: absolute; top: 0;/*bottom:0;*/ left:0; background-color: #50545C; width: 5rem; height: 5rem;}

.modal-rank-info .tbl .line {border-right: 1px solid #dedede;}
.modal-rank-info .tbl .line:last-child {border-right: unset;}
.modal-rank-info .tbl .imaginary-no::before {display: none;}
.col-1D5FD0 {color: #1D5FD0!important;}
.modal-rank-info .tbl.t2 tbody td {position: relative;}
.modal-rank-info .tbl.t2 thead th + th::before,
.modal-rank-info .tbl.t2 tbody td + td::before {content: ""; width: 0.1rem; height: 1.2rem; display: block; background-color: #dedede; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%);}
.modal-rank-info .tooltip-txt {margin-bottom: 1rem; font-size: 1.2rem;}
.modal-rank-info .tooltip-txt:last-child {margin-bottom: 0rem;}
.modal.modal-rank-info .tooltip-txt::before {top: 0;}


/* 23.12.27 | 마이페이지 > 회원 등급 할인 안내 문구(.rank-info) 추가 및 등급점수(.rank-score) 주석 */
.my-dashboard-head .my-info-wrap .rank-info {position: absolute; top: 50%; right: 3rem; transform: translateY(-50%);font-size: 1.4rem; font-weight: 500; color: #fff;}
.my-dashboard-head .my-box-contents .rank-score {display: none;}


/* 마이페이지 > 쿠폰내역 - 추가 */
.coupon-input-wrap {padding: 4rem 4rem 3.5rem 4rem;}
.coupon-input-wrap .coupon-input {width: 43rem; height: 5rem !important; text-align: center; background: #F6F6F6; border: 1px solid #dedede;}
.coupon-input-wrap .coupon-input::placeholder {text-align: center;}
.coupon-input-wrap .coupon-input:focus {background: #fff;}
.coupon-input-wrap .coupon-btn {height: 5rem !important;}
.coupon-extra-txt {color: #999AA9;}


/* 22.11.23 마이페이지 > 마이페이지 홈 > 주문일, 배송요청일 추가 */
.date-info-list {position: absolute;top:0;right:0;/*margin-right: 1rem;*/display: flex;align-items: center;}
.date-info-list p {position: relative;margin-right: 0.8rem;display: flex;align-items: center;font-size:1.2rem;}
.date-info-list p::after {content:"";display: block;width: 1px;height: 1rem;margin-left: 0.9rem;background-color: #dedede;}
.date-info-list p:last-child {margin-right: 0;}
.date-info-list p:last-child::after {display:none;}
.date-info-list span {color: #999AA9;}
.date-info--delivery span,
.pd-order .date-info--delivery span {color: #000000;}


/* 22.11.23 원자재판매가격메뉴 신규 */
.col--106ada {color: #106ada !important;font-weight: inherit;font-size: inherit;}
.col--666666 {color: #666666 !important;font-weight: inherit;font-size: inherit;}
.bg--60ABF8 {background-color: #60ABF8 !important;}
.bg--5D7AAC {background-color: #5D7AAC !important;}
.bg--4D6999 {background-color: #4D6999 !important;}
.bg--F9F9F9 {background-color: #F9F9F9 !important;}
.bg--EFEFEF {background-color: #EFEFEF !important;}
.bg--E5F2FF {background-color: #E5F2FF !important;}
.font--wt {font-weight:500 !important;}

.sub-top-banner {width: 100%;height: 307px;background: url(/images/pr/price-top-bg-ad2bb2e4492aed21bfdee8f060329477.png);}
.sub-top-banner .inwrap {display: flex;align-items: center;}
.sub-top-banner .txt-wrap h2 {margin: 0.8rem 0 2.5rem 0;font-size: 4.2rem;font-weight: 500;color: #fff;text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.sub-top-banner .txt-wrap p {font-size: 1.8rem;line-height:1.55;font-weight: 500;color: #fff;text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}

.purchase-search {display: flex;align-items: center;justify-content: space-between;}
.purchase-search .order-condition-wrap {width: 23.4rem;}
.purchase-search .order-period-year {width: 16rem;}
.purchase-search .order-condition-wrap .order-condition-set {width: 100%;}
.purchase-search .order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 3rem;padding-right: 3rem; font-size: 1.4rem;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;text-align: center;}
.purchase-search .order-brand .order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 9rem;text-align: left;}
.purchase-search .order-period .order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {padding:0; }
.purchase-search .order-period-month {width: 15rem;}
.purchase-search .btn-blue-md {width: 9rem;height: 5rem;font-size: 1.6rem;}
.purchase-search .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #898989;}
.purchase-search .order-condition-wrap .order-condition-set .sel-tit {left: 1rem;}

/*
.purchase-search > div {margin-right: 2rem;}
.purchase-search > div:last-child {margin-right: 0;}
.purchase-search .order-period-wrap .datepicker-wrap,
.purchase-search  .order-period-wrap .datepicker-wrap .datepicker {width: 100%;}
*/

.purchase-top {margin-top: 5rem;margin-bottom: 2rem;display: flex;align-items: center;justify-content: space-between;}
.purchase-top h3{margin:0;font-size: 1.8rem;}
.purchase-top .bar-list {display: flex;align-items: center;/*margin-top: 0.4rem;*/}
.purchase-top .bar-list li {position: relative;font-size: 1.2rem;color: #000;line-height: 3rem;}
.purchase-top .bar-list li::after {content: '';display: inline-block;width: 1px;height: 10px;margin:0 0.9rem;background-color: #DEDEDE;}
.purchase-top .bar-list li:last-child::after {display: none;}
.purchase-top .bar-list li .unit {display: inline-block;margin-left: 0.8rem;;color: #999AA9}
.purchase-top .btn-stroke {max-width: 10rem;margin-left: 1.9rem;}

.ui-widget.ui-widget-content {min-width: 260px!important;}
.mtz-monthpicker .ui-state-active,
.mtz-monthpicker .ui-widget-content .ui-state-active,
.mtz-monthpicker .ui-widget-header .ui-state-active{position: relative;z-index: 2;border: 0;background: #fff;border-radius: 0.5rem;}

.mtz-monthpicker .ui-state-active::after {content:"";z-index: -1;width: 3.2rem;height: 3.2rem; position: absolute; top: 0;  bottom: 0; left: 0; right: 0;margin: auto;border-radius: 50%;background: #007fff;}
.mtz-monthpicker-year {padding: 0.5rem 1.2rem; border: 1px solid #c5c5c5;border-radius: 0.3rem;outline: none;}

.purchase-table table {width: 100%;border-top: 2px solid #2B425F;}
.purchase-table table tr {border-bottom: 1px solid #DEDEDE}
.purchase-table table thead tr {border-bottom: transparent}
.purchase-table table thead th {height: 5rem;vertical-align: middle;font-size: 1.4rem;line-height: 1.142;color: #fff;font-weight: 400;}
.purchase-table table thead th small {display: block;margin-top: 0.3rem;font-size: 1.1rem;color: #fff;}
.purchase-table .average-price {background-color: #E5F2FF}
.purchase-table .average-price-top,
.purchase-table .average-price-top .average-price {background-color: #FFF7E3 !important;}
.purchase-table .average-price-top th {color: #1D5FD0;font-weight: 500;}
.purchase-table .average-price-top td {color: #1D5FD0;}
.purchase-table table tr th,
.purchase-table table tr td {height: 50px;vertical-align: middle;font-size: 1.4rem;text-align: center;font-weight: 400;}

.purchase-table .th-bar {position: relative;}
.purchase-table .th-bar::after {content: '';position: absolute;top:0;bottom:0;right:0;margin: auto;width: 1px;height: 20px;background-color: #4B96E3;}
.purchase-table .th-bar2::after {background-color: #425D8A;}
.purchase-table .th-bar3::after {background-color: #D9D9D9;}

.purchase-table .no-data td {padding: 9.3rem 0;}
.purchase-wrap .btn-area {display: flex;justify-content: center;margin-top: 4rem;}
.purchase-wrap .btn-area .btn--init {width: 200px;height: 50px;font-size: 1.6rem;color: #fff;background-color: #1D5FD0;transition: 0.3s;}
.purchase-wrap .btn-area .btn--init:hover {background-color: #0241ac;}

.purchase-info {margin-top: 4rem;}
.purchase-info ul {padding: 2.5rem 0 3rem 3rem;background-color: #E9F0FD;}
.purchase-info ul li {position: relative;padding-left: 0.6rem;font-size: 1.2rem;line-height: 1.8;color: #1D5FD0;}
.purchase-info ul li::before {content:"";position: absolute;top:0.9rem;left:0;width: 3px; height: 3px;background-color: #6194F4;}



/* 22.11.24 여신서비스 사전신청 신규 */
.sub-visual {height: 60rem;background:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/images/pr/sub-visual-e9f9d0338cd22fe44bf51be9dc298045.jpg) no-repeat;background-size: cover;background-position: center;}
.sub-visual--credit {background-image:url(/images/lo/sub-visual--credit-f42ec870ddc81729cc89629d175319d3.jpg) }
.sub-visual .tit-area {padding-top: 14.5rem;}
.sub-visual .tit-area .banner-tt {font-size: 5rem;font-weight: 600;margin-top: 1rem;margin-bottom: 3.8rem;color: #fff;text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.sub-visual .tit-area .banner-st {font-size: 2rem;font-weight: 400;line-height: 1.7;color: #fff;margin-bottom: 15rem;}

.sub-visual .btn-area {width: 120rem;display: flex; align-items: center; justify-content: center;border: 1px solid #dedede;/*border-radius: .9rem;overflow: hidden;*/}
.sub-visual .btn-area li {/*width: 60rem;*/flex-grow: 1; text-align: center;}
.sub-visual .btn-area li a {width: 100%;height: 54px;display: flex;align-items: center;justify-content: center;font-size: 1.8rem; color: #fff;/*transition: 0.5s*/}
.sub-visual .btn-area li.active a,
.sub-visual .btn-area li:hover a {background: rgba(255, 255, 255, 0.3);}


.sub-visual .btn-area.fixed {position: fixed;top: 182px;left: 0;right: 0;margin: auto;z-index: 10;border-color: #1D5FD0;/*transition: 1s;*/box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.sub-visual .btn-area.fixed li a {color: #1D5FD0;background-color: #fff;}
.sub-visual .btn-area.fixed li.active a,
.sub-visual .btn-area.fixed li:hover a  {color: #fff; background-color: #1D5FD0}

.sub-visual *,
.contents-wrap * {letter-spacing: -0.03em;}
.contents-wrap .case .tit {font-size: 3rem;line-height: 1;font-weight: 600;color:#1D5FD0;margin:0 0 4.7rem;}
.contents-wrap .case__step .tit {margin-top: 6rem;}
.contents-wrap .case .txt {font-size: 4.8rem;line-height: 6.8rem; color: #000;font-weight: 500;margin-bottom: 6.7rem;}

.contents-wrap .case .case__chat {padding: 10rem 0;background: #F9FBFF;}
.contents-wrap .case--credit .case__chat {background: #FFFBFA;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box {display: flex;margin-bottom: 3rem;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box:last-of-type {margin-bottom: 0;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box .person {background: url(/images/lo/chat-client-fe3919ce7d95d69da8f81b2c9d0f738c.png) #FED7CB center no-repeat; background-size: 70%; width: 15rem; height: 15rem; border-radius: 5rem;}
.contents-wrap .case--credit .case__chat .case__chat__talk .chat-box .person  {background: url(/images/lo/chat-client2-3925f4b4c40e9e5926acf3b96b4dfd0c.png) #d2d8ec center no-repeat}
.contents-wrap .case .case__chat .case__chat__talk .chat-box.align-r .person {background: url(/images/lo/chat-sorin-4e9a8ec60572a83b196e687726e40851.png) #DFF3FF center no-repeat; background-size: 70%;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box .bubble {display: flex; flex-direction: column; margin-left: 3rem;margin-right: 3rem;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box .bubble div{margin-left: 1.8rem;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box .bubble p {color: #000; font-size: 2.2rem; font-weight: 500;margin-bottom: 2rem;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box .bubble span {position:relative; display: inline-block; border-radius: 1rem; background: #d2d8ec; min-height: 6rem;font-size: 1.8rem;box-sizing: border-box;line-height: 1.6666;padding: 1.5rem 3rem 1rem;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box .bubble span:after {position: absolute;border-left: 15px solid transparent;left: -14px;top: 12px;content: "";width: 0;height: 0;border-top: 15px solid #d2d8ec;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box .bubble span + span {margin-top: 2rem;}
.contents-wrap .case--credit .case__chat .case__chat__talk .chat-box .bubble span {background-color: #ffe8e1;}
.contents-wrap .case--credit .case__chat .case__chat__talk .chat-box .bubble span:after {border-left: 15px solid transparent;border-top: 15px solid #ffe8e1;}

.contents-wrap .case .case__chat .case__chat__talk .chat-box.align-r {flex-direction: row-reverse;justify-content: flex-start;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box.align-r .bubble div {margin-right: 1.8rem;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box.align-r .bubble p {text-align: right;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box.align-r .bubble span {background: #FEF1C5;text-align:left;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box.align-r .bubble span:after {right: -15px;left:unset;border-top-color: #FEF1C5;border-right: 15px solid transparent;}
.contents-wrap .case .case__chat .case__chat__talk .chat-box .bubble span img {vertical-align: -0.5rem;}

.contents-wrap .case .case__chat .case__chat__use .tit {margin: 6rem 0;}
.contents-wrap .case .case__chat .case__chat__use ul li {display: flex;align-items: center;font-size: 2.2rem;margin-bottom: 2rem;padding-left: 9rem;height: 6rem;background: url(/images/lo/loan-check-red-698034766b4fb6151fca73286b49a89f.png) no-repeat left center;}

.contents-wrap .case .case__benefit {padding: 8.5rem 0 0;}
.contents-wrap .case .case__benefit ol {margin-top: 6rem;display: flex;align-items: center;justify-content: space-between;}
.contents-wrap .case .case__benefit ol li {position: relative;width: 38rem;height: 30rem;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align:center;border-radius: 30px;background-color: #F1F0FF;}
.contents-wrap .case .case__benefit ol li .num {position: absolute;top:-30px; left: 50%;transform: translateX(-50%);width: 6rem;height: 6rem;display: flex;align-items: center;justify-content: center;     border-radius: 50%;background-color: #4C568D;color: #fff;font-size: 2.4rem;font-weight: 600;}
.contents-wrap .case--credit .case__benefit ol li .num {background-color: #233750;}
.contents-wrap .case--credit .case__benefit ol li {background-color: #EDF1F5;}
.contents-wrap .case .case__benefit ol li em {font-style: initial;font-size: 2.6rem; font-weight: 500;line-height: 1;}
.contents-wrap .case .case__benefit ol li p {margin-top: 2rem;font-size: 2.2rem; font-weight: 400;line-height: 1.63;}

.contents-wrap .case--credit .case__benefit ol {justify-content: center; gap: 3rem;}
.contents-wrap .case--credit .case__benefit ol li {width: 58.5rem; height: 18.6rem;}
.contents-wrap .case--credit .case__benefit ol li em {margin-top: 1rem;}
.contents-wrap .case--credit .case__benefit ol li p {margin-top: 1.3rem;}

.contents-wrap .case .case__step {padding: 8.5rem 0;}
.contents-wrap .case .case__step ul {display: flex;justify-content: space-between;}
/*.contents-wrap .case--credit .case__step ul {padding: 0 10rem;}*/
.contents-wrap .case .case__step ul li {text-align: center;}
.contents-wrap .case .case__step ul li figure {position: relative;width: 20rem;height: 20rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #4C568D;}
.contents-wrap .case--credit .case__step ul li figure {background-color: #233750;}
.contents-wrap .case .case__step ul li figure::after {content: "";position: absolute;top:50%;right: -9rem;transform: translateY(-50%);width: 4.3rem; height: 3.8rem; background: url(/images/lo/loan-arrow-09c6fe7ee9a417281187de4ed0887f2c.png) no-repeat center;}
/*.contents-wrap .case--credit .case__step ul li figure::after {right: -12rem;}*/
.contents-wrap .case .case__step ul li:last-child figure::after {display: none;}
.contents-wrap .case .case__step ul li .step {display: block;margin: 3.5rem auto 3rem;font-size: 2.6rem;font-weight: 500;}
.contents-wrap .case .case__step ul li p {font-size: 2.2rem;line-height: 1.45;font-weight: 400;}

.contents-wrap .case .case__apply {padding: 8.5rem 0;background-color: #F5F5F5;}
.contents-wrap .case .case__apply .tit {margin-bottom: 3.2rem;font-size: 4.8rem;font-weight: 500;line-height:1.416;text-align: center;color: #000;}
.contents-wrap .case .case__apply .txt {margin-bottom: 5.7rem;font-size: 2.2rem;font-weight: 400;line-height:1;text-align: center;color: #000;}
.contents-wrap .case .case__apply .txt strong {font-weight: 500}

.contents-wrap .case .case__apply ul {width: 90rem; height: 12rem;margin: auto;padding-left: 18.2rem;display: flex;justify-content: center;flex-direction: column;background-color:#fff;border-radius: 2rem;}
.contents-wrap .case--credit .case__apply ul {padding-left: 30.2rem;}
.contents-wrap .case .case__apply ul li {position: relative;padding-left: 2rem; font-size: 1.8rem;line-height: 1.666;color: #666666}
.contents-wrap .case .case__apply ul li::before {content: "";width: 1.5rem; height: 1.1rem;position: absolute;top: 8px;left: 0;background:  url(/images/lo/loan-check-blue-8c22e7f258718d26aae088e5114c4444.png) no-repeat center}
.contents-wrap .case .case__apply .btn--apply {width: 30rem;height: 7rem;display: flex;align-items: center;margin: 6rem auto 0;border-radius: 0.6rem;justify-content: center; background-color: #1D5FD0;font-size: 2.4rem;color: #fff;font-weight: 500;transition: 0.5s;}
.contents-wrap .case .case__apply .btn--apply:hover {background-color: #1148a7;}


/* 서린크레딧 */
.case--credit .case__chat {background-color: #FFFBFA;}


/*23.01.16 컨텐츠 추가: [SR00084] KYC, 증거금 안내 페이지 리뉴얼 및 매뉴얼 업로드 */
.contents-wrap .case .case__tab {padding: 0 0 10rem;}
.contents-wrap .case .case__tab .tit {margin: 1rem 0 5.7rem;}
.contents-wrap .case .case__tab .flex-ac-jsb {display: flex;align-items: center;justify-content: space-between;}
.contents-wrap .case .case__tab .tab-wrap {height: 82rem;}
.contents-wrap .case .case__tab .tab-img {width: 58rem;height: 100%;overflow: hidden;}
.contents-wrap .case .case__tab .tab-img img {transition: 0.3s;}
.contents-wrap .case .case__tab .tab-title {width: 56rem;}
.contents-wrap .case .case__tab .tab-title li {display: flex;align-items: center;width: 100%; height: 12rem; margin-bottom: 2rem;padding: 0 3.7rem;background: #F1F4FE;border-radius: 1.2rem;cursor: pointer;transition: 0.3s;}
.contents-wrap .case .case__tab .tab-title li:last-child {margin-bottom:0;}
.contents-wrap .case .case__tab .tab-title li .num {font-size: 4rem; font-weight: 600;color: #A4C5FE;}
.contents-wrap .case .case__tab .tab-title li p {margin-left: 4.2rem; font-size: 1.8rem; line-height: 1.55; font-weight: 400;}
.contents-wrap .case .case__tab .tab-title li.tab-title-active,
.contents-wrap .case .case__tab .tab-title li:hover {background: #BAD3FF;}
.contents-wrap .case .case__tab .tab-title li.tab-title-active .num,
.contents-wrap .case .case__tab .tab-title li:hover .num {color: #1D5FD0;}
.contents-wrap .case .case__tab .tab-title li.tab-title-active p,
.contents-wrap .case .case__tab .tab-title li:hover p {font-weight: 500;}


/* 23.01.16 컨텐츠 추가: [SR00084] KYC, 증거금 안내 페이지 리뉴얼 및 매뉴얼 업로드 > 애니메이션 
.sub-visual .tit-area .banner-tt,
.sub-visual .tit-area .banner-st,
.sub-visual .btn-area,
.contents-wrap .case .case__benefit .tit,
.contents-wrap .case .case__benefit ol li,
.contents-wrap .case .case__apply .tit,
.contents-wrap .case .case__apply .txt {opacity: 0; transform: translateY(50px);transition: 1s;}

.contents-wrap .case .case__chat .tit,
.contents-wrap .case .case__chat .txt,
.contents-wrap .case .case__chat__use .tit,
.contents-wrap .case--limit .case__order .tit,
.contents-wrap .case .case__chat__use ul li,
.contents-wrap .case .case__step .tit,
.contents-wrap .case .case__tab .tit,
.contents-wrap .case .case__apply ul,
.contents-wrap .case .case__apply .btn--apply {opacity: 0; transform: translateY(30px);transition: 1s;}

.sub-visual .tit-area .banner-tt,
.contents-wrap .case .tit,
.contents-wrap .case .case__chat .tit,
.contents-wrap .case .case__chat__use .tit,
.contents-wrap .case .case__benefit .tit,
.contents-wrap .case .case__step .tit,
.contents-wrap .case .case__tab .tit,
.contents-wrap .case .case__apply .tit,
.contents-wrap .case--limit .case__order .tit {transition-delay: 0.3s;}

.contents-wrap .case .case__chat__use ul li:nth-of-type(2),
.contents-wrap .case .case__benefit ol li:nth-of-type(1),
.contents-wrap .case .case__step ul li:nth-of-type(1),
.contents-wrap .case .case__apply .txt {transition-delay: 0.4s;}

.sub-visual .tit-area .banner-st,
.contents-wrap .case .case__chat .txt,
.contents-wrap .case .case__chat__use .tit,
.contents-wrap .case .case__chat__use ul li:nth-of-type(3),
.contents-wrap .case .case__chat .chat-box:nth-of-type(1),
.contents-wrap .case .case__tab .tab-img,
.contents-wrap .case .case__tab .tab-title,
.contents-wrap .case .case__benefit ol li:nth-of-type(2),
.contents-wrap .case .case__apply ul {transition-delay: 0.5s;}

.contents-wrap .case .case__chat__use ul li:nth-of-type(1) {transition-delay: 0.6s;}

.sub-visual .btn-area,
.contents-wrap .case .case__benefit ol li:nth-of-type(3),
.contents-wrap .case .case__step ul li:nth-of-type(2),
.contents-wrap .case .case__chat__use ul li:nth-of-type(2),
.contents-wrap .case .case__apply .btn--apply {transition-delay: 0.7s;}

.contents-wrap .case .case__chat__use ul li:nth-of-type(3) {transition-delay: 0.8s;}
.contents-wrap .case .case__step ul li:nth-of-type(3) {transition-delay: 0.9s;}
.contents-wrap .case .case__step ul li:nth-of-type(4) {transition-delay: 1.1s;}
.contents-wrap .case .case__step ul li:nth-of-type(5) {transition-delay: 1.3s;}

.chat-box,
.contents-wrap .case .case__step ul li,
.contents-wrap .case .case__tab .tab-img,
.contents-wrap .case .case__tab .tab-title {opacity: 0; transform: translateX(-50px);transition: 1s;}
.chat-box.align-r,
.contents-wrap .case .case__tab .tab-title {transform: translateX(50px);}
.contents-wrap .case .case__step ul li {transform: translateX(-30px);}

.chat-box.active,
.contents-wrap .case .case__chat.active .chat-box:nth-of-type(1),
.contents-wrap .case .case__step.active ul li,
.contents-wrap .case .case__tab.active .tab-img,
.contents-wrap .case .case__tab.active .tab-title {opacity: 1;transform: translateX(0);}


.sub-visual.active .tit-area .banner-tt,
.sub-visual.active .tit-area .banner-st,
.sub-visual.active .btn-area,
.contents-wrap .case .case__chat.active .inwrap > .tit,
.contents-wrap .case .case__chat.active .inwrap > .txt,
.contents-wrap .case .case__chat .case__chat__use.active .tit,
.contents-wrap .case .case__chat__use.active .tit,
.contents-wrap .case .case__chat__use.active ul li,
.contents-wrap .case .case__benefit.active .tit,
.contents-wrap .case .case__benefit.active ol li,
.contents-wrap .case .case__step.active .tit,
.contents-wrap .case--limit .case__order.active .tit,
.contents-wrap .case .case__tab.active .tit,
.contents-wrap .case .case__apply.active .tit,
.contents-wrap .case .case__apply.active .txt,
.contents-wrap .case .case__apply.active ul,
.contents-wrap .case .case__apply.active .btn--apply {opacity: 1; transform: translateY(0);}
*/


/*** 2023.01 랜딩페이지 ***/
.landing-wrapper h1,
.landing-wrapper h2,
.landing-wrapper h3,
.landing-wrapper h4,
.landing-wrapper h5 {margin:0;padding:0;}


/* landing header */
.landing-header {position: fixed; top:0;left:0;right:0;z-index: 99;width: 100%;height: 14.7rem;padding-top: 5.7rem;transition: 0.5s;}
.landing-header .inwrap {height: auto;}
.landing-header-logo {position: absolute;top: 5.6rem; left: 18.75%;z-index: 99;width: 19.7rem;height: 3.6rem;margin: 0;background: url(/images/la/la-logo-wt-515f4cc745925f8729e59c966a0a1c75.png) no-repeat center;}
.landing-header-gnb ul li a {padding: 0 2.4rem;font-size: 16px;font-weight: 500;line-height: 1;color: #fff;transition: 0.3s; -webkit-transform: translateZ(0);-o-transform: translateZ(0);-moz-transform: translateZ(0); transform: translateZ(0);}
.landing-header-gnb ul li:hover a {color: #1D5FD0 !important;}
.landing-header-login ul li a {display: flex;align-items: center;justify-content: center;width: 10rem;height: 3.6rem;font-size:1.4rem;font-weight: 500;color: #fff;text-align: center;border-radius: 0.3rem;transition: 0.3s;-webkit-transform: translateZ(0);-o-transform: translateZ(0);-moz-transform: translateZ(0); transform: translateZ(0);}
.landing-header-login ul li.btn-login {margin-right: 0.5rem;}
.landing-header-login ul li.btn-join a {background-color: #1d5fd0;}
.landing-header .landing-header-login ul li.btn-login a {border: 1px solid #DEDEDE;border-radius: 3px;}


/* landing header > scroll style */
.landing-header.scroll {background: #FFFFFF;border-bottom: 1px solid #DEDEDE;}
.landing-header.scroll .landing-header-logo {background-image: url(/images/la/la-logo-bk-05beea5e3d5f2fc0bc4a2cb3d9d09a95.png);}
.landing-header.scroll .landing-header-gnb ul li a {color: #000;}
.landing-header.scroll .landing-header-login ul li.btn-login a {color: #666666;border: 1px solid #DEDEDE;}


/* landing-visual */
.landing-visual {position: relative;width: 100%; height: 100vh;overflow: hidden; height: 100vh;text-align: center;}
.landing-visual::after {content: '';position: absolute; top:0; bottom:0;left:0; right:0;background: rgba(0,0,0,0.3);z-index: 1;}

.landing-visual .landing-video-bg video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;;object-fit: cover;}

.landing-visual .landing-visual-slogan {position: absolute;top: 48%;left: 50%;transform: translate(-50%, -50%);z-index: 9;width: 90%;}
.landing-visual .landing-visual-slogan p {font-size:3rem;line-height: 1;font-weight: 400;color: #fff}
.landing-visual .landing-visual-slogan h2 {margin-top: 2.5rem;font-size:6rem;line-height: 1;font-weight: 500;color: #fff}

.landing-visual .landing-pagination-btns {opacity: 0; display: flex;align-items: center;position: absolute;top: 60%;left: 50%;z-index: 5;transform: translate(-50%, 100%);width: 56rem;transition: 1.2s;transition-delay: 1.1s;}
.landing-visual.active .landing-pagination-btns {opacity: 1;transform: translate(-50%, 0%)}
.landing-visual .landing-pagination-btns li {display: flex;align-items: center;justify-content: center;width: 18rem;height: 5rem;margin-right: 1rem; font-size: 1.4rem;font-weight: 500;color: #fff;border: 1px solid #fff;border-radius: 0.6rem; overflow: hidden; background: rgba(255, 255, 255, 0.3);transition: 0.3s;cursor: pointer;}
.landing-visual .landing-pagination-btns li:hover {background-color: #999AA9}
.landing-visual .landing-pagination-btns li.btn-move-exchange {border:none;}
.landing-visual .landing-pagination-btns li.btn-move-exchange a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;font: inherit;color: inherit;background: #1D5FD0; border-radius: 0.6rem; overflow: hidden; transition: 0.3s;}


/* 23.06.16 30일간 보지않기 추가 */
.landing-visual .close-landing {opacity: 0; position: absolute;top: calc(60% + 105px); left: 50%;z-index: 5; transform: translate(-50%, 100%); font-size: 1.6rem; color: #fff; font-weight: 500; transition: 1.2s; transition-delay: 1.4s;}
.landing-visual.active .close-landing {opacity: 1;transform: translate(-50%, 0%)}

.landing-visual .close-landing::before {content: ""; position: absolute; top: 50%; right: -0.9rem; border: 1px solid #fff; border-width: 0 0 0.1rem 0.1rem; width: 0.6rem; height: 0.6rem;transform: translateY(-50%) rotate(-135deg); transition: 0.2s;}
.landing-visual .close-landing:hover::before {right: -1.2rem; }
.landing-visual .form-chk.close-landing [type="checkbox"]:not(:checked) + label:before,
.landing-visual .form-chk.close-landing [type="checkbox"]:checked + label:before {border-color: #fff; background: transparent; box-shadow: none;top: 50%; transform: translateY(-50%);}
.landing-visual .form-chk.close-landing [type="checkbox"]:not(:checked) + label:after,
.landing-visual .form-chk.close-landing [type="checkbox"]:checked + label:after {border: 1px solid #fff; border-radius: 0.3rem; background: url(/images/la/la-form-checked-wt-7eed0031cc1cb5ddc89a164f6b899ef0.png) center no-repeat; box-shadow: none;}


.full-player-wrap {display:none;position: fixed;top:0;left: 0;right: 0;bottom:0;width: 100%;height: 100vh;z-index: 100;}
.full-player-wrap .full-players {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 120rem;height: 67.5rem;max-height: 67.5rem;margin: auto;z-index: 2;}
.full-player-wrap .full-players .full-player {display: none;width: 100%;height: 100%;object-fit: cover;}
.full-player-wrap .full-players .full-player.active {display: block;}
.full-player-wrap .mask {position:fixed;top:0;left: 0;right: 0;bottom:0;width: 100%;height: 100vh;background-color: rgba(0,0,0,0.5);z-index: 1;}
.full-player-wrap .btn-full-player-close {position: absolute;top: -4rem;right: 0;cursor:pointer;line-height: 0;transition: 0.4s ease;}
.full-player-wrap .btn-full-player-close:hover {transform: rotate(720deg);}

.landing-header .landing-header-login ul li.btn-login:hover a{color: #fff;background-color:#0241ac;border-color: #0241ac;}
.landing-header-login ul li.btn-join:hover a,
.landing-visual .landing-pagination-btns li.btn-move-exchange:hover a,
.landing-price .tab-wrap .tab-cont .left-area .btn-buy:hover {background-color:#0241ac;}

.landing-visual-scroll {opacity: 0;position: absolute;bottom: 6rem; left: 50%;transform: translateX(-50%) translateY(100%);z-index: 9;text-align: center;cursor: pointer;transition: 1s; transition-delay: 1.6s;}
.landing-visual.active .landing-visual-scroll {opacity: 1;transform:translateX(-50%) translateY(0%);}

.landing-visual-scroll figure {position: relative;}
.landing-visual-scroll figure::after {opacity: 0;content:'';position: absolute;left: 50%;top:0.4rem; transform: translateX(-50%);width:0.2rem;height: 0.6rem; background: #fff; border-radius: 0.3rem;margin-left: -0.06rem;animation: ani-wheel 1s forwards infinite; }
.landing-visual-scroll p {margin-top: 0.7rem;font-size: 1.2rem; font-weight: 500;color: #fff;}

@keyframes ani-wheel {
    0% {
        transform: translateY(0%);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translateY(0.8rem);
        opacity: 0;
    }
}


/* 풀영상 팝업 클릭시 body scrpll > 비활성화 */
.disable-scroll {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}


/* landing-contents common style */
.landing-wrapper .landing-contents {padding-top: 7.7rem;}
.landing-wrapper .landing-contents .title-group {text-align: center;}
.landing-wrapper .landing-contents .title-group .title {font-size:4.2rem;font-weight: 500;line-height: 1;}
.landing-wrapper .landing-contents .title-group .subheading {margin-top: 2.7rem;font-size:2rem;font-weight: 400;line-height: 1;}


/* .landing-price .tab-wrap */
.landing-price .tab-wrap .tab-title {margin-bottom: 6rem;}
.landing-price .tab-wrap .tab-title ul {display: table;table-layout: fixed;width: 100%;text-align: center;}
.landing-price .tab-wrap .tab-title ul li {position: relative;;display: table-cell;vertical-align: middle;border: 1px solid #DEDEDE;height:48px; border-right: 0; font-size: 1.6rem; font-weight: 400;color: #666666;transition: 0.3s;cursor: pointer;}
.landing-price .tab-wrap .tab-title ul li.active,
.landing-price .tab-wrap .tab-title ul li:hover {color: #1D5FD0;font-weight: 500;}
.landing-price .tab-wrap .tab-title ul li:last-of-type {border-right: 1px solid #DEDEDE;}
.landing-price .tab-wrap .tab-title ul li::after {content: '';position: absolute;bottom:-1px;left:50%;width: 0;height: 1px;background: #1D5FD0;transition: 0.3s;}
.landing-price .tab-wrap .tab-title ul li.active::after,
.landing-price .tab-wrap .tab-title ul li:hover::after {left:0;width: 100%;}

.landing-price .tab-wrap .tab-cont .left-area {padding-top: 1.7rem;}
.landing-price .tab-wrap .tab-cont .left-area h3 {font-size: 3rem;line-height:1.33;font-weight: 600}
.landing-price .tab-wrap .tab-cont .left-area .price-krw {margin-top: 1.5rem;}
.landing-price .tab-wrap .tab-cont .left-area .price-krw * {font-size: 5rem;line-height:1;font-weight: 600;color: #FD3535;font-family: inherit;text-align:right;}
.landing-price .tab-wrap .tab-cont .left-area .price-krw .num-up * {color: #FD3535;}
.landing-price .tab-wrap .tab-cont .left-area .price-krw .num-down * {color: #1D5FD0;}
.landing-price .tab-wrap .tab-cont .left-area .price-krw .num-same * {color: #999AA9;}
.landing-price .tab-wrap .tab-cont .left-area .price-krw .unit {margin: 0.3rem 0 0 1.2rem; font-size: 1.8rem;line-height:1;font-weight: 500;color: #666666;}
.landing-price .tab-wrap .tab-cont .left-area .exchange-rate {margin: 1.7rem 0 2.6rem;}
.landing-price .tab-wrap .tab-cont .left-area .exchange-rate dt,
.landing-price .tab-wrap .tab-cont .left-area .exchange-rate dd span {font-size: 1.6rem;line-height:1;font-weight: 400;color: #666666;}
.landing-price .tab-wrap .tab-cont .left-area .exchange-rate dd span.num {margin: 0 0.3rem 0 0.4rem;font-weight: 500;color: #000;}
.landing-price .tab-wrap .tab-cont .left-area .btn-buy {display: flex;align-items: center;justify-content: center;width: 18rem; height: 5rem;background: #1D5FD0;color: #fff;font-size: 1.4rem; font-weight: 500;border-radius: 0.6rem;}

.landing-price .tab-wrap .tab-cont .right-area .top-legend {position: relative;margin-bottom: 1rem;font-size: 1.4rem;color: #000;font-weight: 400;line-height: 1;}
.landing-price .tab-wrap .tab-cont .right-area .top-legend .landing-timer {position: absolute;top: 0; left: 0;}
.landing-price .tab-wrap .tab-cont .right-area .top-legend em {margin-right: 0.8rem;font-style: normal;}
.landing-price .tab-wrap .tab-cont .right-area .top-legend .landing-timer span.text,
.landing-price .tab-wrap .tab-cont .right-area .top-legend2 em {margin-right: 0.4rem;}
.landing-price .tab-wrap .tab-cont .right-area .top-legend .no-data {color: #666;}
.landing-price .tab-wrap .tab-cont .right-area .top-legend .slash {display: inline-block;margin: 0 0.3rem;color: #999AA9;}
.landing-price .tab-wrap .tab-cont .right-area .top-legend dl dt {margin-right: 0.7rem;color: #666;}
.landing-price .tab-wrap .tab-cont .right-area .top-legend dl dd span {color: #FD3535;}
.landing-price .tab-wrap .tab-cont .right-area .top-legend dl dd span.ratio {margin-left: 0.7rem;}

.landing-price .tab-wrap .tab-cont .right-area .table-wrap table {width: 80rem;}
.landing-price .tab-wrap .tab-cont .right-area .table-wrap table tr {border-bottom: 1px solid #DEDEDE;}
.landing-price .tab-wrap .tab-cont .right-area .table-wrap table thead tr {border-top: 1px solid #DEDEDE;}
.landing-price .tab-wrap .tab-cont .right-area .table-wrap table tr th,
.landing-price .tab-wrap .tab-cont .right-area .table-wrap table tr td {height: 5rem;vertical-align: middle;font-size: 1.4rem; color: #666;font-weight: 400;text-align: left;}
.landing-price .tab-wrap .tab-cont .right-area .table-wrap table tr th {padding-left:2.9rem;}
.landing-price .tab-wrap .tab-cont .right-area .table-wrap table thead tr th {height: 5.2rem;background-color: #F5F5F5;font-size: 1.6rem; color: #000;font-weight: 500;}
.landing-price .tab-wrap .tab-cont .right-area .table-wrap table thead tr th span {font-size: 1.2rem; color: #999AA9;font-weight: 400;vertical-align: bottom;}
.landing-price .tab-wrap .tab-cont .right-area .price-up {color: #FD3535 !important;}
.landing-price .tab-wrap .tab-cont .right-area .price-down {color: #1D5FD0 !important;}
/*
.landing-price .tab-wrap .tab-cont .right-area .table-wrap table th[scope=row]:nth-of-type(1) ~ td {color: #FD3535;}
.landing-price .tab-wrap .tab-cont .right-area .table-wrap table th[scope=row]:nth-of-type(2) ~ td {color: #1D5FD0;}
*/


/* 이벤트 배너: 슬라이드, 입고알림 이미지 */
.landing-event-banners {padding: 0 0 7.8rem;/* padding: 7.5rem 0 7.8rem; 임시 주석 */}
.landing-event-banners .event-banner1 {position: relative;width: 80rem;height: 18rem;overflow: hidden;}
.landing-event-banners .event-banner1 .swiper-pagination {display: flex;align-items: center;width: auto; left: auto;right: 5.6rem;bottom: 2rem;height: 0.8rem;text-align: right;}
.landing-event-banners .event-banner1 .swiper-pagination .swiper-pagination-bullet {opacity: 0.5;}
.landing-event-banners .event-banner1 .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
.event-banner1-slide {width: 100%;border-radius: 1.5rem;overflow: hidden;}

.event-banner2 {width: 36rem;height: 18rem;background: #2A333F;border-radius: 1.5rem;overflow: hidden;}
.event-banner2-alarm {padding: 4rem;width: 100%;height: 100%;}
.event-banner2-alarm .cont h3 {font-size: 1.6rem; font-weight: 600;line-height: 1;color: #28B3F8;}
.event-banner2-alarm .cont em {display: block;margin: 2.1rem 0 1.2rem;font-size: 3rem; font-weight: 500;line-height: 1;color: #fff;font-style: normal;}
.event-banner2-alarm .cont p {font-size: 2rem; font-weight: 500;line-height: 1;color: #99ACC6;}

.event-banner2 .event-banner2-evl a{display: block;width: 100%; height: 100%;}
.event-banner2 .event-banner2-evl a img {max-width: 100%;}


/* board: NOTICE/ EVENT/ NEWS */
.landing-board-wrap {margin-bottom: 10rem;}
.landing-board-wrap .inwrap .board {width: 413px;height: 203px;padding: 0 4rem;;border-right: 1px solid #DEDEDE;}
.landing-board-wrap .inwrap .board:last-of-type {border-right:0;}
.landing-board-wrap .inwrap .board.board-notice {width: 386px;padding-left: 1.3rem;}
.landing-board-wrap .inwrap .board.board-division {font-size: 1.6rem; font-weight: 600;line-height: 1;}
.landing-board-wrap .board-title {margin: 2.5rem 0 2.4rem; font-size: 2rem; font-weight: 500;line-height: 1;width: 100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: 0.3s;}
.landing-board-wrap .board:hover .board-title {color: #1D5FD0;}
.landing-board-wrap .board-text {font-size: 1.4rem; color: #666;;font-weight: 400;line-height: 1.714;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 4.7rem;}
.landing-board-wrap .board-btn-move {position: relative;width: 13rem; height: 4.7rem; overflow: hidden; margin-top: 2.4rem;transition: 0.3s;cursor:pointer}
.landing-board-wrap .board-btn-move::before {content: ''; position: absolute;top: -90%;left: -202%;width: 200%;height: 500%;background: #1d5fd0;transform: translateY(-50%) rotate(35deg);transition: 0.2s ease;}
.landing-board-wrap .board-btn-move::after {content: '';position: absolute;top:50%; right:1.6rem;transform: translateY(-50%) rotate(0deg);width:1.6rem;height: 1.6rem;background:url(/images/la/la-btn-more-e0511cc5473443f55145d5ec57b3bc10.png) no-repeat center;transition: 0.3s ease;}
.landing-board-wrap .board-btn-move span {position: relative;display: flex; align-items: center; justify-content: flex-start; width: 100%;height: 100%;z-index: 1;border: 1px solid #DEDEDE;padding-left: 1.4rem;font-size: 1.4rem; font-weight: 400;color: #000;}
.landing-board-wrap .board:hover .board-btn-move span {border-color: #1d5fd0;}
.landing-board-wrap .board:hover .board-btn-move::before {left: -50%;}
.landing-board-wrap .board:hover .board-btn-move::after {transform: translateY(-50%) rotate(360deg);}
.landing-board-wrap .board:hover .board-btn-move span {font-weight: 500;color: #fff;}


/* our platform: .landing-platform*/
.landing-platform {padding: 20rem 0 12rem;background: url(/images/la/la-bg-platform-3c07a376e01e71fdaa0a95f312dee1c8.png) no-repeat fixed;background-size: cover;}
.landing-platform .title-group {position: absolute;top: 0;left: 0;margin-bottom: 9rem;}
.landing-platform .title-group * {text-align: left;color: #fff;}
.landing-wrapper .landing-platform .title-group .title {font-size: 5.6rem;font-weight: 600;}
.landing-wrapper .landing-platform .title-group .subheading {line-height: 1.6;}
.landing-platform .platform-cards {display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 10rem;}
.landing-platform .platform-cards .card {position: relative;width: 56rem; height: 70rem;margin-bottom: 8rem;padding: 19rem 4rem 6rem 6rem;border-radius: 30px;color: #fff;}
.landing-platform .platform-cards .card1 {margin-top: 14rem;background: #999AA9 url(/images/la/la-platform1-icon-8d5489fdf5c0d675781e35bff384b3e2.png) no-repeat 6rem 6rem;}
.landing-platform .platform-cards .card2 {margin-top: -10rem;background: #267DEA url(/images/la/la-platform3-icon-1bccc5f471267c8d4b07c0b039e61df4.png) no-repeat 6rem 6rem;;}
.landing-platform .platform-cards .card3 {background: #127C5C url(/images/la/la-platform2-icon-01383df32531daa0119f94e280f18eb9.png) no-repeat 6rem 6rem;;}
.landing-platform .platform-cards .card4 {margin-top: -24rem;background: #5B509B url(/images/la/la-platform4-icon-bc47853292fc3a6890fdcd2518466e9a.png) no-repeat 6rem 6rem;;}
.landing-platform .platform-cards .card img {margin: 2.5rem 0 3.7rem;}
.landing-platform .platform-cards .card-title {font-size: 3.4rem; font-weight: 600;line-height: 1;color: #fff;}
.landing-platform .platform-cards .card-title2 {display: block;margin-bottom: 1.4rem;font-style: normal;font-size: 2rem;font-weight: 600;line-height: 1;color: #fff;}
.landing-platform .platform-cards .card-subheading {font-size: 1.6rem;font-weight: 400;line-height: 1.75;color: #fff;}


/* 하나은행 에스크로: .landing-hanabank */
.landing-hanabank {padding-top: 15rem;text-align: center;}
.landing-hanabank > .inwrap {position: relative;overflow: hidden;;flex-direction: column;width: 170rem;height: 60rem;background:url(/images/la/la-bg-hanabank2-79f9bb037cbf5f02bb50a49b34b6b644.png) no-repeat center;background-size: cover;}
.landing-hanabank .title-group {margin-top: 5.3rem;}
.landing-hanabank .title-group * {color: #fff;}
.landing-wrapper .landing-hanabank .title-group p.subheading {margin-bottom: 2rem;line-height: 1.8;}

.landing-hanabank .parallax {position: absolute;}
.landing-hanabank .parallax1 {top:-13.2rem;left:8rem;transition: 1.2s;}
.landing-hanabank .parallax2 {top:16rem;right:8rem;transition: 0.75s;opacity: 0.25;}
.landing-hanabank .parallax3 {top:56rem;left:8rem;transition: 0.65s;opacity: 0.25;}
.landing-hanabank .parallax4 {top:44rem ;right:8rem;transition: 1.9s;}


/* 쉽고 편리한 서린닷컴 구매 프로세스 영상: .landing-process-player */
.landing-process-player {padding-top: 14.8rem;}
.landing-process-player .player {margin-top: 5.5rem;}
.landing-process-player .player video {width: 120rem;height: 67.5rem;object-fit: cover;margin: auto;}


/* 주요 제휴 및 협력사: .landing-partner */
.landing-partner {padding: 14.8rem 0;}
.landing-wrapper .landing-contents .landing-partner .title-group .subheading {margin: 3.7rem 0 0}
.landing-partner .partners {flex-wrap: wrap;margin-top: 6rem;}
.landing-partner .partners li {margin: 0 8rem 3.3rem 0;}
.landing-partner .partners li:nth-child(5),
.landing-partner .partners li:nth-child(9) {margin-right:0;}
.landing-partner .partners li:nth-child(n+6){margin-bottom:0;}


/* 랜딩페이지 > 애니메이션 active 스타일 */
.landing-price,
.landing-event-banners,
.landing-board-wrap,
.landing-hanabank {opacity: 0;transform: translateY(10rem);transition: 1s;}

.landing-price {transition-delay: 0.3s;}
.landing-event-banners {transition-delay: 1.05s;}
.landing-board-wrap .board {opacity: 0;transform: translateY(3rem);transition: 1s;}
.landing-board-wrap .board1 {transition-delay: 1.55s;}
.landing-board-wrap .board2 {transition-delay: 1.7s;}
.landing-board-wrap .board3 {transition-delay: 1.85s;}
.landing-contents-top.active .landing-board-wrap .board {opacity: 1;transform: translateY(0%);}

.landing-process-player .player {opacity: 0;transform: translateY(5rem);transition: 1s;transition-delay: 1.5s;}
.landing-partner .partners li {opacity: 0;transform: translateY(5rem);transition: 1s;transition-delay: 1.3s;}

.landing-contents-top.active .landing-price,
.landing-contents-top.active .landing-event-banners,
.landing-contents-top.active .landing-board-wrap,
.landing-hanabank.active,
.landing-process-player.active .player,
.landing-partner.active .partners li {opacity: 1;transform: translateY(0%);}

.landing-partner .partners li:nth-child(1){transition-delay:0.8s;}
.landing-partner .partners li:nth-child(2){transition-delay:0.9s;}
.landing-partner .partners li:nth-child(3){transition-delay:1.0s;}
.landing-partner .partners li:nth-child(4){transition-delay:1.1s;}
.landing-partner .partners li:nth-child(5){transition-delay:1.2s;}
.landing-partner .partners li:nth-child(6){transition-delay:1.3s;}
.landing-partner .partners li:nth-child(7){transition-delay:1.4s;}
.landing-partner .partners li:nth-child(8){transition-delay:1.5s;}
.landing-partner .partners li:nth-child(9){transition-delay:1.6s;}
.landing-partner .partners li:nth-child(10){transition-delay:1.7s;}

.landing-platform .platform-cards .card {opacity: 0;transform: translateY(7rem);transition: 1s;}
.landing-platform .platform-cards .card1 {transition-delay: 1.2s;}
.landing-platform .platform-cards .card2 {transition-delay: 1.4s;}
.landing-platform .platform-cards .card3 {transition-delay: 1.6s;}
.landing-platform .platform-cards .card4 {transition-delay: 1.8s;}
.landing-platform.active .platform-cards .card {opacity: 1;transform: translateY(0%);}
.landing-platform .title-group {transition-delay: 0.8s;}

.ani-title {overflow:hidden;line-height:1.1;}
.ani-title .word{overflow:hidden;font-size:inherit; font-family:inherit; font-weight:inherit;color: inherit; line-height:1.1; display:inline-block;}
.ani-title .char {position:relative; font-size:inherit; font-family:inherit;color: inherit;font-weight:inherit;opacity: 0;}

.ani-text {overflow:hidden;line-height:1.1;}
.ani-text .word{overflow:hidden;font-size:inherit; font-family:inherit; font-weight:inherit;color: inherit; line-height:1.1; display:inline-block;}
.ani-text .char {position:relative; font-size:inherit; font-family:inherit;color: inherit;font-weight:inherit;opacity: 0;}

.active .ani-title .char {animation: slide-down 1s forwards; animation-delay: calc(.3s + (.03s * var(--char-index)));}
.active .ani-text .char {animation: slide-down 1s forwards; animation-delay: 0.3s;}

@keyframes slide-down  {
    from {
        transform: translateY(125%);
        opacity: 0;
    }

    to {
        transform: translateY(0%);
        opacity: 1;
    }
}


/* 랜딩페이지 > 노트븍 사이즈 대응 (~ 1200px) */
@media all and (max-width:1800px) {
    .landing-hanabank .inwrap {width: 88.54%;margin: auto; min-width: 120rem;}
}

@media all and (max-width:1600px) {
    .full-player-wrap .full-players {width: 100rem; height: 75vh;}
}


/* 철강신문 서린닷컴 가격 연계 기능 서비스 배너 */
.sorin-news-banner {width: 25rem; height: 13rem; background: #f5f5f5;}
.sorin-news-banner .sorin-news-banner-top {display: flex;align-items: center;justify-content: space-between;width: 100%; height: 3.6rem;padding: 10px;border-bottom: 1px solid #DEDEDE;}
.sorin-news-banner .sorin-news-banner-top .time-area {font-size: 1.1rem; font-weight: 400;}
.sorin-news-banner .sorin-news-banner-top .time-area .title.open,
.sorin-news-banner .sorin-news-banner-top .time-area .title.close {color: #FD3535;}
.sorin-news-banner .sorin-news-banner-top .time-area .title.open *,
.sorin-news-banner .sorin-news-banner-top .time-area .title.close * {color: inherit}
.sorin-news-banner .sorin-news-banner-btm {width: 100%; height: calc(100% - 3.6rem);padding: 10px;text-align: center;}
.sorin-news-banner .sorin-news-banner-btm .product {font-size: 1.2rem;font-weight: 500;}

.sorin-news-banner .sorin-news-banner-btm .product-info {margin: 0.5rem auto 0.6rem; display: flex;align-items: baseline;justify-content: center;}
.sorin-news-banner .sorin-news-banner-btm .product-info .price {font-size: 2.8rem;line-height: 1;font-weight: 600;color: #999AA9;}
.sorin-news-banner .sorin-news-banner-btm .product-info .style-up {color: #FD3535;}
.sorin-news-banner .sorin-news-banner-btm .product-info .style-down {color: #1D5FD0;}
.sorin-news-banner .sorin-news-banner-btm .product-info .style-gray-up,
.sorin-news-banner .sorin-news-banner-btm .product-info .style-gray-down,
.sorin-news-banner .sorin-news-banner-btm .product-info .style-previous {color: #999AA9;}

.sorin-news-banner .sorin-news-banner-btm .product-info .state {margin-left: 0.5rem;font-size: 1.2rem;font-weight: 500;}
.sorin-news-banner .sorin-news-banner-btm .product-info .state.rate {position: relative;padding-left: 1rem;}


.sorin-news-banner .sorin-news-banner-btm .btn-check-live {display: flex;align-items: center;justify-content: center;width: 100%;height: 22px;background: #1D5FD0; font-size: 1.1rem; color: #fff; font-weight: 400;border-radius: 0.3rem;transition: 0.3s;}
.sorin-news-banner .sorin-news-banner-btm .btn-check-live:hover {background: #1852b5;}


.sorin-news-banner .sorin-news-banner-btm .product-info .rate.style-up::after,
.sorin-news-banner .sorin-news-banner-btm .product-info .rate.style-down::after,
.sorin-news-banner .sorin-news-banner-btm .product-info .style-gray-up::after,
.sorin-news-banner .sorin-news-banner-btm .product-info .style-gray-down::after {
    content: "";position: absolute;top: 50%;left: 0;height: 0;
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%)  rotate(-180deg);
}

.sorin-news-banner .sorin-news-banner-btm .product-info .rate.style-up::after,
.sorin-news-banner .sorin-news-banner-btm .product-info .style-gray-up::after {border-top: 4px solid;border-left: 4px solid rgba(0, 0, 0, 0);border-right: 4px solid rgba(0, 0, 0, 0);}
.sorin-news-banner .sorin-news-banner-btm .product-info .rate.style-down::after,
.sorin-news-banner .sorin-news-banner-btm .product-info .style-gray-down::after {border-bottom: 4px solid;border-left: 4px solid rgba(0, 0, 0, 0);border-right: 4px solid rgba(0, 0, 0, 0);}


/* 23.03.23 [고도화 3차] 지정가 - 결제 상세 */
/* 지정가 - 결제 상세 > bottomsheet layout, common */
.clear::after {content: '';display: block;clear: both;}
.modal.bottomsheet-order-detail .max-width {width: 1200px;;padding:  0;box-sizing: border-box;}
.modal.bottomsheet-order-detail .modal-content {background-color: #ddd;box-sizing: border-box;padding-top: 0 !important;}

.modal.bottomsheet-order-detail .top-cont {position: sticky;top: 0;z-index: 99;padding-top: 3rem;padding-bottom: 1rem;background: #f5f5f5;}
.modal.bottomsheet-order-detail .max-width .modal-close {top: 2.3rem;}
.modal.bottomsheet-order-detail .top-cont .charts-wrap {width: 100%;height: 5rem; padding: 0;}
.modal.bottomsheet-order-detail .top-cont .charts-wrap .chart-sum-title,
.modal.bottomsheet-order-detail .top-cont .charts-wrap .chart-sum-title::before,
.modal.bottomsheet-order-detail .top-cont .charts-wrap .chart-sum-title::after {background: #3C4959; border-radius: 0;}
.modal.bottomsheet-order-detail .top-cont .charts-wrap .chart-sum-title .sum-title li:after {display: none;}

.modal.bottomsheet-order-detail .order-detail-contents {position: relative;max-width: 1200px;min-height: calc(100vh - 292px);-webkit-transition: all .4s ease-out; transition: all .4s ease-out;}
.modal.bottomsheet-order-detail .order-detail-left {width: 79.7rem;position: sticky;top: 0;z-index: 1;float: left;}
.modal.bottomsheet-order-detail .order-detail-right {width: 39.3rem;float: right;}

.modal.bottomsheet-order-detail .top-cont .dashboard-item-info {position: absolute; bottom: -5rem; z-index: 99;width: 79.7rem;height: 5rem; max-height: 5em;padding: 0 2rem; border-bottom: 1px solid #DEDEDE;}
.modal.bottomsheet-order-detail .top-cont .dashboard-item-info .pd-brand-info .pd-label {width: 3rem; height: 2rem;margin-right: 1rem; font-size: 1.2rem; font-weight: 500; text-align: center; line-height: 1.8; background-color: #999AA9; color: #fff;}
.modal.bottomsheet-order-detail .top-cont .dashboard-item-info .pd-brand-info .brand-nation {margin-right: 1rem;}

.modal.bottomsheet-order-detail .top-cont .pd-name {margin-bottom:0;}
.modal.bottomsheet-order-detail .top-cont .pd-name span {display: inline-block;width: auto; height: 2.6rem; padding: 0 0.8rem;font-size: 1.2rem; line-height: 2.6rem;font-weight: 500;color: #1D5FD0; background-color: #E9F0FD;}
.modal.bottomsheet-order-detail .top-cont .pd-brand .pd-label {width: 3rem;height: 2rem;margin-right: 1rem;font-size: 1.2rem;font-weight: 500;text-align: center;line-height: 1.8;background-color: #999AA9;color: #fff;}

.bottomsheet-order-detail {}
.bottomsheet-order-detail button {background: inherit ; box-shadow:none;overflow:visible; cursor:pointer; transition: 0.3s;}
.modal.bottomsheet-order-detail .modal-content {background-color: #F5F5F5;}
.modal.bottomsheet-order-detail .modal-content {position: fixed; bottom: -100%; left: 0; width: 100%; height: 0; max-height: 100vh; margin: auto; padding: 3.5rem 6rem;overflow: hidden;top: initial; transform: initial; border-radius: 0; box-shadow: initial;animation: slideUpBS 1s ease-in-out;transition: all 1s ease-in-out;}
.bottomsheet-order-detail.active .modal-content {display: block;bottom: 0; height: auto; overflow-y: auto; transition: all 1s ease-in-out;}
.bottomsheet-order-detail .title-area {margin-bottom: 2rem;}
.bottomsheet-order-detail .title-area .title {margin-bottom: 2rem; font-size: 2.4rem; font-weight: 600; line-height: 1;}

.bottomsheet-order-detail .modal-close .modal-x {background: url(/images/pd/icon-btmsheet-close-1fe10bb12414e8608b7a53949ccebef8.png) center no-repeat;}

.order-detail-contents .dashboard-header {width: 100%; height: 5rem;padding: 0 1.9rem;background: #fff;border-bottom: 1px solid #DEDEDE;}
.order-detail-contents .dashboard-header .title {font-size: 1.4rem;font-weight: 600; margin: 0;}
.order-detail-contents .dashboard-body .sub-title {margin: 0 0 1rem 0;font-size: 1.2rem;color: #999AA9;font-weight: 500;}

.order-detail-contents .checkbox {font-size: 1.1rem; color: #666;}
.order-detail-contents .checkbox .btn-pop-detail {width: 3.5rem; height: 2rem; margin-left: 0.3rem;border: 1px solid #DEDEDE; padding: 0; font-size: 1.1rem; color: #666;}
.order-detail-contents .dashboard-payment .order-tab .checkbox {margin-bottom: 0.5rem;}
.order-detail-contents .dashboard-payment .order-tab .checkbox:last-child {margin-bottom: 0;}
.order-detail-contents .checkbox .form-chk [type="checkbox"]:not(:checked) + label,
.order-detail-contents .checkbox .form-chk [type="checkbox"]:checked + label {padding-left: 2.1rem;font-size: 1.1rem; color: #666; font-weight: 400;}
.order-detail-contents .checkbox .form-chk [type="checkbox"]:not(:checked) + label:before,
.order-detail-contents .checkbox .form-chk [type="checkbox"]:checked + label:before {box-shadow: none;}
.order-detail-contents .form-chk [type="checkbox"]:not(:checked) + label:before,
.order-detail-contents .form-chk [type="checkbox"]:checked + label:before {top: 0rem;border-color: #CDCDCD;}
.order-detail-contents .form-chk [type="checkbox"]:not(:checked) + label:after,
.order-detail-contents .form-chk [type="checkbox"]:checked + label:after {top: 0rem;}


/* 지정가 - 결제 상세 > 차트 영역 */
.bottomsheet-order-detail .charts-wrap.renew {padding: 0;}
.bottomsheet-order-detail .charts-wrap.renew .chart-sum-title {margin-bottom: 1rem;}
.bottomsheet-order-detail .order-detail-contents .dashboard {background-color: #fff;}

.order-detail-left .dashboard-chart {padding-top: 4.9rem;}
.order-detail-left .dashboard-chart .chart-graph-area {width: 100%; height: 45.9rem;margin-top: -1px; margin-bottom: 1rem;background: #fff;}
.order-detail-left .dashboard-chart .chart-graph-area .rcharts-wrap #chartHolder {width: 100% ; height: 37.7rem; padding: 1.3rem 1.5rem 0;}
.order-detail-left .dashboard-chart .chart-graph-area .rcharts-wrap .top {padding: 0 1.5rem;}

.order-detail-left .dashboard-chart .chart-graph-area .scopi-info {margin-top:1.5rem; padding:0 2rem;}
.order-detail-left .dashboard-chart .chart-graph-area .scopi-info span {font-size:1.1rem; font-weight:400; color:#999aa9}
.order-detail-left .dashboard-chart .chart-graph-area .scopi-info span .t-bold,
.order-detail-left .dashboard-chart .chart-graph-area .scopi-info span strong {font-weight:500; color:#333}

.order-detail-left .dashboard-chart .chart-graph-area .rMateStock_Legend {top: -39px !important; right: 85px !important;}
.order-detail-left .dashboard-chart .chart-graph-area #btnGroup {right: 20px;}


/* 지정가 - 결제 상세 >  현재가 > LIVE / 지정가 */
.order-detail-left .dashboard-price,
.order-detail-left .dashboard-order {width: 39.4rem; height: 61rem;/*height: 43.2rem;*/}
.order-detail-left .dashboard-price .unit {display: flex; align-items: center; font-size: 1.4rem; color: #999AA9; font-weight: 500;}

.order-detail-left .dashboard-price .unit .realTimePrice2 {display: inline-block; margin-right: 0.5rem; font-size: 1.6rem; color: #666; font-weight: 600;}
.order-detail-left .dashboard-price .unit .realTimePrice2.up {color: #E30505;}
.order-detail-left .dashboard-price .unit .realTimePrice2.down {color: #0962fc;}

.order-detail-left .dashboard-price-live .live-price-info,
.order-detail-left .dashboard-price-live .live-price-info .unit {font-size: 1.1rem; font-weight: 400; color: #999AA9;}
.order-detail-left .dashboard-price-live .live-price-info .unit .num {margin-right: 0.3rem; color: #000; font-weight: 500;}
.order-detail-left .dashboard-price-live .live-price-info {border-bottom: 1px solid #DEDEDE;}
.order-detail-left .dashboard-price-live .live-price-info .exchange-rate {padding: 0 2rem; height: 3.8rem;background: #F3F7FD;}
.order-detail-left .dashboard-price-live .live-price-info .exchange-rate dt,
.order-detail-left .dashboard-price-live .live-price-info .type-price dt {color:#999AA9;}
.order-detail-left .dashboard-price-live .live-price-info .type-price .type-open dd {color: #666666;}
.order-detail-left .dashboard-price-live .live-price-info .type-price .type-high dd {color: #E30505}
.order-detail-left .dashboard-price-live .live-price-info .type-price .type-low dd {color: #1D5FD0;}
.order-detail-left .dashboard-price-live .live-price-info .type-price .type-previous dd {color: #000000;}

.order-detail-left .dashboard-price-live .live-price-info .type-price {flex-wrap: wrap;}
.order-detail-left .dashboard-price-live .live-price-info .type-price dl {width: calc(50% - 3rem);height: 3.9rem;display: flex; align-items: center; justify-content: space-between;}
.order-detail-left .dashboard-price-live .live-price-info .type-price dl:nth-of-type(-n+2) {border-bottom: 1px solid #F0F0F0;}
.order-detail-left .dashboard-price-live .live-price-info .type-price dl:nth-of-type(odd) {margin: 0 1rem 0 2rem;}
.order-detail-left .dashboard-price-live .live-price-info .type-price dl:nth-of-type(even) {margin: 0 2rem 0 1rem;}


/*  지정가 - 결제 상세 > 현재가 */
.tbl-wrap {}
.tbl-limit .asking-price {width: 13.1rem; justify-content: center;}
.tbl-limit .stock-level {display: flex;align-items: center;width: 18rem;border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF;}
.tbl-limit .tbl-head .stock-level {border-right: 0;}
.tbl-limit .tbl-td.stock-level > span {display: inline-block; width: 3px; height: 2.8rem;margin-right: 0.1rem; background-color: #F0F0F0;}
.tbl-limit .tbl-td.stock-level > span:last-child {margin-right: 0;}
.tbl-limit .tbl-td.stock-level > span.other {background-color: #FFCACA;}
.tbl-limit .tbl-td.stock-level > span.here {background-color: #FF8585;}
.tbl-limit .amount {width: 8.3rem;}

.tbl-live .tbl-th,
.tbl-live .tbl-td {width: 33.3333%; text-align: center;}

.tbl-limit.tbl-head .tbl-tr .tbl-th.asking-price {}
.tbl-limit.tbl-head .tbl-tr .tbl-th.stock-level {text-align: left;}
.tbl-limit.tbl-head .tbl-tr .tbl-th.amount {text-align: left;}

.tbl-wrap .tbl-head {}
.tbl-wrap .tbl-head .tbl-tr .tbl-th {display: flex;align-items: center;height: 5rem;padding: 0 1rem;font-size: 1.4rem;font-weight: 500;}
.tbl-live .tbl-head .tbl-tr .tbl-th {justify-content: center;}
.tbl-live .tbl-tr .tbl-th,
.tbl-live .tbl-tr .tbl-td {border-right: 1px solid #EFEFEF;}
.tbl-live .tbl-tr .tbl-th:last-child,
.tbl-live .tbl-tr .tbl-td:last-child {border-right: 0;}

.tbl-limit .tbl-head .tbl-tr .tbl-th.stock-level {color: #999AA9;background-color: #F3F7FD;}
.tbl-limit .tbl-head .tbl-tr .tbl-th.amount {background-color: #F3F7FD;}

.tbl-live .tbl-body {max-height: 27.2rem;overflow: hidden;}
.tbl-limit .tbl-body {max-height: 38.9rem;overflow: hidden;}

/*
.bottomsheet-order-detail.update .tbl-live .tbl-body {max-height: 27rem;overflow: hidden;}
.bottomsheet-order-detail.update .tbl-limit .tbl-body {max-height: 38.7rem;overflow: hidden;}
*/

.tbl-wrap .tbl-body .mCSB_scrollTools,
.dashboard-container > .dashboard .mCSB_scrollTools {width: 4px; opacity: 0.5;}
.tbl-wrap .tbl-body .mCSB_inside > .mCSB_container,
.dashboard-container > .dashboard .mCSB_inside > .mCSB_container {margin-right: 0;}
.tbl-wrap .tbl-body .mCSB_scrollTools .mCSB_draggerContainer,
.tbl-wrap .tbl-body .mCSB_scrollTools .mCSB_draggerRail,
.dashboard-container > .dashboard .mCSB_scrollTools .mCSB_draggerContainer,
.dashboard-container > .dashboard .mCSB_scrollTools .mCSB_draggerRail {width: 4px;background-color:#efefef;}
.tbl-wrap .tbl-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.dashboard-container > .dashboard .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aaa;}

.bottomsheet-order-detail .order-detail-contents .mCSB_scrollTools {width: 4px; opacity: 0.5;}
.bottomsheet-order-detail .order-detail-contents .mCSB_inside > .mCSB_container {margin-right: 0;}
.bottomsheet-order-detail .order-detail-contents .mCSB_scrollTools .mCSB_draggerContainer,
.bottomsheet-order-detail .order-detail-contents .mCSB_scrollTools .mCSB_draggerRail {width: 4px;background-color:#efefef;}
.bottomsheet-order-detail .order-detail-contents .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aaa;}

.tbl-wrap .tbl-tr {display: flex;align-items: center;justify-content: space-between;width: 100%; border-bottom: 1px solid #EFEFEF;}
.tbl-wrap .tbl-tr.highlight {position: relative;}
.tbl-wrap .tbl-tr.highlight::after {content: "";position: absolute; top:0; left:0; right:0; bottom: 0; z-index: 9; border: 2px solid #E30505; transition: border 0.2s;}

.tbl-wrap .tbl-body .tbl-tr .tbl-th,
.tbl-wrap .tbl-body .tbl-tr .tbl-td {display: flex; align-items: center; justify-content: center;height: 3.8rem;padding: 0 0.8rem; font-size: 1.2rem;font-weight: 400;}

.tbl-wrap .tbl-body .tbl-tr .tbl-th.amount,
.tbl-wrap .tbl-body .tbl-tr .tbl-td.amount {justify-content: flex-start;}



/*  지정가 - 결제 상세 > 팝업 */
.popup-preview {display: none;position: absolute; padding: 2rem; top: 4rem;left: 50%; z-index: 9;transform: translateX(-50%);width: 30rem; background: #fff;border: 1px solid #dedede; border-radius: 1.2rem;}
.popup-preview2 {left: -7.3rem; transform: translateX(0);}
.premium .popup-preview2,
.brand-variable .popup-preview2 {width: 31.4rem;top: 3rem; left: 50%; transform: translateX(-50%);}
.popup-preview2 .popup-inner {overflow: hidden;}
.popup-preview::before {content :""; display:block; position: absolute; top: -1.6rem; left: 50%;z-index:1; transform: translateX(-10px); border: 8px solid transparent; border-bottom-color:#fff;}
.popup-preview::after {content :""; display:block; position: absolute; top: -1.8rem; left: 50%; z-index:0;transform: translateX(-11px); border: 9px solid transparent; border-bottom-color:#D9D9D9;}
.popup-preview .popup-close {position: absolute; top:2.1rem; right: 2.1rem; width: 1.1rem; height: 1.1rem; background: url(/images/pd/icon-popPreivew-close-1b9c438d19bcdd62070f6a49885e7f3e.png) center no-repeat;cursor: pointer;}
.popup-preview .popup-title {font-size: 1.2rem;font-weight: 500;margin: 0 0 1rem 0;}

.text-align-left {text-align: left !important;}
.text-align-right {text-align: right !important;}
.text-align-center {text-align: center !important;}
/* .popup-preview-bg {display: none;position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: transparent; z-index: 8;} */


/*  지정가 - 결제 상세 > 지정가 수정하기 */
.tbl-wrap.tbl-preview .tbl-tr {padding: 0 2rem;border-bottom: 0;}
.tbl-wrap.tbl-preview .tbl-tr .tbl-th,
.tbl-wrap.tbl-preview .tbl-tr .tbl-td {width: 50%; padding: 0; border-bottom: 1px solid #EFEFEF;font-size: 1.1rem;}
.tbl-wrap.tbl-preview .tbl-body .tbl-tr .tbl-th {justify-content: flex-start;color: #666;}
.tbl-wrap.tbl-preview .tbl-body .tbl-tr .tbl-td {justify-content: flex-end;color: #000;}
.tbl-wrap.tbl-preview .tbl-body .tbl-tr.my-grade {padding: 0;background-color: #3C4959;}
.tbl-wrap.tbl-preview .tbl-body .tbl-tr.my-grade .tbl-th,
.tbl-wrap.tbl-preview .tbl-body .tbl-tr.my-grade .tbl-td {padding: 0 2rem; color: #fff;}


/*  지정가 - 결제 상세 > 체결예상 팝업 */
.tbl-wrap.popup-tbl-preview {border-top:1px solid #EFEFEF;}
.tbl-wrap.popup-tbl-preview .tbl-tr {padding: 0;}
.tbl-wrap.popup-tbl-preview .tbl-tr .tbl-th,
.tbl-wrap.popup-tbl-preview .tbl-tr .tbl-td {height: 3.1rem;padding: 0 1rem;font-size: 1.1rem; }
.tbl-wrap.popup-tbl-preview .tbl-body .tbl-tr.my-grade .tbl-th,
.tbl-wrap.popup-tbl-preview .tbl-body .tbl-tr.my-grade .tbl-td {padding: 0 1rem;}

.popup-preview2 .tbl-wrap.popup-tbl-preview,
.popup-preview3 .tbl-wrap.popup-tbl-preview {border-bottom: 1px solid #EFEFEF;}
.popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-body {max-height: 12.3rem;}
.tbl-wrap.tbl-preview .tbl-tr:last-child .tbl-th,
.tbl-wrap.tbl-preview .tbl-tr:last-child .tbl-td {border-bottom: 0;}
.popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-tr .tbl-th,
.popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-tr .tbl-td,
.popup-preview3 .tbl-wrap.popup-tbl-preview .tbl-tr .tbl-th,
.popup-preview3 .tbl-wrap.popup-tbl-preview .tbl-tr .tbl-td {justify-content: center;}
.popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-head .tbl-tr,
.popup-preview3 .tbl-wrap.popup-tbl-preview .tbl-head .tbl-tr {background: #F5F5F5;}
.popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-head .tbl-tr .tbl-th,
.popup-preview3 .tbl-wrap.popup-tbl-preview .tbl-head .tbl-tr .tbl-th {color: #666; font-weight: 400;}
.popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-body .tbl-tr .tbl-th,
.popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-body .tbl-tr .tbl-td,
.popup-preview3 .tbl-wrap.popup-tbl-preview .tbl-body .tbl-tr .tbl-th,
.popup-preview3 .tbl-wrap.popup-tbl-preview .tbl-body .tbl-tr .tbl-td {padding: 0 1rem;color: #000;}
.popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-tr .tbl-th:first-child,
.popup-preview3 .tbl-wrap.popup-tbl-preview .tbl-tr .tbl-th:first-child,
.premium .popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-tr .tbl-th:nth-child(2),
.premium .popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-tr .tbl-td:nth-child(2) {border-right: 1px solid #EFEFEF;}
.premium .popup-preview2 .tbl-wrap.popup-tbl-preview .tbl-tr .tbl-td:nth-child(3) {justify-content: flex-end;}

.modify-selectbox {position: relative;width: 12.4rem;font-size: 1.2rem;}
.modify-selectbox .sel-tit {position: absolute;top: 50%;transform: translateY(-50%);left: 1rem;color: #999AA9;font-size: 1.2rem;font-weight: 400;z-index: 1;}
.modify-selectbox .dropdown {min-height: 3.8rem; border-radius: 0;}
.modify-selectbox .select2-container .select2-selection--single {height: 3.8rem;padding-left: 5.2rem;border-radius: 0;border-color:#DEDEDE;}
.modify-selectbox .select2-container--default .select2-selection--single .select2-selection__arrow {width: 2rem; height: 3.8rem;}
.modify-selectbox .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.7rem;height: 0.7rem; margin-top: 0.2rem; border: 1px solid; border-color: transparent transparent #DEDEDE #DEDEDE;}


/*  지정가 - 결제 상세 > 가격주문방식 > LIVE 선택시 > 현재가격 */
.order-current-price {display: none; position: relative;}
.live-current-price {height: 6.7rem; border-bottom: 1px solid #DEDEDE;}
.live-current-price dl {width: 100%; padding: 0 2rem;}
.live-current-price dl dt,
.live-current-price dl dt * {font-size: 1.4rem;font-weight: 500;color: #000;}
.live-current-price dl dd,
.live-current-price dl dd * {font-size: 1.6rem;font-weight: 600;color: #000; text-align: right;}
.live-current-price dl dd.up,
.live-current-price dl dd.up * {color: #E30505;}
.live-current-price dl dd.down,
.live-current-price dl dd.down * {color: #0962fc;}
.live-current-price dl dd div {gap: 10px; margin-top: 0.4rem; color: inherit;}
.live-current-price dl dd div span {font-size: 1.2rem; font-weight: 400; color: inherit;}

.bottomsheet-order-detail.update .order-method-form dl {width: 100%; padding: 0 2rem;}
.bottomsheet-order-detail.update .order-method-form dl dt {font-size: 1.4rem;font-weight: 500;color: #000;}
.bottomsheet-order-detail.update .order-method-form dl dd,
.bottomsheet-order-detail.update .order-method-form dl dd * {font-size: 1.6rem;font-weight: 500;color: #666;}
.bottomsheet-order-detail.update .order-method-form dl dd div {gap: 10px; margin-top: 0.4rem; color: inherit;}



/* 23.08.29 지정가 가격 주문 방식 변경/ 추가 */
.bottomsheet-order-detail.update .order-detail-left .order-banners {width: 39.4rem; height: 12rem /* height: 12.6rem */; position: absolute; bottom: 0; left: 0; right: auto; z-index: 1; background-color: #16255B; overflow: hidden;}
.bottomsheet-order-detail.update .order-detail-left .order-banners .swiper-slide a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

/*
.bottomsheet-order-detail.update .order-detail-left .dashboard-price,
.bottomsheet-order-detail.update .order-detail-left .dashboard-order {height: 60.9rem;}
*/

.bottomsheet-order-detail.update .live-current-price {height: auto; border-bottom: 0;}

/*
.bottomsheet-order-detail.update .live-current-price .cont-wrap {height: 42rem;}
.bottomsheet-order-detail.update .order-current-price .cont-wrap {max-height: 42rem;}
*/

.bottomsheet-order-detail.update .cont-wrap .cont-top {height: 10rem; flex-direction: column; border-bottom: 1px solid #EFEFEF;}
.bottomsheet-order-detail.update .order-current-price .cont-wrap .cont-top,
.bottomsheet-order-detail.update .modify-limit-price .cont-wrap .cont-top {height: 8.5rem;}

.bottomsheet-order-detail.update .cont-top dl.Adjusted-price {margin-top: 0.4rem;}
.bottomsheet-order-detail.update .cont-top dl.Adjusted-price dt {position: relative; font-size: 1.2rem; font-weight: 500; color: var(--sr-lgray);}
.bottomsheet-order-detail.update .cont-top dl.Adjusted-price dd,
.bottomsheet-order-detail.update .cont-top dl.Adjusted-price dd * {font-size: 1.2rem; font-weight: 400; color: var(--sr-gray);}

/* '?'tooltip */
.icon-question {display: inline-block; width: 2rem; margin-left: 0.5rem; line-height: 1.8rem; font-size: 1.1rem !important;  color: var(--sr-orange) !important; font-weight: 600 !important; font-style: normal; text-align: center; background: #fff; border: 1px solid var(--sr-orange); border-radius: 0.3rem; cursor: pointer;}
.popup-quistion {top: 2.9rem; padding: 2rem 1.8rem 1.5rem; text-align: left;}
.popup-quistion .popup-cont {font-size: 1.2rem; line-height: 1.6; font-weight: 400;}
.popup-quistion .popup-cont .sr-orange{font-size: inherit; font-weight: 400; color: var(--sr-orange);}
.popup-quistion::before,
.popup-quistion::after {display: none !important;}

/* 평균가 주문 상세 > 발주하기 팝업 > 결제유효기간 '?'tooltip */
#sorinModalAvgOrderPlan .icon-question {margin-bottom: 0.3rem; vertical-align: middle;}
#sorinModalAvgOrderPlan .popup-quistion {top: 4.5rem; left: calc(50% - 2.2rem); min-width: 35rem;}
#sorinModalAvgOrderPlan .popup-quistion .popup-cont {color: #666;}

/* 결제상세 > 바틈시트 > '?'tooltip */
.bottomsheet-order-detail.update .icon-question {display: inline-block; width: 2rem; margin-left: 0.5rem; line-height: 1.8rem;font-size: 1.1rem !important;  color: var(--sr-orange) !important; font-weight: 600 !important; font-style: normal; text-align: center; border: 1px solid var(--sr-orange); border-radius: 0.3rem; cursor: pointer;}
.bottomsheet-order-detail.update .popup-quistion {left: calc(50% + 11rem); width: 33.4rem;}
.bottomsheet-order-detail.update .total-price .popup-quistion {left: calc(50% + 11.8rem);}
.bottomsheet-order-detail.update .popup-quistion .popup-cont {font-weight: 500;}

.bottomsheet-order-detail.update .unit-price-calculate {width: 100%; height: 7.5rem; padding: 0 2rem; display: flex; align-items: center; justify-content: center; flex-direction: column; border-bottom: 1px solid #EFEFEF;}
.bottomsheet-order-detail.update .unit-price-calculate dl {padding: 0;}
.bottomsheet-order-detail.update .unit-price-calculate dl dt,
.bottomsheet-order-detail.update .unit-price-calculate dl dd,
.bottomsheet-order-detail.update .unit-price-calculate dl dd * {font-size: 1.2rem; font-weight:500;}
.bottomsheet-order-detail.update .unit-price-calculate dl dt {position: relative; color: #777777;}

.bottomsheet-order-detail.update .unit-price-calculate > div {position: relative; width: 100%; margin-bottom: 0.8rem;}
.bottomsheet-order-detail.update .unit-price-calculate > div:last-child {margin-bottom: 0;}
.bottomsheet-order-detail.update .unit-price-calculate > div dl {padding: 0;}
.bottomsheet-order-detail.update .unit-price-calculate .unit {color:#999AA9}
.bottomsheet-order-detail.update .unit-price-calculate .unit .num {display: inline-block;margin-right: 0.3rem; color:#000;}
.bottomsheet-order-detail.update .btn-calc-detail {position: absolute; top: 50%; left: calc(100% + 0.5rem); transform: translateY(-50%); width: 7.5rem; font-size: 1.1rem; font-weight: 400; color: #fff; background-color: #1d5fd0; cursor: pointer;}

/*
.bottomsheet-order-detail.update .order-method-form .partial-checkbox,
.bottomsheet-order-detail.update .order-method-form .limit-order-time {height: 8rem; padding: 0 2rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
*/
.bottomsheet-order-detail.update .popup-preview3 {width: 38.2rem;}
.bottomsheet-order-detail.update .popup-preview3.popup-calc-info {width: 48rem;top: 50%; left: 20rem; transform: translate(0, -39%);}
/* .bottomsheet-order-detail.update .order-current-price .popup-preview3 {left: calc(50% - 8rem);} */

.bottomsheet-order-detail.update .popup-preview3::before,
.bottomsheet-order-detail.update .popup-preview3::after {display:none !important;}
.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-body {max-height: 19.2rem;}

.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-td {border-right: 1px solid #EFEFEF;}
.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-td:last-child {border-right: unset;}

.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-th:nth-child(1),
.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-td:nth-child(1) {width: 8.5rem;}
.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-th:nth-child(2),
.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-td:nth-child(2) {width: 4.5rem;}
.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-th:nth-child(3),
.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-td:nth-child(3) {width: 7.5rem;}
.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-th:nth-child(4),
.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-td:nth-child(4) {width: 13.5rem;}

.bottomsheet-order-detail.update .popup-preview3 .tbl-wrap .tbl-tr .tbl-td:nth-child(3) {justify-content: flex-end;}

.bottomsheet-order-detail.update .popup-preview3.popup-calc-info .tbl-wrap .tbl-tr .tbl-th:nth-child(4),
.bottomsheet-order-detail.update .popup-preview3.popup-calc-info .tbl-wrap .tbl-tr .tbl-td:nth-child(4) {width: 23.5rem; padding: 0 0.5rem;}

.bottomsheet-order-detail.update .popup-preview3.popup-calc-info .tbl-wrap .tbl-tr.final-price .tbl-th,
.bottomsheet-order-detail.update .popup-preview3.popup-calc-info .tbl-wrap .tbl-tr.final-price .tbl-td {background-color: var(--sr-navy); color: #fff; border-color: #445C79;}


/* 23.09.20 | 가격주문방식 > 최종 상품 단가(.total-price) */
.bottomsheet-order-detail.update .order-method-form .total-price {border-bottom: 1px solid #EFEFEF;}
.bottomsheet-order-detail.update .order-method-form .total-price dl {height: 5.4rem;}
.bottomsheet-order-detail.update .order-method-form .total-price dl dt {position: relative; font-weight: 500; cursor: pointer; transition: 0.3s;}
.bottomsheet-order-detail.update .order-method-form .total-price dl dd * {font-size: 1.6rem; font-weight: 600; color: #E30505;}



/*  지정가 - 결제 상세 > 가격주문방식 > 지정가 선택시 > 지정가 입력하기: .type-price-area */
.order-method-form .input-price-area {position: relative; padding:2rem 2rem 0rem;}
.order-method-form .input-price-area .inner {position: relative;}
.order-method-form .input-wrap {position: relative;}
.order-method-form .input-wrap label {position: absolute;top: 50%;transform: translateY(-50%);font-size: 1.2rem; color: #666; left: 1rem;}
.order-method-form .input-wrap input[type="number"] {width: 100% !important;height: 5rem; border-radius: 0;border-color: #dfdfdf; padding-left: 8rem; padding-right: 10rem; text-align: right;font-size: 1.2rem;font-weight: 600;color: #000;}
.order-method-form .input-price-area .preview {position: absolute; top: 1.1rem; right: 1rem;/* top:50%;transform: translateY(-50%); */z-index: 9;}
.order-method-form .preview .btn-preview {width: 8.1rem; height: 2.8rem; font-size: 1.1rem;color: #fff; background-color: #CDCDCD;border: none;}
.order-method-form .preview .btn-preview.active {color: #1D5FD0; background-color: #fff;border: 1px solid #1D5FD0;}
.order-method-form .input-wrap input[type="number"]::-webkit-input-placeholder {font-size: 1.2rem; font-weight: 400; color: #000;}
.order-method-form .input-wrap input[type="number"]:-ms-input-placeholder {font-size: 1.2rem; font-weight: 400; color: #000;}

.order-method-form .modify-price-area .modify-row {position: relative; padding: 2rem 2rem 0 2rem;}
.order-method-form .modify-price-area .modify-row .input-wrap {width: 12.4rem;}
.order-method-form .modify-price-area .modify-row .input-wrap label {color: #999AA9}
.order-method-form .modify-price-area .modify-row .input-wrap input[type="number"] {height: 3.8rem;padding-left: 4rem;padding-right: 1rem; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.order-method-form .modify-price-area .modify-row .btn-preview {width: 8.5rem; height: 3.8rem; font-size: 1.2rem;}

.order-method-form .modify-price-area .preview {position: relative;}
.order-method-form .modify-price-area .popup-preview {top: 5rem;}
.order-method-form .modify-price-area .select2-container .select2-selection--single .select2-selection__rendered {font-size: 1.2rem; line-height: 3.6rem; text-align: right;}


.order-method-form .modify-price-area .partial-checkbox {padding: 0 2rem 2rem;}
.order-method-form .partial-checkbox .sub-title,
.order-method-form .limit-order-time .sub-title  {color: #FF6600;}

.bottomsheet-order-detail .order-detail-contents .dashboard input::-webkit-outer-spin-button,
.bottomsheet-order-detail .order-detail-contents .dashboard input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.bottomsheet-order-detail .order-detail-contents input[type=number] {-moz-appearance: textfield;}

.dashborder-checklist {position: relative; /*margin: 0 0 0.6rem 0; */padding: 1.7rem 2rem 0;border-top: 1px solid #EFEFEF;}
.bottomsheet-order-detail.upadte .dashborder-checklist {padding: 2rem;}
.dashborder-checklist ul li {position: relative; margin-bottom: 0.7rem;padding-left: 0.7rem;font-size: 1.2rem;font-weight: 400; color: #999AA9;}
.dashborder-checklist ul li:last-child {margin-bottom: 0;}
.dashborder-checklist ul li::before {content: "";position: absolute;top: 0.5rem;left: 0.2rem; width: 0.2rem; height: 0.2rem; border-radius: 50%; background-color: #999AA9;}



/* 지정가 - 결제 상세 >  주문내역 */
.order-detail-contents .dashboard-accordian {margin-bottom: 1rem;}
.order-detail-contents .dashboard-accordian .dashboard-header {position: sticky; top: 13.4rem; z-index: 10;}
.btn-notice {width: 7.5rem; height: 2rem; margin-left: 0.3rem;padding: 0;font-size: 1.1rem;}
.btn-view-all {font-size: 1.2rem;color: #999AA9;transition: color 0.3s;}
.btn-view-all:hover {color: #1d5fd0;}

.order-select {width: 100%;height: 5rem;border-bottom: 1px solid #EFEFEF;}
.order-select .form-chk {width: 50%;height: 100%;text-align: center;}
.order-select .form-chk label {font-size: 1.4rem;line-height: 5rem !important; font-weight: 500;}
.order-select .form-chk.price-live {border-right: 1px solid #EFEFEF;}
.order-select .form-chk [type="radio"] + label {display: block; width: 100%; height: 100%; padding: 0; border-bottom: 1px solid #EFEFEF; color: #999AA9;}
.order-select .form-chk [type="radio"]:checked + label {color: #000;}
.order-select .form-chk [type="radio"]:not(:checked) + label:before,
.order-select .form-chk [type="radio"]:checked + label::before {top: auto; bottom: -0.1rem; left: 0; width: 100%; height: 0.1rem;  border: none; border-radius: 0; box-shadow: none; transition: none;}
.order-select .form-chk [type="radio"]:checked + label:before {background-color: #1D5FD0;}
.order-select .form-chk [type="radio"]:checked + label::after {display: none;}
/*
.order-select .form-chk [type="radio"]:checked + label::before {border-width:0.1rem !important;box-shadow: none !important;}
.order-select .form-chk [type="radio"]:checked + label::after {content:""; position: absolute;top:0.6rem; left: 0.4rem; width:0.8rem; height:0.8rem; background-color:#1d5fd0;border-radius: 50%;}
*/

.dashboard-price .dashboard-body,
.dashboard-order .dashboard-body {position: relative; min-height: calc(100% - 5rem);}
.dashboard-order .dashboard-body .order-method-form {height: 100%;}
.limit-order-time {border-top: 1px solid #EFEFEF;}
.limit-order-time ul {width: 100%;}
.limit-order-time .form-chk {width: 50%; /* padding: 1.616rem 2rem;border-right: 1px solid #EFEFEF;*/}
.limit-order-time .form-chk:last-child {border-right: unset;}
.limit-order-time .form-chk [type="radio"] + label {font-size: 1.1rem; font-weight: 400;}
.limit-order-time .form-chk [type="radio"] + label::before,
.limit-order-time .form-chk [type="radio"] + label::after {top: 50%; transform: translateY(-50%); box-shadow: none;}
.limit-order-time .form-chk [type="radio"]:checked + label::before {border-width:0.1rem !important;box-shadow: none !important;}
.limit-order-time .form-chk [type="radio"]:checked + label::after {content:""; position: absolute;left: 0.4rem; width:0.8rem; height:0.8rem; background-color:#1d5fd0;border-radius: 50%;}

.order-method-form .partial-checkbox,
.order-method-form .limit-order-time {height: 7.8rem; padding: 0 2rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}

.order-method-form .modify-limit-price .partial-checkbox,
.order-method-form .modify-limit-price .limit-order-time {height: 7rem;}

.order-banners {width: 39.4rem; height: 12rem /* height: 12.6rem */; position: absolute; bottom: 0; left: 0; right: auto; z-index: 1; background-color: #16255B; overflow: hidden;}
.order-banners .inner {position: relative; width: 100%; height: 100%;}
.order-banners .banner-close {position: absolute; top: 1rem; right: 1rem; z-index: 2; width: 1.2rem; height: 1.2rem; cursor: pointer;}
.order-banners .banner-close::before,
.order-banners .banner-close::after {content:""; position: absolute; top: 0; left: 50%; transform: rotate(45deg); width: 0.1rem; height: 100%; background: #fff; transform: rotate(45deg);}
.order-banners .banner-close::after {transform: rotate(-45deg);}
.order-banners .swiper-pagination {bottom: 1.2rem; padding-right: 1.2rem; text-align: right;}
.order-banners .swiper-pagination .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; background-color: #fff; opacity: 0.3;}
.order-banners .swiper-pagination .swiper-pagination-bullet-active {opacity: 0.8;}
.order-banners .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0; margin-right: 0.4rem;}
.order-banners .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child {margin-right: 0;}
.order-banners .swiper-slide img {height: auto;}


.accordian .accordian-list {padding: 0 2rem; border-bottom: 1px solid #EFEFEF;}
.accordian .accordian-title,
.accordian .title {position: relative; min-height: 5.1rem; margin: 0;padding-right: 2rem;font-size: 1.2rem;cursor: pointer;}
.accordian .title {padding-right: 0;}
.accordian .accordian-title span,
.accordian .title span {color: #666; font-weight: 500;}
.accordian .title .txt {color: #000; font-weight: 500;}
.accordian .accordian-title .btn-accordian {position: absolute; top:50%; right:0; z-index: 9; transform:rotate(0deg) translateY(-50%); width:1.1rem; height: 0.6rem;background: url(/images/pd/accor-arrow-633960ce1130563e9c6952970a7153f0.png) no-repeat center; background-size: contain; transition: 0.3s;}
.accordian .accordian-title.active .btn-accordian {transform:rotate(180deg) translateY(0.1665rem);}

.accordian .accordian-title .coupon {margin-left: 0.6rem; color: #999AA9;}
.accordian .accordian-title .coupon span {color: inherit;}
.accordian-list .accordian-title .unit {color: #999AA9; font-weight: 500; display: flex; align-items: center;}
.accordian-list .accordian-title .unit .num {display: inline-block; margin-right: 0.3rem; font-weight: 500; color: #000;}
.accordian-list .accordian-contents .inner .unit .num {display: inline-block; margin-right: 0.3rem; color: inherit;}

.accordian .accordian-contents .price-inner-info {min-height: 11.2rem;}
.accordian .accordian-contents .premium,
.accordian .accordian-contents .brand-variable,
.accordian .accordian-contents .promotion.payback {margin-bottom: 0.4rem;}
.accordian .accordian-contents .premium .pop-area,
.accordian .accordian-contents .brand-variable .pop-area {position: relative;}
.accordian .accordian-contents .premium dl dt,
.accordian .accordian-contents .brand-variable dl dt {width: 15.2rem; display: flex; align-items: center; justify-content: space-between;}

.accordian .accordian-contents .inner {padding: 1.4rem 0;background-color: #fff;border-top: 1px solid #000;font-size: 1.2rem;}

.accordian-list .accordian-contents .inner dl {width: 100%; display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.5rem;min-height: 2rem;}
.accordian-list .accordian-contents .inner dl:last-child {margin-bottom: 0;}
.accordian-list .accordian-contents .inner dl dt,
.accordian-list .accordian-contents .inner dl dd {color: #777}
.accordian-list .accordian-contents .inner dl.brand-variable dd {color: #666;}

.accordian-list .accordian-contents .inner .total-price {margin-top:  1.5rem; padding: 1.8rem 0 1rem;; border-top: 1px solid #DEDEDE;}
.bottomsheet.tentative-price.layout1 .accordian-list .accordian-contents .inner .total-price {padding: 1.3rem 0 0;}
.accordian-list .accordian-contents .inner .total-price dl {margin-bottom: 0; min-height: 0;}
.accordian-list .accordian-contents .inner .total-price dl dt,
.accordian-list .accordian-contents .inner .total-price dl dd,
.accordian-list .accordian-contents .inner .total-price .unit .num {color: #1D5FD0; font-weight: 500;}
.accordian-list .accordian-contents .inner .total-price p {margin-top: 1rem; color: #777777; font-weight: 400;}

.accordian-list .accordian-contents .inner .info-txt {margin-bottom: 1rem; font-size: 1.1rem; font-weight: 400; color: #1D5FD0;}
.accordian-list .accordian-contents .inner .info-txt2 {margin: 1.2rem 0 0; text-align: center;}
.accordian-list .accordian-contents .inner .info-txt2 span {position: relative;padding-left: 1.3rem; font-size: 1.1rem; font-weight: 400; color: #FF6600; text-align: center;}
.accordian-list .accordian-contents .inner .info-txt2 span::before {content: ""; position:absolute; top: 49.5%; transform: translateY(-50%); left: 0; width: 1.1rem; height: 1.1rem; background: url(/images/icon-info-txt2-5612ca9e76d24999cb7e906119f5becf.png) no-repeat left center; background-size: contain;}

.accordian-list .accordian-contents .trans-ratio {min-width: 4rem; height: 2rem; display: flex; align-items: center;  justify-content: center; margin-left: 0.5rem; border-radius: 0.3rem; background-color: #999AA9; font-size: 1.1rem; color: #fff; font-weight: 400;}

/* 24.01.11 | 주문내역 > 상시할인 & 페이백 영역 추가 */
.accordian-list .accordian-contents .premium dt,
.accordian-list .accordian-contents .inner dl.promotion dt {position: relative; min-width: 7.7rem;}
.accordian-list .accordian-contents .inner dl.promotion dt button {position: absolute; top: 50%; left: 100%; transform: translateY(-50%); width:7.5rem;}

.promotion.payback dt,
.promotion.discount dt,
.promotion.mo-discount dt {font-weight: 500}

.promotion.payback dt,
.promotion.payback .tit,
.promotion.payback .val num,
.promotion.payback .unit .num,
.promotion.payback .price {font-size: 1.2rem; font-weight: 500 !important; color: #1D5FD0 !important;}

.promotion.discount dt,
.promotion.discount .tit,
.promotion.discount .val .num,
.promotion.discount .unit .num,
.promotion.discount .price {font-size: 1.2rem; font-weight: 500 !important; color: #037869 !important;}

.promotion.mo-discount dt,
.promotion.mo-discount .unit .num,
.promotion.mo-discount .price {font-size: 1.2rem; font-weight: 500 !important; color: #EDAF02 !important;} 

.ordersheet-wrap.type2 .promotion.discount .unit {color: #000 !important;}



/* 지정가 - 결제 상세 > 결제수단 선택 */
.dashboard-payment .dashboard-header {position: sticky; top: 134px; z-index: 10;}
.dashboard-payment .order-tab .order-tab-title {padding: 2rem 2rem 0 2rem;}
.dashboard-payment .order-tab .order-tab-title li {position: relative; width: 100%; height: 4rem;border: 1px solid #DEDEDE;border-right: 0;font-size: 1.2rem; color: #666666;font-weight: 400; cursor: pointer;display: flex;align-items: center;justify-content: center;}
.dashboard-payment .order-tab .order-tab-title li:last-child {border-right: 1px solid #DEDEDE;}
.dashboard-payment .order-tab .order-tab-title li.active {color: #1D5FD0;font-weight: 500;}
.dashboard-payment .order-tab .order-tab-title li::after {content:"";position: absolute;left: 50%;bottom: -0.1rem; width:0; height: 0.1rem; z-index: 1;background: #1D5FD0;transition: 0.3s;}
.dashboard-payment .order-tab .order-tab-title li:hover::after,
.dashboard-payment .order-tab .order-tab-title li.active::after {left: 0%; width:100%;}

.dashboard-payment .order-tab .order-tab-cont {display:none;}
.dashboard-payment .order-tab .order-tab-cont:nth-of-type(1) {display:block;}

.dashboard-payment .order-tab .order-tab-cont .info-txt {font-size: 1.2rem;line-height: 1.5; color: #666666; font-weight: 400;text-align: center;}
.dashboard-payment .order-tab .order-tab-cont .info-txt-red {margin-bottom: 1.8rem;color: #E30505;}
.dashboard-payment .order-tab .order-tab-cont .info-txt-black {color: #000;font-weight: 500}
.dashboard-payment .order-tab .order-tab-cont .info-txt-black span {display: inline-block; margin: 0 0.3rem; color: #E30505;font-weight: 500;}
.dashboard-payment .order-tab .order-tab-cont .btns button {width: 12.9rem;height: 5rem; font-size: 1.4rem; font-weight: 500;}
.dashboard-payment .order-tab .order-tab-cont .btns button.btn-mypage-list {width: 7.6rem;}
.dashboard-payment .order-tab .order-tab-cont .btns button.btn-order-list {padding-right: 1rem; background: url(/images/pd/btn-order-top-6b24fffe608697c3b1ef8e098d084a3e.png) no-repeat 87% 47%;}
.order-payment-contents .dashboard-payment .order-tab .order-tab-cont .btns button.btn-order-list {width: 14rem;padding-right: 1rem; background: url(/images/pd/btn-order-top-6b24fffe608697c3b1ef8e098d084a3e.png) no-repeat 84% 47%;}
.order-payment-contents .dashboard-payment .order-tab .order-tab-cont .btns button.btn-order-list:hover {background-image: url(/images/pd/btn-order-top-h-721ad058283d344993e4291a4e50e023.png);}
.order-payment-contents .dashboard-payment .order-tab .order-tab-cont .btns button.btn-order {width: 20.3rem;}


.btn-border-loyalblue {border: 1px solid #1D5FD0 !important; color: #1D5FD0 !important;border-radius: 0.6rem !important;transition: 0.3s;}
.btn-border-loyalblue:hover {background-color: #1D5FD0 !important;color: #fff !important;}

.btn-fill-loyalgray {border: 1px solid #999AA9 !important; background-color: #999AA9 !important;color: #fff !important;border-radius: 0.6rem !important;}
.btn-fill-loyalgray:hover {border: 1px solid #838495 !important; background-color: #838495 !important;}

.btn-fill-loyalblue {border: 1px solid #1D5FD0 !important; background-color: #1D5FD0 !important;border-radius: 0.6rem !important;}
.btn-fill-loyalblue:hover {border: 1px solid #1953b7 !important; background-color: #1953b7 !important;}

.order-payment-top {padding: 3rem 2rem 1.8rem;}
.order-payment-top .card {width: 26rem;height: 15.6rem;margin: auto;border-radius: 1.1rem; border: 1px solid;overflow: hidden;}
.order-payment-top .card .card-inner {width: 100%; height: 100%;border: 1px solid;border-radius: 1.1rem; }
.order-payment-top .card .card-header {width: 100%; height: 3.8rem; padding: 0 1.5rem; background-color: #fff; border-radius: 1rem 1rem 0 0;}
.order-payment-top .card .card-header .card-name {font-size: 1.2rem;font-weight: 600;}

.e-wallet .order-payment-top .card {background: linear-gradient(135deg, #159E9E 55%, #009090 45%); border-color: #009090;}
.e-wallet .order-payment-top .card .card-inner {border-color: #42ADAD;}
.e-wallet .order-payment-top .card .card-header .card-name {color: #FEB306;}

.deposit .order-payment-top .card {background: linear-gradient(135deg, #4B7FD6 55%, #2E69CB 45%);border-color: #4B7FD6;}
.deposit .order-payment-top .card .card-inner {border-color: #639CFC;}
.deposit .order-payment-top .card .card-header .card-name {color: #2E69CB;}

.sr-credit .order-payment-top .card {background: linear-gradient(135deg,#D4BE87 0%, #DAC48E 16%, #CDB77F 24%, #BEA86F 32%, #AB955B 55%, #9F8450 45%);border-color: #D6BD7B; /*filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));*/}
.sr-credit .order-payment-top .card .card-inner {border-color: #D6BD7B;}
.sr-credit .order-payment-top .card .card-header .card-name {color: #8D773D;}
.order-payment-top .card2 .card-body {padding-left: 2rem;}
.order-payment-top .card2 .card-body dl {margin-bottom:1rem;}
.order-payment-top .card2 .card-body dl:last-child {margin-bottom:0;}
.order-payment-top .card2 .card-body dl dt {display: inline-block;min-width: 5rem; font-size: 1.2rem; font-weight: 400; color: #fff; opacity: 0.7;}
.order-payment-top .card2 .card-body dl dd {display: inline-block;min-width: 13rem;text-align: right;}
.order-payment-top .card2 .card-body dl dd .unit {font-size: 1.2rem; color: #fff; opacity: 0.7;}
.order-payment-top .card2 .card-body dl dd .unit .num {margin-right: 0.4rem; font-size: 1.2rem; color: #fff; opacity: 0.7;}
.order-payment-top .card2 .card-body dl.remaining dd .unit {font-size: 1.6rem;opacity: 1;}
.order-payment-top .card2 .card-body dl.remaining dd .unit .num {margin-right: 0.5rem; font-size: 1.6rem;opacity: 1;}
.order-payment-top .card2 .card-body dl.remaining dd {position: relative;}
.order-payment-top .card2 .card-body dl.remaining dd .btn-refresh {position: absolute; top: 50%;right: -2.5rem;transform: translateY(-50%);margin: 0;}

.order-tab-cont .input-button-wrap .radio-btn {width: 8.7rem;margin: 2rem 0 1.7rem;border: 1px solid #dedede; border-radius:0; margin-left: 0;}
.order-tab-cont .input-button-wrap .radio-btn:nth-of-type(1) {border-radius: 0.3rem 0 0 0.3rem;}
.order-tab-cont .input-button-wrap .radio-btn:nth-of-type(2) {border-left: 0; border-right:0; }
.order-tab-cont .input-button-wrap .radio-btn:nth-of-type(3) {border-radius: 0 0.3rem 0.3rem 0;}
.order-tab-cont .input-button-wrap .radio-btn span {font-size: 1.2rem;font-weight: 400;}
.order-tab-cont.sr-credit .input-button-wrap .radio-btn.active {background-color: #9F8A50; border-color: #9F8A50;}
.order-tab-cont.kodit .input-button-wrap .radio-btn.active {background-color: #1C344A; border-color: #1C344A;}

.kodit .order-payment-top .card {background: linear-gradient(135deg, #22425F 55%, #213131 45%);border-color: #1C344A;filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));}
.kodit .order-payment-top .card .card-inner {border-color: #3C658B;}
.kodit .order-payment-top .card .card-header .card-name {color: #84BD09;}

.transfer .order-payment-top .card {background: linear-gradient(135deg, #22425F 55%, #213131 45%);border-color: #1C344A;filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.15));}
.transfer .order-payment-top .card .card-inner {border-color: #3C658B;}
.transfer .order-payment-top .card .card-header .card-name {color: #1C344A;}

.order-payment-top .card .card-body {flex-direction: column; height: calc(100% - 3.8rem);}
.order-payment-top .card .card-body .account {margin-bottom: 1rem; font-size: 1.4rem;font-weight: 400;color: #fff; opacity: 0.7;}
.order-payment-top .card .card-body .price .unit {font-size: 1.6rem;font-weight: 500;color: #fff;}
.order-payment-top .card .card-body .price .unit .num {display: inline-block; margin-right: 0.5rem; font-size: 1.6rem;font-weight: 500;color: #fff;}
.order-payment-top .card .card-body .btn-refresh {padding: 0; margin-left: 1rem;}

.order-payment-top .select2-container {max-width: 25.3rem;}
.order-payment-top .select2-container .select2-selection--single {height: 3.8rem; border-color: #DEDEDE; border-radius: 0; border-right: 0;font-size: 1.2rem; font-weight: 400; color: #000;}
.order-payment-top .select2-container .select2-selection--single .select2-selection__rendered {line-height: 3.7rem;}
.order-payment-top .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.7rem; height: 0.7rem; border: 1px solid #D9D9D9;top: 50%; transform: rotate(-45deg) translateY(-50%);border-width: 0 0 0.1rem 0.1rem; margin-left: 0;}
.order-payment-top .select2-results__option {font-size: 1.2rem !important; font-weight: 400; color: #000;}
.order-payment-top .select2-container--default .select2-selection--single .select2-selection__arrow {width: 2rem; height: 3.7rem;}
.modal .order-payment-top .select2-container--default .select2-selection--single .select2-selection__arrow b {top: 1.8rem;}

.order-payment-top .btn-stroke {width: calc(100% - 20.3rem);height: 3.8rem;border-color: #dedede;border-radius: 0; font-size: 1.1rem; color: #666;font-weight: 400;}
.order-payment-top .tbl-step {width: 100%; margin-top: 1.2rem; border-top: 1px solid #3C4959;}
.order-payment-top .tbl-step tr th,
.order-payment-top .tbl-step tr td {height: 3.8rem; text-align: center;font-size: 1.1rem !important; font-weight: 400;vertical-align: middle;}
.order-payment-top .tbl-step thead tr th {background-color: #FAFAFA;color: #666;}
.order-payment-top .tbl-step tr {border-bottom: 1px solid #FAFAFA;}
.order-payment-top .tbl-step tbody tr td {background-color: #fff;color: #000;}

.order-payment-top .icon-info-txt {padding-left: 2.3rem;font-size: 1.1rem;background-position: 0% 65%;background-size: 1.6rem;}
.order-payment-top .checkbox-area {margin-top: 2.2rem;}
.order-payment-top .checkbox-area .ripple {font-size: 0;}
.order-tab-cont.sr-credit .order-payment-top .checkbox-area {margin-top: 1.3rem;}

.order-payment-btm {min-height: 23rem;padding: 1.4rem 2rem 2rem;border-top: 1px solid #EFEFEF; flex-direction: column;}
.order-payment-btm .total dt {font-size: 1.4rem;font-weight: 500;}
.order-payment-btm .total dd .unit .num {font-size: 1.4rem;font-weight: 600;}
.order-payment-btm .total dd .unit {font-weight: 400;}
.order-payment-btm .total dt .btn-icon-coupon {display: inline-block;margin-left: 0.6rem;cursor: pointer;}



/* ::::: 23.09 | 결제상세 - 평균가 신규 ::::: */
.dot-list.orange li {position: relative; margin-bottom: 1rem; padding-left: 1rem; font-size: 1.2rem; color: #666; font-weight: 400;}
.dot-list.orange li:last-child {margin-bottom: 0;}
.dot-list.orange li::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.3rem; height: 0.3rem; background-color: #FF6600; }

.bottomsheet-order-detail.pricing-avg.active .modal-content {height: 100vh; overflow-y: hidden;}
.bottomsheet-order-detail.pricing-avg .modal-content-inner {height: 100vh;}
.bottomsheet-order-detail.pricing-avg .order-detail-contents {height: 100%; min-height: unset;}

.bottomsheet-order-detail.pricing-avg .top-cont {position: static;}
.bottomsheet-order-detail.pricing-avg .top-cont .dashboard-item-info {position: static; width: 100%; margin-top: 1rem; border-bottom: unset;}
.bottomsheet-order-detail.pricing-avg .top-cont .dashboard-item-info .pd-brand-info .pd-brand {font-size: 1.8rem; font-weight: 600;}
.bottomsheet-order-detail.pricing-avg .top-cont .dashboard-item-info .pd-brand-info .brand-nation img {display: block;}
.bottomsheet-order-detail.pricing-avg .top-cont .pd-name span {padding: 0 1rem;}

.bottomsheet-order-detail.pricing-avg .dashboard-container {height: calc(100% - 23rem);}

.bottomsheet-order-detail.pricing-avg .order-detail-contents .dashboard-accordian .dashboard-header,
.bottomsheet-order-detail.pricing-avg .order-detail-contents .dashboard-payment .dashboard-header {position: static; top: 0;}

.bottomsheet-order-detail.pricing-avg .dashboard-container > .dashboard {width: 39.3rem; height: 100%; margin-bottom: 0; overflow: hidden;}
.bottomsheet-order-detail.pricing-avg .dashboard-container > .dashboard .dashboard-body.scroll{position: relative; height: calc(100% - 5.1rem);}

/* 23.09 | 결제상세 - 평균가 신규 > n월 전일 5영업일 누적 평균 가격 Dashboard */
.bottomsheet-order-detail.pricing-avg .dashboard-tbl-avg-price .dashboard-header .title span {color: #1D5FD0; font-weight: 600;}

.bottomsheet-order-detail.pricing-avg .dashboard-tbl-avg-price .dashboard-body {height: calc(100% - 5rem);}
.bottomsheet-order-detail.pricing-avg .dashboard-tbl-avg-price .dashboard-body .dashboard-inner {height: 100%; padding: 1.5rem 2rem;}
.bottomsheet-order-detail.pricing-avg .dashboard-tbl-avg-price .dashboard-body .dot-list.orange {margin-bottom: 1rem;}
.bottomsheet-order-detail.pricing-avg .dashboard-tbl-avg-price .dashboard-body .tbl-avg-price .tbl-body.scroll {height: calc(100vh - 46.9rem); border-bottom: 1px solid #DEDEDE;}
.bottomsheet-order-detail.pricing-avg .dashboard-tbl-avg-price .dashboard-body .tbl-avg-price .tbl-tr:last-child {border-bottom: unset;}

.tbl-avg-price {border-top: 1px solid #000000;}
.tbl-avg-price .tbl-tr {border-bottom: 1px solid #DEDEDE;}
.tbl-avg-price .tbl-th,
.tbl-avg-price .tbl-td {width: 33.4%; height: 4.1rem;  font-size: 1.2rem; font-weight: 400; justify-content: center;}

.tbl-avg-price .tbl-head .tbl-tr .tbl-th {height: 4.1rem; font-size: 1.2rem; font-weight: 400; justify-content: center;}
.tbl-avg-price .tbl-body .tbl-tr .tbl-td {height: 4.1rem;}
/* .tbl-avg-price .tbl-body .tbl-tr:nth-child(-n + 5) {background-color: #E5F2FF;} */
.tbl-avg-price .tbl-body .tbl-tr.bg3 {background-color: #E5F2FF;}

.modal-avg-price-tbl .tbl-avg-price .tbl-th,
.modal-avg-price-tbl .tbl-avg-price .tbl-td {font-size: 1.4rem !important;}

.tbl-avg-price .tbl-th {color: #fff;}
.tbl-avg-price .tbl-head .tbl-tr.bg1 .tbl-th {background-color: #60ABF8;}
.tbl-avg-price .tbl-head .tbl-tr.bg2 .tbl-th {background-color: #B9DCFE; color: #1D5FD0;}

/* 누적 평균가격 table(.modal-avg-price-tbl) */
.modal-avg-price-tbl .modal-content h1.h2-pd {margin: 0; padding-bottom: 2rem; border-bottom: 2px solid #2B425F;}
.modal-avg-price-tbl .avg-item-info {margin-bottom: 2rem; padding: 2rem 0; border-bottom: 1px solid #DEDEDE;}
.modal-avg-price-tbl .avg-item-info .pd-brand {margin-bottom: 1rem; font-size: 1.8rem; color: #000; font-weight: 600;}
.modal-avg-price-tbl .avg-item-info .pd-brand .pd-label {width: 3.9rem; height: 2.6rem; font-size: 1.4rem; color: #fff; font-weight: 500; text-align: center; line-height: 2.6rem; background-color: #999AA9;}
.modal-avg-price-tbl .avg-item-info .pd-brand span {height: 2.6rem; margin-right: 1rem;}
.modal-avg-price-tbl .avg-item-info .pd-brand span img {height: inherit;}
.modal-avg-price-tbl .avg-item-info .pd-name {display: flex; align-items: stretch; justify-content: stretch; gap: 0.3rem; margin-bottom: 0;}
.modal-avg-price-tbl .avg-item-info .pd-name > span {min-width: 8rem; display: flex; align-items: center; justify-content: center;  word-break: keep-all; line-height: 1.2;}
.modal-avg-price-tbl .avg-item-info .pd-name > span:nth-child(1) {flex-grow: 2;}
.modal-avg-price-tbl .avg-item-info .pd-name > span:nth-child(2) {flex-grow: 1.35;}
.modal-avg-price-tbl .avg-item-info .pd-name > span:nth-child(3) {flex-grow: 1;}
.modal-avg-price-tbl .avg-item-info .pd-name > span:nth-child(4) {flex-grow: 1;}
.modal-avg-price-tbl .avg-item-info .pd-name > span:nth-child(5) {flex-grow: 1;}

.modal-avg-price-tbl .tbl-scope-col.tbl-avg-price {width: 52rem; margin-top: 2rem;}

.modal-avg-price-tbl .tbl-avg-price {width: 52rem; margin-top: 2rem;}
.modal-avg-price-tbl .tbl-avg-price .tbl-body.scroll {height: 32.8rem;}

/* 23.09.08 | 변경 전 누적 평균가격 table layout common style backup
.tbl-scope-col.tbl-avg-price thead tr th {background-color: #60ABF8; color: #fff; text-align: center;}
.tbl-scope-col.tbl-avg-price tr th,
.tbl-scope-col.tbl-avg-price tr td {height: 4.1rem; border-right: 0;}
.tbl-scope-col.tbl-avg-price tbody tr.tr-avg-bg1 td {background-color: #B9DCFE !important; color: #1D5FD0;}
.tbl-scope-col.tbl-avg-price tbody tr:nth-child(2),
.tbl-scope-col.tbl-avg-price tbody tr:nth-child(3),
.tbl-scope-col.tbl-avg-price tbody tr:nth-child(4),
.tbl-scope-col.tbl-avg-price tbody tr:nth-child(5),
.tbl-scope-col.tbl-avg-price tbody tr:nth-child(6) {background-color: #E5F2FF;}


.bottomsheet-order-detail.pricing-avg .dashboard-tbl-avg-price .dashboard-body .tbl-scope-col.tbl-avg-price {border-width: 1px;}
.bottomsheet-order-detail.pricing-avg .dashboard-tbl-avg-price .dashboard-body .tbl-scope-col.tbl-avg-price thead tr th,
.bottomsheet-order-detail.pricing-avg .dashboard-tbl-avg-price .dashboard-body .tbl-scope-col.tbl-avg-price tbody tr td {font-size: 1.2rem;}
*/


/* 23.09 | 결제상세 - 평균가 신규 > 주문내역 Dashboard */
.bottomsheet-order-detail.pricing-avg .dashboard-container > .dashboard .mCSB_inside > .mCSB_container {min-height: 100%;}
.bottomsheet-order-detail.pricing-avg .dashboard-accordian .accordian {padding-bottom: 10.7rem;}
.bottomsheet-order-detail.pricing-avg .dashboard-accordian .order-banners {height: 10.7rem;}
.bottomsheet-order-detail.pricing-avg .dashboard-accordian .order-banners .swiper-slide {/*width: 39.3rem !important; */background: unset;}



/* 23.09 | 결제상세 - 평균가 신규 > 결제수단 선택 Dashboard */
.bottomsheet-order-detail.pricing-avg .dashboard-payment .order-tab-cont.e-wallet .order-payment-btm {min-height: 27.7rem;}



/* 지정가 - 마이페이지 > 지정가 주문 목록 */
.content-limit-price .order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 22rem;}
.content-limit-price .condition-check {padding: 1rem 0;}
.content-limit-price .btn-search {height: 5rem;font-size: 1.6rem;}
.mt-price .pd-booked,
.content-limit-price .pd-booked {margin-top: 1rem;font-size: 1.4rem; color: #666; font-weight: 500;}
.fail-msg {font-size: 1.2rem; color: #E30505}

.btn-gray-big.wide {max-width: 27.5rem !important;}



/* 23.04.06 마이페이지 - 쿠폰내역 */
.section.my .content-coupon .section .hgroup {margin-bottom: 1.5rem;}
.section.my .content-coupon .section .hgroup h2 {margin-bottom: 0rem;}
.section.my .btn-coupon-regi {width: 10rem;}
.section.my .coupon-list {flex-wrap: wrap;}
.section.my .coupon-list .coupon {width: 45.5rem; height: 24rem; margin-bottom: 3rem; padding-left: 5rem;}
.section.my .coupon-list .coupon-delivery {background: url(/images/my/coupon-bg-delivery-33ab847cef685ec12083e149c0b5bd14.png) no-repeat center; background-size: contain;}
.section.my .coupon-list .coupon-price {background: url(/images/my/coupon-bg-price-77dd5ad07794705cd6c6f8ada9a48121.png) no-repeat center; background-size: contain;}
.section.my .coupon-list .coupon-used,
.section.my .coupon-list .coupon-stop,
.section.my .coupon-list .coupon-expired {background: url(/images/my/coupon-bg-no-c325a00a6e4093924017736aaf1a92ec.png) no-repeat center; background-size: contain;}

.section.my .coupon-list .coupon .coupon-info .coupon-name {margin: 0 0 0.9rem 0;font-size: 1.8rem; font-weight: 600;}
.section.my .coupon-list .coupon .coupon-info .coupon-num {font-size: 1.2rem; font-weight: 400;color: #999AA9;}
.section.my .coupon-list .coupon .coupon-info .coupon-title {display: block;margin: 2.5rem 0 3rem;font-size: 2.8rem; font-weight: 600;line-height: 1;font-style: normal;}
.section.my .coupon-list .coupon .coupon-info .coupon-title span {font-weight: 600;}
.section.my .coupon-list .coupon .coupon-info .coupon-detail dl:first-child {margin-bottom: 1.2rem;}
.section.my .coupon-list .coupon .coupon-info .coupon-detail dl dt {margin-right: 2.7rem; font-size: 1.4rem; font-weight: 400;color:#999AA9;}
.section.my .coupon-list .coupon .coupon-info .coupon-detail dl dd {font-size: 1.4rem; font-weight: 400;color:#000000;}

.section.my .coupon-list .coupon-delivery .coupon-info .coupon-name,
.section.my .coupon-list .coupon-delivery .coupon-info .coupon-title span,
.section.my .coupon-list .coupon-delivery .coupon-state span {color:#1d5fd0;}

.section.my .coupon-list .coupon-price .coupon-info .coupon-name,
.section.my .coupon-list .coupon-price .coupon-info .coupon-title span,
.section.my .coupon-list .coupon-price .coupon-state span {color:#ff6a3a;}
.section.my .coupon-list .coupon-used .coupon-state {padding-top: 2.5rem;}

.section.my .coupon-list .coupon-gray .coupon-info .coupon-name,
.section.my .coupon-list .coupon-gray .coupon-info .coupon-title,
.section.my .coupon-list .coupon-gray .coupon-info .coupon-title span,
.section.my .coupon-list .coupon-gray .coupon-state span,
.section.my .coupon-list .coupon-gray .coupon-info .coupon-detail dl dd,
.section.my .coupon-list .coupon-gray .coupon-state .date {color:#999AA9;}

.section.my .coupon-list .coupon .coupon-state {width: 9.6rem;position: relative;flex-direction: column;}
.section.my .coupon-list .coupon .coupon-state::after {content:"";position: absolute; top: 50%; left: 0; width: 1px; height: 16rem;transform: translateY(-50%);}
.section.my .coupon-list .coupon-delivery .coupon-state::after {background-color: #1D5FD0;}
.section.my .coupon-list .coupon-price .coupon-state::after {background-color: #ff6a3a;}
.section.my .coupon-list .coupon-gray .coupon-state::after {background-color: #cdcdcd;}

.section.my .coupon-list .coupon .coupon-state span {margin-bottom: 1.4rem;font-size: 1.6rem; font-weight: 600;}
.section.my .coupon-list .coupon .coupon-state span:last-of-type {margin-bottom: 0;}
.section.my .coupon-list .coupon .coupon-state .date {margin-top: 1.2rem;font-size: 1.4rem; font-weight: 500;}

.modal .tooltip-txt {position: relative;font-size: 1.4rem; font-weight: 400; color: #666666; padding-left: 2.7rem;}
.modal .tooltip-txt.orange {color: #FF6600;}
.modal .tooltip-txt::before {content: "";position: absolute; top: 0.2rem; left: 0;width: 1.8rem; height: 1.7rem; background: url(/images/icon_info-e26cfe84cdfac9564f6e19da8844fa72.png) no-repeat center;}
#sorinModalmyCoupon .modal-close {top: 4rem;right: 3.2rem;}
#sorinModalmyCoupon .modal-content {padding: 6.5rem 4rem 4rem;}
#sorinModalmyCoupon .tbl-v {padding: 3.8rem 0; margin-top: 0;}
#sorinModalmyCoupon .tbl-v input {width: 43rem; height: 5rem; border: 1px solid #DEDEDE; text-align: center; font-size: 1.4rem;font-weight: 400;}
#sorinModalmyCoupon .btn-wrap {padding-top: 4rem; margin-top: 0;border-top: 1px solid #DEDEDE;}


/* 24.02.13 | 마이페이지 - 쿠폰내역 신규 */
.tbl.tbl-coupon {text-align: center;}
.tbl.tbl-coupon thead th,
.tbl.tbl-coupon tbody td {padding: 1rem; font-weight: 400; line-height: 1.2; }
.tbl.tbl-coupon tbody tr td.cp-name {padding-left: 7rem; text-align: left;}
.tbl.tbl-coupon tbody tr.cp-delivery td.cp-name {background: url(/images/my/cp-delivery-d5e77429e131c1834e760c4b84445107.png) no-repeat 3rem 50%;}
.tbl.tbl-coupon tbody tr.cp-discount td.cp-name {background: url(/images/my/cp-discount-c6e6148b30d3b519947316f448b79d76.png) no-repeat 3rem 50%;}
.tbl.tbl-coupon tbody tr.cp-no td {color:#999AA9 !important;}
.tbl.tbl-coupon tbody tr.cp-no td.cp-name {background: url(/images/my/cp-no-6a307e7f8b3e8d3a50f1a910b4953b4d.png) no-repeat 3rem 50% !important;}


/* 23.04.13 | 주문 요청 완료 | 고도화 3차 */
.ordersheet-wrap.type2 .plate2  {padding: 3.3rem 6rem 6rem;}
.ordersheet-wrap.type2 .plate2 .hgroup {margin-bottom: 1rem}
.ordersheet-wrap.type2 .plate2 .hgroup .h3 {margin-bottom: 0;}
.ordersheet-wrap.type2 .plate2 .hgroup .btns {margin-bottom: 0;}
.ordersheet-wrap.type2 .plate2 .hgroup .btns button {width: 6.8rem;min-width: inherit; padding: 0; font-weight: 400; color: #000;}

.ordersheet-wrap.type2 .plate2 .tbl-v td {padding: 0;}
.ordersheet-wrap.type2 .plate2 .tbl-v .tr-plate-top {background-color: #F5F5F5;}
.ordersheet-wrap.type2 .plate2 .tbl-v .tr-plate-top th {font-size: 1.2rem;color: #999AA9;font-weight: 400;border-bottom: 0;}
.ordersheet-wrap.type2 .plate2 .tbl-v .tr-plate-top td {font-size: 1.2rem;font-weight: 400;border-bottom: 0;}

.ordersheet-wrap.type2 .plate2 .ordersheet-detail {margin-bottom: 0;}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list {max-width: 67rem;border-style: solid; border-color: #efefef; border-bottom: 0;}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li:last-chlid {padding-bottom: 0;border-bottom:0;}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li,
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li:last-child,
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li div.in {padding: 0}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li div.in .list-data {align-items: center; height: 4.5rem; padding: 0 2rem;border-bottom: 1px solid #efefef;}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li.total-order-amount div.in .list-data {background-color: #EAF2FF;}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li div.in .list-data dt {color: #666; font-weight: 400;}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li div.in .list-data dt {color: #666; font-weight: 400;}
.ordersheet-wrap.type2 .plate .ordersheet-detail .list li div.in .list-data .unit + .fc-lgray {display: inline-block;margin-left: 0.4rem;font-weight: 400;}

.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li.total-order-amount div.in .list-data dt {color: #000;font-weight: 500;}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li.total-order-amount div.in .list-data dt .btn-order-detail {position: relative;width: 7.3rem;height: 2.4rem;margin-left: 0.8rem;padding-right: 1rem;border-radius: 0.3rem;background-color: #999AA9;font-size: 1.1rem; color: #fff; font-weight: 400;}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li.total-order-amount div.in .list-data dd span:nth-child(-n+2) {font-weight: 500;}

.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li.total-order-amount .list-data dt .btn-order-detail::before {content:"";position: absolute; top: 50%; right: 1.3rem; transform: translateY(-50%) rotate(-45deg);width: 0.1rem; height: 0.5rem;background-color: #fff;transition: 0.3s;}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li.total-order-amount .list-data dt .btn-order-detail::after {content:"";position: absolute; top: 50%; right: 1rem; transform: translateY(-50%) rotate(45deg);width: 0.1rem; height: 0.5rem;background-color: #fff;transition: 0.3s;}

.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li.total-order-amount .list-data dt .btn-order-detail.active::before {transform: translateY(-50%) rotate(-135deg);}
.ordersheet-wrap.type2 .plate2 .ordersheet-detail .list li.total-order-amount .list-data dt .btn-order-detail.active::after  {transform: translateY(-50%) rotate(135deg);}

.total-order-detail {display: none; width: 100%; padding-top: 5rem;background-color: #fff;border-left: 1px solid #F0F0F0;border-right: 1px solid #F0F0F0;text-align: left;}
.total-order-detail .title {padding:0 5.5rem;margin: 0 0 2.5rem 0;}
.total-order-detail .cont .division {margin-top: 3rem;padding:0 5.5rem;font-weight: 600;}
.total-order-detail .cont .division:first-child {margin-top: 0;}
.total-order-detail .cont dl {width: 100%;display: flex; align-items: center; justify-content: space-between;}
.total-order-detail .cont .division dl {height: 40px;border-bottom: 1px solid #DEDEDE;}
.total-order-detail .cont .division .btm-list dl {padding: 0 1rem;}
.total-order-detail .cont dl dt,
.total-order-detail .cont dl dd {font-size: 1.2rem; color: #000;font-weight: 400;}
.total-order-detail .cont .top-total .coupon-label .field {min-width: 5.5rem;padding: 0; font-weight: 500;}
.total-order-detail .cont .top-total .coupon-label .label {width: 11rem; height: 2.4rem; background-color: #2B425F; text-align: center;font-size: 1.1rem; color: #fff;font-weight: 400;display: flex;align-items: center;justify-content: center;}
.total-order-detail .cont .top-total dl {height: 4.5rem;border-bottom: 1px solid #4C5E78;}
.total-order-detail .cont .top-total dl dt,
.total-order-detail .cont .top-total dl dd * {font-weight: 500;}
.total-order-detail .cont .btm-list dl.discount dt,
.total-order-detail .cont .btm-list dl.discount dd * {color: #E30505;}

.total-order-detail .cont .total-area {margin-top: 4rem;}
.total-order-detail .cont .total-area .total {padding:0 5.5rem;background-color: #F0F0F0;height: 8rem;display: flex;align-items: center;width: 100%;}
.total-order-detail .cont .total-area .total > div {width: 100%;flex-direction: column;}
.total-order-detail .cont .total-area .total1 {background-color: #F0F0F0;}
.total-order-detail .cont .total-area .total2 {background-color: #2B425F;}

.total-order-detail .cont .total-area .total1 dl:first-child {margin-bottom: 1rem;}
.total-order-detail .cont .total-area .total1 dl dt,
.total-order-detail .cont .total-area .total1 dl dd * {font-size: 1.2rem; font-weight: 500}
.total-order-detail .cont .total-area .total2 dl dt,
.total-order-detail .cont .total-area .total2 dl dd * {font-size: 1.4rem; color: #fff; font-weight: 500}

.ordersheet-wrap.type2 .plate2 .ul-contractor li span.dt,
.ordersheet-wrap.type2 .plate2 .ul-contractor li span.dd {font-weight: 400;}


/* 마이페이지 > 주문/ 배송내역 > 결제 정보 영역 > 주문상세 버튼 > 팝업(총 주문 금액 상세 내역/ .modal-coupon-detail) */
.btn-stroke-sm.btn-coupon-detail {font-size: 1.1rem;color: #666; border-color: #dedede}
.modal-coupon-detail .modal-content {padding: 5.5rem 0 0;}
.modal-coupon-detail .total-order-detail {display: block;padding-top: 2.1rem;border: 0;}
.modal-coupon-detail .total-order-detail .cont .division {margin-top: 2.6rem;padding: 0 4rem}
.modal-coupon-detail .total-order-detail .cont .total-area .total2 {height: 10.6rem;padding-bottom: 2rem;}
.modal-coupon-detail .modal-close .modal-x {transform: translate(-80%, -15%);}


/* 지정가 결제상세 > 결제수단 선택 > 쿠폰 할인적용 기존 팝업(.modal-coupon-select2/ #sorinCouponSelect2)로 백업 */
.modal-coupon-select2 {}
.modal-coupon-select2 .modal-content {min-height: 60rem;padding: 5.8rem 4rem 4rem;}

.modal-coupon-select2 .modal-content .context-box {align-items: stretch;}

.modal-coupon-select2 .coupon-select-wrap {width: 69.4rem;}

.modal-coupon-select2 .total-dicount-box {position: relative; width: 19.6rem; min-height: 29.2rem; padding-bottom: 5.8rem; background: #999AA9;}
.modal-coupon-select2 .total-dicount-box * {color: #fff;}

.modal-coupon-select2 .total-dicount-box .row {margin-bottom: 1rem; flex-wrap: wrap;}
.modal-coupon-select2 .total-dicount-box .row:last-child {margin-bottom: 0;}

.modal-coupon-select2 .total-dicount-box .title {width: auto; font-size: 1.2rem; font-weight: 400; padding: 0;}

.modal-coupon-select2 .total-dicount-box-top {padding: 2rem; font-size: 1.2rem;}
.modal-coupon-select2 .total-dicount-box-top .selected-coupon {min-height: 8.2rem;}
.modal-coupon-select2 .total-dicount-box-top .sum-dicount {margin-top: 1.2rem; padding-top: 1.2rem; border-top: 1px solid #ABACBB;}
.modal-coupon-select2 .total-dicount-box-top p {margin-bottom: 1rem;}
.modal-coupon-select2 .total-dicount-box-btm p {font-size: 1.8rem; font-weight: 500;}
.modal-coupon-select2 .total-dicount-box-top p:last-child {margin-bottom: 0;}

.modal-coupon-select2 .total-dicount-box-btm {position: absolute; left: 0; right: 0; bottom: 0;padding: 2rem; background: #2B425F;}
.modal-coupon-select2 .total-dicount-box-btm .title {margin-bottom: 0.1rem;}

.modal-coupon-select2 .coupon-select-wrap .coupon-area {padding: 2.9rem 0 2.8rem; border-top: 2px solid #2B425F;}
.modal-coupon-select2 .coupon-select-wrap .coupon-area:last-child {border-bottom: 1px solid #DEDEDE;}
.modal-coupon-select2 .coupon-select-wrap .coupon-area-price {min-height: 18rem;}
.modal-coupon-select2 .coupon-select-wrap .coupon-area-delivery {min-height: 11.1rem;}
.modal-coupon-select2 .title {width: 12rem; margin:0; padding-left: 2rem; font-size: 1.6rem; font-weight: 400;}
.modal-coupon-select2 .cont {}
.modal-coupon-select2 .cont .form-chk {margin-bottom: 1.9rem;font-size: 1.6rem;}
.modal-coupon-select2 .cont .form-chk [type="checkbox"]:not(:checked) + label,
.modal-coupon-select2 .cont .form-chk [type="checkbox"]:checked + label {line-height: 1;}
.modal-coupon-select2 .cont .form-chk [type="checkbox"]:not(:checked) + label:before,
.modal-coupon-select2 .cont .form-chk [type="checkbox"]:checked + label:before {top: 50%; transform: translateY(-50%);border-color: #CDCDCD;box-shadow: none;}
.modal-coupon-select2 .cont .form-chk [type="checkbox"]:not(:checked) + label:after,
.modal-coupon-select2 .cont .form-chk [type="checkbox"]:checked + label:after {top: 50%; transform: translateY(-50%);}

.modal-coupon-select2 .cont .form-chk .price {width: 10.5rem; font-size: 1.6rem; font-weight: 500;}
.modal-coupon-select2 .cont .form-chk .description {font-size: 1.4rem; color: #999AA9; font-weight: 400;}
.modal-coupon-select2 .cont .form-chk:last-child {margin-bottom: 0;}

.modal-coupon-select2 .tooltip,
.modal-coupon-select2 .btn-wrap {margin-top: 3rem !important;}

.popup-coupon-register {text-align: center;}
.popup-coupon-register .modal-content { position: relative; width: 80%;  max-height: 90vh;  margin: auto; padding: 6rem; overflow: auto; top: 50%;  transform: translateY(-50%); background-color: #fff; border-radius: 1.5rem;  box-shadow: 0 0.3rem 0.6rem 0 rgb(0 0 0 / 16%);}

.modal-coupon-alert {z-index: 11;}


/* 23.07.25  지정가 결제상세 > 결제수단 선택 > 쿠폰 할인적용 팝업 신규(.modal-coupon-select/ #sorinCouponSelect) */
.modal-coupon-select {}
.modal-coupon-select .context-box {display: flex; align-items: stretch; justify-content: space-between; overflow: unset;}
.modal-coupon-select .context-box .coupon-select-wrap {position: relative; width: 69.6rem; border-bottom: 1px solid #DEDEDE;}
.modal-coupon-select .context-box .coupon-select-wrap .coupon-area .title {position: absolute; top: 0; left: 0; width: 50%; height: 5rem; margin: 0; font-size: 1.6rem; font-weight: 400; color: #666; border: 1px solid #DEDEDE; background-color: #fff; cursor: pointer;}
.modal-coupon-select .context-box .coupon-select-wrap .coupon-area .title.active {border-color: #1D5FD0; color: #1D5FD0; font-weight: 500;}
.modal-coupon-select .context-box .coupon-select-wrap .coupon-area-price .title {border-radius: 0.3rem 0 0 0.3rem;}
.modal-coupon-select .context-box .coupon-select-wrap .coupon-area-delivery .title {left: 50%;border-left: 0; border-radius: 0 0.3rem 0.3rem 0;}
.modal-coupon-select .context-box .coupon-select-wrap .coupon-area-delivery .title.active {border-left: 1px solid ;}
/*.modal-coupon-select .context-box .coupon-select-wrap .coupon-area {position: absolute; top: 0; left: 0; right: 0; height: 100%;}*/
.modal-coupon-select .context-box .coupon-select-wrap .coupon-area .cont {margin-top: 5rem; padding: 2.2rem 0 2.2rem 2rem; height: 26.8rem;}
.modal-coupon-select .context-box .coupon-select-wrap .coupon-area .cont-inner {height: 100%; overflow: auto;  padding-top: 0.2rem;}
.modal-coupon-select .context-box .coupon-select-wrap .coupon-area-delivery .cont {display: none;}


.modal-coupon-select .total-dicount-box {position: relative; width: 19.6rem; min-height: 29.2rem; padding-bottom: 5.8rem; background: #999AA9;}
.modal-coupon-select .total-dicount-box * {color: #fff;}

.modal-coupon-select .total-dicount-box .row {margin-bottom: 1rem; flex-wrap: wrap;}
.modal-coupon-select .total-dicount-box .row:last-child {margin-bottom: 0;}

.modal-coupon-select .total-dicount-box .title {width: auto; font-size: 1.2rem; font-weight: 400; padding: 0;}
.modal-coupon-select .total-dicount-box1 .title {position: sticky; top: 0; left: 0;}
.modal-coupon-select .total-dicount-box1 .title + div {float: right; padding: 0.1rem 0.1rem 0 0;}

.modal-coupon-select .total-dicount-box-top {padding: 2rem; font-size: 1.2rem;}
.modal-coupon-select .total-dicount-box-top .selected-coupon {min-height: 8.2rem; max-height: 16.6rem; overflow: auto;}
.modal-coupon-select .total-dicount-box-top .sum-dicount {margin-top: 1.2rem; padding-top: 1.2rem; border-top: 1px solid #ABACBB;}
.modal-coupon-select .total-dicount-box-top p {margin-bottom: 1rem;}
.modal-coupon-select .total-dicount-box-btm p {font-size: 1.8rem; font-weight: 500;}
.modal-coupon-select .total-dicount-box-top p:last-child {margin-bottom: 0;}

.modal-coupon-select .total-dicount-box-btm {position: absolute; left: 0; right: 0; bottom: 0;padding: 2rem; background: #2B425F;}
.modal-coupon-select .total-dicount-box-btm .title {margin-bottom: 0.1rem;}

.modal-coupon-select .cont .form-chk {margin-bottom: 1.5rem; font-size: 1.4rem;}
.modal-coupon-select .cont .form-chk [type="checkbox"]:not(:checked) + label,
.modal-coupon-select .cont .form-chk [type="checkbox"]:checked + label {line-height: 1;}
.modal-coupon-select .cont .form-chk [type="checkbox"]:not(:checked) + label:before,
.modal-coupon-select .cont .form-chk [type="checkbox"]:checked + label:before {top: 50%; transform: translateY(-50%);border-color: #CDCDCD;box-shadow: none;}
.modal-coupon-select .cont .form-chk [type="checkbox"]:not(:checked) + label:after,
.modal-coupon-select .cont .form-chk [type="checkbox"]:checked + label:after {top: 50%; transform: translateY(-50%);}

.modal-coupon-select .cont .form-chk .price {width: 8.7rem; font-size: 1.4rem; font-weight: 500;}
.modal-coupon-select .cont .form-chk .description {font-size: 1.4rem; color: #999AA9;}
.modal-coupon-select .cont .form-chk:last-child {margin-bottom: 0;}

.modal-coupon-select .tooltip,
.modal-coupon-select .btn-wrap {margin-top: 3rem !important;}


.modal-coupon-select .div-scroll-y::-webkit-scrollbar-track {background-color: transparent;box-shadow: none;}



/* 23.06.26 | 메인 신규 */
.main-swiper-wrap * {margin: 0; padding: 0; box-sizing: border-box;}
.main-swiper-wrap {position: relative; width: 100%; height: 50.5rem; min-width: 120rem; overflow: hidden;}
.main-swiper-wrap .grap-swiper-inner,
.main-swiper-wrap .grap-swiper-inner .main-swiper .swiper-slide {width: 100%; height: 100%;}

.main-swiper-wrap .main-swiper .swiper-slide {padding-top: 6rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.main-swiper-wrap .main-swiper .swiper-slide1 {background-image: url(/images/ma/main-swiper-bg3-3092708479958ffa807527af745fcb77.png);}
.main-swiper-wrap .main-swiper .swiper-slide2 {background-image: url(/images/ma/main-swiper-bg2-7902b8b68ed01a6177897b98b67a85d7.png);}
.main-swiper-wrap .main-swiper .swiper-slide3 {background-image: url(/images/ma/main-swiper-bg1-65d93bc2432b753ab3a423f94fe97176.png);}

.main-swiper-wrap .main-swiper .swiper-slide4 {background-image: url(https://sorincorp.blob.core.windows.net/secs/notic/mainBanner_2.png);} /* 24.01.11 | 메인 배너 Blob url로 변경 */
.main-swiper-wrap .main-swiper .swiper-slide5 {background-image: url(https://sorincorp.blob.core.windows.net/secs/notic/mainBanner_3.png);}
.main-swiper-wrap .main-swiper .swiper-slide6 {background-image: url(https://sorincorp.blob.core.windows.net/secs/notic/mainBanner_1.png);}
.main-swiper-wrap .main-swiper .swiper-slide7 {background-image: url(https://sorincorp.blob.core.windows.net/secs/notic/mainBanner_0.png);}
.main-swiper-wrap .main-swiper .swiper-slide a {display: block; width: 100%; height: 100%; cursor: pointer;}

.main-swiper-wrap .main-swiper .swiper-slide .swiper-con {flex-direction: column;}
.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-txt {margin-bottom: 4rem;}
.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-txt p {font-size: 1.8rem; font-weight: 500; color: #fff;}
.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-txt h2 {margin: 1.6rem 0 0 0; font-size: 4rem; font-weight: 600; color: #fff;}

.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-boxes .box {width: 46rem; height: 20rem; border-radius: 1.8rem; background-color: #fff;}
.main-swiper-wrap .main-swiper .swiper-slide2 .swiper-con-boxes .box1 {background: #fff url(/images/ma/main-swiper-box-icon1-1e702cc293dbbb45fa15137a2b39908f.png) no-repeat 92% 83%;}
.main-swiper-wrap .main-swiper .swiper-slide2 .swiper-con-boxes .box2 {background: #fff url(/images/ma/main-swiper-box-icon2-943bd5429d178efd2caad78e49958a94.png) no-repeat 92% 83%;}
.main-swiper-wrap .main-swiper .swiper-slide3 .swiper-con-boxes .box1 {background: #fff url(/images/ma/main-swiper-box-icon3-6bc985f5977c19f0f5c399ddc4423029.png) no-repeat 92% 83%;}
.main-swiper-wrap .main-swiper .swiper-slide3 .swiper-con-boxes .box2 {background: #fff url(/images/ma/main-swiper-box-icon4-8ace722ca0475d011a1ff05e8c0cecc8.png) no-repeat 92% 83%;}
.main-swiper-wrap .main-swiper .swiper-slide1 .swiper-con-boxes .box1 {background: #fff url(/images/ma/main-swiper-box-icon5-201e2f3c84f714c31b4d86fb9501fbba.png) no-repeat 92% 83%;}

.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-boxes .box1 {margin-right: 4rem;}
.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-boxes .box * {display: flex; align-items: center; justify-content: flex-start;}
.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-boxes .box a {display: block; width: 100%; height: 100%;}
.main-swiper-wrap .main-swiper .swiper-slide1 .swiper-con-boxes .box a {cursor: initial;}
.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-boxes .box h3 {position: relative; width: 100%; height: 5.9rem; padding: 0.6rem 3rem 0; font-size: 1.6rem; font-weight: 600; color: #1D5FD0 !important; border-bottom: 1px solid #E5E5E5;}
.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-boxes .box h3::after {content:""; width: 1rem; height: 1.7rem; position: absolute; top: 53%; right: 3rem; transform: translateY(-50%); background: url(/images/ma/main-swiper-box-arr-e8b8eb3c9fe721d5898fc9b73f2aea4f.png) no-repeat center; background-size: contain; transition: 0.3s;}
.main-swiper-wrap .main-swiper .swiper-slide1 .swiper-con-boxes .box h3::after {display: none;}
.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-boxes .box:hover h3::after {right: 2.4rem;}
.main-swiper-wrap .main-swiper .swiper-slide .swiper-con-boxes .box p {width: 100%; padding: 4rem 3rem 0; font-size: 1.4rem; font-weight: 500; line-height: 1.7142;color: #000000 !important; text-align: left;}

.main-swiper-btns {width: 12.4rem; height: 3.2rem; position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%); z-index: 99;background: rgba(0,0,0,0.3); border-radius: 1.6rem; overflow: hidden;}
.main-swiper-btns * {margin: 0 !important;}
.main-swiper-btns .swiper-button-prev {left: 2rem;transform: translateY(-50%); z-index: 100; width: 1rem; height: 1.2rem; background-size: contain; background: url(/images/ma/main-swiper-prev-a0874ef8d247b4c3c4d55717af34ac61.png) no-repeat center;}
.main-swiper-btns .swiper-button-next {right: 3.8rem; transform: translateY(-50%); z-index: 100; width: 1rem; height: 1.2rem; background-size: contain; background: url(/images/ma/main-swiper-next-e4a3f3caa0467694aebc92ed53701e8d.png) no-repeat center;}
.main-swiper-btns .swiper-button-prev::after,
.main-swiper-btns .swiper-button-next::after {display:none;}
.main-swiper-btns .swiper-pagination {padding-left: 4rem; font-size: 1.1rem; font-weight: 600; color: #fff; text-align: left;}
.main-swiper-btns .swiper-pagination span {font-size: 1.1rem; font-weight: 600; color: #fff; opacity: 0.3;}
.main-swiper-btns .swiper-pagination span.swiper-pagination-current {opacity: 1}

.main-swiper-btns .swiper-player-btns {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 3.5rem; height: 100%; cursor: pointer; z-index: 999;}
.main-swiper-btns .swiper-player-btns .player-btn {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; width: 100%; height: 100%;}
.main-swiper-btns .swiper-player-btns .player-btn.on {display: block;}
.main-swiper-btns .swiper-player-btns .player-btn.swiper-button-pause {background-size: contain; background: url(/images/ma/main-swiper-stop-fa25ac2d02b8d33b891aa220f561bd40.png) no-repeat 25% 50%;}
.main-swiper-btns .swiper-player-btns .player-btn.swiper-button-play {background-size: contain; background: url(/images/ma/main-swiper-play-8cdf9425cafa894e5a2170627eca2d4c.png) no-repeat 25% 50%;}

.main-charts-wrap.renew,
.main-charts-wrap.renew .charts-con {background-color: #F7F7F7 !important;}
.main-charts-wrap.renew  * {box-shadow: none !important;}
.main-charts-wrap.renew .rChart-table .chart-upper-tab-area {border:none;}
.main-charts-wrap.renew .table-list-area .table-list-thead .th-text {background-color: #E8EBEE;}
.main-charts-wrap.renew .table-list-tbody .tb-list-section:nth-of-type(2) {border-top: none;}


/* 24.08.21 | [2024 메인페이지 리뉴얼] 메인배너 play/stop */
.main-content-wrap .sec-main-banner .main-swiper-btns {width: 12.4rem; height: 3.2rem; position: absolute; bottom: 6rem; left: 50%; z-index: 99; margin-left: 49.7rem; background: rgba(0,0,0,0.2); border-radius: 1.6rem; overflow: hidden;}
.main-content-wrap .sec-main-banner .main-swiper-btns * {margin: 0 !important;}
.main-content-wrap .sec-main-banner .main-swiper-btns .btn-main-banner-prev,
.main-content-wrap .sec-main-banner .main-swiper-btns .btn-main-banner-next {position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; width: 1rem; height: 1.2rem; background-size: contain; cursor: pointer;}
.main-content-wrap .sec-main-banner .main-swiper-btns .btn-main-banner-prev {left: 2rem; background: url(/images/ma/main-swiper-prev-a0874ef8d247b4c3c4d55717af34ac61.png) no-repeat center;}
.main-content-wrap .sec-main-banner .main-swiper-btns .btn-main-banner-next {left: auto; right: 3.9rem; background: url(/images/ma/main-swiper-next-e4a3f3caa0467694aebc92ed53701e8d.png) no-repeat center;}
.main-content-wrap .sec-main-banner .main-swiper-btns .btn-main-banner-prev::after,
.main-content-wrap .sec-main-banner .main-swiper-btns .btn-main-banner-next::after {display:none;}
.main-content-wrap .sec-main-banner .main-swiper-btns .swiper-pagination {padding-left: 4rem; font-size: 1.1rem; font-weight: 600; color: #fff; text-align: left;}
.main-content-wrap .sec-main-banner .main-swiper-btns .swiper-pagination span {font-size: 1.1rem; font-weight: 600; color: #fff; opacity: 0.3;}
.main-content-wrap .sec-main-banner .main-swiper-btns .swiper-pagination span.swiper-pagination-current {opacity: 1}

.main-content-wrap .sec-main-banner .main-swiper-btns .swiper-player-btns {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 3.5rem; height: 100%; cursor: pointer; z-index: 999;}
.main-content-wrap .sec-main-banner .main-swiper-btns .swiper-player-btns .player-btn {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; width: 100%; height: 100%;}
.main-content-wrap .sec-main-banner .main-swiper-btns .swiper-player-btns .player-btn.on {display: block;}
.main-content-wrap .sec-main-banner .main-swiper-btns .swiper-player-btns .swiper-button-pause {background-size: contain; background: url(/images/ma/main-swiper-stop-fa25ac2d02b8d33b891aa220f561bd40.png) no-repeat 25% 50%;}
.main-content-wrap .sec-main-banner .main-swiper-btns .swiper-player-btns .swiper-button-play {background-size: contain; background: url(/images/ma/main-swiper-play-8cdf9425cafa894e5a2170627eca2d4c.png) no-repeat 25% 50%;}


/* 23.03.06 슬라이드 추가 */
.main-swiper-wrap .main-swiper .swiper-slide-inner {min-width: 120rem;}
.main-swiper-wrap .main-swiper .swiper-slide9 {background-image: url(/images/ma/mainBanner_9-817ea573c1eff2e35e7514db66a173b3.png);}
.main-swiper-wrap .main-swiper .swiper-slide10 {background-image: url(/images/ma/mainBanner_10-3afb16634eb55b857b157d0d94101176.png);}
.main-swiper-wrap .main-swiper .swiper-slide11 {background-image: url(/images/ma/mainBanner_11-d4e7dfa50a7bb389cc9afe6ea1b47fe2.png);}
.main-swiper-wrap .main-swiper .swiper-slide13 {background-image: url(/images/ma/mainBanner_13-fca02be0cf87ecb8324d394e361d537e.png);}
.main-swiper-wrap .main-swiper .swiper-slide14 {background-image: url(/images/ma/mainBanner_14-fca02be0cf87ecb8324d394e361d537e.png);}
.main-swiper-wrap .main-swiper .swiper-slide14.layout1 h2 {margin: 2.5rem 0;}
.main-swiper-wrap .main-swiper .swiper-slide14.layout1 [class^='btn-'] {margin-top: 5rem;}

.main-swiper-wrap .main-swiper .swiper-slide.layout2 {padding-top: 0;}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 * {text-align: left; color: #fff; font-weight: 500;}

.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-top p {margin-bottom: 1.5rem; font-size: 2rem;}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-top h2 {font-size: 6.6rem; font-weight: 600;}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-top .dot {display: flex; align-items: flex-start; gap: 0.5rem;}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-top .dot span{width: 4rem; height: 0.3rem; margin-top: 1.8rem; background: rgba(255, 255, 255, 0.5);}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-top .dot span.active {background: #FFC700;}

.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-btm {margin-top: 7.5rem; display: flex; align-items: flex-end; justify-content: space-between;}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-btm .left-txt .description {padding-bottom: 1.2rem; font-size: 1.8rem; line-height: 1.44;}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-btm .left-txt .keyword {position: relative; display: flex; align-items: center; gap: 1.5rem; padding-top: 1.7rem; font-size: 1.6rem;}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-btm .left-txt .keyword::before {content: ""; position: absolute; top: 0; left: 0; width: 62rem; height: 0.1rem; background: rgba(255, 255, 255, 0.3);}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-btm .right-btns {display: flex; align-items: flex-start; gap: 1rem;}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-btm .right-btns [class^=btn] {width: 18rem; height: 5rem; line-height: 5rem; font-size: 1.4rem; text-align: center; border-radius: 0.6rem; transition: 0.3s;}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-btm .right-btns .btn-brd {border: 1px solid #fff; background: rgba(255, 255, 255, 0.2);}
.main-swiper-wrap .main-swiper .swiper-slide.layout2 .cont-btm .right-btns .btn-brd:hover {background: rgba(255, 255, 255, 0.35);}

/* 24.03.28 | 슬라이드 추가(광양권역 판매 개시) */
.main-swiper-wrap .main-swiper .swiper-slide.layout1 {padding-bottom: 6.5rem;}
.main-swiper-wrap .main-swiper .swiper-slide.layout1 .swiper-slide-inner {flex-direction: column;}
.main-swiper-wrap .main-swiper .swiper-slide.layout1 .img-top-txt {width: auto; height: auto;}
.main-swiper-wrap .main-swiper .swiper-slide.layout1 h2 {margin: 4rem 0 3.5rem; font-size: 5rem; font-weight: 500; color: #fff;}
.main-swiper-wrap .main-swiper .swiper-slide.layout1 p {font-size: 2rem; font-weight: 400; color: #fff;}
.main-swiper-wrap .main-swiper .swiper-slide.layout1 [class^='btn-']{width: 18rem; height: 5rem; line-height: 5rem; margin-top: 4rem; font-size: 1.4rem; font-weight: 500; color: #fff; border-radius: 0.6rem; transition: 0.3s;}

.main-swiper-wrap .main-swiper .swiper-slide8 {background-image: url(https://sorincorp.blob.core.windows.net/secs/notic/mainBanner_4.png);}
.main-swiper-wrap .main-swiper .swiper-slide8 a.btn-esti {background: #A99974;}
.main-swiper-wrap .main-swiper .swiper-slide8 a.btn-esti:hover {background: #8d8061;}

.pop-gy {display: none; position: absolute; top: 5.5rem; left: 71.875%; z-index: 1 !important; width: 32rem; height: 40rem;}
.pop-gy.active {display: block;}
.pop-gy .pop-content {position: relative; width: inherit; height: inherit; padding: 0; background: #fff; border-radius: unset;}
.pop-btn-wrap {display: flex; align-items: center; justify-content: center; gap: 1rem;}
.pop-btn-wrap [class^='btn-'] {width: 10rem; height: 3.6rem; font-size: 1.4rem; font-weight: 500; margin-top: 0 !important;}



/* 차트 전광판 > 추후 오픈 예정(23.07.04 이후) */
/* .display-board {display: flex;align-items: center;border-radius: 0;position:relative; width:100%; min-width: 120rem; height:6rem; overflow:hidden; background: #3C4959;}
.display-board-inner {width: 120rem; margin:auto; overflow: hidden;}

.display-board .sum-title-wrap {display:inline-block; position:relative; font-size:1.2rem; padding-left:1.8rem; color:#fff; line-height:4rem;
    -moz-animation: 33s linear infinite rollingleft3;
    -webkit-animation: 33s linear infinite rollingleft3;
    animation: 33s linear infinite rollingleft3;
}
.display-board .sum-title-wrap.clone {display:inline-block; position:relative; font-size:1.2rem; padding-left:1.8rem; color:#fff; line-height:4rem;
	-moz-animation: 33s linear infinite rollingleft2;
	-webkit-animation: 33s linear infinite rollingleft2;
	animation: 33s linear infinite rollingleft2;
}
.display-board .sum-title:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.display-board .sum-title-wrap .sum-title {position:relative; font-size:1.4rem; display: flex; flex-flow: row nowrap; align-items: center;gap: 11rem;}
.display-board .sum-title li {position: relative;padding-left: 1rem; height: 4rem;max-width: 120rem; min-width: 90rem; min-height: 0; min-width: 0; white-space: nowrap; overflow: hidden;color:#fff;}
.display-board .sum-title-wrap:hover {-moz-animation-play-state: paused;-webkit-animation-play-state: paused;animation-play-state: paused;}
.display-board .sum-title span,
.display-board .sum-title a {color:inherit;font-size: 1.4rem;font-weight: 400;}
 */

/* 23.07 | 신규 전광판 */
.display-board {display: flex;align-items: center;border-radius: 0;position:relative; width:100%; min-width: 120rem; height:6rem; overflow:hidden; background: #3C4959;}
.display-board-inner {position: relative; max-height: 6rem; overflow: hidden; width: 120rem !important; margin:auto; overflow: hidden;}
.display-board .swiper-slide {opacity: 0 !important; min-height: 6rem; justify-content: flex-start; }
.display-board .swiper-slide.swiper-slide-active {opacity: 1 !important;}
.bottomsheet-order-detail .display-board .swiper-slide {min-height: 5rem;}
.bottomsheet-order-detail .display-board .swiper-slide a {width: calc(100% - 10rem); max-width: unset; padding-left: 0;}

.display-board .swiper-slide a {display: block; padding-left: 2.5rem; width: 85rem; max-width: 85rem; text-align: left;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 1.4rem; font-weight: 400; color:#fff;}
.display-board .swiper-slide a .col-yellow {color: #FFC523 !important; font-weight: 500;}
.display-board .swiper-button-prev,
.display-board .swiper-button-next {transform: translateY(-50%); width: 2.4rem; height: 2.4rem; margin-top: 0; z-index: 9;}
.display-board .swiper-button-prev {left: auto; right: 2.7rem; background: url(/images/dp-board-prev-ed609fecafea1592b40b0f70cae53f10.png) no-repeat center;}
.display-board .swiper-button-next {right: 0; background: url(/images/dp-board-next-f2f6105a9d55dc03e67240ce4c1ccb2b.png) no-repeat center;}
.display-board .swiper-button-prev::after,
.display-board .swiper-button-next::after {display: none;}

.bottomsheet-order-detail .display-board {height:5rem; padding: 0 1.9rem;}
.bottomsheet-order-detail .display-board-inner {max-height: 5rem;}




/* 23.08.11 | 차트 미리보기 딤 추가 */
.main-charts-wrap {position: relative;}
.main-charts-wrap .chart-preview-dim {position: absolute; top:0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);}
/*.main-charts-wrap .chart-preview-dim2 {display: none;} */
.main-charts-wrap .chart-preview-dim .dim-inner {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.main-charts-wrap .chart-preview-dim .dim-inner .txt {font-size: 1.6rem; color: #fff; font-weight: 400; line-height: 1.5;}
.main-charts-wrap .chart-preview-dim .dim-inner .count {margin: 2rem 0 2.7rem; font-size: 5rem; color: #fff; font-weight: 500;}
.main-charts-wrap .chart-preview-dim .dim-inner .btn-chart-preview {width: 20rem; height: 5rem; font-size: 1.6rem; color: #fff; font-weight: 500;}


/* 23.06.26 | 지정가 주문 상세 페이지 */
.sub-visual--limit {background-image:url(/images/or/sub-visual-limit-e8b6c57daa474070b487dac6058744ef.png);}
.sub-visual--limit .tit-area .banner-st {margin-bottom: 11.5rem;}


.contents-wrap .case--limit .case__chat {background: #FFFCF1;}
.contents-wrap .case--limit .case__chat .case__chat__talk .chat-box .person  {background: url(/images/or/chat-client3-0ca13f37d3a04e993a03acd91b730bc0.png) #d2d8ec center no-repeat}
.contents-wrap .case--limit .case__chat .case__chat__talk .chat-box.align-r .person {background: url(/images/or/chat-sorin-0710d6a84539942f7b64a1932979d268.png) #DFF3FF center no-repeat;}
.contents-wrap .case--limit .case__chat .case__chat__talk .chat-box .bubble span {background-color: #FFE8E1;}
.contents-wrap .case--limit .case__chat .case__chat__talk .chat-box .bubble span:after {border-top: 15px solid #FFE8E1;}
.contents-wrap .case--limit .case__chat .case__chat__talk .chat-box .bubble strong.red {color: #FD3535;}

.contents-wrap .case--limit .case__order {padding-top: 10rem;}
.contents-wrap .case--limit .case__order .tit {margin-bottom: 6rem;}
.contents-wrap .case--limit .case__order .tit .info-txt {font-size: 1.8rem; font-weight: 500;}
.contents-wrap .case--limit .case__order .order-step li {/*opacity: 0; transform: translateY(30px); transition: 1s; */width:100%; height: 8.2rem; display: flex; align-items: center; justify-content: flex-start;}
.contents-wrap .case--limit .case__order .order-step li .num {width: 8.3rem; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 3rem; font-weight: 600; color: #fff; border: 1px solid #565D85; border-top: 0;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(1) .num {background-color: #565D85;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(2) .num {background-color: #69709C;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(3) .num {background-color: #8189BE;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(4) .num {background-color: #939BD1;}
/*
.contents-wrap .case--limit .case__order .order-step li:nth-child(1) {transition-delay: 0.4s;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(2) {transition-delay: 0.5s;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(3) {transition-delay: 0.6s;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(4) {transition-delay: 0.7s;}
.contents-wrap .case--limit .case__order.active .order-step li {opacity: 1; transform: translateY(0);}
*/
.contents-wrap .case--limit .case__order .order-step li em {width: 12rem; height: 100%; display: flex;  align-items: center; justify-content: center; font-size: 2.2rem; font-weight: 500; font-style:normal; text-align: center; border-bottom: 1px solid #dedede;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(1) em {color: #545A80;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(2) em {color: #69709C;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(3) em {color: #8189BE;}
.contents-wrap .case--limit .case__order .order-step li:nth-child(4) em {color: #A6ADDB;}

.contents-wrap .case--limit .case__order .order-step li p {width: calc(100% - 20.3rem); height: 100%; display: flex; align-items: center; justify-content: flex-start; font-size: 1.8rem; font-weight: 400;border: 1px solid #dedede; border-left: 0; border-top: 0}
.contents-wrap .case--limit .case__order .order-step li:nth-child(1) em,
.contents-wrap .case--limit .case__order .order-step li:nth-child(1) p {border-top: 1px solid #dedede;}

.contents-wrap .case--limit .case__step  .tit {margin-bottom: 6rem;}
.contents-wrap .case--limit .case__step  ul {justify-content: center; flex-wrap: wrap;}
.contents-wrap .case--limit .case__step  ul li {width: 20rem; margin-right: 20rem; flex-direction: column;}
.contents-wrap .case--limit .case__step  ul li:nth-child(3) {margin-right: 0;}
.contents-wrap .case--limit .case__step  ul li:nth-child(4) {margin-left: 20rem;}
.contents-wrap .case--limit .case__step  ul li figure {background-color: #38619F;}
.contents-wrap .case--limit .case__step  ul li figure::after {right: -12.2rem;}
.contents-wrap .case--limit .case__step  ul li:nth-child(3) figure::after {display:none;}

.contents-wrap .case--limit .case__tab .tab-wrap {height: 68rem;}


/* ::: 23.06.30 | [FO 차량 등록] ::: */
/* 주문하기 > 주문 가능한 재고> 성적서 pdf 버튼 */
.btn-order-pdf {width: 8rem; height: 3rem; background-color: #E30505; border: 1px solid #A60606; font-size: 1.2rem; color: #fff; text-align: center; border-radius: 0.3rem; transition: 0.3s;}
.btn-order-pdf:hover {background-color: #A60606}


/* 주문하기 > 배송 요청사항 > radio tag */
.section-delivery {position: relative;}
.section-delivery .tbl-delivery {border-bottom: 1px solid #dedede;}
.section-delivery .tbl-delivery tbody tr td {height: 5.5rem; padding: 0 1.6rem; border-bottom: 0;}
.section-delivery .tbl-delivery tbody tr:first-child td {padding-top: 0.6rem; vertical-align: top;}
.section-delivery .tbl-delivery tbody tr:last-child td {padding-bottom: 0.5rem;}
.section-delivery .deliverySelf {display: none;}
.section-delivery input {height: 4.4rem !important; font-size: 1.6rem; font-weight: 400;}
.section-delivery .select-delivery.input-button-wrap {position: absolute; top: 10.7rem; left: 1.6rem;}
.section-delivery .select-delivery .radio-btn {width: 10rem; margin: 0; line-height: 4.1rem; border-radius: 0; background-color: #F1F1F1; border: 1px solid #DEDEDE;}
.section-delivery .select-delivery .radio-btn.active {background-color: #1D5FD0; border: 1px solid #1D5FD0;}
.section-delivery .select-delivery .radio-btn:nth-child(1) {border-radius: 0.3rem 0 0 0.3rem;}
.section-delivery .select-delivery .radio-btn:nth-child(2) {border-radius: 0 0.3rem 0.3rem 0;}
.section-delivery .select-delivery .radio-btn span {font-size: 1.6rem; color: #999AA9; font-weight: 400;}
.section-delivery .select-delivery .radio-btn.active span {color: #fff;}
.section-delivery .select-delivery .radio-btn input {top: 0; left: 0; width: 100%; height: 100% !important; margin: 0; padding: 0;}

.section-delivery .datepicker-wrap {margin: 0 !important;}
.section-delivery .info-txt {line-height: 1.5; text-align: center;}
.section-delivery .icon-info-txt {display: inline-block;}
.section-delivery .deliverySelf .icon-info-txt {background-position: 0 0.3rem;}


/* 차량정보 등록, 신규 기사 등록 모달 */
.modal .modal-content.w900px,
.modal .modal-content.w1000px {padding: 6.5rem 4rem 6rem;}
.modal .modal-content.w900px .modal-close,
.modal .modal-content.w1000px .modal-close {top: 4.6rem; right: 3.2rem;}
.modal .modal-content.w900px .btn-wrap,
.modal .modal-content.w1000px .btn-wrap {margin-top: 4rem;}

.modal .section-delivery .tbl-v {padding: 4.2rem; border-bottom: 1px solid #DEDEDE;}
.modal .section-delivery .tbl-v .delivery-input {height: 5rem; border: 1px solid #DEDEDE; border-radius: 0.3rem;text-align: center; font-size: 1.4rem; color: #000; font-weight: 400;}
.modal .tooltip-txt-wrap .tooltip-txt {margin-bottom: 1rem;}
.modal .tooltip-txt-wrap .tooltip-txt:last-child {margin-bottom: 0;}
.modal .tooltip-txt-wrap .tooltip-txt::before {top: 50%; transform: translateY(-50%);}


/* 차량 정보 등록/수정*/
.section-truck-info .pop-regi-btns button {height: 3rem; font-size: 1.2rem;}

.section-truck-info table {width: 100%;}
.section-truck-info table th,
.section-truck-info table td { height: 6rem; font-size: 1.4rem; color: #666; font-weight: 400; /*font-weight: 400; */vertical-align: middle;}
.section-truck-info table th {position: relative; background-color: #FAFAFA; }
.section-truck-info table td {color: #000;}
.section-truck-info table thead th::after {content:''; position: absolute; top: 50%; right:0; transform: translateY(-50%); width: 0.1rem; height: 2rem; background-color: #D9D9D9;}
.section-truck-info table thead th:last-child::after {display: none;}

.section-truck-info .tbl-truck-info1 table td {padding: 0 2rem;}
.modal .section-truck-info .tbl-truck-info1 table td {padding-left: 3rem;}
.section-truck-info .tbl-truck-info1 table input {padding-left: 2rem;}
.section-truck-info .tbl-truck-info2 table td {padding: 0 0.8rem;}

.section-truck-info table td input:disabled {background-color: #F1F1F1;}
.section-truck-info table td input,
.section-truck-info table td .dropdown {height: 3.8rem; line-height: 3.8rem; /*font-size: 1.6rem; font-weight: 400;*/ color: #000; border-color: #DEDEDE !important;}

.section-truck-info table td .select2-selection__placeholder {color: #999AA9 !important;}
.section-truck-info table td .select2-container .select2-selection--single {height: 3.8rem; border-color: #DEDEDE;}
.section-truck-info table td .select2-container .select2-selection--single .select2-selection__rendered {font-size: 1.4rem; line-height: 3.8rem; color: #000; font-weight: 400;}
.section-truck-info table td .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.8rem; height: 0.8rem; top: 1.8rem; left: 1.2rem; border-color: #C4C4C4;}
.section-truck-info table td .select2-container--default .select2-selection--single .select2-selection__arrow {height: 3.8rem;}

.section-truck-info table td .datepicker-wrap {position: relative; width: 18rem;}
.section-truck-info table td .datepicker-wrap .datepicker {width: 100%; text-align: left !important; padding-left: 3.3rem !important; color: #999AA9;}
.section-truck-info table td .datepicker-wrap img {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%);}
.section-truck-info table td .datepicker-wrap .datepicker.datepicker-active {color: #000000 !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {display: none;}

.section-truck-info .tbl-truck-info2 table td {color: #7B7B7B;}
.section-truck-info table td.num {color: #000 !important;}


/* 23.07.20 #sorinModalRegTrans 재작업 */
.modal .section-truck-info table th,
.modal .section-truck-info table td {height: 6rem; font-size: 1.4rem; font-weight: 400;}
.modal .section-truck-info table td input,
.modal .section-truck-info table td .dropdown {height: 4.4rem; line-height: 4.4rem; font-size: 1.6rem; font-weight: 400; }
.modal .section-truck-info table td .select2-container .select2-selection--single {height: 4.4rem;}
.modal .section-truck-info table td .select2-container .select2-selection--single .select2-selection__rendered {line-height: 4.4rem; font-weight: 400;}
.modal .section-truck-info table td .select2-container--default .select2-selection--single .select2-selection__arrow {height: 4.4rem;}
.modal .section-truck-info table td .select2-container .select2-selection--single .select2-selection__rendered {font-size: 1.6rem;}

.modal-reg-trans h1 {margin-bottom: 1.6rem !important}
.modal-reg-trans .table-wrap .tbl.t3 tbody th {background: #fff; font-weight: 400; border-right: 0;}
.modal-reg-trans .table-wrap .tbl.t3 .modify-date .btn-row-remove {margin-left: 1rem;}
/*.modal-reg-trans .table-wrap {max-height: 19.3rem; overflow: hidden;border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;} */
.modal-reg-trans .table-wrap .mCSB_scrollTools {width: 4px; opacity: 0.5;}
.modal-reg-trans .table-wrap .mCSB_inside > .mCSB_container {margin-right: 0;}
.modal-reg-trans .table-wrap .mCSB_scrollTools .mCSB_draggerContainer,
.modal-reg-trans .table-wrap .mCSB_scrollTools .mCSB_draggerRail {width: 4px;background-color:#efefef;}
.modal-reg-trans .table-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aaa;}

.modal-reg-trans .datepicker-wrap {position: relative;}
.modal-reg-trans .datepicker-wrap .datepicker {width: 100%; padding-right: 3rem;}
.modal-reg-trans .datepicker-wrap img {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%);}

.modal-reg-trans [class^=btn-stroke] {font-size: 1.2rem; font-weight: 400;}
.modal-reg-trans .select2-container .select2-selection--single .select2-selection__rendered {text-align: left; line-height: 3.2rem;}
.modal-reg-trans .tbl.t3 tbody td.modify-date {color: #666; text-align: left;}
.modal-reg-trans .modal-content {overflow: initial;}

.switch-box1 .selbox-wrap,
.switch-box1 .select2-container {width: 13rem !important;}

.switch-box2 div:nth-child(1) {margin-right: 1rem;}
.switch-box2 div:nth-child(1) .selbox-wrap,
.switch-box2 div:nth-child(1) .select2-container {width: 8rem !important; margin-right: 1rem;}

.switch-box2 div:nth-child(2) .selbox-wrap,
.switch-box2 div:nth-child(2) .select2-container {width: 15rem !important;}

.modal-reg-trans .table-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.8rem; height: 0.8rem; border: 1px solid #C4C4C4; border-width: 0 0 0.1rem 0.1rem; top: 44%; left: 0.8rem; transform: rotate(-45deg) translateY(-50%); margin: 0;}

.switch-box .input-wrap {display: none; position: relative}
.switch-box .input-wrap input[type=text] {padding-right: 2.4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.btn-reset {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); width: 1.4rem !important; height: 1.4rem !important;border-radius: 50% !important; background: #666666;}
.btn-row-remove {position: relative; width: 3.4rem; height: 3.4rem; background: #D9D9D9; border-radius: 0.3rem;}
.estimate-row .cont table tr td .btn-row-remove {margin-left: 1rem;}
.btn-reset::before,
.btn-reset::after,
.btn-row-remove::before,
.btn-row-remove::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 0.1rem; height: 1.4rem; background: #fff;}
.btn-reset::before,
.btn-row-remove::before {transform: translate(-50%, -50%) rotate(-45deg);}
.btn-reset::before,
.btn-reset::after {width: 0.1rem; height: 0.7rem; }


/* 주문/배송 내역 */
.pd-departure button {min-width: 8rem; font-size: 1.1rem; font-weight: 400;}


/* 23.07.03 지정가 홍보 팝업 */
.pop-limit {position: absolute; top: 2.7rem; left: 62.2vw;/*right: 35rem;*/ z-index: 9;width: 36rem; height: 45rem;}
.pop-limit .pop-inner {position: relative; width: 100%; height: 100%; background: #546478; text-align: center;}
.pop-limit .pop-inner::after {content:""; position: absolute; top:0; left: 0; z-index: -1; width: 100%; height: 12.6rem; background: #3C4959;}

.pop-limit .btn-pop-close {position: absolute; top: 1.5rem; right: 1.5rem; z-index: 1; cursor: pointer;}
.pop-limit .btn-pop-close1 {position: absolute; top: 2rem; right: 0.5rem; z-index: 1; cursor: pointer;}

.pop-limit .pop-txt {position: absolute; top: 3.5rem; left: 0; right: 0; z-index: 1;}
.pop-limit .pop-txt p {font-size: 1.6rem; font-weight: 500; color: #fff;}
.pop-limit .pop-txt p:nth-child(2) {margin-top: 0.7rem; font-size: 1.2rem;}

.pop-limit .pop-img {position: absolute; top: 0; left: 0; right:0;}

.pop-limit .form-chk {position: absolute; bottom: 1.7rem; left: 0; right: 0; z-index: 1; display: block; font-size: 1.2rem; font-weight: 500; color: #fff;}
.pop-limit .form-chk [type="checkbox"]:not(:checked) + label,
.pop-limit .form-chk [type="checkbox"]:checked + label {padding-left: 2.3rem;}

.pop-limit .form-chk [type="checkbox"]:not(:checked) + label:before,
.pop-limit .form-chk [type="checkbox"]:checked + label:before {border-color: #fff; background: transparent; box-shadow: none;top: 50%; transform: translateY(-50%);}
.pop-limit .form-chk [type="checkbox"]:not(:checked) + label:after,
.pop-limit .form-chk [type="checkbox"]:checked + label:after {border: 1px solid #fff; border-radius: 0.3rem; background: url(/images/ma/ma-form-checked-wt-7eed0031cc1cb5ddc89a164f6b899ef0.png) center no-repeat; box-shadow: none;}



/* 23.07.11 | 평균가 > 주문하기 */
.sub-visual-wrap {width: 100%; min-height: 32.8rem; /* min-height: 26.8rem; */background: url(/images/pd/sub-visual-bg-c9b5cae93086efb1ef1748d26d964183.jpg) no-repeat center; background-size: cover;/*background-color: #3C92E5; display: flex; align-items: center; justify-content: center;*/}
.sub-visual-wrap .charts-wrap.renew.sub {background: none;}
.sub-visual-wrap .charts-wrap.renew.sub .chart-graph-area {padding: 2.6rem 3rem;}
.sub-visual-wrap .charts-wrap.sub.fold .rChart-graph {height: 14.8rem;}
.sub-visual-wrap .charts-wrap.renew .chart-title-area {position: relative; height: 14.8rem; padding: 3rem 4rem;}
.sub-visual-wrap .charts-wrap.renew .chart-title-area .chart-title .prod {margin: 0 0.8rem;}
.sub-visual-wrap .charts-wrap.renew .rChart-current span + span {margin-left: 0.4rem;}
.sub-visual-wrap .charts-wrap.renew .rChart-current .desc {margin-left: 0.3rem;}
.sub-visual-wrap .charts-wrap.renew .rChart-summ li + li {padding-left: 0.9rem;}
.sub-visual-wrap .charts-wrap.renew .chart-title-area .btn-alarm {display: none; position: absolute; top: 3rem; right: 4rem; min-width: unset; font-weight: 500; color: #000;}
.sub-visual-wrap .charts-wrap.renew.fold .chart-title-area .btn-alarm {display: block;}
.sub-visual-wrap .charts-wrap.renew .exchange {bottom: 6rem; right: 4rem; font-size: 1.2rem; font-weight: 400;}
.sub-visual-wrap .charts-wrap.sub.fold .exchange .number,
.sub-visual-wrap .charts-wrap.renew .exchange .unit {font-size: 1.2rem;}
.sub-visual-wrap .fold-right-price {bottom: 3rem; right: 4rem;}
.sub-visual-wrap .fold-right-price .tit {margin-right: 0.3rem; font-weight: 500;}

.sub-visual-wrap .charts-wrap.renew .chart-title-area .scopi span {height: 2.8rem;}
.sub-visual-wrap .charts-wrap.renew .rChart-current .c-price .txt,
.sub-visual-wrap .charts-wrap.renew .rChart-current .c-rate,
.sub-visual-wrap .charts-wrap.renew .rChart-current .c-gap,
.sub-visual-wrap .charts-wrap.renew .rChart-current .desc,
.sub-visual-wrap .charts-wrap.renew .rChart-summary span {font-weight: 400;}

/* 24.02.21 | 평균가 > 주문하기 */
.sub-visual-wrap.esti {display: flex; align-items: center; justify-content: center; background-color: #080535;}
.sub-visual-wrap.esti .esti-top-boxes {display: flex; align-items: center; justify-content: space-between;}
.sub-visual-wrap.esti .esti-top-boxes .box {width: 27.7rem; height: 22.8rem; padding-top: 4.3rem; background: #fff; border-radius: 1.5rem; text-align: center;}
.sub-visual-wrap.esti .esti-top-boxes .box em {display: block; margin: 1.6rem 0 1.5rem; font-size: 1.6rem; font-weight: 500; font-style: normal;}
.sub-visual-wrap.esti .esti-top-boxes .box p {font-size: 1.4rem; font-weight: 400; line-height: 1.57;}

.section-average-price {padding-top: 5.5rem;}
.section-average-price .inwrap {position: relative;}

.section-average-price .title-group {position: relative; gap: 15px;}
.section-average-price .title-group .pd-label {width: 5rem; height: 5rem; font-size: 1.8rem; font-weight: 600; color: #fff; background-color: #999AA9; display: flex; align-items: center; justify-content: center;}
.section-average-price .title-group .title {margin: 0; font-size: 2.4rem; font-weight: 600; color: #000;}

.section-average-price .average-timer {position: absolute; top: 0; right: 0; width: 14rem; height: 5rem; border: 2px solid #E30505; font-size: 1.8rem; font-weight: 500; color: #E30505;}

.section-average-price .order-condition-wrap {margin: 2rem 0 3rem;}
.section-average-price .order-condition-set.disabled {line-height: 5rem; text-align: center; background: #F0F0F0; border-color: #DEDEDE;}
.section-average-price .order-condition-set .sel-tit {top: 50%; transform: translateY(-50%);}
.section-average-price .order-condition-set.disabled input {width: 100%; height: 5rem; line-height: 5rem; padding: 0 1rem; text-align: center; background: #F0F0F0 !important; border-color: #DEDEDE !important;}
.section-average-price .order-condition-set .order-condition-set {text-align: center;}
.section-average-price .order-condition-set .btn-search {height: 5rem;}
.section-average-price .order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {padding: 0; text-align: center;}
.section-average-price .btn-search {height: 5rem;font-size: 1.6rem; font-weight: 500;}


.average-price-table-wrap table {width: 100%;}
.average-price-table-wrap table tr th,
.average-price-table-wrap table tr td {height: 6rem; font-size: 1.6rem; font-weight: 400; vertical-align: middle; text-align: center;}
.average-price-table-wrap table thead tr {background-color: #FAFAFA; border-top: 2px solid #2B425F; border-bottom: 1px solid #DEDEDE;}
.average-price-table-wrap table thead tr th {color: #666; font-weight: 400;}
.average-price-table-wrap table tbody tr td {color: #000;}

.average-price-table-wrap table tbody tr td {border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}
.average-price-table-wrap table tbody tr td:last-child {border-right: 0;}
.average-price-table-wrap table tbody tr td .flag-img {width: 6rem; min-width: 6rem; height: 6rem; margin-right: 2rem; background-color: #E9F0FD;}
.average-price-table-wrap table tbody tr td .flag-img + .brand-name {text-align: left !important; line-height: 1.3;}

.wishlist {position: absolute; top: 50%; right: 1.3rem; transform: translateY(-50%); width: 2rem; height: 2rem; background: url(/images/pd/wish-star-a28f5f3648f78850c4e7034197346045.png) center no-repeat;}
.wishlist.active {background-image: url(/images/pd/wish-star-on-3187ca4870a95a9eb6cde7427fae781a.png)}

.th-center-top {vertical-align: top !important; text-align: center !important; padding-top: 2rem;}
.pos-rel {position: relative;}

.product-stock-legend {margin-bottom: 1.5rem;}
.product-stock-legend .level {margin-right: 1.3rem; display: flex; align-items: center;}
.product-stock-legend .level:last-child {margin-right: 0;}
.product-stock-legend .level::before {content: ""; display: block; width: 1.4rem; height: 1.4rem; margin-right: 0.6rem; border-radius: 50%;}
.product-stock-legend .level1::before,
.product-stock-status .level1 span:nth-child(1) {background-color: #FD3535}
.product-stock-legend .level2::before,
.product-stock-status .level2 span:nth-child(2) {background-color: #FDC016}
.product-stock-legend .level3::before,
.product-stock-status .level3 span:nth-child(3) {background-color: #3AC708}
.product-stock .level {font-size: 1.1rem; font-weight: 500;}
.product-stock .level1 {color: #FD3535;}
.product-stock .level2 {color: #E8AB06;}
.product-stock .level3 {color: #469A04;}

.product-stock-status .level{width: 10rem; height: 2.4rem; margin: auto; border-radius: 3rem; background-color: #EEEEEE; display: flex; align-items: center; justify-content: center;}
.product-stock-status .level span {display: inline-block; width: 1.4rem; height: 1.4rem; margin-right: 0.5rem; border-radius: 50%;background-color: #C1C1C1;}
.product-stock-status .level span:last-child {margin-right: 0.6rem;}



/* 견적 상담(평균가 장기)*/
.sub-visual-wrap .consultation-status {padding-top: 5.3rem;}
.sub-visual-wrap .consultation-status h2 {margin: 0 0 2rem; font-size: 1.6rem; font-weight: 500; color: #fff;}
.sub-visual-wrap .consultation-status table {width: 100%;}
.sub-visual-wrap .consultation-status table tr {height: 5rem;}
.sub-visual-wrap .consultation-status table tbody tr {border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.sub-visual-wrap .consultation-status table tr th,
.sub-visual-wrap .consultation-status table tr td {font-size: 1.4rem; font-weight: 400; color: #fff; vertical-align: middle; text-align: center;}
.sub-visual-wrap .consultation-status table thead tr th {background-color: #DEDEDE; color: #000;}
.bg--DEDEDE {background-color: #DEDEDE !important;}
.bg--3C4959 {background-color: #3C4959 !important; color: #fff !important;}
.sub-visual-wrap .consultation-status table tr td .month span {opacity: 0.5; width: 2.4rem; line-height: 2.4rem; margin-right: 0.5rem; font-size: 1.2rem; font-weight: 500; color: #fff; background-color: #3C4959; border-radius: 0.3rem;}
.sub-visual-wrap .consultation-status table tr td .month span.active {opacity: 1;}
.sub-visual-wrap .consultation-status table tr td .month span:last-child {margin-right: 0;}



.estimate-wrap {margin-top: 2rem;}

.estimate-row {margin-bottom: 6rem;}
.estimate-row:last-child {margin-bottom: 0;}

.estimate-row > .tit {width: 28rem; padding-top: 1.9rem; font-size: 1.8rem; font-weight: 500; border-top: 2px solid #000;}

.estimate-row > .cont {position: relative; width: 84rem;}

.estimate-row .same-setting {display: none; position: absolute; top: 1.8rem; right: 3rem; z-index: 1; font-size: 1.2rem; font-weight: 400;}
.estimate-row .form-chk.same-setting [type="checkbox"] + label {padding-left: 2.1rem; line-height: 1.6rem; color: #000;}
.estimate-row .form-chk.same-setting [type="checkbox"]:checked  + label {color: #000;}

.estimate-row .cont table {width: 100%; border-top: 2px solid #2B425F;}
.estimate-row .cont table tr {border-bottom: 1px solid #DEDEDE;}
.estimate-row .cont table tr th {height: 5rem; padding-left: 3rem; font-size: 1.4rem; font-weight: 400; text-align: left; vertical-align: middle; background-color: #FAFAFA;}
.estimate-row .cont table tr td {height: 5rem; padding: 0 3rem; font-size: 1.2rem; font-weight: 400; text-align: left; vertical-align: middle;}

.estimate-row .cont table tr td .input-wrap label {position: relative;}
.estimate-row .cont table tr td .input-wrap input {width: 32rem; padding: 0 4.5rem; height: 3.4rem; line-height: 3.4rem; font-size: 1.2rem; font-weight: 500; text-align: right; border-color: #DEDEDE;}
.estimate-row .cont table tr td .input-wrap input::-webkit-input-placeholder {font-size:1.2rem; font-weight: 400; color: #999AA9; text-align: center;}
.estimate-row .cont table tr td .input-wrap input:-ms-input-placeholder {font-size:1.2rem; font-weight: 400; color: #999AA9; text-align: center;}
.estimate-row .cont table tr td .input-wrap input:-mos-input-placeholder {font-size:1.2rem; font-weight: 400; color: #999AA9; text-align: center;}
.estimate-row .cont table tr td .input-wrap input::placeholder {font-size:1.2rem; font-weight: 400; color: #999AA9; text-align: center;}

.estimate-row .cont table tr td .input-wrap input:focus::-webkit-input-placeholder {opacity: 0;}
.estimate-row .cont table tr td .input-wrap input:focus:-ms-input-placeholder {opacity: 0;}
.estimate-row .cont table tr td .input-wrap input:focus:-mos-input-placeholder {opacity: 0;}
.estimate-row .cont table tr td .input-wrap input:focus::placeholder {opacity: 0;}

.estimate-row .cont table tr td .input-wrap .unit {display: none; position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); font-size: 1.2rem; color: #999AA9; font-weight: 500;}
.estimate-row .cont table tr td .input-wrap input:focus + .unit,
.estimate-row .cont table tr td .input-wrap .unit.active {display: block;}

.estimate-row .form-chk [type="checkbox"]  + label:before {box-shadow: unset !important;}
.estimate-row .form-chk-border,
.estimate-row .form-radio-border {position: relative; min-width: 10rem; height: 3.4rem; line-height: 3.2rem; margin-right: 1rem; padding: 0 1rem; border: 1px solid #dedede; border-radius: 0.3rem; text-align: right;}
.estimate-row .form-chk:last-child  {margin-right: 0;}

.estimate-row .form-chk [type="checkbox"] + label {display: block; width: 100%; padding: 0; line-height: 3.2rem; font-size: 1.2rem; font-weight: 400; color: #666666;}
.estimate-row .form-chk [type="checkbox"]:checked  + label {color: #1D5FD0;}

.estimate-row .form-chk [type="checkbox"]:not(:checked) + label:before,
.estimate-row .form-chk [type="checkbox"]:checked + label:before {top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-color: #DEDEDE; background-color: #DEDEDE;}
.estimate-row .form-chk [type="checkbox"]:not(:checked) + label:after,
.estimate-row .form-chk [type="checkbox"]:checked + label:after {top: 50%; -webkit-transform: scale(1) rotate(0) translateY(-50%); transform: scale(1) rotate(0) translateY(-50%); background: url(/images/pd/esti-checked-3194f0182d83ebecadedbd7f70484eaa.png) no-repeat center;}

.estimate-row .form-chk [type="checkbox"]:disabled + label:before,
.estimate-row .form-chk [type="checkbox"]:disabled + label:after {background-color: #dedede;}

.estimate-row .form-chk-border.active,
.estimate-row .form-radio-border.active {border-color: #1D5FD0;}


.estimate-row .form-chk [type="radio"] {position: absolute; left: 0; opacity: 0;}
.estimate-row .form-chk [type="radio"] + label {position: relative; padding-left: 2.5rem; cursor: pointer;}

.estimate-row .form-chk [type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.6rem; height: 1.6rem; border: 1px solid #DEDEDE; background-color: #fff; border-radius: 50%; box-shadow: none; transition: all .2s;}
.estimate-row .form-chk [type="radio"] + label:after {content: ''; position: absolute; left: 0.4rem; top: 50%; transform: translate(-50%, -50%); width: 0.8rem; height: 0.8rem; background: #DEDEDE; border-radius: 50%; opacity: 1;}

.estimate-row .form-chk [type="radio"] + label {display: block; width: 100%; line-height: 3.2rem; font-size: 1.2rem; font-weight: 400; color: #666666;}

.estimate-row .form-chk [type="radio"] + label:before,
.estimate-row .form-chk [type="radio"] + label:after {transform: scale(1) translateY(-50%)}

.estimate-row .form-chk [type="radio"]:checked  + label {color: #1D5FD0;}
.estimate-row .form-chk [type="radio"]:checked + label:before {transform: scale(1) translateY(-50%); border-color: #1D5FD0; box-shadow: unset;}
.estimate-row .form-chk [type="radio"]:checked + label:after {transform: scale(1) translateY(-50%); background: #1D5FD0}

.estimate-row .form-chk [type="radio"]:disabled + label:before,
.estimate-row .form-chk [type="radio"]:disabled + label:after {background-color: #dedede;}



/* 견적 상담(평균가 장기) > 견적 접수 완료*/
.estimate-row .cont .estimate-step {width: 100%;}
.estimate-row .cont .estimate-step-box {height: 10rem; margin-bottom: 3rem; border-bottom: 1px solid #DEDEDE;display: flex; align-items: stretch; justify-content: flex-start;}
.estimate-row .cont .estimate-step-box .step {width: 15rem; padding: 2rem; background-color: #999AA9; display: flex; flex-direction: column; justify-content: space-between;}
.estimate-row .cont .estimate-step-box .step > span {font-weight: 500; color: #fff; }
.estimate-row .cont .estimate-step-box .step > .num {font-size: 1.4rem;}
.estimate-row .cont .estimate-step-box .step > .tit {font-size: 1.6rem;text-align: right;}
.estimate-row .cont .estimate-step-box .cont {width: calc(100% - 15rem); padding-left: 4rem; border-top: 2px solid #999AA9; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.estimate-row .cont .estimate-step-box .cont ul li {position: relative; margin-bottom: 1.5rem; padding-left: 2.4rem; font-size: 1.4rem; font-weight: 400; color: #666666;}
.estimate-row .cont .estimate-step-box .cont ul li::before {content: ""; position: absolute; top: 50%; left:0; transform: translateY(-50%); width: 1.5rem; height: 1rem; background: url(/images/pd/step-check-2fc85a7df2a50c3eff64c96d9129e2f5.png) no-repeat left center;}
.estimate-row .cont .estimate-step-box .cont ul li:last-child {margin-bottom: 0;}

.estimate-row .cont .estimate-step-box.active .step {background-color: #3C4959;}
.estimate-row .cont .estimate-step-box.active .cont {border-color: #3C4959;}
.estimate-row .cont .estimate-step-box.active .cont ul li {color: #000;}
.estimate-row .cont .estimate-step-box.active .cont ul li::before {background-image: url(/images/pd/step-check-active-c59c17ca7c1b01b2c51d5e91819ea38e.png);}

.estimate-row .cont .btn-wrap {margin-top: 4rem; /*padding-left: 5.5rem;*/}
.estimate-row .tooltip-txt,
.estimate-row .cont .btn-wrap p {font-size: 1.2rem;}

.estimate-row .estimate-total {width: 100%; height: 9rem; margin-top: 6.5rem; background-color: #3C4959;}
.estimate-row .estimate-total dl {width: 100%; padding: 0 3rem;}
.estimate-row .estimate-total dl dt,
.estimate-row .estimate-total dl dd {font-size: 1.8rem; font-weight: 500; color: #fff;}
.estimate-row .estimate-total dl dd .price {display:inline-block; margin: 0 0.5rem; color: #FF6600;}

.tooltip-txt {position: relative; font-size: 1.4rem; font-weight: 400; color: #666666; padding-left: 2.7rem;}
.tooltip-txt.orange {color: #FF6600;}
.tooltip-txt::before {content: "";position: absolute; top: 0rem; left: 0;width: 1.8rem; height: 1.7rem; background: url(/images/icon_info-e26cfe84cdfac9564f6e19da8844fa72.png) no-repeat center;}

.tooltip-txt-center {font-size: 1.2rem; font-weight: 400;}
.tooltip-txt-center span {position: relative;padding-left: 2.7rem; color: #666;}
.tooltip-txt-center span::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1.8rem; height: 1.7rem; background: url(/images/icon_info-e26cfe84cdfac9564f6e19da8844fa72.png) no-repeat center;}


/* 견적요청내용 미리보기 팝업 */
.modal-estimate-preview .modal-close {margin: 1.2rem 0.7rem 0 0;}
.modal-estimate-preview .modal-content {padding: 4.4rem 0 6rem;}
.modal-estimate-preview .modal-content .div-scroll-y {max-height: calc(90vh - 19rem); padding: 0 6rem;}
.modal-estimate-preview .division .tit {margin: 0 0 1.3rem; font-size: 1.4rem; font-weight: 500;}
.modal-estimate-preview .division table {width: 100%;border-top: 2px solid #2B425F; border-bottom: 1px solid #DEDEDE;}
.modal-estimate-preview .division2 table {border-bottom: none;}
.modal-estimate-preview .division table tbody tr {height: 4rem; border-bottom: 1px solid #DEDEDE;}
.modal-estimate-preview .division table tbody tr:last-child {border-bottom: none;}
.modal-estimate-preview .division table tr th,
.modal-estimate-preview .division table tr td {width: 50%; padding: 0 1rem; font-size: 1.2rem; font-weight: 400; color: #666666; text-align: left; vertical-align: middle;}
.modal-estimate-preview .division table tr td {font-weight: 500; color: #000; text-align: right;}
.modal-estimate-preview .division table tfoot tr.total {height: 7rem; background-color: #3C4959;}
.modal-estimate-preview .division table tfoot tr.total th,
.modal-estimate-preview .division table tfoot tr.total td {font-size: 1.4rem; font-weight: 500; color: #fff;}
.modal-estimate-preview .division table tfoot tr.total td .num {display: inline-block; margin: 0 0.4rem; color: #FF6600;}



/* ::::: 23.08 | 평균가 마이페이지 ::::: */
/* 평균가 주문 상세 > 공통 class */
.emphasis-red {color: #E30505 !important; font-weight: 400 !important;/* line-height: 1.57;*/}
.emphasis-red.bold {font-weight: 500 !important;/* line-height: 1.57;*/}
.info-txt {font-size: 1.2rem; line-height: 1.66; font-weight: 400; text-align: center;}
.th-center-top {vertical-align: top !important; text-align: center !important; padding-top: 2rem !important;}
.td-border-rt {border-right: 1px solid #DEDEDE !important;}
.td-padding-rt {padding-right: 2rem !important;}

.content-avg.order-pricing .section .hgroup {margin-bottom: 2rem;}
.content-avg.order-pricing .section .hgroup .h4 {margin-bottom: 0;}
.content-avg.order-pricing .tooltip-txt {font-size: 1.2rem;}
.btn-pdf {width: 4rem; line-height: 2rem; font-size: 1.1rem; font-weight: 600; color: #fff; text-align: center; text-transform: uppercase; background-color: #E30505; border-radius: 0.3rem;;}
.color-FD3535 {color: #FD3535 !important;}


/* 평균가 공통 table > .tbl-scope-col style */
.tbl-scope-col {width: 100%; border-top: 2px solid #2B425F;}
.tbl-scope-col tr th,
.tbl-scope-col tr td {height: 5.1rem; font-size: 1.4rem; font-weight: 400; vertical-align: middle; text-align: center;}
.tbl-scope-col thead tr {background-color: #FAFAFA; border-bottom: 1px solid #DEDEDE;}
.tbl-scope-col thead tr th {color: #666;}
.tbl-scope-col tbody tr td {color: #000; padding: 0 1rem; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}
.tbl-scope-col tbody tr:last-child td {border-bottom: unset;}
.tbl-scope-col tbody tr:last-child {border-bottom: 1px solid #DEDEDE}

.tbl-scope-col tbody tr td.brand-group {padding: 0 1rem;}
.tbl-scope-col tr th:last-child,
.tbl-scope-col tr td:last-child {border-right: 0;}
.modal .tbl-scope-col tbody tr td {padding: 0 1rem;}

/*
.tbl-scope-col tbody tr td.brand {padding: 0;}
.tbl-scope-col tbody tr td.brand .flex-ac {width: 100%; height: 100%;}
.tbl-scope-col tbody tr td.brand .flag-img {width: 5rem; height: 100%; min-height: 5rem; margin-right: 2rem; background-color: #E9F0FD;}
*/

.tbl-scope-col tbody tr td.origin {padding: 0;}
.tbl-scope-col tbody tr td.origin .flag-img {width: 5rem; height: 100%; min-height: 5rem; background-color: #E9F0FD;}

.tbl-scope-col tbody tr td.brand {text-align: left;}
.tbl-scope-col tbody tr td.brand .tooltip-list {gap: 0.5rem;}
.tbl-scope-col tbody tr td.brand .tooltip-list li {position: relative;}
.tbl-scope-col tbody tr td.brand .tooltip-list li .tooltip {display: none; position: absolute; bottom: -4rem; left: 50%; transform: translateX(-50%); z-index: 1; min-width: 16rem; padding: 0.6rem; font-size: 1.2rem; font-weight: 400; color: #666666; text-align: center; border: 1px solid #DEDEDE; background-color: #fff; box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.05); border-radius: 0.3rem;}
.tbl-scope-col tbody tr td.brand .tooltip-list li .btn-scheduled + .tooltip {min-width: 23rem;}
.tbl-scope-col tbody tr td.brand .tooltip-list li:hover .tooltip {display: block;}
.tbl-scope-col tbody tr td.brand .tooltip-list li .tooltip::before {content: '';  width: 1.2rem; height: 1.2rem; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%); background:url(/images/my/f_tooltip_arrow-93a50da9520db134ad33eca56f19d59a.png) no-repeat center;}


.tbl-scope-col tbody tr td.brand .tooltip-list li .btn-scheduled {width: 2rem; height: 2rem; background:url(/images/my/btn-scheduled-819000ff7bc33ed25c391c965bd92c3d.png) no-repeat center;}
.tbl-scope-col tbody tr td.brand .tooltip-list li .btn-pop-pdf {width: 2rem; height: 2rem; background:url(/images/my/btn-pop-pdf-fbf3f0a2f4430da8eaba2a151b5822af.png) no-repeat center;}

.tbl-scope-col2 tbody tr td {padding: 0; border-right: unset;}
.tbl-scope-col2 tbody tr#noData td {border-bottom: 1px solid #DEDEDE;}



/* =========== 23.09.20 평균가 수정 작업 { */
/* 프라이싱 확정 > 계약정보 > 접어보기/ 펼쳐보기 버튼 */
.tbl-scope-col tfoot tr td {color: #fff; background-color: var(--sr-navy);}
.tbl-scope-col tfoot tr td.title-sum {padding: 0 2.5rem;}
.avg-tbl-wrap.close {border-top: 2px solid #2B425F;}
.avg-tbl-wrap.close .tbl-scope-col {display: none;}

.tbl-scope-col tbody tr td.order-state {font-size: 1.2rem; font-weight: 500;}
.tbl-scope-col .order-state .btn-avg-order-plan {min-width: unset; width: 7.4rem; height: 3rem; font-size: 1.2rem; font-weight: 500;}

.avg-depth2-wrap {padding: 4rem 3rem 0;}
.content-avg.order-pricing article {margin-bottom: 4rem;}
.content-avg.order-pricing article:last-child {margin-bottom: 0;}

.avg-depth2-wrap article .hgroup {margin-bottom: 2rem;}
.avg-depth2-wrap .hgroup h3 {font-size: 1.4rem;}
.avg-depth2-wrap .hgroup .alarm-txt {position: relative; margin-left: 0.9rem; padding-left: 3.2rem; font-size: 1.2rem; font-weight: 400; background:url(/images/my/alarm-txt-bg-0cd3c89c6772acd42a95be367c997875.png) no-repeat 0.9rem 50%;}
.avg-depth2-wrap .hgroup .alarm-txt::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.1rem; height: 0.9rem; background-color: #D9D9D9;}
.avg-depth2-wrap .hgroup .alarm-txt strong {color: var(--sr-orange); font-weight: inherit;}

.tbl-scope-col tbody tr td.brand {padding:0 2rem; font-size: 1.4rem; font-weight: 400; line-height: 1.2;}
.modal .tbl-scope-col tbody tr td.brand {padding:0 1.5rem;}
.tbl-scope-col tbody tr td.brand2 .name {width: 10rem;}
.tbl-scope-col tbody tr td.brand > div .item {max-width: calc(100% - 7rem); text-align: left;}
.content-avg.order-pricing .avg-depth2-wrap .tbl-scope-col tbody tr td input {max-height: 3.4rem; font-size: 1.4rem;}
.calc-available-area span {font-size: 1.2rem; font-weight: 500;}
.calc-available-area .calc {color: var(--sr-blue);}

.avg-tbl-wrap {position: relative; width: 100%;}
.avg-tbl-wrap .btn-ani-tbl2 {position: absolute; top: -4rem; right: 0; width: 10rem; height: 3rem; border-color: #DEDEDE;}
.avg-tbl-wrap .btn-ani-tbl2::after {content: ""; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%) rotate(180deg); width: 0.9rem; height: 0.5rem; background:url(/images/my/btn-ani-tbl2-e3359c4477c42d0e452c44ecccd003cc.png) no-repeat center; transition: 0.3s;}
.avg-tbl-wrap .btn-ani-tbl2.active::after {transform: translateY(-50%) rotate(0deg)}

.avg-tbl-wrap .btn-avg-refresh {position: absolute; top: -4rem; right: 0; width: 16rem; height: 3rem; padding-right: 3rem; font-size: 1.2rem; color: #666666; font-weight: 400; background:url(/images/my/btn-avg-refresh-89831e90587e8d53958a6204c4710176.png) no-repeat 95% 50%;}

.content-avg.order-pricing .tbl-v {text-align: center;}
.content-avg.order-pricing .tbl-v th span {color: inherit;}


/* 상품 할당 정보 */
.section-assignment .avg-tbl-wrap .assign span {display: block; margin: auto; font-weight: 400;}
.section-assignment .avg-tbl-wrap .assign span.unassigned {font-sizE: 1.2rem;}


/* 평균가  공통 */
.content-avg .section .hgroup h4 {font-weight: 500;}
.content-avg .section .hgroup .hgroup-step {font-weight: 600;}
.content-avg .section .hgroup .hgroup-step.sr-blue {color: #1D5FD0;}

.content-avg .section-step {border-top: 1px solid #ddd; margin-top: 4rem !important; padding-top: 5rem;}
.content-avg .section-step1 .tbl-v tbody th,
.content-avg .section-step1 .tbl-v tbody td {padding: 0 1.2rem;}
.content-avg .section-step:nth-of-type(1) {border-top: unset; margin-top: 6rem !important; margin-bottom: 0; padding-top: 0;}

.content-avg table th,
.content-avg table td {font-weight: 400;}

.content-avg .label {display: inline-block; width: 6.6rem; height: 2rem; line-height: 2rem; font-size: 1.2rem; color: #fff !important; text-align: center; background-color: var(--sr-blue);}
.label-avg {background-color: var(--sr-blue) !important;}
.label-live {background-color: var(--sr-red) !important;}
.label-tpr {background-color: var(--sr-tpr) !important;}
.label-etc {background-color: var(--sr-etc) !important;}
.sr-red {color: var(--sr-red) !important;}
.sr-blue {color: var(--sr-blue) !important;}
.sr-tpr {color: var(--sr-tpr) !important;}

.avg-tooltip {margin-top: 1.5rem;}
.avg-tooltip .tooltip-txt {margin-bottom: 1rem; font-size: 1.2rem;}
.avg-tooltip .tooltip-txt::before {top: 50%; transform: translateY(-50%); margin-top: 0.25rem;}
.avg-tooltip .tooltip-txt:last-child {margin-bottom: 0;}

.tbl-v.tbl-v-left tr th,
.tbl-v.tbl-v-left tr td {text-align: left !important; padding: 0 2rem;}


/* 평균가 > 관리자 추가 할당을 통해 할당 데이터가 업데이트 된 경우 > N버튼 활성화 */
.btn-info-new {animation: flashLive 3s infinite; width: 2rem; height: 2rem; line-height: 2rem; margin-left: 0.5rem; font-size: 1.1rem; font-weight: 700; color: #fff; border-radius: 0.3rem; background-color: var(--sr-orange);}


/* N버튼 클릭시 > 계약 상품 할당 이력 안내 팝업(#sorinModalAvgAssignList))*/
.modal-avg-assign-list .modal-content {width: 81.5rem;}
.modal-avg-order-plan .modal-content {max-height: 91vh;}
.modal-avg-order-plan .modal-content input {max-height: 3.4rem;}
.modal-avg-order-plan .modal-content input::placeholder {color: #000; opacity: 1; text-align: center; font-size: 1.4rem;} /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
.modal-avg-order-plan .modal-content input::-webkit-input-placeholder {color: #000;}
.modal-avg-order-plan .modal-content input:-ms-input-placeholder {color: #000;}/* IE */
.modal-avg-order-plan .modal-content input:-mos-input-placeholder {color: #000;}/* Firefox */


/* } 23.09.20 평균가 수정 작업 =========== */




/* 평균가 공통 table > .tbl-scope-row style */
.tbl-scope-row tbody tr th,
.tbl-scope-row tbody tr td {padding-left: 2rem; height: 4.1rem; font-size: 1.2rem; font-weight: 400; vertical-align: middle; border-bottom: 1px solid #EFEFEF;}
.tbl-scope-row tbody tr th {padding-left: 0; color: #666; text-align: center; background-color: #F5F5F5;}


/* 평균가 주문 상세 > .pop-toast */
.pop-modal {display:none;position: fixed;left: 0; top: 0; width: 100%;height: 100%;z-index: 9;}
.pop-modal.active {display:block;}
.pop-modal .pop-inner {position: relative;top: 50%;transform: translateY(-50%);margin: auto;border-radius: 15px;}
.pop-modal.pop-toast .pop-inner {width:27.5rem; padding: 2.5rem 0;background-color: rgba(0,0,0,0.7); text-align: center;}
.pop-modal.pop-toast .pop-inner p {font-size: 1.4rem;line-height: 1.57;font-weight: 400;color: #fff;}


/* 평균가 주문 상세 > .average-price-tab */
.avg-price-tab {position: relative; padding: 0 6rem; width: 94rem; height: 4.8rem; margin: 6rem auto 3rem;}
.avg-price-tab .slide-wrap {position: relative; width: 80.5rem; height: 100%; margin: auto; overflow: hidden;}
/*.avg-price-tab .slide-wrap::after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 0.1rem; background-color: #1D5FD0;}*/

.avg-price-tab .swiper-slide {position: relative; width: 13.4rem !important;height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #DEDEDE; border-right: 0; border-bottom-color: #1D5FD0; background-color: #fff; cursor: pointer;  box-sizing: border-box;}
.avg-price-tab .swiper-slide:last-child {border-right: 1px solid #DEDEDE;}
.avg-price-tab .swiper-slide.swiper-slide-active {z-index: 1; border-color: #1D5FD0; border-right: 1px solid #1D5FD0; border-bottom: transparent;}

.avg-price-tab .swiper-slide span {position: relative; font-size: 1.4rem; font-weight: 400; color: #999AA9; }
.avg-price-tab .swiper-slide span.date {margin-right: 1.8rem;}
.avg-price-tab .swiper-slide span.date::after {content: ""; position: absolute; top: 50%; right: -0.9rem; transform: translateY(-50%); width: 0.1rem; height: 1rem; background-color:#DEDEDE;}
.avg-price-tab .swiper-slide.swiper-slide-active span {color: #1D5FD0; font-weight: 500;}

.avg-price-tab .swiper-slide .status {font-weight: 500;}
.avg-price-tab .swiper-slide .status.doing {color: #1D5FD0;}  /* 진행 */
.avg-price-tab .swiper-slide .status.todo {color: #666666;}  /* 미진행 */
.avg-price-tab .swiper-slide .status.done {color: #067566;}  /* 완료 */

.avg-price-tab .arrows-wrap .arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 4.8rem; height: 4.8rem; z-index: 1; cursor: unset;}
.avg-price-tab .arrows-wrap.active .arrow {cursor: pointer;}
.avg-price-tab .arrows-wrap .arrow-prev,
.avg-price-tab .arrows-wrap .arrow-prev.swiper-button-disabled,
.avg-price-tab .arrows-wrap.active .arrow-prev.swiper-button-disabled {left: 0; background:url(/images/pd/arrows-prev-c3beb84d628dcd5d099458a27bd0f8ae.png) no-repeat center;}
.avg-price-tab .arrows-wrap .arrow-next,
.avg-price-tab .arrows-wrap .arrow-next.swiper-button-disabled,
.avg-price-tab .arrows-wrap.active .arrow-next.swiper-button-disabled {right: 0; background:url(/images/pd/arrows-next-a68090a1785df41eab4cbe5d61a79b0c.png) no-repeat center}
.avg-price-tab .arrows-wrap.active .arrow-prev {background-image:url(/images/pd/arrows-prev-on-b364670b15828acc4e4d11deebe36afc.png)}
.avg-price-tab .arrows-wrap.active .arrow-next {background-image:url(/images/pd/arrows-next-on-54a10fa1ecfa0a03a4f9713ef9280015.png)}

/*
.avg-price-tab .arrows-wrap .arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 4.8rem; height: 4.8rem; z-index: 1; cursor: unset;}
.avg-price-tab .arrows-wrap.active .arrow {cursor: pointer;}

.avg-price-tab .arrows-wrap .arrow-prev {left: 0; background:url(/images/pd/arrows-prev-c3beb84d628dcd5d099458a27bd0f8ae.png) no-repeat center;}
.avg-price-tab .arrows-wrap .arrow-next {right: 0; background:url(/images/pd/arrows-next-a68090a1785df41eab4cbe5d61a79b0c.png) no-repeat center}

.avg-price-tab .arrows-wrap .arrow.swiper-button-disabled,
.avg-price-tab .arrows-wrap.active .arrow.swiper-button-disabled {opacity: 0.4;}

.avg-price-tab .arrows-wrap.active .arrow-prev {background-image:url(/images/pd/arrows-prev-on-b364670b15828acc4e4d11deebe36afc.png)}
.avg-price-tab .arrows-wrap.active .arrow-next {background-image:url(/images/pd/arrows-next-on-54a10fa1ecfa0a03a4f9713ef9280015.png)}
*/


/* 평균가 주문 상세 > 평균가 진행 현황 BAR(.avg-progress bar) */
.avg-progress-bar {position: relative; padding: 0 7.5rem; width: 100%; margin: auto;}
.avg-progress-bar .legend {position: absolute; top: 0; left: 0; width: 6.6rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; border-radius: 0.3rem;background-color: #EFEFEF; font-size: 1.2rem; font-weight: 400; color: #666666;}
.avg-progress-bar ul {position: relative; width: 100%; height: 12.8rem; padding-top: 2.8rem;}
.avg-progress-bar ul li {position: relative; /*width: 25%;*/ height: 100%;}
.avg-progress-bar ul li:last-child {width: 0;}

.avg-progress-bar ul li::before,
.avg-progress-bar ul li::after {content: ""; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); z-index: 2; width: 1rem; height: 1rem; border-radius: 50%; background-color: #fff;}
.avg-progress-bar ul li::after {width: 3rem; height: 3rem; background-color: #D9D9D9; z-index: 1;}

.avg-progress-bar ul li.step-now::after {background-color: #1D5FD0;}
.avg-progress-bar ul li.step-done::before {opacity: 0.5;}
.avg-progress-bar ul li.step-done::after {background-color: #1D5FD0;}

.avg-progress-bar ul li .bar {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20rem; height: 0.5rem;}
.avg-progress-bar ul li .bar::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #d9d9d9;}
.avg-progress-bar ul li .bar::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: -100%; z-index: 1;}

.avg-progress-bar ul li:first-child .bar::after,
.avg-progress-bar ul li:last-child .bar::before {width: 0;}
.avg-progress-bar ul li.step-now .bar::after,
.avg-progress-bar ul li.step-done .bar::after {background-color: #1D5FD0;}

.avg-progress-bar ul li span {position: absolute; left: 0; transform: translateX(-50%); text-align: center; }
.avg-progress-bar ul li .tootip {height: 2.4rem;}
.avg-progress-bar ul li .tootip.ton {top: 0; width: 6.2rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.2rem; font-weight: 400; background-color: #1d5fd0;}

.avg-progress-bar ul li .txt {bottom: 0; min-width: 10rem; font-size: 1.4rem; font-weight: 500; color: #999AA9;}
.avg-progress-bar ul li.step-now .txt {color: #1D5FD0;}
.avg-progress-bar ul li.step-done .txt {color: #000000;}

.avg-progress-bar ul li.ongoing .tootip::after {display: block;}
.avg-progress-bar ul li .tootip::after {display: none; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-top: 0.9rem solid #1d5fd0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; transition: 0.3s;}
.avg-progress-bar ul li .tootip.ton::after {content: ""; position: absolute; bottom: -0.8rem; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-top: 0.9rem solid #1d5fd0; border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; transition: 0.3s;}



/* 평균가 주문 상세 > 공통 table > .dropdown, input style */
.modal-pricing .modal-content h1.h2-pd {margin-bottom: 2rem;}
.modal-pricing table {width: 62rem; margin: auto; border-top: 2px solid #2B425F;}
.modal-pricing .tbl-scope-row tbody tr th,
.modal-pricing .tbl-scope-row tbody tr td {height: 5rem; font-size: 1.4rem;}
.modal-pricing .tbl-scope-row tbody tr td {padding-left: 3rem; text-align: left;}
.modal-pricing .modal-content p {margin: 3.5rem auto; font-size: 1.4rem; line-height: 1.6; font-weight: 400; }


/* 평균가 주문 상세 > 공통 table > .dropdown, input style */
.content-avg.order-pricing .hgroup .btns button.btndlfrk-avg-orderlist {width: 14rem;}
.content-avg.order-pricing .avg-contract-num {margin-right: 0.5rem; line-height: 2.4rem;}
.content-avg.order-pricing .btn-avg-contract {width: 7rem; height: 2.4rem; font-size: 1.1rem; font-weight: 400;}

.content-avg.order-pricing .select2-container {width: 21rem !important;}
.content-avg.order-pricing table tbody tr .select2-container--default .select2-selection--single .select2-selection__placeholder,
.content-avg.order-pricing table tbody tr td input {display: block; font-size: 1.2rem; text-align: center; font-weight: 400; color: #999AA9;}
.content-avg.order-pricing table tbody tr .select2-container--default.select2-container--disabled .select2-selection--single,
.content-avg.order-pricing table tbody tr input:read-only,
.content-avg.order-pricing table tbody tr input:disabled {background-color: #F0F0F0; border-color: #DEDEDE !important;}
.content-avg.order-pricing .select2-container--default .select2-selection--single .select2-selection__arrow b {top: 1.4rem; width: 0.6rem; height: 0.6rem;}
.content-avg.order-pricing table tbody tr .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {display: none;}

.content-avg.order-pricing .avg-order-plan {padding: 3.2rem 3rem 4rem; border-bottom: 1px solid #DEDEDE;}
.content-avg.order-pricing .avg-order-plan .plan {margin-bottom: 3rem;}
.content-avg.order-pricing .avg-order-plan .plan:last-child {margin-bottom: 0;}
.content-avg.order-pricing .avg-order-plan .plan .hgroup {margin-bottom: 1rem;}
.content-avg.order-pricing .avg-order-plan .plan .hgroup .btns{margin-bottom: 0;}
.content-avg.order-pricing h3 {margin: 0; font-size: 1.4rem; font-weight: 500;}
.content-avg.order-pricing .label-ton {position: absolute; top:50%; right: -7rem; transform: translateY(-50%); width: 6rem; line-height: 3rem; font-size: 1.2rem; font-weight: 500; color: #1D5FD0; text-align: center; background-color: #E9F0FD;}

.tbl-scope-col2 tr th,
.tbl-scope-col2 tr td {font-size: 1.2rem;}

.tbl-scope-col2 [class^=btn-] {margin-right: 1rem; width: 8rem; height: 3.4rem; font-size: 1.2rem; font-weight: 500; color: #fff; }
.tbl-scope-col2 [class^=btn-]:last-child {margin-right: 0;}

.tbl-scope-col2.bg-thead-navy {border-color: #000;}
.tbl-scope-col2.bg-thead-navy thead tr th {background-color: #3A587D !important; color: #fff !important; font-weight: 500;}
.tbl-scope-col2.bg-thead-navy thead tr th:nth-child(-n + 3) {background-color: #527299 !important; color: #fff !important;}
.tbl-scope-col2.bg-thead-navy thead tr th:nth-last-child(-n + 2) {background-color: #2B425F !important; color: #fff !important;}


/* [기존 백업] 평균가 > 발주 계획 세우기(발주 > 결제 > 출고) 팝업 */
.modal .hgroup h2,
.modal .hgroup h3 {margin: 0 0 2rem 0;}

.modal-avg-order-plan .select2-container--default .select2-selection--single .select2-selection__placeholder,
.modal-avg-order-plan .select2-container--default .select2-selection--single .select2-selection__rendered {color: #000 !important; font-weight: 400 !important;}

.modal-avg-order-plan .avg-plan1-2 {display: none;}
.modal-avg-order-plan .auto-delivery-date[type="text"]:disabled {background-color: #fff;}

.btn-item-select {position: relative; width: 8rem; height: 3.4rem;}
.btn-item-select [type="radio"] {width: 100%; height: 100%; line-height: 3.4rem; background-color: #1D5FD0; border-radius: 0.3rem; border: unset; margin: 0; padding: 0;}
.btn-item-select label {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; line-height: 3.4rem;font-size: 1.2rem; font-weight: 500; color: #fff; cursor: pointer;}
.btn-item-select [type="radio"]:disabled {background-color: #999AA9;}

.datepicker-wrap2 {position: relative;}
.datepicker-wrap2 .datepicker {width: 100%; height: 3.4rem !important; line-height: 3.4rem !important; font-size: 1.4rem !important;}
.datepicker-wrap2 img.ui-datepicker-trigger { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem;}

.modal .tbl-scope-col .datepicker-wrap2 {position: relative;}
.modal .tbl-scope-col .datepicker-wrap2 .datepicker {max-width: 27.6rem; height: 3.4rem !important; line-height: 3.4rem !important; font-size: 1.4rem !important; font-weight: 400 !important;}

.datepicker-wrap .datepicker {width: 100%;}
.modal .tbl-scope-col .datepicker-wrap .ui-datepicker-trigger {position: absolute; top: 50%; transform: translateY(-50%); right: 1rem;}
.modal .section-delivery .select-delivery.input-button-wrap {top: 5.7rem; left: 1.5rem}
.modal .section-delivery .select-delivery .radio-btn {width: 8rem;line-height: 3.4rem;}
.modal .section-delivery .select-delivery .radio-btn span {font-size: 1.4rem;}
.modal .section-delivery .tbl-delivery tbody tr td {height: 5rem; padding: 0 1.5rem; vertical-align: middle;}

.modal .tbl-shipping-request .select2-container .select2-selection--single,
.modal .tbl-shipping-request .select2-container .select2-selection--single .select2-selection__rendered,
.modal .tbl-shipping-request .select2-container--default .select2-selection--single .select2-selection__arrow,
.modal .tbl-shipping-request .datepicker-wrap .datepicker,
.modal .tbl-shipping-request td input {height: 3.4rem !important; line-height: 3.4rem !important; font-size: 1.4rem !important;}
.modal .tbl-shipping-request td input {height: 3.4rem !important; line-height: 3.4rem !important; font-size: 1.4rem !important;}
.modal .section-delivery .tooltip-txt {font-size: 1.2rem;}
/*.modal .section-delivery .tooltip-txt::before {top: 0;}*/

.modal .select2-container--default .select2-selection--single .select2-selection__arrow b {top: 1.4rem; width: 0.6rem; height: 0.6rem;}

.modal.confirm .modal-btns button.w150px {max-width: unset;}

.modal.modal-order-guide .div-scroll-y {max-height: calc(90vh - 27rem);}
.modal.modal-order-guide img {width: 100%;}


/* 평균가 > 견적 요청 내역(.section-avg-form) */
.section-avg-form .tbl-scope-col tbody tr td {padding: 0 0.5rem;}


/* 평균가 > .reject */
.tbl-scope-row tbody tr.reject td,
.tbl-scope-col tbody tr.reject td {height: 15rem; background-color: #FFECEC; text-align: center; font-size: 1.4rem; line-height: 1.5;}


/* 평균가 > 견적 요청 내역 상세 form (.section-avg-form .form) */
.section-avg-form .form-wrap {position: relative;}
.section-avg-form .form-wrap .return-mark {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 8rem; color: #E30505; font-weight: 500; word-break: keep-all; text-align: center; opacity: 0.3;}

.section-avg-form .form {padding: 8rem 5rem 5.5rem; border-top: 2px solid #2B425F; background-color: #F6F9FF;}
.section-avg-form .form.contract {background-color: #FFFAFA;}
.section-avg-form .form.return {background-color: #EFEFEF;}

.section-avg-form .form .top-title {padding-right: 0.5rem;}
.section-avg-form .form .top-title .title {font-size: 1.6rem; font-weight: 400; color: #647593;}

.section-avg-form .form .top-title .item {margin-top: 1.5rem; font-size: 2.4rem; font-weight: 500; color: #000000;}

.section-avg-form .form .summary,
.section-avg-form .form .detail {padding: 0 0.5rem;}

.section-avg-form .form .summary .summary-top {padding: 7rem 0 5.5rem; font-size: 1.4rem; font-weight: 400; color: #000000; text-align: center;}
.section-avg-form .form .summary .summary-top dl {margin-bottom: 1.3rem;}
.section-avg-form .form .summary .summary-top dl:last-child {margin-bottom: 0;}
.section-avg-form .form .summary .summary-top dl dt,
.section-avg-form .form .summary .summary-top dl dd {font-size: 1.6rem; font-weight: 400;}
.section-avg-form .form .summary .summary-top dl dt {width: 10rem; color: #647593; text-align: left;}

.section-avg-form .form .detail .detail-top {padding: 6rem 0 5.5rem}
.section-avg-form .form .detail .detail-top .detail-tit {margin: 0 auto 2.2rem; font-size: 3rem; font-weight: 600; line-height: 1; color: #000000; text-align: center;}
.section-avg-form .form .detail .detail-top .detail-txt {font-size: 1.4rem; font-weight: 400; line-height: 1.8; color: #000000; text-align: center;}
.section-avg-form .form .detail .detail-top .detail-txt .avg-status {width: 20rem; height: 6rem; margin: auto; font-size: 1.6rem; font-weight: 600; color: #E30505; border: 2px solid #E30505;}
.section-avg-form .form .detail .detail-top .detail-txt .avg-status-navy {color: #2B425F; border: 2px solid #2B425F;}
.section-avg-form .form .detail .detail-top .detail-txt .avg-status-red {color: #E30505; border: 2px solid #E30505;}

.section-avg-form .form table tr th {height: 5rem; padding: 0; line-height: 1.4; font-weight: 400; color: #647593; text-align: center; vertical-align: middle; background-color: #C9D6EE; border-color: #B4BED2;}
.section-avg-form .form table tr td {height: 5rem; padding: 0 2.5rem; font-weight: 400; vertical-align: middle; border-color: #B4BED2;}
.section-avg-form .form table tr td.amount {height: 15.5rem; padding: 1.5rem 2.5rem; vertical-align: top;}
.section-avg-form .form table tr td.amount * {font-weight: 400; line-height: 1.6}
.section-avg-form .form table tr td * {color: inherit; line-height: 1.3; font-weight: inherit; word-break: keep-all;}

.section-avg-form .form .detail-table {margin-bottom: 5rem;}

.section-avg-form .form .detail-btm {flex-direction: column; padding-right: 1rem;}
.section-avg-form .form .detail-btm .name {margin-right: 3rem; font-size: 2rem; font-weight: 600;}

.section-avg-form .form .detail-btm .seal {width: 8rem; height: 8rem; color: #E30505; border: 2px solid #E30505;}
.section-avg-form .form.return .detail-btm .seal {color: #999AA9; border-color: #999AA9;}

.section-avg-form .form .detail-btm address {margin-top: 2rem; text-align: right;}
.section-avg-form .form .detail-btm address p {font-size: 1.4rem; line-height: 1.6; font-weight: 400; font-style: normal;}
.section-avg-form .form-wrap .emphasis-red {line-height: 1;}

.section-avg-form .form.contract .top-title .title,
.section-avg-form .form.contract .summary .summary-top dl dt {color: #CA6A6A;}

.section-avg-form .form.return .top-title .title,
.section-avg-form .form.return .summary .summary-top dl dt {color: #7B7B7B;}

.section-avg-form .form.estimate table,
.section-avg-form .form.estimate .border-top {border-top: 2px solid #8A98B2;}

.section-avg-form .form.contract table,
.section-avg-form .form.contract .border-top {border-top: 2px solid #F2B5B5;}

.section-avg-form .form.return table,
.section-avg-form .form.return .border-top {border-top: 2px solid #BABABA;}

.section-avg-form .form.contract table tr th {color: #CA6A6A; background-color: #FED6D6; border-color: #F4BABA;}
.section-avg-form .form.contract table tr td {border-color: #F4BABA;}

.section-avg-form .form.return table tr th {color: #7B7B7B ; background-color: #D5D5D5; border-color: #CDCDCD;}
.section-avg-form .form.return table tr td {border-color: #CDCDCD;}

.section-avg-form .form .avg-deal-area {margin-top: 6rem;}
.section-avg-form .form .avg-deal-area .form-chk {font-weight: 400;}

.section-avg-form .form .form-chk {text-align: center;}
.section-avg-form .form .form-chk [type="checkbox"]:not(:checked) + label:before,
.section-avg-form .form .form-chk [type="checkbox"]:checked + label:before {border-color: #CDCDCD; box-shadow: unset;}
.section-avg-form .form .form-chk label {font-size: 1.4rem; font-weight: 400;}

.section-avg-form .form .avg-deal-area .deal-table {margin-top: 1.8rem}
.section-avg-form .form .avg-deal-area .deal-table thead tr th {font-weight: 600;}
.section-avg-form .form .avg-deal-area .deal-table tbody tr td {height: 10rem; border-right: 1px solid;}
.section-avg-form .form.estimate .avg-deal-area .deal-table tbody tr td {border-color: #B4BED2;}
.section-avg-form .form.contract .avg-deal-area .deal-table tbody tr td {border-color: #F4BABA}
.section-avg-form .form.return .avg-deal-area .deal-table tbody tr td {border-color: #CDCDCD;}

.section-avg-form .form .avg-deal-area .deal-table tbody tr td:last-child {border-right: 0;}

.avg-form-th-bg {background-color: #D7E2F5 !important;}
.section-avg-form .form.contract .avg-form-th-bg {background-color: #FFE3E3 !important;}
.section-avg-form .form.return .avg-form-th-bg {background-color: #E0E0E0 !important;}
.bd-right-zero {border-right: unset !important}
.expiration {color: #999AA9 !important;}

.scope-col-th-bg {background-color: #EFEFEF !important;}
.modal-avg-pay-detail .tbl-scope-col thead th {border-right:1px solid #DEDEDE;}
.tbl-scope-col .bar {position: relative; border-right: 0 !important;}
.tbl-scope-col .bar::after {content: '';  position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 0.1rem; height: 1.2rem; background-color: #DEDEDE;}
.tbl-scope-col tfoot .bar::after {background-color: #0A121C;}

.modal-avg-pay-detail .tbl-scope-col thead th {border-right:1px solid #DEDEDE;}
.modal-avg-pay-detail .tbl-scope-col thead th:last-child {border-right: unset;}
.modal-avg-pay-detail .tbl-scope-col tbody tr td {position: relative; text-align: right; padding: 0 2rem}
.modal-avg-pay-detail .tbl-scope-col tbody tr td:first-child {text-align: center;}
.modal-avg-pay-detail .tbl-scope-col tbody tr td .card {position: absolute; top: 50%; left: 2rem; transform: translateY(-50%); width: 6rem; line-height: 2.2rem; font-size: 1.2rem; font-weight: 400; text-align: center; border-radius: 0.3rem;}
.modal-avg-pay-detail .tbl-scope-col tbody tr td .card-blue {background: #CEDFFF; color: #1D5FD0;}
.modal-avg-pay-detail .tbl-scope-col tbody tr td .card-red {background: #FFD6D6; color: #E30505;}
.modal-avg-pay-detail .tbl-scope-col tbody tr td .unit {position: absolute; top: 50%; left: 2rem; transform: translateY(-50%); font-size: 1.2rem; font-weight: 400; color: #000;}

.avg-card {position: relative;}
.avg-card .card {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 5rem; line-height: 2rem; font-size: 1.1rem; font-weight: 400; text-align: center; border-radius: 0.3rem;}
.avg-card .card-blue {background: #CEDFFF; color: #1D5FD0;}
.avg-card .card-red {background: #FFD6D6; color: #E30505;}


/* 평균가 팝업 (#sorinModalEstimate) */
.pop-estimate .modal-content {padding: 0; border-radius: 0; min-width: 94rem;}
.pop-estimate .section-avg-form .form {border: unset;}
.pop-estimate .modal-close {top: 3rem; right: 4rem;}
.pop-estimate .btn-print {position: absolute; top: 3.6rem; right: 10rem; z-index: 1; font-weight: 400; background-color: transparent;}


/* 평균가 > 마이페이지 > 평균가주문관리(견적 접수 목록) */
.content-avg .order-condition-wrap {flex-direction: column;}
.content-avg.delivery-list .order-condition-wrap {flex-direction: unset;}

.content-avg .order-condition-wrap .order-condition-set,
.content-avg .order-condition-wrap .dropdown,
.content-avg .order-condition-wrap .select2-container {width: 30.7rem !important;}

.content-avg .order-condition-wrap .order-condition-set.order-avg-num .select-area,
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .select-area .dropdown,
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .select-area .select2-container {width: 11rem !important;}
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .select-area .dropdown {border-right: unset;}
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .select-area .select2-container .select2-selection--single {font-size: 1.2rem; border-radius: 0.3rem 0 0 0.3rem;}
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .select-area .select2-container .select2-selection--single .select2-selection__rendered {color: #999AA9; text-align: left; padding-left: 2rem;}

.content-avg .order-condition-wrap .order-condition-set.order-avg-num .input-area {width: calc(100% - 11rem); height: 5rem;}
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .input-area input {border-left: unset; border-radius: 0 0.3rem 0.3rem 0;}
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .input-area input::placeholder {color: #000; opacity: 1; text-align: center; font-size: 1.4rem;} /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .input-area input::-webkit-input-placeholder {color: #000;}
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .input-area input:-ms-input-placeholder {color: #000;}/* IE */
.content-avg .order-condition-wrap .order-condition-set.order-avg-num .input-area input:-mos-input-placeholder {color: #000;}/* Firefox */

.content-avg .order-period-wrap {width: 62.5rem;}
.content-avg .order-period-wrap .order-condition-set.w145px,
.content-avg .order-period-wrap .order-condition-set.w145px .dropdown,
.content-avg .order-period-wrap .order-condition-set.w145px .select2-container {width: 14.5rem !important;}

.content-avg .order-condition-wrap .order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {padding: 0; text-align:center;}
.content-avg .order-condition-wrap .order-condition-set > div {width: auto;}
/*
.content-avg .order-period-wrap .datepicker-wrap,
.content-avg .order-period-wrap .datepicker-wrap .datepicker {width: 29.7rem;}
*/
.content-avg .order-condition-wrap .order-condition-set .order-condition-set  {width: 100%;}
.content-avg .order-period-wrap .period-box {width: auto;}
.content-avg .order-period-wrap .period-box span {display: block; width: 3rem; margin: auto; text-align: center;}
.content-avg .order-condition-wrap .btn-search {height: 4.8rem; font-size: 1.6rem;}
.content-avg .order-condition-wrap .order-condition-btm {margin-top: 1rem;}
.content-avg .order-condition-wrap .order-num{width: 52.4rem;}


/* 평균가 > 주문 상세 목록 */
/* 평균가 > 주문 레이아웃 공통 */
/*
.section-avg-order .order-history-result {padding: 3rem 2rem;}
.section-avg-order .order-history-result .figure-wrap {min-width: unset; width: calc(100% - 15rem);}
.section-avg-order .order-history-result .figure.figure1 img {height: 11.7rem;}
*/

.section-avg-order .order-detail {width: 75.5rem;}
.section-avg-order .order-detail .timeline {}
.section-avg-order .order-detail .timeline .timeline-box {position: relative; padding-bottom: 1.3rem;}
.section-avg-order .order-detail .timeline .timeline-box .top {margin-bottom: 0.3rem;}
.section-avg-order .order-detail .timeline .timeline-box::after {content: ""; position: absolute; top: 0; left: 1.25rem; width: 0.1rem; height: 100%; background:#DEDEDE;}
.section-avg-order .order-detail .timeline .timeline-box:last-child {padding-bottom: 0;}
.section-avg-order .order-detail .timeline .timeline-box:last-child::after {display: none;}
.section-avg-order .order-detail .timeline .timeline-box * {font-size: 1.2rem; font-weight: 400;}

.section-avg-order .order-detail .timeline .timeline-box .num {position: relative; z-index: 1; display: block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin-right: 1.2rem; border-radius: 50%; font-size: 1.2rem; color: #fff; font-weight: 500; text-align: center; background-color: #999AA9;}
.section-avg-order .order-detail .timeline .timeline-box.active .num {background-color: #1D5FD0;}

.section-avg-order .order-detail .timeline .timeline-box .tit {color: #666;}
.section-avg-order .order-detail .timeline .timeline-box.active .tit {color: #1D5FD0; font-weight: 500;}
.section-avg-order .order-detail .timeline .timeline-box button {margin-left: 0.7rem; padding: 0; font-size: 1.1rem;}

.section-avg-order .order-detail .timeline .timeline-box .list {padding-left: 3.7rem;}
.section-avg-order .order-detail .timeline .timeline-box.active .list li {color: #000;}
.section-avg-order .order-detail .timeline .timeline-box .list li {margin-bottom: 0.8rem; color: #999AA9; border: unset;}
.section-avg-order .order-detail .timeline .timeline-box .list li:last-child {margin-bottom: 0;}

.section-avg-order .order-detail .tbl-scope-row {width: 44rem; border: 1px solid #EFEFEF;}
.content-avg.contract-manage .order-history-result,
.content-avg.order-detail .order-history-result {padding: 3rem 2rem;}
.section-avg-order-list .order-detail .tbl-scope-row {width: 100%; border: unset; border-top: 1px solid #EFEFEF;}
.section-avg-order .order-detail .tbl-scope-row tbody tr th,
.section-avg-order .order-detail .tbl-scope-row tbody tr td {padding-left: 2rem; height: 4.1rem; font-size: 1.2rem; font-weight: 400; vertical-align: middle; border-bottom: 1px solid #EFEFEF;}
.section-avg-order .order-detail .tbl-scope-row tbody tr th {padding-left: 0; color: #666; text-align: center; background-color: #F5F5F5;}

.section-avg-order .order-detail .tbl-scope-row.tbl-timeline {position: relative; width: 50rem; border: unset;}
.section-avg-order .order-detail .tbl-scope-row.tbl-timeline::after {content: ""; position: absolute; top:0; left: 0; width: 100%; height: 0.1rem; background: #2B425F;}
.section-avg-order .order-detail .tbl-scope-row.tbl-timeline tbody tr th,
.section-avg-order .order-detail .tbl-scope-row.tbl-timeline tbody tr td {padding: 0 1.3rem; height: 4.1rem; font-size: 1.2rem; font-weight: 400; vertical-align: middle; border-bottom: 1px solid #EFEFEF;}
.section-avg-order .order-detail .tbl-scope-row.tbl-timeline tbody tr th {color: #666; text-align: center; background-color: #FAFAFA; border-right: 1px solid #EFEFEF;}
.section-avg-order .order-detail .tbl-scope-row.tbl-timeline tbody tr th:last-child {border-right: unset;}
.section-avg-order .order-detail .tbl-scope-row.tbl-timeline tbody tr td {text-align: right; color: #000000;}
.section-avg-order .order-detail .tbl-scope-row.tbl-timeline tbody tr td span.tit {float: left; color: #666;}
.section-avg-order .order-detail .tbl-scope-row.tbl-timeline tbody tr td span.tit + span {float: right;}
.section-avg-order .order-detail .tbl-scope-row.tbl-timeline tbody tr .brd-rt {border-right:1px solid #EFEFEF !important;}

.section-avg-order .order-detail .tooltip-txt {font-size: 1.2rem; color: #FF6600;}

.section-avg-order-list .order-history-result .order-item-img,
.section-avg-order-list .order-history-result .order-item-img img {width: 10rem; height: 10rem;}

.section-avg-order-list .order-detail {width: 77rem;}
.section-avg-order-list .num-info {display: flex; align-items: center;}
.section-avg-order-list .num-info dt {margin-right: 1rem;}

.section-avg-order-list .num-info dt,
.section-avg-order-list .num-info dd {font-size: 1.4rem; font-weight: 500;}
.section-avg-order-list .num-info dt {color: #999AA9;}
.section-avg-order-list .od-list li.estimate .num-info dt {color: #1D5FD0;}
.section-avg-order-list .od-list li.contract .num-info dt {color: #E30505;}
.section-avg-order-list .order-detail .title {margin: 0 0 2rem 0; font-size: 1.4rem; font-weight: 500;}

.section-avg-order-list .od-list li {position: relative;}
.section-avg-order-list .od-list li .num-info.pos-ab {position: absolute; top: 3.8rem; right: 2rem;}
.section-avg-order-list .od-list li .num-info.pos-ab * {font-weight: 400;}
.section-avg-order-list .od-list li .num-info.pos-ab dt {margin-right: 0.5rem;}

.section-avg-order-list .pd-expiry-date {position: relative; display: flex; align-items: center; gap: 0.4rem; margin-top: 1rem; margin-left: 1.9rem;}
.section-avg-order-list .pd-expiry-date::before {content: ""; position: absolute; top: 50%; left: -1rem; transform: translateY(-50%); width: 0.1rem; height: 1.2rem; background: #DEDEDE;}
.section-avg-order-list .pd-expiry-date span {font-size: 1.2rem; font-weight: 400;}
.section-avg-order-list .pd-expiry-date .tit {color: #999AA9;}

.section-avg-order-list .od-list li.contract .order-detail .tbl-scope-row {border-color: #E9C3C3;}
.section-avg-order-list .od-list li.contract .order-detail .tbl-scope-row tbody tr th {color: #666666; background-color: #FFE2E2; border-color: #E9C3C3;}
.section-avg-order-list .od-list li.contract .order-detail .tbl-scope-row tbody tr td {color: #666666; background-color: #FFF8F8; border-color: #E9C3C3;}

.btn-or-list-contract {width: 7rem; height: 2.6rem; margin-left: 1rem;}

.btn-avg-status {height: 3rem; font-size: 1.2rem; font-weight: 500;}
/*
.btn-avg-or-status1 {background-color: #ffffff !important;}
.btn-avg-or-status2 {background-color: #1D5FD0 !important;}
.btn-avg-or-status3 {background-color: #2B425F !important;}
*/

.ani-tbl-wrap .tbl-head .tbl-tr {border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; background-color: #FAFAFA;}
.ani-tbl-wrap .tbl-body .tbl-tr {border-bottom: 1px solid #EFEFEF;}
.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th,
.ani-tbl-wrap .tbl-body .tbl-tr .tbl-td {width: 14.2857%; height: 4.1rem; justify-content: center; font-size: 1.2rem; font-weight: 400;}
.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th {color: #666666; background-color: #FAFAFA;}
.ani-tbl-wrap .tbl-body .tbl-tr .tbl-td .btn-go-tab {width: 7rem; height: 2.6rem; font-weight: 500;}

.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th.avg-order-step {position: relative; display: flex; align-items: stretch; justify-content: center; height: 2rem; text-align: center;}
.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th.avg-order-step.flash > span {animation: flashStep 4s ease-in-out infinite;}

.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th.avg-order-step::after {content: ""; position: absolute; top: 50%; right: -0.5rem; z-index: 1; width: 0; height: 0; border-bottom: 0.5rem solid #2B425F; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; transform: translateY(-50%) rotate(90deg);}
.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th.avg-order-step.step3::after {display: none;}

.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th.avg-order-step > span {display: flex; align-items: center; justify-content: center; font-size: 1.2rem;color: #fff; overflow: hidden;}
.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th.avg-order-step .num {width: 2rem; font-weight: 500; background: #AAAAAA; border-radius: 0.3rem 0 0 0.3rem;}
.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th.avg-order-step .txt {width: 4rem; font-weight: 400; background: #CDCDCD; border-radius: 0 0.3rem 0.3rem 0;}

.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th.avg-order-step.step2 .num {background: #686976;}
.ani-tbl-wrap .tbl-head .tbl-tr .tbl-th.avg-order-step.step2 .txt {background: #888AA8;}

.ani-tbl-wrap .tbl-body .tbl-tr.yet .tbl-td {flex-grow: 1; background: #F3F7FF;}

@keyframes flashStep {
    0%,
    50% {opacity:1;}

    25%,
    75% {opacity:0.3;}
}

.btn-ani-tbl {width: 100%; height: 3rem; cursor: pointer;}
.btn-ani-tbl button {position: relative; height: 100%; padding-top: 1.5rem; font-size: 1.2rem; font-weight: 400; color: #000; background: #fff; transition: 0.3s;}
.btn-ani-tbl button:hover {color: #FF6600;}
.btn-ani-tbl button::before {content: ""; position: absolute; top: 2rem; left: 0; width: 0; height: 0; border-bottom: 0.6rem solid #FF6600; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; transform: rotate(180deg); transition: 0.3s;}
.btn-ani-tbl.active button::before {transform: rotate(0deg);}


/* 평균가 > 주문 상세 내역 */
.pd-name > span {display: inline-block; padding: 0.7rem 0.5rem; font-size: 1.2rem; font-weight: 400 !important; color: #1D5FD0; text-align: center; background-color: #E9F0FD; border-radius: 0.3rem;}
.section-avg-order .pd-name > span {min-width: 6rem;}


/* 평균가 > 주문 배송 내역*/
.avg-order-condition-wrap .order-condition-set {width: 30.6rem;}
.avg-order-condition-wrap .order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {text-align: center; padding: 0;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #000;}
.pay-wrap .btns button {width: 8rem; min-width: unset !important;}
.pay-wrap .btns .btn-gray-md {background: #cdcdcd;}

.content-avg .order-num {position: relative;}
.content-avg .order-num .input-tit {position: absolute; top: 50%; left: 2rem; transform: translateY(-50%); color: #999AA9; font-size: 1.2rem;}
.content-avg .order-num input {text-align: center;}
.content-avg .order-num input::placeholder {color: #000; opacity: 1; text-align: center; font-size: 1.4rem;} /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
.content-avg .order-num input::-webkit-input-placeholder {color: #000;}
.content-avg .order-num input:-ms-input-placeholder {color: #000;}/* IE */
.content-avg .order-num input:-mos-input-placeholder {color: #000;}/* Firefox */

.content-avg .order-condition-wrap .order-num input,
.content-avg .order-period-wrap .datepicker-wrap .datepicker {font-size: 1.4rem;}


/* 23.09.15 | 시스템 점검 안내 페이지 */
.sys-check-wrap {width: 100%; height: 100vh; background: url(/images/et/system-check-bg-845ad5111273319a0b02519d3f4d104d.jpg) no-repeat center; background-size: cover; text-align: center;}
.sys-check-wrap img {margin-top: 15.075vh}
.sys-check-wrap .cont strong {display: block; margin-top: 4.3rem; font-size: 5rem; font-weight: 600; color: #000;}
.sys-check-wrap .cont .title {margin: 3.3rem auto 2.3rem; font-size: 2.8rem; font-weight: 500; color: #000;}
.sys-check-wrap .cont .txt {font-size: 1.6rem; line-height: 1.625; font-weight: 400; color: #666;}
.sys-check-wrap .cont .txt:nth-of-type(2) {margin-top: 2.5rem;}
.sys-check-wrap .cont .txt span {color: #FF6600;}
.sys-check-wrap .btm-logo {margin-top: 17.5rem;}


/*-----------------------------------*\
  #구매입찰
\*-----------------------------------*/

/*-----------------------------------*\
  #REUSED STYLE
\*-----------------------------------*/

/**
 * wrapper
 */
 .wrapper.pt0 {padding-top: 0;}


 /**
  * header
  */

 .header.bid {box-shadow: 0px 1px 5px rgb(0 0 0 / 25%);}
 .header .utility.bid .util-list ul li a {position: relative;}
 .header .utility.bid .util-list ul li a:after {content: '|';display: inline-block;font-size: 1.2rem;color: #ddd;margin-left: 1.2rem; margin-right: 1.2rem;position: absolute;right: -2.4rem;top: 0.15rem;font-weight: 400;}
 .header .utility.bid .util-list ul li:last-of-type a:after {display: none;}
 .header .utility.bid .util-list ul li a.ico {display: flex;align-items: center;transform: translateY(-5px);}
 .header .utility.bid .util-list ul li a.ico span {font-weight:500; color: #000;transform: translateY(1px);}
 .header .utility.bid .util-list ul li a.ico span.material-symbols-outlined {color: #999;font-weight:500;font-size: 2.2rem;margin-right: 0.2rem;}


 /**
  * checkbox style (ripple effect)
  */
 .checkbox-container {display: inline-flex;}
 .checkbox-container .input-title {font-size: 1.4rem;padding-left: 0.1rem;padding-top: 0.6rem;}
 .checkbox-label {display: block;position: relative;margin: auto;cursor: pointer;font-size: 22px;line-height: 24px;height: 24px;width: 24px;clear: both;}
 .btn-wrap .input-title {padding-top: 0.45rem;}
 .checkbox-label input {position: absolute;opacity: 0;cursor: pointer;}
 .checkbox-label .checkbox-custom {position: absolute;top: 0.35rem;left: 0rem;height: 1.6rem;width: 1.6rem;background-color: #dedede;border-radius: 5px;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;border: 2px solid #dedede;}
 .checkbox-label input:checked ~ .checkbox-custom {background-color: #1d5fd0;border-radius: 5px;-webkit-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity:1;border: 2px solid #1d5fd0;}
 .checkbox-label .checkbox-custom::after {position: absolute;content: ""; left: 12px;top: 12px;height: 0px; width: 0px;border-radius: 5px;border: solid #fff;border-width: 0 3px 3px 0;-webkit-transform: rotate(0deg) scale(0);-ms-transform: rotate(0deg) scale(0);transform: rotate(0deg) scale(0);opacity:1;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;}
 .checkbox-label input:checked ~ .checkbox-custom::after {-webkit-transform: rotate(45deg) scale(1);-ms-transform: rotate(45deg) scale(1);transform: rotate(45deg) scale(1);opacity: 1;left: 4.5px;top: 0.4px;width: 4px;height: 9px;border: solid #fff;border-width: 0 0.15rem 0.15rem 0;background-color: #1d5fd0;border-radius: 0;}
 /* For Ripple Effect */
 .checkbox-label .checkbox-custom::before {position: absolute;content: "";left: 10px;top: 10px;width: 0px;height: 0px;border-radius: 5px;border: 2px solid #FFFFFF;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
 .checkbox-label input:checked ~ .checkbox-custom::before {left: -3px;top: -3px;width: 24px;height: 24px;border-radius: 5px;-webkit-transform: scale(3);-ms-transform: scale(3);transform: scale(3);opacity:0;z-index: 999;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}


 /*-----------------------------------*\
   #MAIN
 \*-----------------------------------*/

 /**
  * main visual
  */

 .main-visual {height: 44.3rem;/*background:#5d86e0 url(/images/main-visual2-d5d69ee510263f5bdc90323028e13001.png) no-repeat;*/background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(/images/main-visual3-ed78b5a964f03ca579844bc30dee1794.png) no-repeat;background-size: cover;background-position: center;min-width: 120rem;margin-top: 10rem;}
 .main-visual .inwrap {display: flex;justify-content: space-between;align-items: center;}
 .main-visual .banner_st {font-size: 2.2rem;color: #FFF;font-weight: 500;text-align: left;margin-bottom: 3rem;}
 .main-visual .banner_tt {font-size: 6.6rem;line-height: 5.4rem;margin-bottom:2.5rem;color: #FFF;font-weight: 600;text-align: left;letter-spacing: -0.02em;text-shadow: 0px 5px 10px rgb(0 0 0 / 10%);}
 .main-visual .banner_ft {font-size: 1.8rem;color: #FFF;font-weight: 500;text-align: left;margin-bottom: 5rem;}
 .main-visual .btn_cont.left {display: flex;}
 .main-visual .btn_cont.left .btn {margin-bottom:2.5rem;background: #5D86E0;color: #fff;font-size: 14px;font-weight: 400;border-radius: 0.6rem;box-sizing: border-box;width: 14.9rem;height: 4.5rem;line-height: 2.3rem;text-align: center;position: relative;}
 .main-visual .btn_cont.left .btn.outline {border: 1px solid #FFFFFF;background: none;position: relative;border-radius: 0.6rem;}
 .main-visual .btn_cont.left .btn + .btn {margin-left: 1rem;}
 .main-visual .btn_cont.left .btn::after {content: '';display: block;width: 0.6rem;height: 0.6rem;position: absolute;top: 1.8rem;border: 1px solid #fff;transform: rotate(-45deg) translate(-50%, -50%);border-width: 0 0.01rem 0.01rem 0;right: 1rem;}
 .main-visual .login_container {background: #fff;display: flex;flex-direction: column;border-radius: 20px;width: 32rem;box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);padding: 3rem 3rem 2rem;}
 .main-visual .login_container p {color: #666;font-size: 1.4rem;text-align: center;margin-bottom: 1.5rem;}
 .main-visual .login_container input {background: #f5f5f5;outline: none;border: 1px solid #dedede;padding: 0.5rem 1.8rem;height: 4.5rem;border-radius: 0.3rem;font-size: 1.2rem;color: #999;box-sizing: border-box;  }
 .main-visual .login_container input + input {margin-top: 1rem;}
 .main-visual .login_container .btn {font-size: 1.4rem;font-weight: 400;margin-top: 1rem;height: 4.5rem;box-sizing: border-box;vertical-align: middle;line-height: 4.5rem;margin-bottom:2.5rem;background: #1D5FD0;text-align: center;line-height: 2.5rem;}
 .main-visual .login_container .btn:hover {background-color: #0241ac;color: #fff;}
 .main-visual .login_container .sub_area {display: flex;justify-content: space-between;align-items: center;padding-bottom: 1rem;}
 .main-visual .login_container .sub_area label {color: #666;font-size: 1.1rem;}
 .main-visual .login_container .sub_area > div a:first-of-type::after {content: '|';display: inline-block;font-size: 1.2rem;color: #ddd;margin-left: 1.2rem;margin-right: 1.2rem;}
 .main-visual .login_container .sub_area a {font-size: 1.1rem;color: #666;}
 .main-visual .login_container .sub_area div {display: flex;align-items: center;font-size: 1.1rem;color: #666;padding-top: 0.1rem;padding-left: 0rem;}
 .main-visual .checkbox-container .input-title {font-size: 1.1rem;color: #666;padding-top: 0.1rem;padding-left: 0rem;}
 .main-visual .login_container .btn.ico.text {margin-top: 0;display: flex;align-items: center;justify-content: center;margin-bottom: 0;background: none;border-top: 1px solid #dedede;}
 .main-visual .login_container .btn.text.ico span {color: #000;font-size: 1.4rem;}
 .main-visual .login_container .btn.text.ico .material-symbols-outlined {color: #999;font-size: 2.3rem;margin-right: 0.1rem;}
 .login_container.log_on {padding: 3.5rem 3rem;}
 .login_container.log_on .btn_nav {position: relative;color: #666;}
 .login_container.log_on .btn_nav::after {content: '';display: block;width: .6rem;height: .6rem;position: absolute;top: .4rem;border: 1px solid #666;transform: rotate(-45deg) translate(-50%, -50%);border-width: 0 0.01rem 0.01rem 0;right: 0;}
 .login_container.log_on .dashboard {display:flex; flex-wrap: wrap;gap: 1rem;margin-top: 1.6rem;}
 .login_container.log_on .dashboard .item {flex: calc(50% - 0.5rem);background: #E9F0FD;border-radius: 0.9rem;padding: 1.8rem 1.5rem;display: flex;flex-direction: column;justify-content: space-between;}
 .login_container.log_on .dashboard .item h4 {margin: 0 0 2.5rem 0;border-bottom: 1px solid #CEDCF6;font-size: 1.2rem;padding-bottom: 0.6rem;}
 .login_container.log_on .dashboard .item p {font-size: 3rem;font-weight: 500;text-align: right;margin: 0;}
 .login_container.log_on .dashboard .item .bid {color: #FD1515;}
 .login_container.log_on .dashboard .item .win {color: #1D5FD0;}
 .login_container.log_on .dashboard .item .lose {color: #3D5580;}
 .login_container.log_on .dashboard .item .keep {color: #000;}


 /**
  * filter area
  */

 .filter_area {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}
 .filter_area .opt {width: 21.9rem;height: 5rem;}
 .filter_area .opt select {width: 100%;height: 100%;}
 .filter_area .opt label {display: none;}
 .filter_area .cal {display: flex;align-items: center;}
 .filter_area .input-button-wrap .radio-btn {margin-left: 0;border-radius: 0;height: 5rem;line-height: 5rem;width: 12rem; border-right: unset;}
 .filter_area .input-button-wrap .radio-btn.active {border: 1px solid #1D5FD0;background: #FFF;}
 .filter_area .input-button-wrap .radio-btn.active span {color: #1D5FD0;}
 .filter_area .input-button-wrap .radio-btn:first-of-type {border-top-left-radius: 0.3rem;border-bottom-left-radius: 0.3rem;}
 .filter_area .input-button-wrap .radio-btn:last-of-type {border-top-right-radius: 0.3rem;border-bottom-right-radius: 0.3rem;border-right: 1px solid #dedede;;}
 .filter_area .input-button-wrap .radio-btn.active:last-of-type {border-color: #1D5FD0;}


 /**
  * filter area > datepicker
  */

 .filter_area .cal .datepicker-wrap {position: relative;}
 .filter_area .cal .datepicker-wrap .datepicker {height: 5rem;width: 21.9rem;}
 .filter_area .cal .datepicker-wrap .datepicker:placeholder {color: #000;}
 .filter_area .cal .datepicker-wrap + .tilde {font-size: 1.4rem;margin: 0 0.8rem;}
 .filter_area .cal .datepicker-wrap img {position: absolute;top: 1.45rem;right: 3rem;}

.period .filter_area {margin-bottom: 0;}
.period .filter_area .cal .datepicker-wrap .datepicker {height: 3.4rem; padding: 0 1.5rem !important; text-align: left !important; }
.period .filter_area .cal .datepicker-wrap img {height: 1.7rem; top: 50%; right: 1.5rem; transform: translateY(-50%);}


 /**
  * 입찰공고 목록
  */

 .prod-list-wrap.section {padding: 8rem 0 8rem;}
 .prod-list-wrap.section .tab-content {padding:0;}
 .tab_btn_group {display: flex;margin-bottom: 5rem;}
 .tab_btn_group li {flex: 1;text-align: center;border: 1px solid #dedede;font-size: 1.6rem;padding: 1.5rem 0;}
 .tab-content {display: none;}
 .tab-content.on {display: block;}
 .tab-content .tit_cont .h3-new {font-size:1.8rem; margin: 0;}
 .tab_btn_group li:first-of-type {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
 .tab_btn_group li:last-of-type {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
 .tab_btn_group li.on {border: 1px solid #1D5FD0;}
 .tab_btn_group li a {color: #666;}
 .tab_btn_group li.on a {display: inline-flex;width: 100%;justify-content: center;height: 100%;color: #1D5FD0;font-weight: 500;}
 .tab_btn_group li a span {color: inherit;font-weight: inherit;}
 .tab_btn_group li + li {border-left: none;}
 .tit_cont {display: flex;justify-content: space-between;align-items: center;margin: 0 0 1.2rem 0;}
 .opt_group {display: flex;gap: 0.75rem;}
 .opt_item label {display: none;}
 .opt_item select {width: 12rem;text-align: center;border: 1px solid #dedede;font-size: 1.2rem;color: #666;padding: 0.5rem;border-radius: 0.3rem;outline: none;}
 .opt .select2-selection__rendered {font-size: 1.4rem;text-align: center;line-height: 5rem;}
 .opt .select2-container--default .select2-selection--single {height: 5rem;}
 .opt .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 5rem;}
 .opt .select2-container--default .select2-selection--single .select2-selection__arrow b {top: 2rem;left: 0.5rem;width: 0.6rem;height: 0.6rem;border: 1px solid #666;border-width: 0 0 0.1rem 0.1rem;position: absolute;transform: rotate(-45deg);transition: all .2s linear;}
 .opt .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {width: 0.6rem;height: 0.6rem;border: 1px solid #666;border-width: 0 0 0.1rem 0.1rem;top: 2.25rem;left: 0.75rem;transform: rotate(135deg);transition: all .2s linear;}
 .opt_item .select2-selection__rendered {font-size: 1.2rem;text-align: center;}
 .opt_item .select2-container--default .select2-selection--single {width: 12rem;height: 3rem;line-height: 3rem;}
 .opt_item .select2-container--default .select2-selection--single .select2-selection__arrow b {top: 1.2rem;left: 1rem;width: 0.6rem;height: 0.6rem;border: 1px solid #666;border-width: 0 0 0.1rem 0.1rem;position: absolute;transform: rotate(-45deg);transition: all .2s linear;}
 .opt_item .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {width: 0.6rem;height: 0.6rem;border: 1px solid #666;border-width: 0 0 0.1rem 0.1rem;top: 1.5rem;left: 1rem;transform: rotate(135deg);transition: all .2s linear;}

 .cart-item-wrap.type4 {display: flex;align-items: center;padding: 3rem 2rem;flex: 1;}
 .cart-item-wrap.type4 .figure, .cart-item-wrap.type4 .figure img {width: 12rem;height: 12rem;}
 .cart-item-wrap.type4 .figure {position: relative;overflow: hidden;}
 .cart-item-wrap.type4 .figure img {display: block;}
 .cart-item-wrap.type4 .figure-con {flex: 1;margin-left: 3rem; margin-right: 9rem;}
 .cart-item-wrap.type4 .pd-brand-info {display: flex;flex-direction: column;align-items: stretch;}
 .cart-item-wrap.type4 .pd-brand-info .pd-brand {display: flex;font-size: 1.8rem;font-weight: 500;align-items: center;}
 .cart-item-wrap.type4 .pd-brand-info .pd-brand .pd-label {width: 3rem;height: 2rem;margin-right: 1rem;font-size: 1.2rem;font-weight: 500;text-align: center;line-height: 1.8;background-color: #999AA9;color: #fff;}
 .cart-item-wrap.type4 .pd-brand-info .pd-brand .brand-nation {margin-right: 1rem;}
 .cart-item-wrap.type4 .pd-brand-info .pd-brand .brand-nation img {transform: translateY(1.2px);}
 .cart-item-wrap.type4 .pd-brand-info .pd-alarm [class^=btn-] {position: relative;}
 .cart-item-wrap.type4 .pd-brand-info .pd-alarm [class^=btn-] button {vertical-align: top;width: 2.2rem;height: 2.2rem;text-indent: -9999px;background: url(http://st.metalsorin.com:28085/images/pd/icon_pd_alarm.png) center no-repeat;}
 .cart-item-wrap.type4 .pd-brand-info .pd-alarm [class^=btn-] .ico-txt {display: none;position: absolute;top: -3.5rem;left: -8rem;width: 18rem;height: 2.5rem;font-size: 1.1rem;line-height: 2.1;text-align: center;border: 1px solid #ddd;border-radius: 0.3rem;background: #fff;color: #000;}
 .cart-item-wrap.type4 .pd-name {font-size: 1.6rem;margin: 1.5rem 0 2rem;    display: inline-block;font-weight: 500;cursor: pointer;}
 .cart-item-wrap.type4 .pd-name > span {display: inline-block;width: 24rem;box-sizing: border-box;padding: 0.7rem 0.5rem;font-size: 1.2rem;font-weight: 500;text-align: center;background-color: #E9F0FD;border-radius: 0.3rem;color: #1D5FD0;}
 .cart-item-wrap.type4 .btns {margin-left: 7rem;width: auto;}
 .cart-item-wrap.type4 .btns p {color: #999a99; }
 .cart-item-wrap.type4 .btns a{line-height: 4rem;height: 4rem;width: 12rem;box-sizing: border-box;font-size: 1.4rem;}
 .cart-item-wrap.type4 .btns a:hover {color: #fff;}
 .cart-item-wrap.type4 .btns a.btn-navy-md {background-color: #3D5580;color: #fff;text-align: center;border-radius: 0.3rem;  }
 .cart-item-wrap.type4 .btns a.btn-navy-md:hover {background-color: #172B50;}
 .cart-item-wrap.type4 .btns .input-button-wrap {position: relative;display: flex; width: 100%;}
 .cart-item-wrap.type4 .btns .input-button-wrap .radio-btn {position: relative;border: 1px solid #dedede;text-align: center;cursor: pointer;font-size: 1.4rem;line-height: 5rem;width: 8rem;height: 3.6rem;}
 .cart-item-wrap.type4 .btns .input-button-wrap .radio-btn.active {border: 1px solid #1D5FD0;}
 .cart-item-wrap.type4 .btns .input-button-wrap .radio-btn.active span {color:#1D5FD0;}
 .cart-item-wrap.type4 .btns .input-button-wrap .radio-btn + .radio-btn {border-left: 0;}
 .cart-item-wrap.type4 .btns .input-button-wrap .radio-btn:first-of-type {border-top-left-radius: 0.3rem;border-bottom-left-radius: 0.3rem;margin-left: 0;}
 .cart-item-wrap.type4 .btns .input-button-wrap .radio-btn:last-of-type {border-top-right-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}
 .cart-item-wrap.type4 .pd-period {display: flex;}
 .cart-item-wrap.type4 .pd-period .date {font-size: 1.4rem;}
 .cart-item-wrap.type4 .pd-period .d-day {color: #FD1515;margin-left: 0.5rem;font-size: 1.4rem;}
 .cart-item-wrap.type4 .pd-period .d-day.pre {color: #1D5FD0;}
 .cart-item-wrap.type4 .pd-period .qty {font-size: 1.4rem;}
 .cart-item-wrap.type4 .pd-period .highlight {color: #1D5FD0;font-weight: 500;}
 .cart-item-wrap.type4 .pd-period > span:first-of-type:after {content: '|';display: inline-block;font-size: 1.2rem;color: #ddd;margin-left: 1.2rem;margin-right: 1.2rem;}
 .cart-item-wrap.type4 .pd-wrap {display: flex;justify-content: space-between;}
 .cart-item-wrap.type4 .pd-wrap .pd-like {display: flex;align-items: center;}
 .cart-item-wrap.type4 .pd-like .company {display: flex;}
 .cart-item-wrap.type4 .pd-like .company li {display: flex;align-items: center;border: 0;}
 .cart-item-wrap.type4 .pd-like .company li:first-of-type::after {content: '|';display: inline-block;font-size: 1.2rem;color: #ddd;margin-left: 1.2rem;margin-right: 1.2rem;}
 .cart-item-wrap.type4 .pd-like .company li span {font-size: 1.4rem;color: #999;}
 .cart-item-wrap.type4 .pd-like .company li span:last-of-type {color: #1d5fd0;margin-left: 0.5rem;}
 .cart-item-wrap.type4 .pd-brand-info .ico {display: flex;align-items: center;border: 1px solid #dedede;padding: 0 0.6rem;border-radius: 0.5rem;height: 2.4rem;box-sizing: border-box; margin-left: 2rem;}
 .cart-item-wrap.type4 .pd-brand-info .ico .material-symbols-outlined {font-size: 1.25rem;color: #bababa;}
 .cart-item-wrap.type4 .pd-brand-info .ico.active .material-symbols-outlined {color: #FD1515;}
 .cart-item-wrap.type4 .pd-brand-info .ico span:last-of-type {margin-left: 0.2rem;font-size: 1.1rem;}


 /**
  * 공지사항 영역
  */
 .section.notice-wrap.type2 {background: #fafafa;padding: 6.5rem 0;border: none;}
 .section.notice-wrap.type2 .inwrap {display: flex;justify-content: space-between;line-height: unset;gap: 3rem;}
 .section.notice-wrap.type2 .notice-area.type2, .section.notice-wrap.type2 .faq {background: #fff;border-radius: 2rem;width: 50rem;padding: 3.6rem 4rem;flex: 1;}
 .notice-area.type2 .tit, .section.notice-wrap.type2 .faq .tit {display: flex;justify-content: space-between;align-items: center;font-size: 1.8rem;font-weight: 500;margin-bottom: 2.4rem;}
 .notice-area.type2 .tit h5, .section.notice-wrap.type2 .faq .tit h5 {font-size: 1.8rem;margin: 0;   }
 .notice-area.type2 .more, .section.notice-wrap.type2 .faq .more {font-size: 1.4rem;font-weight: 500;position: relative;padding-right: 1.5rem;}
 .faq .more:hover {color:#000;}
 .notice-area.type2 .more::before, .notice-area.type2 .more::after,
 .section.notice-wrap.type2 .faq .more::before, .section.notice-wrap.type2 .faq .more::after {content: "";display: inline-block;background-color: #FD1515;position: absolute;top: 50%;right: 0;transform: translate(-50%, -50%);}
 .notice-area.type2 .more::before,
 .section.notice-wrap.type2 .faq .more::before{height: 1rem;width: 0.2rem;}
 .notice-area.type2 .more::after,
 .section.notice-wrap.type2 .faq .more::after{height: 0.2rem;width: 1rem;right: -8px;}
 .notice-area.type2 .cont li,
 .section.notice-wrap.type2 .cont li{line-height: 3rem;}
 .notice-area.type2 .cont li a,
 .section.notice-wrap.type2 .cont li a {color: #666;font-size: 1.6rem;font-weight: 400;}
 .notice-area.type2 .cont li a:hover,
 .section.notice-wrap.type2 .cont li a:hover {color: #1D5FD0;}
 .notice-wrap.type2.bid .cont li a {display: block; width: 100%; height: 3rem; line-height: 3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}


 /**
  * 서비스소개 영역
  */
 .container > .services-wrap.type2 {padding: 0;background: #fff; }
 .container > .services-wrap.type2 .inwrap {align-items: center;padding: 8rem 0;}
 .container > .services-wrap.type2 .inwrap > div + div {border-left: none;}
 .container > .services-wrap.type2 .inwrap .estimate {padding: 0;width: auto;height: auto;   }
 .container > .services-wrap.type2 .inwrap .estimate .services-con {float: none;}
 .services-wrap.type2 .estimate .h2 {margin-bottom: 1.4rem;font-size: 1.8rem;margin: 0 0 1.4rem 0;line-height: 2.8rem;font-weight: 500;color: #000;}
 .services-wrap.type2 .intro {height: unset;width: 76rem;}
 .services-wrap.type2 .intro .wrap {display: flex;justify-content: space-between;height: 8rem;width: 100%;   }
 .services-wrap.type2 .intro .wrap + .wrap {border-top: 0;}
 .services-wrap.type2 .intro .wrap .cont {display: flex;align-items: center;padding: 0 4rem 0 2.5rem; flex: 1;border: 1px solid #dedede;}
 .services-wrap.type2 .intro .wrap:last-of-type .cont {border-top: 0;}
 .services-wrap.type2 .intro .wrap .cont h5 {font-size: 1.8rem;font-weight: 500;}
 .services-wrap.type2 .intro .wrap .cont p {color: #666;font-size: 1.4rem;margin-left: 2rem;}
 .services-wrap.type2 .intro .wrap .arrow {width: 8rem;height: 8rem;background: #f2f2f2;position: relative;border: 1px solid #dedede;border-left: 0}
 .services-wrap.type2 .intro .wrap:last-of-type .arrow {border-top: 0;}
 .services-wrap.type2 .intro .wrap .arrow.next::after {content: '';display: block;width: 1.2rem;height: 1.2rem;position: absolute;top: 2.2rem;border: 1px solid #999;transform: rotate(-45deg) translate(-50%, -50%);border-width: 0 0.1rem 0.1rem 0;left: 50%;top: 3.5rem;}
 .tbl-v.bid.th-left tbody th {font-weight: 400;width: 20rem;padding-left: 2rem;}
 .tbl-v.bid.th-left tbody td {padding-left: 2rem;}
 .tbl-v.bid tbody th.fc-red {background: #FFECEC;}
 .tbl-v.bid tbody td.bg-orange1 {background: #fff6e7;text-align: center;}
 .tbl-v.bid tbody td.bg-orange2 {background: #FFEFD1;text-align: center;}
 .tbl-v.bid tbody td input {height: 3.4rem;line-height: 3.4rem;}
 .tbl-v.bid tbody td input.input-md {width: calc(100% - 22rem);margin-right: 0.7rem;text-align: center;color: #000;}
 .tbl-v.bid .input-btn-wrap .btns .btn-navy-md {height: 3.4rem;line-height: 3.4rem;font-size: 1.2rem;background-color: #3D5580;color: #fff;text-align: center;border-radius: 0.3rem; width: 12rem;box-sizing: border-box;padding: 0 0.8rem;}
 .tbl-v.bid .input-btn-wrap .btns .btn-navy-md:hover {background-color: #172B50;}
 .tbl-v.bid .r-info {position: relative;color: #FD1515;padding-right: 1.7rem;    }
 .tbl-v.bid .input-lg {width: 100%;}
 .tbl-v.bid .input-btn-wrap {display: flex;align-items: center;justify-content: space-between;   }
 .tbl-v.bid .tb-select label {display: none;}
 .tbl-v.bid th.fc-red ~ td {border-bottom: 0;}
 .tbl-v.bid .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.5rem;height: 0.5rem;border: 1px solid #2b425f;border-width: 0 0 0.1rem 0.1rem;position: absolute;top: 1rem;left: 0.75rem;transform: rotate(-45deg);transition: all .2s linear;}
 .tbl-v.bid .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {width: 0.5rem;height: 0.5rem;border: 1px solid #2b425f;border-width: 0 0 0.1rem 0.1rem;top: 1.25rem;left: 0.75rem;transform: rotate(135deg);transition: all .2s linear;}
 .tbl-v.bid .r-info::after {content: 'i';display: block;position: absolute;top: 50%;right: 0;transform: translateY(-50%);text-align: center;background-color: #FD1515;border-radius: 50%;color: #fff;width: 1.3rem;height: 1.3rem;line-height: 1.3rem;font-size: 0.9rem; font-weight: 400;}
 .section.prod-detail-wrap.bid {padding-bottom:0;background: #fff;margin-top: 10rem;padding-top: 6rem;}
 .section.fixes-wrap {margin-top: 6rem;}
 .section.bid .h3 {margin: 0 0 1.8rem 0; }
 .section.bid-tbl-wrap {background: #fff;padding: 5.5rem 0 10rem;}
 .list.t2 .text-center + .section.bid-tbl-wrap {padding-top: 3rem;   }
 .section.prod-detail-wrap.bid .list.t2 .text-center .icon-info-txt {font-size:1.2rem;padding-left: 2.6rem;}
 .section.bid-tbl-wrap .tbl-v td {padding: 1.5rem 2rem; font-weight: 400;}
 .tbl-v.bid tbody th, .tbl-v.bid tbody td {font-weight: 400;}
 .tbl-v.bid .icon-info-txt {font-size: 1.2rem;padding-left: 2.6rem;padding-bottom: 0.25rem;}
 .tbl-v.bid .t-info {font-size: 1.4rem; line-height: 1; font-weight: 400; padding-left: 1.8rem;color: #999aa9;}
 .tbl-v.bid .t-info::before,
 .section.bid .cart-item-wrap .t-info::before {border: 1px solid #999;background: #fff;color: #999;width: 1.3rem;height: 1.3rem;line-height: 1rem;font-size: 0.9rem;font-weight: 400;}

 .tbl-v.bid .t-info.red {color: #FD1515;}
 .tbl-v.bid .t-info.red::before {background: #FD1515; color: #fff; border-color: #FD1515;}

 .tbl-v.bid tbody th.multi,
 .tbl-v.bid tbody td.multi {padding: 1rem 2rem;height: 7.5rem;line-height: 1.5;}
 .section.prod-detail-wrap.bid .hgroup ~ .hgroup {margin-top: 6rem;}
 .tbl.t3.bid thead th + th::before {display: none;}
 .tbl.t3.bid tbody tr.active td {color: #1D5FD0;}
 .section.fixes-wrap .tbl-list-summary {font-size: 1.8rem;margin-bottom: 1.8rem;}
 .section.fixes-wrap .balance-manage-result {align-items: baseline;padding: 2rem;width: 100%;}
 .section.fixes-wrap .balance-manage-result .date {color: #999AA9;font-size: 1.4rem;width: 20rem;}
 .section.fixes-wrap .balance-manage-result .figure-con {width: calc(100% - 20rem);}
 .section.fixes-wrap .balance-manage-result .pd-name {font-size: 1.4rem;display: inline-block;margin-bottom: 1rem;font-weight: 500;cursor: pointer;  }
 .section.fixes-wrap .balance-manage-result .pd-name.fc-red {font-weight: 400;}
 .section.fixes-wrap .balance-manage-result .pd-order span {color: #666;font-size: 1.4rem;line-height: 2.4rem;}


 /*-----------------------------------*\
   #GUIDE HTML LIST
 \*-----------------------------------*/
 .tbl-html-list {width: 100%;text-align: center;margin: 3rem 0 5rem;}
 .tbl-html-list th, .tbl-html-list td {padding: 1.35rem 0;font-size: 1.1rem;}
 .tbl-html-list td {border-bottom: 1px solid #dedede;}
 .tbl-html-list td {border-right: 1px solid #dedede;}
 .tbl-html-list td:first-of-type {border-left: 1px solid #dedede;font-weight: 500;}
 .tbl-html-list td:nth-of-type(3) {color: #999;}
 .tbl-html-list td a {text-decoration: underline;color: #1d5fd0;font-weight: 500;}
 .tbl-html-list td.left {text-align: left;padding-left: 2rem;}
 .tbl-html-list th {background-color: #1d5fd0;color: #fff;}
 .tbl-html-list th:first-of-type {border-top-left-radius: 0.3rem;}
 .tbl-html-list th:last-of-type {border-top-right-radius: 0.3rem;}
 .tbl-html-list .status-check {margin: 0 auto;background-color: #1D5FD0;border: none;position: relative;display: flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;border-radius: 50%;}
 .tbl-html-list .status-check::before {content: "";position: absolute;top: 5px;width: 10px;height: 5px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-40deg);}
 .tbl-html-list td a:after {display: none;}


 /*-----------------------------------*\
   #Sign Up
 \*-----------------------------------*/
 .section.us.type2 {padding-top: 18rem;}
 .bid.guide-txt {border-bottom: 1px solid #dedede;padding: 2.6rem 0;border-top: 2px solid #2B425F;}
 .bid.guide-txt p {text-align: center;font-weight: 500;color: #000;font-size: 1.6rem;line-height: 2.4rem;}


 /*-----------------------------------*\
   #Footer
 \*-----------------------------------*/
/*.footer.bid .ft-menus li a.privacy {padding-left: 1.2rem;}*/
 .result-txt-tit {font-size:1.6rem; font-weight:500; color: #000; line-height:2.4rem;}
 .us.type2 .login-wrap.result .box-vertical {padding: 2.7rem 0;border-top: 2px solid #2B425F;}
 .us.type2 .login-wrap.result .reault-done {margin: 1.5rem 0 0;}
 .us.type2 .no-box.signup-box .email-at {color: #999AA9;font-weight: 400;}
 .us.type2 .select2-container .select2-selection--single {border-color: #999aa9;}
 .us.type2 .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.8rem;height: 0.8rem;border-color: #c4c4c4;top: 1.8rem;left: 3rem;}
 .us.type2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {top: 2.4rem;}
 .us.type2 .login-wrap.result {margin-top: 5rem;}
 .us.type2 .certify-no {display: flex;}
 .us.type2 .limit-width.full .certify-no  input[type=tel] {width: calc(100% - 16rem);}
 .us.type2 .certify-no input[type=tel] + .countdown {right: 18rem;}
 .us.type2 .certify-no .button button {width: 15rem;margin-left: 1rem;}
 .btn-big-space-wrap {display: flex;justify-content: space-between;  }
 .btn-big-space-wrap button {width: 27.5rem;}
 .tr.limit-width.full.link-within {position: relative;}
 .tr.limit-width.full.link-within a {color: #1d5fd0;text-decoration: underline;text-underline-position: under;font-size: 1.2rem;position: absolute;right: 2.7rem;top: 1.7rem;}


 /*-----------------------------------*\
   #Mypage
 \*-----------------------------------*/
 .inwrap.bi {display: flex;gap: 6rem;padding-top: 7.5rem;}
 .inwrap.bi .left-wing {width:20rem;}
 .inwrap.bi .right {flex:1;}
 .inwrap.bi .left-wing ul li {border:1px solid #dedede; background: #fff;height:5rem;border-bottom:0;}
 .inwrap.bi .left-wing ul li:last-of-type {border-bottom:1px solid #dedede;}
 .inwrap.bi .left-wing ul li a {color:#666;font-size:1.6rem;height: 100%;display: block;width: 100%;line-height: 5rem;position: relative;padding: 0 0 0 3.9rem;}
 .inwrap.bi .left-wing ul li a:after {content: '';display: block;width: 0.6rem;height: 0.6rem;position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%) rotate(-45deg);border-style: solid;border-color: #707070;border-width: 0 1px 1px 0;}
 .inwrap.bi .left-wing ul li a:before {content: '';display: block;width: 2rem;height: 2rem;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
 .inwrap.bi .left-wing ul li.active,
 .inwrap.bi .left-wing ul li:hover,
 .inwrap.bi .left-wing ul li:focus {background: #1D5FD0;}
 .inwrap.bi .left-wing ul li:first-of-type a:before {background-image: url(/images/my/icon_note-d038de38aa5a7efc467b7c8b317c7c41.png);}
 .inwrap.bi .left-wing ul li:nth-of-type(2) a:before {background-image: url(/images/my/icon_keep-58627f69ed17d22b8f432cde7eab3871.png);}
 .inwrap.bi .left-wing ul li:nth-of-type(3) a:before {background-image: url(/images/my/icon_member-9695057030130d3044f1bd6d2863d886.png);}
 .inwrap.bi .left-wing ul li:first-of-type.active a:before,
 .inwrap.bi .left-wing ul li:first-of-type:hover a:before,
 .inwrap.bi .left-wing ul li:first-of-type:focus a:before {background-image: url(/images/my/icon_note_on-20794aec594f369bd2ac2646ec6dbc29.png);}
 .inwrap.bi .left-wing ul li:nth-of-type(2).active a:before,
 .inwrap.bi .left-wing ul li:nth-of-type(2):hover a:before,
 .inwrap.bi .left-wing ul li:nth-of-type(2):focus a:before {background-image: url(/images/my/icon_keep_on-0ce4e397562ca002808abcc127f2d7cb.png);}
 .inwrap.bi .left-wing ul li:nth-of-type(3).active a:before,
 .inwrap.bi .left-wing ul li:nth-of-type(3):hover a:before,
 .inwrap.bi .left-wing ul li:nth-of-type(3):focus a:before {background-image: url(/images/my/icon_member_on-dec099f16e987094d81f9e08507e8955.png);}
 .inwrap.bi .left-wing ul li.active a,
 .inwrap.bi .left-wing ul li:hover a,
 .inwrap.bi .left-wing ul li:focus a {color:#fff;}
 .inwrap.bi .left-wing ul li.active a:after,
 .inwrap.bi .left-wing ul li:hover a:after,
 .inwrap.bi .left-wing ul li:focus a:after {border-color: #fff;}
 .inwrap.bi .right .opt {width: 10rem;}
 .inwrap.bi .right .filter_area .cal .datepicker-wrap .datepicker {width: 16rem;padding-left: 2rem;}
 .inwrap.bi .right .filter_area .cal .datepicker-wrap img {right: 2rem;}
 .inwrap.bi .right .filter_area .input-button-wrap .radio-btn {width: 9.2rem;}
 .inwrap.bi .right .filter_area .btn-blue {width: 9rem;height: 5rem;font-size: 1.6rem;}
 .inwrap.bi .right .tab-content {width: 94rem;}
 .inwrap.bi .right .tab-content .cart-item-wrap.type3 .pd-brand-info {display: flex;flex-direction: column;align-items: flex-start;}
 .inwrap.bi .right .tab-content .cart-item-wrap.type3 .btns {width: auto;margin-left: 11rem;}
 .inwrap.bi .right .tab-content .cart-item-wrap.type3 .pd-bid-no,
 .cart-item-wrap.type4 .pd-bid-no {margin: 0 0 1.4rem 0;font-size: 1.4rem;font-weight: 400;color: #000;}
 .inwrap.bi .right .tab-content .cart-item-wrap.type3 .btns {margin-left: 8rem;}
 .inwrap.bi .right .tab-content .cart-item-wrap.type3 .btns.group {display: flex;flex-direction: column;gap: 1rem;}
 .inwrap.bi .right .tab-content .cart-item-wrap.type3 .btns a {width: 12rem;height: 4rem;line-height: 4rem;font-size: 1.4rem; border-radius: 0.3rem;}
 .inwrap.bi .right .tab-content .cart-item-wrap.type3 .btns a:hover {color: #fff;}
 .inwrap.bi .right .tab-content .cart-item-wrap.type3 {padding: 3rem 2rem;   }
 .inwrap.bi .right .cart-item-wrap.type3 .pd-name {margin: 1.2rem 0 0.7rem;}
 .inwrap.bi .right .cart-item-wrap.type3 .pd-period .highlight {color: #1D5FD0;font-weight: 500;}
 .inwrap.bi .right .cart-item-wrap .pd-unit-price {margin-top: 0.5rem;}
 .inwrap.bi .right .cart-item-wrap .pd-period {margin-top: 1.8rem;}
 .inwrap.bi .right .cart-item-wrap.type3 .figure {align-self: baseline;}
 .inwrap.bi .right .cart-item-wrap.type3 .pd-unit-price .u-price.up {color: #FD3535;font-size: 1.2rem;margin-left: 0.5rem;}
 .inwrap.bi .right .cart-item-wrap .pd-wrap {display: flex;justify-content: space-between;width: 100%;align-items: center;}
 .inwrap.bi .right .cart-item-wrap .pd-wrap .pd-like {display: flex;align-items: center;}
 .inwrap.bi .right .cart-item-wrap .pd-wrap .pd-like .company {display: flex;align-items: center;    }
 .inwrap.bi .right .cart-item-wrap .pd-wrap .pd-like .company li {border-bottom: 0;}
 .inwrap.bi .right .cart-item-wrap .pd-wrap .pd-like .ico.like  {display: flex;align-items: center;}
 .inwrap.bi .right .cart-item-wrap.cart-item-wrap.type3 .pd-like .company li span {/*font-size: 2.4rem;*/color: #999; }
 .inwrap.bi .right .cart-item-wrap.cart-item-wrap.type3 .pd-like .company li span:last-of-type {color: #1d5fd0;margin-left: 0.1rem;   }
 .inwrap.bi .right .cart-item-wrap.cart-item-wrap.type3 .pd-like .company li:first-of-type::after {content: '|';display: inline-block;font-size: 1.2rem;color: #ddd;margin-left: 0.4rem;margin-right: 0.8rem; }
 .inwrap.bi .right .cart-item-wrap.cart-item-wrap.type3 .pd-like .company.bid li span {font-size: 1.4rem; }
 .inwrap.bi .right .cart-item-wrap.cart-item-wrap.type3 .pd-brand-info .ico {display: flex;align-items: center;border: 1px solid #dedede;padding: 0 0.6rem;border-radius: 0.5rem;height: 2.4rem;box-sizing: border-box;margin-left: 2rem;}
 .inwrap.bi .right .cart-item-wrap.cart-item-wrap.type3 .pd-brand-info .ico .material-symbols-outlined {font-size: 1.25rem;color: #bababa;    }
 .inwrap.bi .right .cart-item-wrap.cart-item-wrap.type3 .pd-brand-info .ico.active .material-symbols-outlined {color: #FD1515;    }
 .inwrap.bi .right .cart-item-wrap.cart-item-wrap.type3 .pd-brand-info .ico span:last-of-type {margin-left: 0.2rem;font-size: 1.1rem; }
 .inwrap.bi .right .cart-item-wrap .pd-period .qty {position: relative; padding-right: 1.4rem;}
 .section.prod-detail-wrap.bid .cart-item-wrap.type4 .pd-period .qty {position: relative; padding-right: 2.2rem;}
 /*.inwrap.bi .right .cart-item-wrap .pd-period .qty:after {content: '|';display: inline-block;font-size: 1.2rem;color: #c4c4c4;position: absolute;right: 0.3rem;top: 0.4rem;font-weight: 400;}*/
 .section.prod-detail-wrap.bid .cart-item-wrap.type4 .pd-period > span:first-of-type:after,
 .inwrap.bi .right .cart-item-wrap .pd-period .qty:after {content: ""; position: absolute; top: 50%; right: 0.6rem; transform: translateY(-50%); width: 0.1rem; height: 1.2rem; margin: 0; background: #c4c4c4;}
 .section.prod-detail-wrap.bid .cart-item-wrap.type4 .pd-period > span:first-of-type:after {right: 1.2rem;}
 .custom_radio{margin: 2rem 0;text-align: left;}
 .custom_radio input[type="radio"]{display: none;}
 .custom_radio input[type="radio"] + label{position: relative;display: inline-block;padding-left: 2.2rem;margin-right: 2rem;cursor: pointer;line-height: 1.5rem;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
 .custom_radio input[type="radio"] + label:before,
 .custom_radio input[type="radio"] + label:after{content: '';position: absolute;top: 0;left: 0;width: 1.6rem;height: 1.6rem;text-align: center;color: white;font-family: Times;border-radius: 50%;-webkit-transition: all .3s ease;transition: all .3s ease;}
 .custom_radio input[type="radio"] + label:before {-webkit-transition: all .3s ease;transition: all .3s ease;box-shadow: inset 0 0 0 0.2em #dedede, inset 0 0 0 1em #dedede;}
 .custom_radio input[type="radio"] + label:hover:before {-webkit-transition: all .3s ease;transition: all .3s ease;box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #c6c6c6;}
 .custom_radio input[type="radio"]:checked + label:before {-webkit-transition: all .3s ease;transition: all .3s ease;box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 2em #1d5fd0; border: 1px solid #1d5fd0;}
 .inwrap.bi .right .cart-item-wrap .pd-unit-price .label-lgray {background: #CDCDCD;color: #fff;width: 6.6rem;height: 2rem;line-height: 2rem;display: inline-block;font-size: 1.2rem;text-align:center;}
 .inwrap.bi .right {display: none;}
 .inwrap.bi .right .tab_btn_group {margin-bottom: 4rem;}
 .inwrap.bi .right.on {display: block;}
 .tab-content.type2 {display: block;}
 .tab-content.type2 .cont-sub-tit {font-size: 1.8rem;font-weight: 500;text-align: left;margin: 2rem 0 2rem;}
 .cont-sub-tit {font-size: 1.8rem;font-weight: 500;text-align: left;margin: 2rem 0 2rem;}
 .cont-sub-tit .fc-red {font-weight: inherit;}
 .cont-sub-tit.type2 {font-size: 1.6rem;}
 .tab-content.type2 .cont-sub-tit .fc-red {font-weight: inherit;}
 .empty-content {border-top: 2px #2b425f solid;text-align: center;font-size: 1.6rem;font-weight: 500;    padding-top: 10rem;padding-bottom: 18rem;border-bottom: 1px solid #dedede;margin-bottom: 4rem;}
 .confirm-info-wrap {border-top: 2px solid #2b425f;padding: 4rem 0;border-bottom: 1px solid #dedede;}
 .confirm-info-wrap input[type=password] {width: 43rem;background: #f6f6f6;border: 1px solid #dedede;margin-right: 1rem;text-align:center;height: 5rem;line-height: 5rem;}
 .confirm-info-wrap input[type=password] + button {height: 5rem;font-size: 1.6rem;   }
 .cont-sub-tit.type2 + .box-agree-wrap.type2 {border-top: 2px solid #2b425f;}
 .cont-sub-tit.type2 ~ .box-agree-wrap.type2 .box-agree {padding: 1rem 2.4rem;min-height: 5rem;}
 .cont-sub-tit.type2 ~ .box-agree-wrap.type2 .box-agree .box-agree-info {padding: 2.5rem 2rem 1rem 2rem;}
 .section .tbl-list-summary {font-size: 1.8rem;font-weight: 500;margin-bottom: 1.8rem;}
 .section .tbl-list-summary + .list.t3{border-top: 2px #2b425f solid;}
 .section .tbl-list-summary + .list.t3 li {display: flex;align-items: center;    }
 .section .tbl-list-summary + .list.t3 li > div {display: flex;justify-content: space-between;width: 100%;align-items: center;padding: 1rem 2rem;}
 .section .tbl-list-summary + .list.t3 li > div .item {font-size: 1.4rem;}
 .section .tbl-list-summary + .list.t3 li > div .btn-wrap {align-items: center;margin: 0;}
 .section .tbl-list-summary + .list.t3 li .btn-wrap .btn-stroke-md {width: 7rem;min-width: 7rem;height: 3.4rem;line-height: 3.4rem;font-size: 1.2rem;color: #666;}
 .section .tbl-list-summary + .list.t3 li .btn-wrap .btn-stroke-md.blue {color: #1d5fd0;width: 14.8rem;min-width: 14.8rem;}
 .input.w17r {width: 17rem;margin-right: 1rem;}
 .input.w17r + .btn-stroke-md {width: 8rem;min-width:8rem;}
 .section .tbl-list-summary + .list.t3 li .btn-wrap .btn-stroke-big {width: 14.8rem;height: 3.4rem;line-height: 3.4rem;font-size: 1.2rem;}
 .inwrap.bi .ico.like {position:relative;}
 .inwrap.bi .ico.like .tit {font-size: 1.1rem;}
 .inwrap.bi .ico.like .ico-txt {display:none; position:absolute; top:-4.2rem; left:-2.5rem; z-index: 1; width:12rem; height:3rem; font-size:1.1rem; line-height:2.8; text-align:center;  border-radius:0.3rem; background:#2B425F; color:#FFF;}
 .inwrap.bi .ico.like:hover .ico-txt {display:block;}
 .inwrap.bi .ico.like:hover .ico-txt::after {content: ''; width: 1rem; height: 1rem; position: absolute; bottom:-0.1rem; left: 50%;border-width: 0.1rem 0.1rem 0 0; transform: rotate(135deg) translateX(50%); background-color: #2B425F;}


 /*-----------------------------------*\
   #FAQ
 \*-----------------------------------*/
 .section.bbs {padding-top:14rem;}
 .section.bbs .section.tit {display:flex;align-items:center;} /*flex-start*/
 .section.bbs .section.tit .h2 {font-weight: 600;}
 .section.bbs .paging {margin-top: 4rem;}
 .section.bbs .paging .prev::before {border:.01rem solid #999aa9;border-width: .01rem 0 0 .01rem;width:.6rem;height:.6rem;}
 .section.bbs .paging .prev:active::before,
 .section.bbs .paging .prev:focus::before,
 .section.bbs .paging .next:active::before,
 .section.bbs .paging .next:focus::before {border-color: #fff;}
 .section.bbs .paging .next::before {border:.01rem solid #999aa9;border-width: .01rem .01rem 0 0;width:.6rem;height:.6rem;}
 .section.bbs .paging .first::before {width:.6rem;height:.6rem;border:.01rem solid #999aa9;border-width: .01rem 0 0 .01rem;}
 .section.bbs .paging .first::after {width:.01rem;background-color:#999aa9;}
 .section.bbs .paging .first:active::before,
 .section.bbs .paging .first:focus::before,
 .section.bbs .paging .last:active::before,
 .section.bbs .paging .last:focus::before {border-color: #fff;}
 .section.bbs .paging .first:active::after,
 .section.bbs .paging .first:focus::after,
 .section.bbs .paging .last:active::after,
 .section.bbs .paging .last:focus::after {background-color: #fff;}
 .section.bbs .paging .last::before {width:.6rem;height:.6rem;border:.01rem solid #999aa9;border-width: .01rem .01rem 0 0;}
 .section.bbs .paging .last::after {width:.01rem;background-color:#999aa9;}
 .btn-toggle-wrap.bid {justify-content: flex-end;}
 div.board-search-wrap.bid.flex-end {justify-content: flex-end;}
 .board-search-wrap.bid .src-wrap {width: 48rem;}
 .board-search-wrap.bid {margin-bottom:4rem;}
 .btn-toggle-wrap.bid > div {width: 24rem;}
 .btn-toggle-wrap.bid div .toggle.active {border:1px solid #1D5FD0;}
 .btn-toggle-wrap.bid div:last-of-type {border-right: 1px solid #1D5FD0;}
 .board-search-wrap.bid .hash-wrap.sorting button {font-size:1.6rem;}
 .faq-list.bid .f .toggle {padding: 2rem 7.5rem;}
 .faq-list.bid .f .a {min-height: 6rem;padding: 2rem 8rem 2rem 10.5rem;background: #f5f5f5;color: #666;}
 .faq-list.bid .f::before {background:#1D5FD0;width: 3rem;height: 3rem;line-height:3rem;top: 1.5rem;font-size: 1.6rem;}
 .faq-list.bid .f .a::before {top:1.5rem;left: 6rem;background:#999AA9;width: 3rem;height: 3rem;line-height:3rem;font-size: 1.6rem;}
 .faq-list.bid .f .cate {margin-right:.1rem;}
 .faq-list.bid .f::after {border-color: #666;border-width: 0 0.01rem 0.01rem 0;width: 0.6rem;height: 0.6rem;top:2.5rem;transform: rotate(45deg);transition: all 0.3s;}
 .faq-list.bid .f.active::after {border-color: #666;border-width: 0 0.01rem 0.01rem 0;top:2.8rem;transform: rotate(225deg);}
 .tbl-v.bid ~ .article.box-agree-wrap.type2 .box-agree-info p {text-align:left;}
 .tbl-v.bid ~ .article.box-agree-wrap.type2 .box-agree-info .info-box-close {text-indent: -9999px;text-align: left;overflow: hidden;display: block;}
 .toggle-content {display: none;}
 .toggle-content.on {display: block;}
 .tbl.t3.bid.type2 thead th {border-right: 1px solid #dedede;}
 .tbl.t3.bid.type2 tr th:last-of-type,  .tbl.t3.bid.type2 tr td:last-of-type{border-right: 0;}
 .tbl.t3.bid.type2 tr th:nth-of-type(3) {border-left: 1px solid #dedede;}
 .tbl.t3.bid.type2 tbody td {border-right: 1px solid #dedede;}


 /* 23.09.15 | 낙찰 심사용 추가 서류 접수하기 */
 .section-bid-file .bid-file-list {border-top: 2px solid #2B425F;}
 .section-bid-file .bid-file-list li {height: 5.1rem; padding: 0 2rem; color: #000; font-weight: 500;}
 .section-bid-file .bid-file-list li * {font-weight: inherit;}
 .section-bid-file .bid-file-list li .file-name {font-size: 1.4rem; }
 .section-bid-file .bid-file-list li .file-state {margin-right: 5rem; font-size: 1.2rem; color: #1D5FD0;}
 /* .section-bid-file .bid-file-list li .file-state.approved {color: #1D5FD0;} */
 .section-bid-file .bid-file-list li .file-state.reject {color: #FD1515}
 .section-bid-file .bid-file-list li .file-num {margin-right: 5rem; font-size: 1.2rem;}
 .section-bid-file .bid-file-list li .btn-pop-file {width: 8rem; min-width: 8rem; height: 3.4rem; font-size: 1.2rem; color: #000; font-weight: 400; border: 1px solid #DEDEDE; background: #fff; border-radius: 0.3rem; transition: 0.3s;}
 .section-bid-file .bid-file-list li .btn-pop-file.disabled {color: #999AA9; cursor: initial;}
 .section-bid-file .bid-file-list li .btn-pop-file:not(.disabled):hover {background: #1d5fd0; border-color: #1d5fd0; color: #fff;}


 /* 23.09.15 | 낙찰 심사용 추가 서류 접수하기 > 파일등록 버튼 클릭 > 팝업(#sorinModalAttachedFile) */
 #sorinModalAttachedFile .div-scroll-y {max-height: calc(90vh - 17rem);}
 .section-pop-bid-file {border-top: 2px solid #2B425F;}
 .section-pop-bid-file .attached-file {height: 5rem; padding: 0 2rem;}
 .section-pop-bid-file .attached-file p {font-size: 1.4rem; font-weight: 400;}
 .section-pop-bid-file .attached-file .input-file,
 .section-pop-bid-file .attached-file .input-file .hidden-file {width: 10rem; height: 3.4rem; cursor: pointer;}
 .section-pop-bid-file .attached-file .input-file button {min-width: 10rem; height: 100%; padding-left: 2rem; font-weight: 500; background: url(/images/bid/icon-bid-file-9cfaf2d0392b8df534c5664c00c05b83.png) no-repeat 1.8rem 50%;}
 .section-pop-bid-file .file-list,
 .section-pop-bid-file .no-data {min-height: 18rem; padding: 2rem; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}
 .section-pop-bid-file .no-data {display: flex; align-items: center; justify-content: center;}
 .section-pop-bid-file .no-data p {font-weight: 500;}
 .section-pop-bid-file .no-data span {font-weight: inherit; color: #1D5FD0;}
 .section-pop-bid-file .file-list li {position: relative; width: 50rem; margin: 0 auto 1rem;}
 .section-pop-bid-file .file-list li:last-child {margin-bottom: 0;}
 .section-pop-bid-file .file-list li a {display: block; width: 100%; line-height: 4rem; padding: 0 2rem; background-color: #F5F5F5; transition: 0.3s;}
 .section-pop-bid-file .file-list li a:hover {background-color: #ddd;}
 .section-pop-bid-file .file-list li a .file-name {font-size: 1.4rem; font-weight: 400; color: #1D5FD0;}
 .section-pop-bid-file .file-list li .btn-del-file {position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(0deg); z-index: 1; width: 4.8rem; height: 4rem; background: url(/images/bid/icon-del-file-1924bfcecb7f85b5f76cbd5a2f221717.png) no-repeat center; transition: 0.3s;}
 .section-pop-bid-file .file-list li .btn-del-file:hover {transform: translateY(-50%) rotate(360deg);}


 /* 23.09.22 | 소개 페이지 신규 */
 .header-intro-txt {font-size: 1.8rem; font-weight: 500;}
 /* 소개 페이지> 서브 비주얼 */
 .bid-sub-visual {height: 50rem; min-width: 120rem; margin-top: 10rem; background: url(/images/bid/introduce-sub-visual-5c8460f233111f43e3c84a7df948d514.png) no-repeat center;background-size: cover;}
 .bid-sub-visual .slogan {text-align: center; margin-bottom: 2rem;}
 .bid-sub-visual .slogan h2 {margin: 0.8rem 0 0; font-size: 5rem; font-weight: 400; line-height: 1.4; color: #fff;}
 .bid-sub-visual .slogan h2 strong {font-weight: 600; color: inherit}
 .bid-sub-visual .slogan p {margin-top: 2.7rem; font-size: 2.2rem; font-weight: 500; color: #fff;}

 /* 소개 페이지> 시스템 소개 */
 .bid-sec {padding: 10rem 0;}
 .bid-sec .bid-tit-wrap {text-align: center;}
 .bid-sec .bid-tit-wrap h3 {margin: 0; font-size: 4rem; font-weight: 600;}
 .bid-sec .bid-tit-wrap p {margin-top: 2.5rem; font-size: 2.4rem; line-height:1.2; font-weight: 400;}

 .bid-sec-system .step-wrap {margin-top: 5.5rem;}
 .bid-sec-system .step-wrap li {margin-right: 7rem;}
 .bid-sec-system .step-wrap li:last-child {margin-right: 0;}
 .bid-sec-system .step-wrap li span {display: block; margin-top: 3rem; font-size: 2.4rem; font-weight: 500; text-align: center;}

 /* 소개 페이지> 기능 소개 */
 .bid-sec-func {min-height: 74.2rem; background: url(/images/bid/introduce-function-bg-95e69334287cfabfd2232dc0d7235f6e.png) no-repeat center;background-size: cover;}
 .bid-sec-func .inwrap {position: relative;}
 .bid-sec-func .bid-tit-wrap {text-align: left;}
 .bid-sec-func .bid-tit-wrap p {margin-top: 2.2rem; margin-left: 0.5rem; font-size: 2rem; line-height:1.7; font-weight: 400;}
 .bid-sec-func .box-wrap {}
 .bid-sec-func .box-wrap .box {position: absolute; --func-box-wid: 30rem; --func-box-ht: 25.6rem; width: var(--func-box-wid); height: var(--func-box-ht); margin-bottom: 3rem; padding: 6rem 0 0 3.8rem; background-color: #fff; border-radius: 1.5rem; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);}
 .bid-sec-func .box-wrap .box:nth-child(odd) {margin-right: 3rem;}
 .bid-sec-func .box-wrap .box:nth-child(1) {top: 0; right: var(--func-box-wid);}
 .bid-sec-func .box-wrap .box:nth-child(2) {top: 0; right: 0;}
 .bid-sec-func .box-wrap .box:nth-child(3) {top: calc(var(--func-box-ht) + 3rem); right: calc((var(--func-box-wid)* 2) + 3rem);}
 .bid-sec-func .box-wrap .box:nth-child(4) {top: calc(var(--func-box-ht) + 3rem); right: calc(var(--func-box-wid) + 3rem);}
 .bid-sec-func .box-wrap .box h4 {margin: 0 0 2.2rem 0; font-size: 2.4rem; font-weight: 600; color: #1D5FD0;}
 .bid-sec-func .box-wrap .box ul li {position: relative; padding-left: 1.5rem; margin-bottom: 0.8rem; font-size: 1.6rem; line-height:1.7; font-weight: 400;}
 .bid-sec-func .box-wrap .box ul li:last-child {margin-bottom: 0;}
 .bid-sec-func .box-wrap .box ul li::before {content: ""; position: absolute; top: 1rem; left:0; width: 0.5rem; height: 0.5rem; background-color: #106ADA;}

 /* 입찰 참여 과정 소개 */
 .bid-sec-flow {padding-top: 13rem;}
 .bid-sec-flow .flow-wrap {margin-top: 4rem;}
 .bid-sec-flow .flow-wrap .box {margin-bottom: 3rem;}
 .bid-sec-flow .flow-wrap .box:last-child {margin-bottom: 0;}
 .bid-sec-flow .flow-wrap .box .tit-area {position: relative; width: 20rem; height: 15rem; background-color: #3C4959;}
 .bid-sec-flow .flow-wrap .box .tit-area span {position: absolute; font-size: 2rem; color: #fff;}
 .bid-sec-flow .flow-wrap .box .tit-area span.num {top: 3rem; left: 2rem;}
 .bid-sec-flow .flow-wrap .box .tit-area span.txt {bottom: 3rem; right: 2rem;}

 .bid-sec-flow .flow-wrap .box .list-area {width: calc(100% - 20rem); height: 15rem; padding-left: 6rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; border-top: 0.2rem solid #3C4959; border-bottom: 0.1rem solid #DEDEDE;}
 .bid-sec-flow .flow-wrap .box .list-area p {margin-bottom: 2rem; font-size: 1.6rem; color: #1D5FD0; font-weight: 500;}
 .bid-sec-flow .flow-wrap .box .list-area ul li {margin-bottom: 2rem; padding-left: 2.5rem; font-size: 1.6rem; font-weight: 400; line-height: 1; background: url(/images/bid/introduce-step-check-7c0d7b52789c967073fc944b62098eb9.png) no-repeat left center;}
 .bid-sec-flow .flow-wrap .box .list-area ul li:last-child {margin-bottom: 0;}


 /* 바로가기 및 고객센터 */
 .container > .services-wrap.bid-sec-btm {height: 40rem; background-color: #2B2B2B;}
 .container > .services-wrap.bid-sec-btm .intro .wrap {margin-bottom: 0.2rem; background-color: #fff;}
 .container > .services-wrap.bid-sec-btm .intro .wrap h5 {color: #666; font-weight: 500;}
 .container > .services-wrap.bid-sec-btm .intro .wrap h5 span {color: #1D5FD0; font-weight: inherit;}

 .container > .services-wrap.bid-sec-btm .intro .wrap p {font-size: 1.4rem; color: #000; font-weight: 400;}
 .container > .services-wrap.bid-sec-btm .intro .wrap .arrow.next::after {width: 1.8rem; height: 1.8rem; border: 1px solid #3C4959; border-width: 0 0.1rem 0.1rem 0; top: 3.1rem;}

 .container > .services-wrap.bid-sec-btm .estimate .services-con {margin: 0 3rem 2.5rem 0;}
 .container > .services-wrap.bid-sec-btm .estimate .h2,
 .container > .services-wrap.bid-sec-btm .services-con .cs-number span {color: #fff !important;}
 .container > .services-wrap.bid-sec-btm .services-con .cs-email a {color: #76B0FA !important;}
 .container > .services-wrap.bid-sec-btm .services-con .cs-p {color: #AAAAAA !important;}
 .container > .services-wrap.bid-sec-btm .services-con .cs-number span::before {background-color: #999AA9;}


/* 23.10.12 | 구매입찰 > 회원가입 */
.us.bid input {border: 0 !important; background-color: #F6F6F6 !important; color: #000 !important;}
.us.bid [class^=btn-blue]:disabled {color: #999AA9;}
.us.bid .etr {width: calc(100% - 12.5rem); margin-right: 1rem; padding-right:3rem !important; background-color: #DEDEDE !important;}

.us.bid .tr-foreigner-add1 .input-complex,
.us.bid .tr-bid-tel .input-complex {gap: 1rem;}

.us.bid .tr-foreigner-add1 .input-complex .input,
.us.bid .tr-bid-tel .input-complex .input {width: calc(100% - 17.7rem); padding: 0 !important;}

.us.bid .tr-foreigner-add1 .input-complex .zip-code input,
.us.bid .tr-foreigner-add1 .input-complex .input input,
.us.bid .tr-bid-tel .input-complex .input input {width: 100%;}

.us.bid .tr-foreigner-add1 .zip-code,
.us.bid .tr-bid-tel .select2-container {width: 16.7rem !important;}

.us.bid .tr-bid-tel .select2-container .select2-selection--single {border: unset; background-color: #F6F6F6; text-align: center;}
.us.bid .tr-bid-email .select2-container .select2-selection--single .select2-selection__rendered {color: #999AA9;}
.us.bid .tr-bid-tel .select2-selection__placeholder {color: #999AA9 !important}
.us.bid .singup-btn-wrap button {font-size: 1.6rem; font-weight: 500;}


/* 23.10.12 | 구매입찰 > 공고 상세 정보 */
 .section.bid .balance-manage-result .date {width: 18rem;}
 .section.bid .balance-manage-result .figure-con {width: calc(100% - 18rem);}
 .section.bid .balance-manage-result .pd-name {margin-bottom: 0;}
 .section.bid .balance-manage-result .pd-order {margin-top: 1.3rem;}


 /* 23.10.12 | 구매입찰 > 마이페이지 > 투찰 목록 > 상세(LNB 영역 추가) */
 .container.mypage-detail .inwrap.bi {padding-top: 0;}
 .container.mypage-detail .section.prod-detail-wrap.bid .right {max-width: 94rem; text-align: left !important;}
 .container.mypage-detail .section.prod-detail-wrap.bid .cart-item-wrap.type4 .pd-wrap {max-width: 56rem;}
 .container.mypage-detail .pd-brand-info {width: 100%; display: flex;flex-direction: column;align-items: flex-start;}
 .container.mypage-detail .section.bid .cart-item-wrap .abs-info {right: 3rem; top: 3rem;}
 .container.mypage-detail .section.bid .btn-wrap .btn-bid-black {width: 20rem; height: 5rem; font-size: 1.6rem;}

 .container.mypage-detail .section.bid .bid-result {position: relative;}
 .container.mypage-detail .section.bid .abs-info {top: 0.3rem; right: 0;}
 .container.mypage-detail .section.bid .bid-result .tbl thead th {text-align: center;}

 .section.prod-detail-wrap.bid .cart-item-wrap.type4 {padding: 3rem; justify-content: flex-start;}
 .section.bid .cart-item-wrap.type4 .pd-wrap {max-width: 68rem;}

 .section.prod-detail-wrap.bid .cart-item-wrap.type4 .figure-con {max-width: 74.5rem; margin-right: 0;}

 .section.prod-list-wrap.bid .cart-item-wrap {position: relative;}
 .section.prod-list-wrap.bid .cart-item-wrap.type3 .btns,
 .section.prod-detail-wrap.bid .cart-item-wrap.type4 .btns {width: auto; margin: 0; position: absolute; top: 50%; right: 3rem; transform: translateY(-50%);}
 .section.prod-list-wrap.bid .cart-item-wrap.type3 .btns {right: 2rem;}

 .section.prod-list-wrap.bid .cart-item-wrap .pd-name,
 .section.prod-detail-wrap.bid .cart-item-wrap.type4 .pd-name {margin: 1.3rem 0 1.8rem; display: flex;  gap: 1rem; justify-content: flex-start;}
 .section.bid .cart-item-wrap.type4 .pd-name > span {flex-grow: 1; max-width: 22rem; display: flex; align-items: center; justify-content: center; line-height: 1.2;}
 .container.mypage-detail .section.prod-detail-wrap.bid .cart-item-wrap.type4 .pd-name > span {max-width: 18rem;}
 .section.bid .cart-item-wrap.finish .pd-name > span {background-color: #EBEBEB !important; color: var(--sr-lgray) !important}
 .section.bid .cart-item-wrap.finish .pd-unit-price .label-orange {background-color: #CDCDCD !important; color: var(--sr-white) !important}
 .section.bid .cart-item-wrap .pd-unit-price .u-price {font-size:1.2rem; margin-left: 0.5rem;}
 .section.bid .cart-item-wrap.finish .pd-unit-price .u-price {color: var(--sr-lgray) !important}

 .section.prod-detail-wrap.bid .inwrap.bi .right .cart-item-wrap .pd-period {margin-top: 0;}

 .section.prod-detail-wrap.bid .cart-item-wrap {position: relative;}

 .section.bid .abs-info {position: absolute; top: 4rem; right: 3rem; text-align: right;}
 .section.bid .cart-item-wrap.type3 .abs-info  {top: 3rem;}
 .section.bid .cart-item-wrap .bid-d-day {padding-left: 2rem; font-size: 1.4rem; line-height: 1.5rem; font-weight: 400; color: #999AA9; text-align: right; background: url(/images/bid/icon-bid-timer-d1284f9fbb2a0bf13184da5c09a7fe4b.png) no-repeat left center;}
 .section.bid .cart-item-wrap .bid-d-day .time {color: #FD1515;}
 .section.bid .cart-item-wrap .bid-d-day {margin-left: 0.5rem; font-size: 1.4rem;}
 .section.bid .cart-item-wrap .bid-d-day.abs-info {margin-left: 0;}
 .section.bid .cart-item-wrap .bid-d-day span {color: #FD1515;}
 .section.bid .cart-item-wrap .bid-d-day.pre span {color: #1D5FD0;}

 .section.bid .cart-item-wrap .pd-period > span {font-size: 1.3rem; color: var(--sr-gray);}
 .section.bid .cart-item-wrap.type4 .pd-period > span:first-of-type:after {font-size: 1.1rem; margin-left: 1rem; margin-right: 1rem;}
 .section.prod-list-wrap.bid .cart-item-wrap .t-info,
 .section.prod-detail-wrap.bid .cart-item-wrap .pd-period > span.t-info {margin-left: 0.7rem; padding-left: 1.8rem; font-size: 1.3rem; color: var(--sr-lgray);}
 .section.bid .cart-item-wrap .pd-period .qty .highlight {color: var(--sr-blue) !important; font-weight: 500;}
 .section.bid .cart-item-wrap .pd-period .date .highlight {color: var(--sr-black) !important; font-weight: 400;}

 .section.prod-detail-wrap.bid .tbl-v.bid.th-left tbody tr.bid-condition td:nth-of-type(1) {padding-right: 0;}
 .section.prod-detail-wrap.bid .tbl-v.bid.th-left tbody tr.bid-condition td:nth-of-type(2) {padding-right: 2rem;}
 .section.prod-detail-wrap.bid .tbl-v.bid.th-left tbody tr.bid-condition2 td {vertical-align: top; height: 4.2rem;}
 .section.prod-detail-wrap.bid .tbl-v.bid.th-left tbody tr.bid-condition td input[disabled] {font-size: 1.2rem; border-color: var(--sr-brd-gray) !important;}
 .section.prod-detail-wrap.bid .tbl-v.bid.th-left tbody .select2-container--default .select2-selection--single {height: 34px; border-color: var(--sr-brd-gray);}
 .section.prod-detail-wrap.bid .tbl-v.bid.th-left tbody .select2-container--default .select2-selection--single .select2-selection__rendered {color: #000; line-height: 34px; font-size: 1.2rem;}
 .section.prod-detail-wrap.bid .tbl-v.bid.th-left tbody .select2-container--default .select2-selection--single .select2-selection__arrow {height: 34px; top: 5px;}


 /* 23.10.12 | 구매입찰 > 마이페이지 > 투찰 목록 */
 .section.prod-list-wrap.bid .filter_area .select2-container--default .select2-selection--single {border-color: var(--sr-brd-gray);}
 .section.prod-list-wrap.bid .tab-content-top {margin-bottom: 2rem;}
 .section.prod-list-wrap.bid .tab-content-top .all {margin-right: 3rem; font-size: 1.8rem; font-weight: 500;}
 .section.prod-list-wrap.bid .tab-content-top .custom_radio {margin: 0;}

 .section.prod-list-wrap.bid .cart-item-wrap.type3 .figure-con {width: calc(100% - 15rem);}
 .container.mypage-list .section.prod-list-wrap.bid .cart-item-wrap .pd-wrap,
 .container.mypage-list .section.prod-list-wrap.bid .cart-item-wrap.type3 .pd-name,
 .container.mypage-list .section.prod-list-wrap.bid .cart-item-wrap .pd-unit-price {max-width: 56rem;}

 .section.bid .cart-item-wrap.type3 .pd-period,
 .section.bid .cart-item-wrap.type4 .pd-period {display: flex;}


 /* 23.10.12 | 구매입찰 버튼 스타일 정의 */
 .section.bid [class^=btn-bid] {width: 12rem; height: 4rem; line-height: 3.8rem; padding:0 .8rem; font-size:1.4rem; color: #fff; font-weight: 500; border-radius: 0.3rem; text-align: center; transition: 0.3s;}
 .section.bid .btns.bid-state [class^=btn-bid] {border-radius: 6rem;}
 .section.bid .btn-bid-stroke {color: #000 !important;; border:1px solid var(--sr-brd-gray); background-color: var(--sr-white);}
 .section.bid .btn-bid-stroke.blue {color: var(--sr-blue) !important;border:1px solid var(--sr-blue); background-color: var(--sr-white);}
 .section.bid .btns:not(.bid-state) .btn-bid-stroke:hover {background-color: #FAFAFA;}
 .section.bid .btn-bid-blue {background-color: var(--sr-blue);}
 .section.bid .btns:not(.bid-state) .btn-bid-blue:hover {background-color: #0241ac;}
 .section.bid .btn-bid-black {background-color: var(--sr-black);}
 .section.bid .btns:not(.bid-state) .btn-bid-black:hover,
 .section.bid .btn-wrap:not(.bid-state) .btn-bid-black:hover {background-color: #232323;}

 .section.bid [class^=btn-stroke].blue:hover {background-color: #FAFAFA; color:#1d5fd0 !important;}


 /* 23.10.12 | 내 정보 관리 */
 .section.bid .bid-certi .read {display: inline-block; width: 17rem;}
 .section.bid .bid-certi .btn-bid-certi {width: 8rem; min-width: unset; padding: 0 0.3rem;}


/* 23.11.06 | 공고 상세 정보 신규 */
.section.bid .bid-tbl-wrap th.th-blue {color:#1D5FD0; background: #F3F7FF;}
.section.bid .bid-tbl-wrap th.th-red {color: #FD1515; background:#FFECEC;}

.section.bid .bid-tbl-wrap tbody .tr-space td {padding: 1.9rem 2rem;}
/*.section.bid .bid-tbl-wrap tbody .tr-deli-term td {padding: 1.9rem 2rem 1rem;}*/
.section.bid .bid-tbl-wrap tbody td .input-premium {width: 20rem; margin: 0 0.5rem; text-align: right;}
.section.bid .bid-tbl-wrap tbody td .custom_radio {margin: 0;}
.section.bid .bid-tbl-wrap tbody tr.premium .custom_radio {display: flex; align-items: center; justify-content: space-between; max-width: 48rem;}
.section.bid .bid-tbl-wrap tbody td .custom_radio input[type="radio"] + label:before {box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em white; border: 1px solid #dedede;}
.section.bid .bid-tbl-wrap tbody td .custom_radio input[type="radio"] + label:hover:before {box-shadow: inset 0 0 0 0.3em white, inset 0 0 0 1em #dedede;}
.section.bid .bid-tbl-wrap tbody td .custom_radio input[type="radio"]:checked + label:before {box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 2em #1d5fd0; border: 1px solid #1d5fd0;}

.section.bid .bid-tbl-wrap ol li {margin-bottom: 0.9rem; border: unset;}
.section.bid .bid-tbl-wrap ol li:last-child {margin-bottom: 0;}

.section.bid .btn-lo-list {width: 12rem; height: 3.4rem; margin-right: 2rem; padding: 0 0.8rem; font-size: 1.2rem; font-weight: 400; color: #fff; background-color: #29355C; border-radius: 0.3rem;}



/* ::::: 23.10.24 | MAIN DARK MODE CSS: 시작 :::::: {===  */
/* dark mode- common */
#darkMode {background-color: var(--sr-darkmode-bg1);}
#darkMode *:not(.modal *){color: var(--sr-darkmode-basic);}

#darkMode .header-notice .swiper-slide a,
#darkMode .select2-results__option {color: #000 !important;}
#darkMode .header-top .timer > span {color: #CDCDCD;}
#darkMode .header-btm .gnb > ul > li .gnb-depth2 {background-color: var(--sr-darkmode-bg3);}

#darkMode .display-board .swiper-slide a,
#darkMode .header-top .menu-list li a,
#darkMode .main-news-wrap .main-news .news-inner .txt,
#darkMode .materials-wrap .materials-news .list-news .desc,
#darkMode .list-news .date {color: var(--sr-darkmode-lgray);}
#darkMode .header-top .menu-list li::after {background-color: var(--sr-darkmode-brd1);}
#darkMode .header-btm .gnb > ul > li:hover a {color: #CDCDCD;}


/* 메인 슬라이드 야간장 마감 시간*/
#darkMode .night-time {font-size: 4rem; font-weight: 600; color: #FFC700;}


/* dark mode- background */
#darkMode .header-wrap,
#darkMode .main-charts-wrap.renew .chart-title-area,
#darkMode .main-charts-wrap-area,
#darkMode .main-charts-wrap.renew .rChart-table,
#darkMode .main-charts-wrap.renew .chart-graph-area,
#darkMode .main-news-wrap,
#darkMode .materials-wrap,
#darkMode .swiper-btn-area .metal-world-prev,
#darkMode .swiper-btn-area .metal-world-next,
#darkMode .alliance-wrap,
#darkMode .main-news-wrap {background-color: var(--sr-darkmode-bg1) !important;}
#darkMode .materials-wrap .hgroup .btns button {color: var(--sr-darkmode-gray); background-color: var(--sr-darkmode-bg1) !important;}

#darkMode .main-charts-wrap.renew,
#darkMode .main-charts-wrap.renew .charts-con,
#darkMode .services-wrap,
#darkMode .materials-cal .cal-wrap {background-color: var(--sr-darkmode-bg2) !important;}

#darkMode .cal-wrap .cal-header button {border-color:  var(--sr-darkmode-brd3); background-color: var(--sr-darkmode-bg2);}
#darkMode .cal-wrap .cal-header span {background-color: var(--sr-darkmode-bg2);}
#darkMode .ui-widget.ui-widget-content {background-color: var(--sr-darkmode-bg2);}

#darkMode .btn-cal-prev::before,
#darkMode .btn-cal-next::before,
#darkMode .btn-cal-prev::after,
#darkMode .btn-cal-next::after {border-color: var(--sr-darkmode-brd3);}

#darkMode .ui-datepicker th.ui-datepicker-week-end:first-of-type span,
#darkMode .ui-datepicker td.ui-datepicker-week-end:first-of-type a {color: #F86161;}

#darkMode .ui-datepicker th.ui-datepicker-week-end:last-of-type span,
#darkMode .ui-datepicker td.ui-datepicker-week-end:last-of-type a {color: #7AABFF;}

#darkMode .cal-holiday .ui-state-highlight,
#darkMode .cal-holiday .ui-widget-content .ui-state-highlight,
#darkMode .cal-holiday .ui-widget-header .ui-state-highlight,
#darkMode .cal-holiday .ui-state-active,
#darkMode .cal-holiday .ui-widget-content .ui-state-active,
#darkMode .cal-holiday .ui-widget-header .ui-state-active {background-color: #394D5C}

#darkMode .cal-holiday .ui-datepicker-calendar th {border-color: #394D5E;}
#darkMode .cal-holiday .ui-datepicker table {border-color: #7087A4;}
#darkMode .cal-holiday .ui-datepicker-calendar td {border-color: #394D5E;}

#darkMode .btn-cal-month.active,
#darkMode .btn-cal-today.active,
#darkMode .btn-cal-holiday.active {border: unset; background-color: var(--sr-bg-blue) !important;}

#darkMode .cal-list .li {background-color: #2D3D4A;}
#darkMode .cal-list .li.today {background-color: #56677C;}

#darkMode .footer {border-color: var(--sr-darkmode-brd1) !important;; background-color: var(--sr-darkmode-bg1) !important;}

#darkMode .main-charts-wrap.renew .table-list-area .table-list-thead .th-text {background-color: #405267}
#darkMode .charts-wrap.renew .rChart-table .chart-upper-tab-area button {color: #ABABAB}
#darkMode .charts-wrap.renew .rChart-table .chart-upper-tab-area button.active {color: #498BFD !important;}
#darkMode .charts-wrap.renew .table-list-area .table-list-thead .th-text li {color: var(--sr-darkmode-gray);}

#darkMode .charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner .c-wrhous span,
#darkMode .charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner .c-lme span {color: var(--sr-darkmode-gray); font-weight: 400;}

#darkMode .charts-wrap.renew .table-list-tbody .tb-list-section .tbody-title .btn-vat-view,
#darkMode .charts-wrap.renew .btns .btn-alarm {border-color: var(--sr-brd-lgray); background-color: var(--sr-darkmode-bg1);}

#darkMode .main-swiper-wrap .main-swiper .swiper-slide {background-image: url(/images/ma/main-swiper-dark-003f283533cf38c01583feb72f83f1f2.png) !important;}

#darkMode .icon-info-txt {color: var(--sr-darkmode-basic) !important; background-color: var(--sr-darkmode-bg1);}


/* dark mode- border */
#darkMode .header-top,
#darkMode .list li,
#darkMode .list .li,
#darkMode .list li:first-of-type,
#darkMode .list .li:first-of-type {border-color: var(--sr-darkmode-brd1) !important;}
#darkMode .container,
#darkMode .materials-cal .cal-wrap {border: unset;}

#darkMode .services-wrap .inwrap > div + div {border-color: var(--sr-darkmode-brd2) !important;}

#darkMode .ft-menus li a:after {color: var(--sr-darkmode-brd1) !important;}

#darkMode .swiper-btn-area .metal-world-next::before,
#darkMode .swiper-btn-area .metal-world-prev::before,
#darkMode .swiper-btn-area .metal-world-next::after,
#darkMode .swiper-btn-area .metal-world-prev::after {border-color: var(--sr-brd-lgray) !important;}


/* dark mode- logos */
#darkMode .header-btm .logo {background-image: url(/images/dark-logo-93cd9752433ffd01328cebf92c379065.png);}
#darkMode .footer-logos .footer-logo{background-image: url(/images/dark-footer-logo-92a5469e2060fc4e99b188fd23f43bae.png);}


/* dark mode- button style */
#darkMode .login-btn .btn-ham {border-color: #24323E; background-color: #2D3D4A;}
#darkMode .login-btn .btn-ham .line {background-color: #CDCDCD;}
#darkMode .login-user .btn-username::after {border-top-color: #999AA9}

#darkMode .btn-goto-site {border-color: #498BFD;}
#darkMode a.btn-goto-site span {color:#498BFD !important;}
#darkMode .btn-goto-site span::before,
#darkMode .btn-goto-site span::after {background-color: #498BFD;}

#darkMode .btn-alarm::before {background-image:url(/images/icons-842c8d9dbe5f285fdcf94c0cf0e3c2e3.png);}
#darkMode .btn-remote {background-color: #485464; border-color: var(--sr-brd-lgray);}

#darkMode .charts-wrap.renew .chart-title-area .scopi span {color: #fff !important; background-color: var(--sr-darkmode-bg2);}

#darkMode .charts-wrap.renew .table-list-tbody .tb-list-section {border-color: var(--sr-darkmode-brd1);}
#darkMode .charts-wrap.renew .exchange,
#darkMode .charts-wrap .exchange span {color: #999aa9; font-weight: 400;}
#darkMode .charts-wrap .exchange span.number {color: var(--sr-darkmode-basic); font-weight: 500;}
#darkMode .charts-wrap.renew .rChart-summary span {color: #777777}
#darkMode .charts-wrap.renew .rChart-current span,
#darkMode .charts-wrap.renew .rChart-current .desc {font-weight: 400;}
#darkMode .charts-wrap.renew .rChart-current.up > span,
#darkMode .charts-wrap.renew .rChart-summ .h-price,
#darkMode .charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner.up .c-price,
#darkMode .charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner.up .c-rate {color: #F86161; font-weight: 400;}
#darkMode .charts-wrap.renew .rChart-summ .l-price,
#darkMode .charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner.down .c-price,
#darkMode .charts-wrap.renew .table-list-tbody .tb-list-section .list-inner .l-inner.down .c-rate {color: #7AABFF; font-weight: 400;}

#darkMode .header-top .timer > span.time {color: #26ABF5;}

#darkMode .main-news-wrap .main-news .news-inner .category,
#darkMode .alliance-wrap .desc .p1 {color: #83AEF9 !important; font-weight: 400;}

#darkMode .list-news .tit {font-weight: 400;}

#darkMode .ft-menus li a.privacy {color: var(--sr-darkmode-basic) !important; font-weight: 500 !important;}
#darkMode .ft-menus li a,
#darkMode .services-con .cs-p,
#darkMode .alliance-wrap .desc .p3,
#darkMode .footer-credits p,
#darkMode .footer-credits p span {color: #999AA9; font-weight: 400;}


/* .header-top > .mode-switch */
.mode-switch {margin-left: 1.9rem;}
.mode-switch input[type="checkbox"] {position: relative; width: 4rem; height: 2.3rem; margin: 0; border-radius: 10rem; border: unset; background: #5EA8F5 url(/images/icon-mode-light-1a7652a3a7bde86ecf6e1c99dc082e5f.png) no-repeat 0.5rem 50%; cursor: pointer;}
.mode-switch input[type="checkbox"]::before {content: ""; position: absolute; top: 50%; left: 2rem; transform: translateY(-50%); width: 1.7rem; height: 1.7rem;  border-radius: 50%; background-color: #4680E1; transition: left 0.07s linear;}
.mode-switch input[type="checkbox"]:checked::before {left: 0.3rem; background-color: #3E4F5C;}
.mode-switch input[type="checkbox"]:checked {background: #232C38 url(/images/icon-mode-dark-b983bfc2ade9df1458e66462d866aa91.png) no-repeat calc(100% - 0.6rem) 50%; }


/* 협력사 소개 > darkMode일 경우 b2b 로고 hide 처리 */
#darkMode .alliance9 {display: none;}

/* === } ::::: 23.10.24 | MAIN DARK MODE CSS: 종료 :::::: */



/* 23.11.28 | 마이페이지 > 주문/ 배송내역 > 배송현황조회 */
.content-deli-tracking .hgroup {display: block; margin-bottom: 3rem;}
.content-deli-tracking .txt {font-size: 1.2rem; font-weight: 400;}
.section-deli-tracking {position: relative; margin-top: 3rem !important;}
.section-deli-tracking .condition-check {position: absolute; top: -3.2rem; right: 0;}
.section-deli-tracking .condition-check .check-box .form-chk label {margin-right: 1.7rem;}
.section-deli-tracking .condition-check .check-box .form-chk:last-child label {margin-right: 0;}

.content-deli-tracking .order-history-result {padding: 3rem 2rem 2rem;}
.content-deli-tracking .order-history-result .pd-brand-info {margin-top: 0.5rem;}
.section-deli-tracking .order-detail {width: 75.5rem;}
.section-deli-tracking .list li {position: relative;}
.section-deli-tracking .deli-tracking-info {position: absolute; top: 4.2rem; right: 2rem;}
.section-deli-tracking .deli-tracking-info .deli-step span {position: relative; margin-right: 2.1rem; font-size: 1.2rem; color: #666666; font-weight: 400;}
.section-deli-tracking .deli-tracking-info .deli-step span.order,
.section-deli-tracking .deli-tracking-info .deli-step span.deli {color: #1D5FD0; font-weight: 500;}
.section-deli-tracking .deli-tracking-info .deli-step span.done {color: #000000; font-weight: 500;}

.section-deli-tracking .deli-tracking-info .deli-step span:last-child {margin-right: 0rem;}
.section-deli-tracking .deli-tracking-info .deli-step span:last-child::after {display: none;}
.section-deli-tracking .deli-tracking-info .deli-step span::after {content: "";position: absolute; top: 50%; right: -1rem; transform: translateY(-50%); width: 0.1rem; height: 1.2rem; background:#DEDEDE;}
.section-deli-tracking .deli-tracking-info .info-boxes .box {border-radius: 0.3rem; overflow: hidden;}
.section-deli-tracking .deli-tracking-info .info-boxes.deli .box1 span:first-child,
.section-deli-tracking .deli-tracking-info .info-boxes.deli .box2 span {color: #fff;}

.section-deli-tracking .deli-tracking-info .info-boxes {margin-top: 1rem;}
.section-deli-tracking .deli-tracking-info .info-boxes .box * {display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 400; color: inherit;}
.section-deli-tracking .deli-tracking-info .info-boxes .box .tit {width: 8rem; height: 2.6rem; background: #DEDEDE; color: #000000;}
.section-deli-tracking .deli-tracking-info .info-boxes .box .cont {width: 5.2rem; height: 2.6rem; background: #A9A9A9; color: #666666;}
.section-deli-tracking .deli-tracking-info .info-boxes .box .cont span {font-weight: 500;}
.section-deli-tracking .deli-tracking-info .info-boxes .box1 span {position: relative; width: 50%;}
.section-deli-tracking .deli-tracking-info .info-boxes .box1 span:first-child::after {content: "";position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.1rem; height: 0.9rem; background:#999999;}

.section-deli-tracking .btns {width: unset; margin-top: 3rem;}
.section-deli-tracking .btns button {position: relative; min-width: 8rem; height: 3rem; padding-right: 1.8rem; font-weight: 400;}
.section-deli-tracking .order-history-result .btns button + button {margin-top: 0; margin-left: 0.5rem;}

.section-deli-tracking .ani-tbl-area {display: none; position: relative; margin-top: 2rem; padding-top: 3rem; border-top: 1px solid #EFEFEF;}
.section-deli-tracking .ani-tbl-area .tbl-wrap {position: relative;}
.section-deli-tracking .ani-tbl-area .tbl-wrap .btn-regi-trans {position: absolute; top: -0.7rem; right: 0; min-width: 8rem; height: 3rem; font-weight: 400;}
.section-deli-tracking .ani-tbl-area .tbl-wrap .title {margin: 0 0 1.5rem 0; font-size: 1.4rem;}
.section-deli-tracking .ani-tbl-area .tbl-wrap tbody td.in-deli {color: #1D5FD0;}

.section-deli-tracking .btns button::after {content: ""; width: 0.6rem; height: 0.6rem; border: 1px solid #1D5FD0; border-width: 0 0 0.1rem 0.1rem; position: absolute; top: 50%; right: 1.2rem; transition: all .2s linear;}
.section-deli-tracking .btns button.btn-detail::after {transform: translateY(-50%) rotate(-135deg);}
.section-deli-tracking .btns button.btn-ani-tbl::after {right: 1rem; transform: translateY(-60%) rotate(-45deg);}

.section-deli-tracking .btns button.btn-detail:hover::after {right: 0.9rem;}
.section-deli-tracking .btns button.btn-ani-tbl.active::after {transform: translateY(-30%) rotate(135deg)}



/* ::::: 24.04.11 | 상품검색 > 자투리 판매 ::::: */
/* 상품 검색 공통 레이아웃  */
.search-product {}
.search-product .title-group {position: relative; gap: 15px;}
.search-product .title-group .pd-label {display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; font-size: 1.8rem; font-weight: 600; color: #fff; background-color: #999AA9;}
.search-product .title-group .title {margin: 0; font-size: 2.4rem; font-weight: 600; color: #000;}
.search-product .timer {position: absolute; top: 0; right: 0; width: 14rem; height: 5rem; border: 2px solid #E30505; font-size: 1.8rem; font-weight: 500; color: #E30505;}

.search-product .sub-title {display: flex; align-items: center; margin: 2rem 0 1rem; font-size: 1.8rem; font-weight: 500;}
.search-product .hgroup {margin-bottom: 1.7rem;}
.search-product .hgroup .sub-title {margin: 0;}
.search-product.rest-of-bundles .sub-title {gap: 1rem;}

.search-product [class^='label'] {display: inline-flex; align-items: center; justify-content: center; width: 5rem; height: 3rem; font-size: 1.2rem; color: #fff; font-weight: 600;}
.search-product .label-red {background: #E30505}
.search-product .label-navy {background: #2B425F}

.search-product .tbl-scope-col tr th,
.search-product .tbl-scope-col tr td {height: 6.1rem; font-size: 1.6rem;}
.search-product .tbl-scope-col tbody tr td.brand {position: relative; /*display: flex; align-items: center; justify-content: space-between; */padding-left: 0;}
.search-product .tbl-scope-col tbody tr td.brand > .flex-ac {height: 100%;}
.search-product .tbl-scope-col tbody tr td.brand .flag-img {display: flex; align-items: center; justify-content: center; width: 6rem; height: 100%; margin-right: 2rem; background-color: #E9F0FD;}
.search-product .tbl-scope-col tbody tr td.brand .tooltip-list {position: absolute; top: 50%; right: 2rem; transform: translateY(-50%);}

.search-product .hgroup .info-txt-gray {font-size: 1.4rem;}
.search-product .tbl-scope-col tbody tr td.order button {min-width: 8rem; font-weight: 500;}
.search-product .tooltip-txt.mt10 {margin-top: 1.3rem !important;}

/* ::::: 25.04.22 | 기타(마그네슘) - 상품검색~결제상세 ::::: */
/* 상품검색 > 상단 필터 공통 스타일 */
.search-product .order-condition-wrap {margin: 2rem 0 4rem;}
.search-product .order-condition-set.disabled {line-height: 5rem; text-align: center; background: #F0F0F0; border-color: #DEDEDE;}
.search-product .order-condition-set .sel-tit {top: 50% !important; transform: translateY(-50%);}
.search-product .order-condition-set.disabled input {width: 100%; height: 5rem; line-height: 5rem; padding: 0 1rem; text-align: center; background: #F0F0F0 !important; border-color: #DEDEDE !important;}
.search-product .order-condition-set .order-condition-set {text-align: center;}
.search-product .order-condition-set .btn-search {height: 5rem;}
.search-product .order-condition-set .select2-container .select2-selection--single .select2-selection__rendered {padding: 0; text-align: center;}
.search-product .btn-search {height: 5rem;font-size: 1.6rem; font-weight: 500;}

/* 상품검색 > 버튼 disabled style('출시예정'버튼 추가하면서 스타일 만듦 )*/
[class^='btn-'].disabled {background: var(--sr-btn-disabled) !important; cursor: not-allowed;}


/* 팝업(.pop-dp-prev-noti)*/ 
.pop-dp-prev-noti {display: none; position: absolute; z-index: 2; width: 40.5rem; padding: 4rem 3rem; text-align: center; border: 1px solid var(--sr-brd-gray); background: var(--sr-white); border-radius: 1.5rem; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);}
 
.pop-dp-prev-noti .tit {margin: 0 auto 4rem; font-size: 1.8rem;}
.cart-item-wrap .pop-dp-prev-noti img {display: block; margin: 0 auto 2.5rem;}
.pop-dp-prev-noti .list-zone ul li {margin-bottom: 0.2rem;}
.pop-dp-prev-noti .list-zone ul li::after {background: var(--sr-black);}
.cart-item-wrap .pop-dp-prev-noti .btn-dt-next {width: 12rem; height: 3.6rem; margin: 4.5rem auto 0; font-size: 1.4rem;}


/* 주문하기 > 배송 요청 사항 > 자차배송 옵션 디폴트 */
.cart-wrap .deli-self,
.cart-wrap .deli-kz {display: none;}



/* ::::: 24.04.25 | 상품검색 > 자투리 판매(고도화 신규) ::::: */
.select-wrap.has-unit {position: relative;}
.select-wrap.has-unit .unit {position: absolute; top: 50%; right: 2rem; transform: translateY(-50%);}
.select-wrap.has-unit .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 6rem;}
.select-wrap.has-unit .select2-container--default .select2-selection--single .select2-selection__arrow {right: 5rem;}

.select2-container--default.select2-container--disabled .select2-selection--single {border: none !important;}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {display: none !important;}

.btn-down-pdf {width: 2.4rem; height: 2.4rem; background: #E30505 url(/images/btn-down-pdf-ea643c117f74206a7a3689ff47e19bf5.png) no-repeat center; border-radius: 0.3rem; overflow: hidden; vertical-align: middle !important;}
.readonly-wt {background-color: #fff !important; border-color: none !important; outline: none;}

.info-txt-gray {font-size: 1.2rem; font-weight: 400; color: #999AA9}
.col-black {color: #000 !important;}

.bundle-count {display: flex; align-items: center; justify-content: center; gap: 0.5rem;}
.bundle-count * {border-radius: 0.3rem; border: 1px solid #DEDEDE;}

.bundle-count input[type="text"] {width: 6rem; height: 2.4rem; text-align: center;}

.bundle-count button {position: relative; width: 2.4rem; height: 2.4rem; padding: 0;}
.bundle-count button.plus {background: #fff;}
.bundle-count button.minus {background: #fff;}

.bundle-count button::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 0; width: 0; border: solid transparent;}
.bundle-count button.plus::after {margin-top: -0.1rem; border-bottom-width: 0.5rem; border-left-width: 0.45rem; border-right-width: 0.45rem; border-bottom-color: #666666;}
.bundle-count button.minus::after {margin-top: 0.2rem; border-top-width: 0.5rem; border-left-width: 0.45rem; border-right-width: 0.45rem; border-top-color: #666666;}

.bundle-count button.plus.limit::after {border-bottom-color: #CDCDCD !important;}
.bundle-count button.minus.limit::after {border-top-color: #CDCDCD !important;}



/* ::::: 24.05.14 | 고도화 -소량구매 ::::: */
.tbl-sm th,
.tbl-sm td {padding: 0 0.5rem; font-size: 1.2rem !important; font-weight: 400;}
.tbl.tbl-sm tbody td {padding: 0 0.5rem; line-height: 1.3; word-break: keep-all;}

.tbl-sm [class^='btn-'],
.modal-deli-tracking .tbl [class^='btn-'] {width: 7rem; height: 3rem; border-radius: 0.3rem; font-size: 1.2rem; color: #fff; font-weight: 400 !important; line-height: 3rem; transition: 0.3s;}

.tbl-sm .btn-red {background: #E30505; border: none;}
.tbl-sm .btn-red:hover {background: #B30707;}

.tbl-sm .btn-green,
.modal .btn-green  {background: #049D5D; border: none;}
.tbl-sm .btn-green:hover,
.modal .btn-green:hover {background: #02854e;}

.tbl-sm [class^='btn-'].disabled,
.modal-deli-tracking .tbl [class^='btn-'].disabled {background: #CDCDCD !important; cursor: default;}

.tbl-sm td.order-num {position: relative; color: #1D5FD0 !important; text-decoration: underline; cursor: pointer;}
.info-tooltip-box {display: none; width: 63rem; position: absolute; top: 0; left: calc(100% + 1rem); z-index: 9;}
.tbl-sm td.order-num:hover > .info-tooltip-box {display: block;}
.info-tooltip-box .cont-wrap {position: relative; margin-top: 1rem; padding: 3rem 2rem; border-radius: 1rem; box-shadow: 0 .1rem 1rem 0 rgba(0, 0, 0, 0.05); border: 1px solid #DEDEDE; background-color: #fff;}
/*.info-tooltip-box .cont-wrap::before {content: ''; width: 1rem; height: 1rem; position: absolute; top: -1rem; left: 5 0%; border: 1px solid #DEDEDE; border-width: 0.1rem 0.1rem 0 0; transform: rotate(-45deg) translateX(-50%); background-color: #fff;}*/

.info-tooltip-box .cont-wrap .title {margin: 0 0 1rem 0;; font-size: 1.4rem; font-weight: 500;}
.info-tooltip-box .cont-wrap .stitle {margin: 0 0 1rem 0;; font-size: 1.2rem; font-weight: 500;}

.info-tooltip-box .cont-wrap .table-wrap  {border-top: 1px solid #3C4959;}
.info-tooltip-box .cont-wrap table {width: 100%;}
.info-tooltip-box .cont-wrap table th,
.info-tooltip-box .cont-wrap table td {height: 3.1rem; padding: 0.5rem; font-size: 1.2rem; font-weight: 400; border-color:  #EFEFEF !important;}
.info-tooltip-box .cont-wrap table tr {border-bottom: 1px solid #EFEFEF;}
.info-tooltip-box .cont-wrap table thead th {color: #666; background: #FAFAFA; border-right: 1px solid #EFEFEF;}
.info-tooltip-box .cont-wrap table thead th:last-child {border-right: none !important;}
.info-tooltip-box .cont-wrap table thead th::before,
.modal-regi-truck .tbl th:before {display: none !important;}
.info-tooltip-box .cont-wrap table .brd-rt {border-color:  #EFEFEF !important;}
.info-tooltip-box .tooltip-txt-wrap .tooltip-txt {font-size: 1.2rem; text-align: left;}



/* [소량구매] 차량등록 MODAL */
.modal-regi-truck .tbl.t3 th,
.modal-regi-truck .tbl.t3 td,
.modal-deli-tracking .tbl.t3 th,
.modal-deli-tracking .tbl.t3 td {padding: 0.5rem; border-right: 1px solid #DEDEDE; line-height: 1.3; word-break: keep-all;}
.modal-regi-truck .tbl.t3 th:last-child,
.modal-regi-truck .tbl.t3 td:last-child,
.modal-deli-tracking .tbl.t3 th:last-child,
.modal-deli-tracking .tbl.t3 td:last-child {border-right: none;}

.modal-regi-truck .tooltip-txt {font-size: 1.2rem;}
.modal-regi-truck .tooltip-txt-wrap .tooltip-txt::before {transform: translateY(-35%);}

.modal-regi-truck .select2-container--default .select2-selection--single .select2-selection__arrow {width: 2.5rem;}

.modal-regi-truck .addr {word-break: keep-all; line-height: 1.2;}
.modal-regi-truck .highlight {background:#FFECEC !important;}
.modal-regi-truck .right button {font-size: 1.2rem !important;}

.modal-regi-truck .modify-date {display: flex; align-items: center; justify-content: center; gap: 1rem;}
.modal-regi-truck .modify-date .btn-row-remove {width: 1.8rem; height: 1.8rem;}
.modal-regi-truck .modify-date .btn-row-remove::before,
.modal-regi-truck .modify-date .btn-row-remove::after {height: 0.8rem;}

.modal-regi-truck .switch-box.driver-info input[type=text] {padding: 0 2.3rem 0 0.5rem !important;}



/* 24.06.21 | [소량구매] 결제상세 바틈시트(.bottomsheet-sm) */
.bottomsheet-sm .tbl-limit .tbl-td.stock-level > span.other {background-color: #C4E0FF}
.bottomsheet-sm .tbl-limit .tbl-td.stock-level > span.here {background-color: #71B5FF}
.bottomsheet-sm .tbl-wrap .tbl-tr.highlight::after {border-color: #037CFE}

.cart-item-wrap .pd-unit-price .realTimePrice {margin-left: 0.5rem;}

.cart-item-wrap .realTimePrice {font-weight: 500;}
.cart-item-wrap .adjusted-price {position: relative; font-size: 1.4rem; font-weight: 500;}
.cart-item-wrap .adjusted-price::before {content: ""; position: absolute; top: 50%; left: -1.1rem; transform: translateY(-50%); width: 0.1rem; height: 1rem; background: #D9D9D9;}

.section.cart-wrap .select2-container--default.select2-container--disabled .select2-selection--single {border: 1px solid #DEDEDE !important;}



/* 24.06.21 | [소량구매] 배송추적 MODAL */
.modal.modal-deli-tracking .tooltip-txt {font-size: 1.2rem;}



/* 24.07.19 | [소량구매] 물류센터 툴팁 추가 */
.tbl-scope-col tbody tr td.logi-center {cursor: pointer;}
.tbl-scope-col tbody tr td.logi-center .tooltip-sm-wrap {color: #1D5FD0;}
.tbl-scope-col tbody tr td.logi-center:hover .tooltip-sm-wrap .tooltip-sm {display:flex;}

/* 작은 툴팁 공통 스타일 */
.tooltip-sm-wrap {position: relative; cursor: pointer;}
.tooltip-sm-wrap .tooltip-sm {display:none; position: absolute; bottom: -6rem; left: 50%; transform: translateX(-50%); z-index: 1; min-width: 18rem; height: 4.8rem; padding: 0.5rem 1rem; font-size: 1.2rem; line-height: 1.4; word-break: keep-all; text-align: center; border: 1px solid #DEDEDE; border-radius: 0.3rem; background: #FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); align-items: center; justify-content: center;}
.tooltip-sm-wrap .tooltip-sm::after {content: ''; width: 0.9rem; height: 0.9rem; position: absolute; top: -2px; left: calc(50% - 0.7rem); border: 1px solid #DEDEDE; border-width: 0.1rem 0.1rem 0 0; transform: rotate(-45deg) translateX(50%); background-color: #FFFFFF; display:flex; align-items: center; justify-content: center;}



/* ::::: 24.06.24 | 고도화 - 마이페이지 > 대시보드 신규 ::::: */
/*.wrapper.my-wrapper {padding-top: 9.2rem;}*/


/* 마이페이지 대시보드용 header 신규(.my-header-wrap) */
.my-header-wrap .header-btm {height: 9.2rem; padding: 0;}
.my-header-wrap .header-btm .inwrap {display: flex; align-items: center; justify-content: space-between;}

.my-header-wrap .header-btm .my-logo {width: 3rem; height: 3rem; margin: 0 5rem 0 0; background: url(/images/my/my-logo-c3904df4be276a2c1a4e89c3e1497c21.png) no-repeat center;}
.my-header-wrap .header-btm .my-logo a {display: block; width: 100%; height: 100%;}

.my-header-wrap .header-btm .gnb > ul > li a {line-height: 9rem;}


/* .board 섹션:: common style */
.my-new-dashboard .content-wrap {display: flex; align-items: stretch; gap: 2rem; flex-wrap: wrap;}
/*
.my-new-dashboard .content-wrap {display: flex; align-items: flex-start; gap: 2rem;}
.my-new-dashboard .content-wrap * {font-weight: 400 !important;}
*/

.container.my-new-dashboard {position: relative; background: #f1f4f6; border: none;}
.container.my-new-dashboard .inwrap {padding-top: 2rem; padding-bottom: 8rem;}

.my-new-dashboard .content-left,
.my-new-dashboard .content-right {display: flex; gap: 2rem; flex-wrap: wrap;}
.my-new-dashboard .content-left {width: 88rem;}
.my-new-dashboard .content-right {width: 30rem;}

.my-new-dashboard .board {width: 100%; padding: 3rem; border-radius: 0.9rem; background: #ffffff;}
.my-new-dashboard .board.order {width: 88rem; padding: 0 0 3rem;}
.my-new-dashboard .board.notice,
.my-new-dashboard .board.cs {width: 43rem; height: 17.4rem;}
.my-new-dashboard .board.e-wallet {width: 30rem; height: 10.5rem; background: #AC9F82;}
.my-new-dashboard .board.e-wallet * {color: #fff !important;}

.my-new-dashboard .board .title-area {position: relative;}
.my-new-dashboard .board .title {position: relative; margin: 0; margin-bottom: 1.8rem;; font-size: 1.6rem; font-weight: 500;}
.my-new-dashboard .board .title * {font-size: inherit; font-weight: inherit;}
.my-new-dashboard .board .right {position: absolute; top: 50%; right: 0; transform: translateY(-50%);font-size: 1.2rem; color: #666666;}

.my-new-dashboard .num-info,
.my-new-dashboard .board .title .num-info {display: flex; align-items: center; justify-content: center;  width: 2.5rem; height: 1.7rem; font-size: 1.1rem; font-weight: 500; color: #fff;  background: #1D5FD0; border-radius: 0.7rem;}
.my-new-dashboard .num-info.reverse {color: #1D5FD0 !important;  background: #fff !important;}

.my-new-dashboard .detail-list {width: 100%;}
.my-new-dashboard .detail-list li {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1rem;}
.my-new-dashboard .detail-list li:last-child {margin-bottom: 0 !important;}

.my-new-dashboard .detail-list li .tit {position: relative; font-size: 1.2rem; color: #666666;}
.my-new-dashboard .detail-list li .val {font-size: 1.2rem; color: #999AA9;}
.my-new-dashboard .detail-list li .tit *,
.my-new-dashboard .detail-list li .val * {font-size: inherit; color: inherit;}
.my-new-dashboard .detail-list li .val .num {color: #000; font-weight: 500;}

.my-new-dashboard .detail-list li a {transition: 0.3s;}
.my-new-dashboard .detail-list li a:hover {color: #1D5FD0; font-weight: 500;}

.my-new-dashboard .order-tbl-boxes {display: flex; align-items: flex-start; justify-content: space-between; text-align: center;}
.my-new-dashboard .order-tbl-boxes .box {flex: 1;}
.my-new-dashboard .order-tbl-boxes [class^='box-'] {display: block; text-align: center;}
.my-new-dashboard .order-tbl-boxes .box .box-head {line-height: 4rem; font-size: 1.4rem; color: #666666; background: #F5F5F5;}
.my-new-dashboard .order-tbl-boxes .box:first-child .box-head {border-radius: 0.6rem 0 0 0.6rem;}
.my-new-dashboard .order-tbl-boxes .box:last-child .box-head {border-radius: 0 0.6rem 0.6rem 0;}

.my-new-dashboard .order-tbl-boxes .box .box-cont {padding: 0 1.5rem;}
.my-new-dashboard .order-info .order-tbl-boxes .box .box-cont .detail-list {margin-top: 1.5rem;}
.my-new-dashboard .order-progress .order-tbl-boxes .box .box-cont .detail-list {margin-top: 2rem;}
.my-new-dashboard .order-tbl-boxes .box:first-child .box-cont {padding-left: 0;}
.my-new-dashboard .order-tbl-boxes .box:last-child .box-cont {padding-right: 0;}

.my-new-dashboard .mCSB_scrollTools {width: 4px; opacity: 0.5;}
.my-new-dashboard .mCSB_inside > .mCSB_container {margin-right: 0;}
.my-new-dashboard .mCSB_scrollTools .mCSB_draggerContainer,
.my-new-dashboard .mCSB_scrollTools .mCSB_draggerRail {width: 4px;background-color:#efefef;}
.my-new-dashboard .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aaa !important;}

.my-new-dashboard .order-info .order-tbl-boxes .box .detail-list li.promotion .val:hover,
.my-new-dashboard .order-progress .order-tbl-boxes .box .box-cont .detail-list li .val:hover,
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li button.btn-regi-truck span:hover,
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li button.btn-repay span:hover {font-weight: 500;}


/* .my-floating-navi */
.my-floating-navi {/* display: none; position: absolute; top: 2rem;*/ position: fixed; top: 23rem; left: calc(50% - 64rem); transform: translateX(-50%); z-index: 2;}
.my-floating-navi.active {}

.my-floating-navi .ani-layout {position: absolute; top: 0; left: -2rem; max-width: 4rem; height: 8.1rem;; border-radius: 0.6rem; overflow: hidden; background: #ffffff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2); transition: 0.3s;}
.my-floating-navi.active .ani-layout {animation: myFloatingNavi 0.3s forwards ease-in-out;}
.my-floating-navi .ani-layout nav {width: 20rem; height: 100%;}

@keyframes myFloatingNavi {
	form {max-width: 4rem; height: 8.1rem;}
	to {max-width: 20rem; height: 52.2rem;}
}

.my-floating-navi ul li {position: relative;}
.my-floating-navi ul li a::before,
.my-floating-navi ul li span::before,
.my-floating-navi ul li a::after,
.my-floating-navi ul li span::after {content: ""; position: absolute; top: 50%; right: 1.7rem; z-index: 1; transform: translate(-50%) rotate(-45deg); width: 1px; height: 6px; background: #999AA9; margin-top: -4px; transition: 0.3s;}
.my-floating-navi ul li a::after,
.my-floating-navi ul li span::after {transform: translate(-50%) rotate(45deg); margin-top: 0;}
.my-floating-navi ul.depth1 > li > a::before,
.my-floating-navi ul.depth1 > li > a::after,
.my-floating-navi ul.depth1 > li > span::before,
.my-floating-navi ul.depth1 > li > span::after {background: #ffffff;}
.my-floating-navi ul > li > a,
.my-floating-navi ul > li > span {position: relative; display: block; padding-left: 4rem; line-height: 4rem; font-size: 1.4rem; background-position: 1.2rem 50% !important; background-repeat:no-repeat !important;}
.my-floating-navi ul.depth1 > li > a,
.my-floating-navi ul.depth1 > li > span {background: #1D5FD0; font-weight: 500; color: #ffffff; transition: 0.3s; cursor: pointer;}
.my-floating-navi ul.depth2 > li > a {background: #ffffff; /*font-weight: 400; */color: #7B7B7B; transition: 0.3s;}

.my-floating-navi ul.depth1 > li > a {border-bottom: 1px solid #134CAE;}
.my-floating-navi ul.depth2 > li > a {border-bottom: 1px solid #EFEFEF; line-height: 3.9rem;}
.my-floating-navi ul > li.my-menu-home > a {background-image: url(/images/my/my-menu-home-35bc9d1dfd2381eb7839120898dcfdf6.png);}
.my-floating-navi ul > li.my-menu-category > span {background-image: url(/images/my/my-menu-category-f8beabb68cedf5fbe20778bf3a3da8c9.png);}
.my-floating-navi ul > li.my-menu-order > a {background-image: url(/images/my/my-menu-order-e899dcfe1f07523b3b27d826e065d808.png);}
.my-floating-navi ul > li.my-menu-delivery > a {background-image: url(/images/my/my-menu-delivery-fb61f68f796ae7b0b6fcd26ab562ac14.png);}
.my-floating-navi ul > li.my-menu-limit > a {background-image: url(/images/my/my-menu-limit-bdf830ccabe6e7d345dd20bdb9e7ee83.png);}
.my-floating-navi ul > li.my-menu-contract > a {background-image: url(/images/my/my-menu-contract-5c02eac11fd2ab9bf098daab1d8dc0bc.png);}
.my-floating-navi ul > li.my-menu-document > a {background-image: url(/images/my/my-menu-document-1ac551ab243235a71f3e30e6878d537e.png);}
.my-floating-navi ul > li.my-menu-alarm > a {background-image: url(/images/my/my-menu-alarm-d91c64f5691dc8dfedbab4601c16e78c.png);}
.my-floating-navi ul > li.my-menu-pay > a {background-image: url(/images/my/my-menu-pay-a7efbfbcc313ea8bcf72f95553a8440c.png);}
.my-floating-navi ul > li.my-menu-coupon > a {background-image: url(/images/my/my-menu-coupon-e1ae2bab2275760d029f861034aaf81c.png);}
.my-floating-navi ul > li.my-menu-company > a {background-image: url(/images/my/my-menu-company-2c35552c705fbbc640e54dd249f5c054.png);}
.my-floating-navi ul > li.my-menu-member > a {background-image: url(/images/my/my-menu-member-d6ef989a48e537301a16e0fa4abc372a.png);}
.my-floating-navi ul > li.my-menu-address > a {background-image: url(/images/my/my-menu-address-70063234c67369aade53ad663d4ed38a.png); border-bottom: 0;}


/* .my-floating-navi: hover style */
.my-floating-navi ul.depth1 > li:hover > a,
.my-floating-navi ul.depth1 > li:hover > span {background-color: #1751b5;}
.my-floating-navi ul li:hover > a::before,
.my-floating-navi ul li:hover > a::after {right: 1.5rem;}
.my-floating-navi ul.depth2 > li:hover > a {color: #1D5FD0;}

.my-floating-navi ul li.my-menu-category > span::before,
.my-floating-navi ul li.my-menu-category:hover > span::before {right: 1.9rem; transform: translate(-50%) rotate(-45deg); margin-top: -3px;}
.my-floating-navi ul li.my-menu-category > span::after,
.my-floating-navi ul li.my-menu-category:hover > span::after {right: 1.5rem; transform: translate(-50%) rotate(45deg); margin-top: -3px;}

.my-floating-navi ul > li.my-menu-category::before {transform: translateY(50%) rotate(0deg); content: ''; position: absolute; left: 2.2rem; top: 2rem; z-index: 1; border-left: 0.3rem solid transparent; border-right: 0.3rem solid transparent; border-bottom: 0.45rem solid transparent; border-top: 0.4rem solid #ffffff; transition: 0.3s;}
.my-floating-navi.active ul > li.my-menu-category::before {transform: translateY(0%) rotate(-180deg);}


/* .board 섹션:: 메탈 TAB 정보 영역 */
.my-new-dashboard .board.order .tab-metal-wrap {position: relative;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-title {display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #E5E5E5;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-title button {flex: 1; height: 5rem; font-size: 1.4rem; color: #999AA9; background: #ffffff; border-radius: 0; overflow: unset;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-title button.active,
.my-new-dashboard .board.order .tab-metal-wrap .tab-title button:hover {color: #1D5FD0; font-weight: 500;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-title button::after {content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0.3rem; background: #1D5FD0; transition: 0.3s;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-title button.active::after,
.my-new-dashboard .board.order .tab-metal-wrap .tab-title button:hover::after {left: 0; width: 100%;}

.my-new-dashboard .board.order .tab-metal-wrap .tab-cont {display: none; min-height: 15.4rem;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont.active {display: block;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .title-area {min-height: 6.7rem; padding: 3rem 3rem 1.7rem; border-bottom: 1px solid #F1F4F6;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .title-area .title {display: flex; align-items: flex-end; gap: 1rem; margin-bottom: 0;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .title-area .title .item {font-size: 1.6rem; font-weight: 500;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .title-area .title .desc {font-size: 1.2rem; color: #999AA9;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .title-area .right {right: 3rem; margin-top: 0.6rem; display: flex; align-items: center; gap: 1rem;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .title-area .right .exchange-rate {display: flex; gap: 0.4rem; font-size: 1.2rem; color: #999AA9;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .title-area .right .exchange-rate .num {font-size: inherit; font-weight: 500; color: #000000;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .title-area .right .exchange-rate .unit {margin: 0; font-size: inherit;color: inherit;}

.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info {display: flex; align-items: center; justify-content: space-between; padding: 2rem 3rem 1.7rem;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .current-price .price-krw {display: flex; align-items: center; gap: 1rem;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .current-price .price-krw .num {font-size: 2.6rem; font-weight: 500;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .current-price .price-krw .unit {font-size: 1.2rem; font-weight: 500; color: #999AA9;}

.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .price-list {max-width: 47rem;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .price-list .detail-list ul {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .price-list .detail-list ul li {display: flex; align-items: flex-start; justify-content: space-between; width: 22rem; margin-bottom: 0;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .price-list .detail-list ul li:nth-child(-n+2) {margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #E5E5E5;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .price-list .detail-list ul li .tit {color: #7B7B7B;}

.my-new-dashboard .board.order .btn-standard-price {position: relative; width: 2.6rem; height: 2.6rem; border-radius: 0.3rem; border: 1px solid #DEDEDE; background: #fff;}
.my-new-dashboard .board.order .btn-standard-price::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0); transition: 0.3s; width: 1.2rem; height: 1.2rem; background: url(/images/my/my-standard-price-cea57bf817af0a7e628db91dd00e0ae2.png) no-repeat center;;}
.my-new-dashboard .board.order .btn-standard-price:hover::after {transform: translate(-50%, -50%) rotate(1200deg);}

.my-new-dashboard .price-up {color: #EA4941 !important;}
.my-new-dashboard .price-down {color: #124CBE !important;}

.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .current-price .gap-info {display: flex; align-items: center; gap: 1rem; margin-top: 1rem;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .current-price .gap-info * {font-weight: 500;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .current-price .gap-info .gap-price::before {content: ''; display: inline-block; width: 0; height: 0; margin-right: 0.9rem; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .current-price .gap-info .gap-price.price-down::before {border-top: 0.6rem solid #124CBE;}
.my-new-dashboard .board.order .tab-metal-wrap .tab-cont .chart-price-info .current-price .gap-info .gap-price.price-up::before {border-bottom: 0.6rem solid #EA4941;}


/* .board 섹션:: 주문분석 */
.my-new-dashboard .board.order .order-info,
.my-new-dashboard .board.order .order-progress {padding: 3rem; border-top: 1px solid #F1F4F6;}
.my-new-dashboard .board.order .order-info {min-height: 30.1rem;}
.my-new-dashboard .board.order .order-progress {min-height: 22rem; padding-bottom: 0;}

.my-new-dashboard .order-info .order-tbl-boxes .box .box-cont .current-month-val {display: flex; align-items: center; justify-content: center; height: 6.5rem; font-size: 1.2rem; color: #999AA9; border-bottom: 1px solid #EAEAEA;}
.my-new-dashboard .order-info .order-tbl-boxes .box .box-cont .current-month-val .num {font-size: 1.8rem; font-weight: 500;}

.my-new-dashboard .order-info .order-tbl-boxes .box:nth-child(1) .current-month-val .num,
.my-new-dashboard .order-info .order-tbl-boxes .box:nth-child(3) .current-month-val .num {color: #EA4941;}
.my-new-dashboard .order-info .order-tbl-boxes .box:nth-child(2) .current-month-val .num {color: #1D5FD0;}
.my-new-dashboard .order-info .order-tbl-boxes .box .detail-list li.payback * {color: #124CBE;}
.my-new-dashboard .order-info .order-tbl-boxes .box .detail-list li.discount * {color: #067566;}
.my-new-dashboard .order-info .order-tbl-boxes .box .detail-list li.promotion .val {position: relative; cursor: pointer; transition: 0.3s;}
.my-new-dashboard .order-info .order-tbl-boxes .box .detail-list li.promotion .val::after {content: ""; position: absolute; bottom: -0.2rem; width: 100%; height: 0.1rem;}
.my-new-dashboard .order-info .order-tbl-boxes .box .detail-list li.payback .val::after {background: #124CBE;}
.my-new-dashboard .order-info .order-tbl-boxes .box .detail-list li.discount .val::after {background: #067566;}
.my-new-dashboard .board.order .order-info .order-tbl-boxes .box .box-cont button {display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; height: 4rem; margin-top: 1.2rem; font-size: 1.2rem; font-weight: 500; background: #999AA9; border-radius: 0.6rem; transition: 0.3s;}
.my-new-dashboard .board.order .order-info .order-tbl-boxes .box .box-cont button:hover {background: #878895;}
.my-new-dashboard .board.order .order-info .order-tbl-boxes .box .box-cont button.btn-check-coupon {padding-left: 4rem;}


/* .board 섹션:: 진행현황 */
.my-new-dashboard .order-progress .order-tbl-boxes .box .box-cont {border-right: 1px solid #EAEAEA;}
.my-new-dashboard .order-progress .order-tbl-boxes .box:last-child .box-cont {border-right: none;}
.my-new-dashboard .order-progress .order-tbl-boxes .box .box-cont .detail-list li .val {position: relative; color: #1D5FD0; cursor: pointer; transition: 0.3s;}
.my-new-dashboard .order-progress .order-tbl-boxes .box .box-cont .detail-list li .val::after {content: ""; position: absolute; bottom: -0.2rem; width: 100%; height: 0.1rem; background: #1D5FD0;}
.my-new-dashboard .order-progress .order-tbl-boxes .box .box-cont .detail-list li .val .num {color: inherit;}
.my-new-dashboard .order-progress .detail-list li .btn-blue-sm {position: absolute; top: 50%;  transform: translateY(-50%); margin-left: 0.9rem; color: #FFFFFF;}


/* .board 섹션:: 공지사항 */
.my-new-dashboard .board.notice .detail-list li .tit {width: calc(100% - 8rem); padding-right: 1rem;}
.my-new-dashboard .board.notice .detail-list li .tit a {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.my-new-dashboard .board.notice .detail-list li .val {width: 8rem; text-align: right;}


/* .board 섹션:: 고객문의 */
.my-new-dashboard .board.cs .detail-list li {align-items: center;}
.my-new-dashboard .board.cs .detail-list li .tit {font-size: 1.4rem;}
.my-new-dashboard .board.order .order-info .val,
.my-new-dashboard .board.order .order-progress .val,
.my-new-dashboard .board.cs .detail-list li .val {display: flex; align-items: center; gap: 0.3rem;}
.my-new-dashboard .board.cs .btns {display: flex; align-items: center; justify-content: space-between; margin-top: 2.5rem;}
.my-new-dashboard .board.cs .btns button {display: flex; align-items: center; justify-content: center; gap: 1rem; width: 11.7rem; height: 4rem; font-size: 1.2rem; font-weight: 500; background: #1D5FD0; border-radius: 0.6rem; transition: 0.3s;}
.my-new-dashboard .board.cs .btns button:hover {background: #0241ac;;}


/* .board 섹션:: e-Wallet */
.my-new-dashboard .board.e-wallet .title {margin-bottom: 1rem;}
.my-new-dashboard .board.e-wallet .tit {opacity: 0.7; font-weight: 500;}
.my-new-dashboard .board.e-wallet .val {display: flex; align-items: center; gap: 1rem;}
.my-new-dashboard .board.e-wallet .val .num {font-size: 1.8rem; font-weight: 500;}
.my-new-dashboard .board.e-wallet .btn-my-withdrawal {width: 5rem; height: 3rem; font-size: 1.2rem; background: #716750; transition: 0.3s;}
.my-new-dashboard .board.e-wallet .btn-my-withdrawal:hover {background: #6b6049;}
.top-unset {top: unset;}


/* .board 섹션:: date-info(상품출고일/ 주문결제일/ 입고예정일: 캘린더 + TAB) */
.my-new-dashboard .board.date-info {padding: 3rem 0 3rem; height: 82.9rem;}
.my-new-dashboard .board.date-info .calendar {padding: 0 2rem 2.5rem; min-height: 32.4rem; /*  min-height: 23.5rem; */}
.my-new-dashboard .board.date-info .calendar .title-area {padding: 0 1rem;}
.my-new-dashboard .board.date-info .calendar .right {display: flex; align-items: center;}
.my-new-dashboard .board.date-info .calendar .btn-cal-prev {width: 2.2rem; height: 2.2rem; margin-right: -1px;}
.my-new-dashboard .board.date-info .calendar .btn-cal-next {width: 2.2rem; height: 2.2rem;}
.my-new-dashboard .board.date-info .calendar .btn-cal-prev::before {width: 2.2rem; height: 2.2rem; border-radius: 0.3rem 0 0 0.3rem;}
.my-new-dashboard .board.date-info .calendar .btn-cal-next::before {width: 2.2rem; height: 2.2rem; border-radius: 0 0 0.3rem 0.3rem;}
.my-new-dashboard .board.date-info .calendar .btn-cal-prev::after {top: 50%; left: auto; right: calc(50% - 0.4rem); transform: translateY(-50%) rotate(-45deg);}
.my-new-dashboard .board.date-info .calendar .btn-cal-next::after {top: 50%; left: calc(50% - 0.4rem); transform: translateY(-50%) rotate(-45deg);}


/* .board 섹션:: date-info: 캘린더 common style */
.my-new-dashboard .board.date-info .calendar .calendar-area {position:relative;}
.my-new-dashboard .board.date-info .calendar .title {margin-bottom: 0.8rem;}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-datepicker-calendar td a {border:0; pointer-events: none; cursor: default; outline:none}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-widget.ui-widget-content {width:100%; padding:0; border:0; margin-top:0}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-datepicker-header {display:none}

.my-new-dashboard .board.date-info .calendar .calendar-area .ui-state-highlight,
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-widget-content .ui-state-highlight,
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-widget-header .ui-state-highlight,
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-state-active,
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-widget-content .ui-state-active,
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-widget-header .ui-state-active  {background: #fff; color: #454545; font-weight:400;}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-widget.ui-widget-content .ui-datepicker-unselectable {opacity:1}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-widget.ui-widget-content .ui-datepicker-unselectable span {font-weight:400; border-radius:50%; background-color:#fcd6d9; border:0; color:#666}
.my-new-dashboard .board.date-info .calendar .calendar-area .cal-holiday-front {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; text-indent:-9999px; background:rgba(0,0,0,0)}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-widget.ui-widget-content {box-shadow: 0 0 0 rgb(0,0,0,0);}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-datepicker table {border: unset;}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-datepicker > .ui-datepicker-calendar tbody td:first-child span {color:#fd3535 !important}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-datepicker > .ui-datepicker-calendar tbody td:last-child span {color:#0962fc !important}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-widget.ui-widget-content .ui-datepicker-other-month span {font-weight: 400; background-color:#fff; color:#ccc}
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-datepicker > .ui-datepicker-calendar tbody td.ui-datepicker-other-month:first-child span,
.my-new-dashboard .board.date-info .calendar .calendar-area .ui-datepicker > .ui-datepicker-calendar tbody  td.ui-datepicker-other-month:last-child span {opacity:0.4; font-weight: 500;}

.my-new-dashboard .board.date-info .calendar .ui-widget.ui-widget-content {min-width: 24rem !important; margin-top: 0 !important;}
.my-new-dashboard .board.date-info .calendar .ui-state-default:not(button) {width: 2.4rem; height: 2.4rem; margin: auto; line-height: 2.4rem;}
.my-new-dashboard .board.date-info .calendar .ui-datepicker th.ui-datepicker-week-end:first-of-type span,
.my-new-dashboard .board.date-info .calendar .ui-datepicker th.ui-datepicker-week-end:last-of-type span,
.my-new-dashboard .board.date-info .calendar .ui-datepicker-calendar tbody td span,
.my-new-dashboard .board.date-info .calendar .ui-datepicker td.ui-datepicker-week-end:last-of-type a {color: #999AA9 !important;}
.my-new-dashboard .board.date-info .calendar .ui-datepicker td.ui-datepicker-week-end:first-of-type a {color: #F88984!important;}
.my-new-dashboard .board.date-info .calendar .ui-datepicker th {padding: 1rem 0 1.3rem; border-bottom: unset;}
.my-new-dashboard .board.date-info .calendar .ui-datepicker td {padding: 0.8rem 0.2rem 0.8rem; height: 2.4rem; border-bottom: unset;}

.my-new-dashboard .board.date-info .calendar .ui-datepicker th span {color: #7B7B7B; font-weight: 500;}
.my-new-dashboard .board.date-info .calendar .cal-holiday .ui-datepicker table {border: unset;}
.my-new-dashboard .board.date-info .calendar .ui-state-default,
.my-new-dashboard .board.date-info .calendar .ui-widget-content .ui-state-default,
.my-new-dashboard .board.date-info .calendar .ui-widget-header .ui-state-default,
.my-new-dashboard .board.date-info .calendar .ui-button,
.my-new-dashboard .board.date-info .calendar .ui-datepicker-calendar td a {padding: 0; color: #000; font-weight: 500;}


/* .board 섹션:: date-info: 캘린더 > 진행 완료(.cal-done)/ 진행 중(.cal-ongoing) */
.my-new-dashboard .board.date-info .calendar .ui-datepicker-calendar td.cal-done * {color: rgba(102, 102, 102, 0.4); background: #DEDEDE !important; border-radius: 50%; overflow: hidden; }
.my-new-dashboard .board.date-info.date-filter1 .calendar .ui-datepicker-calendar td.cal-ongoing * {color: #F7291F !important; background: #FFBAB7 !important; border-radius: 50%; overflow: hidden; }
.my-new-dashboard .board.date-info.date-filter2 .calendar .ui-datepicker-calendar td.cal-ongoing * {color: #1D5FD0 !important; background: #B3E3FF !important; border-radius: 50%; overflow: hidden; }
.my-new-dashboard .board.date-info.date-filter3 .calendar .ui-datepicker-calendar td.cal-ongoing * {color: #079280 !important; background: #79E4D6 !important; border-radius: 50%; overflow: hidden; }


/* .board 섹션:: TAB(상품출고일, 주문결제일, 입고예정일) */
.my-new-dashboard .board.date-info .tab-date-wrap {position: relative; padding: 0 3rem;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-title {position: relative; z-index: 1; display: flex; align-items: center; border-radius: 0.6rem; overflow: hidden;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-title button {position: relative; width: 8rem; height: 4rem; padding: 0; background: #F1F4F6; border-radius: 0;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-title button::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.1rem; height: 1.1rem; background: #DEDEDE;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-title button:last-of-type::after {display: none;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-title button span {position: relative; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: #999AA9;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-title button:hover span {font-weight: 500;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-title button.active span {color: #FFFFFF;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-title .tab-bg {position: absolute; top:0; transform: translate(0); width: 8rem; height: 100%; background: #FFA8A4; border-radius: 0.6rem; transition: 0.3s;}
.my-new-dashboard .board.date-info.date-filter1 .tab-date-wrap .tab-title .tab-bg {background: #FFA8A4 !important;}
.my-new-dashboard .board.date-info.date-filter2 .tab-date-wrap .tab-title .tab-bg {background: #65C6FE !important;}
.my-new-dashboard .board.date-info.date-filter3 .tab-date-wrap .tab-title .tab-bg {background: #69D4C6 !important;}
.my-new-dashboard .board.date-info.date-filter1 .tab-date-wrap .tab-title:hover .tab-bg {background: #ff9995 !important;}
.my-new-dashboard .board.date-info.date-filter2 .tab-date-wrap .tab-title:hover .tab-bg {background: #54c0ff !important;}
.my-new-dashboard .board.date-info.date-filter3 .tab-date-wrap .tab-title:hover .tab-bg {background: #53cfbf !important;}

.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont {display: none; margin-top: 3rem; background: #FFFFFF;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont.active {display: block;}

.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .title-area .title {display: flex; align-items: center; gap: 0.5rem;}

.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont [class^=box-] {display: block;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list {height: 33.8rem; overflow: hidden;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box {min-height: 8rem; margin-bottom: 1rem; padding: 1.2rem 1.4rem; background: #F5F5F5; border-radius: 0.6rem;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box:last-child {margin-bottom: 0;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li {margin-bottom: 0.6rem;}

.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li button {background: none;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li button.btn-regi-truck span {line-height: 1.2; color: #EA4941; font-weight: 500; text-decoration: underline; transition: 0.3s;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li button.btn-repay span {line-height: 1.2; color: #1D5FD0; font-weight: 500; text-decoration: underline; transition: 0.3s;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li .done {color: #999AA9;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li .scheduled {color: #06B39D; font-weight: 500;}

.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li.detail-list-title,
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li.detail-list-title * {color: #000000 !important; font-weight: 400 !important;}
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li .tit,
.my-new-dashboard .board.date-info .tab-date-wrap .tab-cont .box-list .box .detail-list li .val {color: #999AA9;}
.my-new-dashboard .board.date-info.date-filter2 .tab-date-wrap .tab-cont .box-list .box .detail-list li:last-child {justify-content: flex-end}

.my-new-dashboard .board.date-info.date-filter3 .tab-date-wrap .tab-cont .box-list .box .detail-list li.detail-list-title {align-items: center;}
.my-new-dashboard .board.date-info.date-filter3 .tab-date-wrap .tab-cont .box-list .box .detail-list li.detail-list-title .brand {display: flex; align-items: center; gap: 0.5rem;}
.my-new-dashboard .board.date-info.date-filter3 .tab-date-wrap .tab-cont .box-list .box .detail-list li.detail-list-title .brand img {max-width: 2.4rem; object-fit: none;}



/* ::::: 24.07 | [메인 리뉴얼] ::::: */
/* MAIN COMMON STYLE */
.wrapper {padding-top: 21rem;}

.main-content-wrap h1:not(.us) h1,
.main-content-wrap h2:not(.us) h2,
.main-content-wrap h3:not(.us) h3,
.main-content-wrap h4:not(.us) h4,
.main-content-wrap h5:not(.us) h5 {margin: 0; padding: 0;}

.main-content-wrap em {font-style: normal;}

.main-content-wrap .title-wrap {position: relative; text-align: center;}

.main-content-wrap .sec-video .title-wrap,
.main-content-wrap .sec-partners .title-wrap {margin-bottom: 4rem;}

.main-content-wrap .title-wrap .heading {font-size: 3rem; font-weight: 600;}
.main-content-wrap .title-wrap .heading.mid {font-size: 2rem; font-weight:500;}
.main-content-wrap .title-wrap .heading.sm {font-size: 1.4rem; font-weight: 500; color: #0742A8;}
.main-content-wrap .title-wrap .subheading {font-size: 1.8rem;}
.main-content-wrap .title-wrap .right {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.main-content-wrap .sec-tab-metal .title-wrap .heading,
.main-content-wrap .sec-player .title-wrap .heading,
.main-content-wrap .sec-partners .title-wrap .heading {margin-bottom: 2.5rem;}

.main-content-wrap .right.btn-view-more2 {padding-right: 1.7rem; font-weight: 500; transition: 0.3s;}
.main-content-wrap .right.btn-view-more2 * {font-size: inherit; font-weight: inherit;}
.main-content-wrap .right.btn-view-more2::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1.2rem; height: 1.2rem; background: url(/images/ma/view-more-plus-a27d3b86557574b54934d739da5f9915.png) no-repeat center; transition: 0.3s;}
.main-content-wrap .right.btn-view-more2:hover::after {right: -0.5rem}

.main-content-wrap .price-up,
.fold-chart-wrap .price-up,
.fold-chart-wrap .price-up .current-price *:not(.unit),
.price-up,
.price-up *:not(.unit) {color: #E30505 !important; font-weight: 500;}

.main-content-wrap .price-down,
.fold-chart-wrap .price-down,
.fold-chart-wrap .price-down .current-price *:not(.unit),
.price-down,
.price-down *:not(.unit) {color: #054ECC !important;}

.main-content-wrap .price-opening,
.fold-chart-wrap .price-opening,
.price-opening,
.price-opening *:not(.unit) {color: #7B7B7B !important;}

.main-content-wrap .price-finish,
.fold-chart-wrap .price-finish,
.price-finish,
.price-finish *:not(.unit) {color: #000000 !important;}

.main-content-wrap .btns-wrap {display: flex; align-items: center; justify-content: center; gap: 1rem;}
.main-content-wrap .sec-calendar .btns-wrap {gap: 3rem;}
.main-content-wrap .btns-wrap button {width: 10rem; height: 5rem; font-size: 1.4rem; font-weight: 500; border-radius: 0.6rem;}
.main-content-wrap .btns-wrap .btn-brd {color: #2E3D59; border: 1px solid #2E3D59; background: #FFFFFF; transition: 0.3s;}
.main-content-wrap .btns-wrap .btn-brd:hover {color: #FFFFFF; border: 1px solid #2E3D59; background: #2E3D59;}
.main-content-wrap .btns-wrap .btn-bg {color: #FFFFFF; background: #2E3D59; transition: 0.3s;}
.main-content-wrap .btns-wrap .btn-bg:hover {background: #202b3f;}
.main-content-wrap .btns-wrap .btn-bg-gray {color: #FFFFFF; background: #999AA9; cursor: not-allowed; /* cursor: default; */}

.main-content-wrap .swiper .btn-arrow {cursor: pointer;}



/* [메인 리뉴얼] New Header(/html/include/header2.html) */
.header2-wrap {}
.header2-wrap .display-board {position: fixed; top: 0; left: 0; right: 0; z-index: 10; height: 5rem;}
.header2-wrap .display-board::before {content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #121E33;}
.header2-wrap .display-board-inner {height: 5rem; background: #3C4959;}
.header2-wrap .display-board .swiper-slide {min-height: 5rem;padding-left: 20rem;}
.header2-wrap .display-board .swiper-slide a {line-height: 5rem; background: #3C4959;}
/* .header2-wrap.my .display-board .swiper-slide a {width: 65rem; max-width: 65rem;} */
.header2-wrap .display-board .timer {position: absolute; top: 0; bottom: 0; z-index: 9; display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; width: 20rem; background: #121E33;}
.header2-wrap .display-board .timer .text {color: #FFFFFF; font-weight: 400;}
.header2-wrap .display-board .timer .time {color: #ffc839; font-weight: 500;}
/* 
.header2-wrap .display-board .swiper-button-prev {background: url(/images/dp-board-prev-ed609fecafea1592b40b0f70cae53f10.png) no-repeat center;}
.header2-wrap .display-board .swiper-button-next {background: url(/images/dp-board-next-f2f6105a9d55dc03e67240ce4c1ccb2b.png) no-repeat center;}
*/
.header2-wrap .header-top {position: absolute; top: 5rem; left: 0; right: 0; z-index: 9; height: 7.5rem; border-bottom: none; background: #ffff;}
.header2-wrap .header-top .inwrap {display: flex; align-items: flex-end; justify-content: space-between;}
.header2-wrap .header-top .logo-big a,
.header2-wrap .header-top .logo-sm a {display: block; width: 100%; height: 100%;}
.header2-wrap .header-top .menu-list {display: flex; align-items: center; gap: 2rem; padding-bottom: 1rem;}
.header2-wrap .header-top .menu-list li {margin: 0;}
.header2-wrap .header-top .menu-list li::after {right: -1rem;}
.header2-wrap .header-top .menu-list li a {color: #666666; font-weight: 400;}

/* [메인 리뉴얼] 대시보드 신규: 차량입고일/ 결제예정일 타이머 */
.header2-wrap .card-timer {display: flex; align-items: center; height: 100%; position: absolute; top: 0; bottom: 0; right: 7rem; z-index: 1;}
.header2-wrap .card-timer .num-cards {display: flex; align-items: center; gap: 0.3rem;}
.header2-wrap .card-timer .num-cards span {display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; font-size: 1.2rem; font-weight: 500; color: #FCB704; background: #172339; border-radius: 0.4rem;}
.header2-wrap .card-timer .colon {width: 1.2rem; height: 100%; background: url(/images/my/my-colon-120ede658604fc1a034f922ac19453f0.png) no-repeat center;}


.header2-wrap header {position: fixed; z-index: 9; top: 0; left: 0; right: 0; height: 21rem; background: rgba(255, 255, 255, 1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.header2-wrap header.active {height: 14.2rem; background: rgba(255, 255, 255, 0.65)}

.header2-wrap .header-btm {position: absolute; top: 12.5rem; left: 0; right: 0; z-index: 9; height: 8.5rem; padding: 0; border-bottom: 1px solid #E9EDEF; /* background: #FFFFFF; */}
.header2-wrap header.active .header-btm {position: fixed; top: 5rem; height: 9.2rem;}
.header2-wrap header.active .header-btm .logo-sm {display: block;}
/*
.header2-wrap .header-btm.active {position: fixed; top: 5rem; height: 9.2rem;}
.header2-wrap .header-btm.active .logo-sm {display: block;}
 */
.header2-wrap .header-btm .inwrap {display: flex; align-items: center; justify-content: space-between;}

.header2-wrap .logo-sm {display: none;}
.header2-wrap .gnb-wrap {display: flex; align-items: center; gap: 4.8rem;}
.header2-wrap .gnb-wrap .gnb > ul > li > a {line-height: 8.5rem;}
.header2-wrap .login-user {margin-right: 6rem;}
.header2-wrap .login-user .btn-username {background: none;}
.header2-wrap .header-btm .login-area .login {display: flex; align-items: center;}
.header2-wrap .header-btm .gnb > ul > li .gnb-depth2 {top: 7.5rem;}

.header2-wrap .login-hover-box {right: -10rem;}
.header2-wrap .login-hover-box .inner,
.header2-wrap .login-btn .menu-list {background: #FFFFFF; border-radius: 0.6rem; overflow: hidden; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.header2-wrap .login-hover-box .util {padding: 2rem;}
.header2-wrap .login-hover-box .manual,
.header2-wrap .login-hover-box .simple-email {margin-top: 1.7rem;}
.header2-wrap .login-hover-box .btn--arrow {padding-right: 0; font-size: 1.2rem; color: #000000; font-weight: 400; background: none; opacity: 1;}
.header2-wrap .login-hover-box .util .username,
.header2-wrap .login-hover-box .manual .title,
.header2-wrap .login-hover-box .simple-email .username,
.header2-wrap .login-hover-box .simple-email .useremail,
.header2-wrap .login-hover-box .ewallet dt,
.header2-wrap .login-btn .menu-list li a,
.header2-wrap .login-btn .menu-list li.alarm a > span {color: #000000; font-weight: 400;}
.header2-wrap .login-hover-box .util .username {font-weight: 500;}
.header2-wrap .login-hover-box .ewallet dd a span {font-size: 1.4rem; font-weight: 500; color: #1D5FD0;}
.header2-wrap .login-hover-box .ewallet dd a .unit {margin-left: 0.4rem;}
.header2-wrap .login-hover-box .ewallet {padding: 1.8rem 2rem; border-color: #E9EDEF;}
.header2-wrap .login-hover-box .manual li {position: relative; margin-bottom: 1.6rem;}
.header2-wrap .login-hover-box .manual li:last-child {margin-bottom: 0;}
.header2-wrap .login-hover-box .manual li::after,
.header2-wrap .login-btn .menu-list li::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.5rem; height: 0.9rem; background: url(/images/btn-loginbox-arr-eede4b70b76219592dfd8f44bf802348.png) no-repeat center; transition: 0.3s;}
.header2-wrap .login-hover-box .manual li:hover::after,
.header2-wrap .login-btn .menu-list li:hover::after {right: -0.3rem;}
.header2-wrap .login-hover-box .manual li a {display: block; transition: 0.3s;}
.header2-wrap .login-hover-box .btn--arrow:hover,
.header2-wrap .login-hover-box .manual li:hover a,
.header2-wrap .login-btn .menu-list li:hover a,
.header2-wrap .login-btn .menu-list li.alarm:hover a > span {color: #1D5FD0;}
.header2-wrap .toggle-box.active .btn-username::after {border-top: 0.4rem solid #555;}

.header2-wrap .login-btn.active .btn-ham,
.header2-wrap .login-btn:hover .btn-ham {border-color: #DEDEDE; background: #FFFFFF;}
.header2-wrap .login-btn.active .btn-ham .line,
.header2-wrap .login-btn:hover .btn-ham .line {background: #000000;}

.header2-wrap .login-btn .menu-list {width: 24rem; padding: 1.2rem 2rem; border-radius: 0.6rem; overflow: hidden;}
.header2-wrap .login-btn .menu-list li a {padding: 0.7rem 0;}
.header2-wrap .login-btn .menu-list li.order .amount {margin-left: 0; color: #1D5FD0;}
.header2-wrap .login-btn .menu-list li.alarm a > span .alarm--new {background: #1D5FD0;}



/* [메인 리뉴얼] New Footer(/html/include/footer2.html) */
.footer2-wrap {background: #1D5FD0; color: #ffffff;}
.footer2-wrap * {color: inherit; font-weight: inherit;}
.footer2-wrap ul,
.footer2-wrap p {display: flex; align-items: center; justify-content: center;}
.footer2-wrap ul li:hover a {color: rgba(255,255,255, 0.5);}
.footer2-wrap .footer2-top ul {gap: 4rem; padding-bottom: 1rem;}
.footer2-wrap .footer2-btm ul {gap: 3rem; margin-bottom: 2rem;}

.footer2-wrap .footer2-top {display: flex; align-items: flex-end; justify-content: space-between; padding: 7.5rem 0 2rem;; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer2-wrap .footer2-top ul li a {font-size: 1.6rem; transition: 0.3s;}

.footer2-wrap .footer2-btm {height: 22rem; padding-top: 4rem;}



/* [메인 리뉴얼] 우측 Floating 영역 */
.floating-wrap {position: fixed; top: calc(100% - 14rem); right: 3rem; z-index: 9; text-align: right; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 0.5rem;}
.floating-area {position: relative;}
.floating-area.others {display: none; /* display: inline-block; */margin-top: 1rem; width: 6rem;}

.floating-wrap .btn-float {width: 6rem; height: 6rem; margin-bottom: 1rem; background: #C4DAFF; border-radius: 2.5rem; overflow: hidden; transition: 0.3s;}
/*.floating-wrap .btn-float:hover {background: #a7c8ff !important;} */
.floating-wrap .btn-float:last-child {margin-bottom: 0;}

.floating-wrap .btn-float > a,
.floating-wrap .btn-float > button {display: block; width: 100%; height: 100%;}
.floating-wrap .btn-float.btn-float-cs {display: flex; align-items: flex-start; width: 6rem; height: 6rem; padding-top: 1.3rem; background: #C4DAFF;}
.floating-wrap .btn-float.btn-float-cs .cs-img {display: flex; align-items: center; justify-content: center; width: 6rem; min-width: 6rem; cursor: pointer;}

.floating-wrap .cs-cont .center {display: flex; align-items: center; gap: 1.5rem;}
.floating-wrap .cs-cont .center:nth-child(2) {margin-top: 1rem;}
.floating-wrap .cs-cont .center:nth-child(2) em,
.floating-wrap .cs-cont .center:nth-child(2) .tel {color: #2D436A;}
.floating-wrap .cs-cont .center:nth-child(2) .btn-cs {background: #2D436A !important;}
.floating-wrap .cs-cont .center:nth-child(2) .btn-cs:hover {background: #202f4b !important;}
.floating-wrap .cs-cont .center em {display: block; font-size: 1.2rem; font-weight: 500; color: #1D5FD0; font-style: normal;}
.floating-wrap .cs-cont .center .tel {display: block; margin-top: 0.5rem; font-size: 1.4rem; font-weight: 600; color: #1D5FD0; cursor: initial;}
.floating-wrap .btn-cs {width: 6.6rem; height: 3rem; font-size: 1.2rem; font-weight: 500; color: #FFFFFF; border-radius: 0.6rem;}
.floating-wrap .btn-cs-close {display: none; position: absolute; top: -0.3rem; right: -0.3rem; width: 2rem; height: 2rem; background: #F5F5F5; border-radius: 50%;}
.floating-wrap .btn-cs-close::before,
.floating-wrap .btn-cs-close::after {content: ""; position: absolute; top: 50%; left: 50%; width: 0.1rem; height: 0.8rem; background: #9B9B9B;}
.floating-wrap .btn-cs-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.floating-wrap .btn-cs-close::after {transform: translate(-50%, -50%) rotate(-45deg);}

.floating-wrap .floating-area.cs.active {cursor: initial;}
.floating-wrap .floating-area.cs.active .btn-float-cs {width: 25.8rem; height: 11.5rem;}
.floating-wrap .floating-area.cs.active .btn-cs-close {display: block; cursor: pointer;}



/* [메인 리뉴얼] MAIN BANNER */
.sec-main-banner {padding-top: 4rem; width: 100%; overflow: hidden;}

.main-banner-wrap {position: relative; left: 50%; transform: translateX(-50%); width: 368rem; height: 52rem; overflow: hidden;}
.main-banner-wrap .main-banner-swiper {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; overflow: hidden; }
.main-banner-wrap .swiper-slide {position: relative; flex-wrap: wrap; height: 50rem; max-width: 120rem !important; margin-right: 4rem; border-radius: 2rem; overflow: hidden; box-shadow: 0px 5px 15px rgba(102, 102, 102, 0.3); background: #FFFFFF;}
.main-banner-wrap .swiper-slide a {display: block; width: 100%; height: 100%;}
.main-banner-wrap .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.main-banner-wrap .swiper-slide p {font-size: 10rem; position: absolute; top: 0;}

.main-banner-wrap .btn-arrow {position: absolute; top: calc(50% - 1rem); transform: translate(-50%, -50%); z-index: 1; width: 5rem; height: 5rem; border-radius: 50%; overflow: hidden;}
.main-banner-wrap .btn-main-banner-prev {left: 50%; margin-left: -60rem; background: url(/images/ma/mn-banner-prev-9214289545e4f6e43b9e89ff54e8fb44.png) no-repeat center;}
.main-banner-wrap .btn-main-banner-next {left: 50%; margin-left: 60rem; background: url(/images/ma/mn-banner-next-eb974151090724d18299e4c811f244e6.png) no-repeat center;}



/* [메인 리뉴얼] 메인: 메탈 가격정보 TAB/ 서브 상품검색: 상단 chart 영역(.fold-chart-wrap) */
.sec-tab-metal {padding-top: 6rem;}
.sec-tab-metal .tab-metal-wrap {position: relative; padding: 0;}

.sec-tab-metal .tab-metal-wrap .title-wrap {margin-bottom: 4rem;}

.sec-tab-metal .tab-metal-wrap .tab-title {display: flex; align-items: center; justify-content: center; gap: 5rem;}
.sec-tab-metal .tab-metal-wrap.closing-price .tab-title {gap: 6rem;}
.sec-tab-metal .tab-metal-wrap .tab-title button {height: auto; padding: 0; border-radius: 0; overflow: unset; background: #ffffff;}
.sec-tab-metal .tab-metal-wrap .tab-title button .metal {display: flex; align-items: center; justify-content: center; width: 6.8rem; height: 6.8rem; border-radius: 2.5rem; font-size: 2rem; font-weight: 600; color: #59636F; background: #F0F0F0; transition: 0.3s;}
.sec-tab-metal .tab-metal-wrap .tab-title button:hover .metal {background: #DEDEDE;}
.sec-tab-metal .tab-metal-wrap .tab-title button.active .metal {color: #FFFFFF;}
.sec-tab-metal .tab-metal-wrap .tab-title button.active .metal.al {background: #878895;}
.sec-tab-metal .tab-metal-wrap .tab-title button.active .metal.zn {background: #444444;}
.sec-tab-metal .tab-metal-wrap .tab-title button.active .metal.cu {background: #754D3A;}
.sec-tab-metal .tab-metal-wrap .tab-title button.active .metal.ni {background: #554050;}
.sec-tab-metal .tab-metal-wrap .tab-title button.active .metal.sn {background: #486479;}
.sec-tab-metal .tab-metal-wrap .tab-title button.active .metal.pb {background: #8C7A4B;}
.sec-tab-metal .tab-metal-wrap .tab-title button .ko {display: block; margin-top: 1.1rem; font-size: 1.6rem; font-weight: 500; color: #59636F; transition: 0.3s;}
.sec-tab-metal .tab-metal-wrap .tab-title button:hover .ko,
.sec-tab-metal .tab-metal-wrap .tab-title button.active .ko {color: #000000;}


.sec-tab-metal .tab-metal-wrap .tab-cont {display: none; /*min-height: 59.8rem;*/ margin-top: 3.5rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont.active {display: block;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top {min-height: 15rem; border: 1px solid #E9EDEF; border-radius: 1.5rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area,
.fold-chart-wrap .fold-top .title-area {position: relative; min-height: 6.2rem; padding: 0 3rem; display: flex; align-items: center; border-bottom: 1px solid #E9EDEF;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .title,
.fold-chart-wrap .fold-top .title-area .title {display: flex; align-items: center; gap: 1rem;}
.fold-chart-wrap .fold-top .title-area .title {gap: 2rem;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .title .item,
.fold-chart-wrap .fold-top .title-area .title .item {font-size: 1.6rem; font-weight: 500;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .title .desc,
.fold-chart-wrap .fold-top .title-area .title .desc {font-size: 1.2rem; color: #999AA9;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .right,
.fold-chart-wrap .fold-top .title-area .right {position: absolute; top: 50%; right: 3rem; transform: translateY(-50%);font-size: 1.2rem; color: #666666; display: flex; align-items: center; gap: 1rem;}

.sec-tab-metal .tab-metal-wrap.closing-price .tab-cont .tab-cont-top .title-area .right *,
.fold-chart-wrap .fold-top .title-area .right * {color: inherit;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .right .exchange-rate,
.fold-chart-wrap .fold-top .title-area .right .exchange-rate {display: flex; gap: 0.4rem; font-size: 1.2rem; color: #999AA9;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .right .exchange-rate .num,
.fold-chart-wrap .fold-top .title-area .right .exchange-rate .num {font-size: inherit; font-weight: 500; color: #000000;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .right .exchange-rate .unit,
.fold-chart-wrap .fold-top .title-area .right .exchange-rate .unit {margin: 0; font-size: inherit; color: inherit;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .right .btn-standard-price,
.fold-chart-wrap .fold-top .title-area .right .btn-standard-price {position: relative; width: 2.6rem; height: 2.6rem; border-radius: 0.3rem; border: 1px solid #DEDEDE; background: #fff;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .right .btn-standard-price::after,
.fold-chart-wrap .fold-top .title-area .right .btn-standard-price::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0); transition: 0.3s; width: 1.2rem; height: 1.2rem; background: url(/images/ma/standard-price-cea57bf817af0a7e628db91dd00e0ae2.png) no-repeat center;;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .title-area .right .btn-standard-price:hover::after,
.fold-chart-wrap .fold-top .title-area .right .btn-standard-price:hover::after {transform: translate(-50%, -50%) rotate(1200deg);}


.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .region-price-info,
.fold-chart-wrap .fold-btm .region-price-info {display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.8rem 3rem 2.2rem;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .region-price-info .region,
.fold-chart-wrap .fold-btm .region-price-info .region {display: flex; align-items: flex-start; justify-content: space-between;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .region-price-info .region:nth-child(2) .detail-list-title,
.fold-chart-wrap .fold-btm .region-price-info .region:nth-child(2) .detail-list-title {padding-left: 1rem;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .region-price-info .detail-list-title,
.fold-chart-wrap .fold-btm .region-price-info .detail-list-title {width: 10rem; font-size: 1.2rem;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .region-price-info .detail-list,
.fold-chart-wrap .fold-btm .region-price-info .detail-list {display: flex; justify-content: space-between; gap: 0 3rem; width: auto;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .region-price-info .detail-list ul li,
.fold-chart-wrap .fold-btm .region-price-info .detail-list ul li {width: 20rem;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .region-price-info .detail-list ul li:first-child,
.fold-chart-wrap .fold-btm .region-price-info .detail-list ul li:first-child {padding-bottom: 1rem; border-bottom: 1px solid #F1F4F6;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .region-price-info .detail-list ul li:last-child,
.fold-chart-wrap .fold-btm .region-price-info .detail-list ul li:last-child {margin-bottom: 0;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-top .region-price-info .detail-list ul li .val,
.fold-chart-wrap .fold-btm .region-price-info .detail-list ul li .val {color: #000;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm {display: flex; align-items: stretch; gap: 2rem; height: 39.8rem; margin-top: 2rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .chart-wrap {width: 86rem; padding: 2rem; border: 1px solid #E9EDEF; border-radius: 1.5rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .chart-wrap .rcharts-wrap {width: 100% !important;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .chart-wrap .rcharts-wrap #chartHolder {height: 295px !important;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-wrap {width: 32rem;}

.rcharts-wrap .top {border-top: none !important;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box {border: 1px solid #999AA9; border-radius: 1.5rem; overflow: hidden;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price {background: #999AA9;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box.price-up {border-color: #DF3036;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box.price-down {border-color: #1D5FD0;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box.price-up .current-price {background: #DF3036;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box.price-down .current-price {background: #1D5FD0;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price {display: block; height: 20rem; padding: 2rem 0 0; text-align: center; color: #FFFFFF !important;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price > p.flex-ac-jsb {padding: 0 3rem;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price * {color: #FFFFFF !important; font-size: inherit; font-weight: inherit;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price p:not(.price) > *,
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price p:not(.gap-info) > *,
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price p.desc {font-size: 1.2rem; font-weight: 400; opacity: 0.7;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price .price {margin: 3rem auto 1.5rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price .price > * {font-size: 3.4rem !important; font-weight: 500 !important; opacity: 1 !important;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price .gap-info {display: flex; align-items: center; justify-content: center; gap: 0.9rem; margin-bottom: 2.5rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price .gap-info > * {font-size: 1.4rem !important; font-weight: 500 !important;  opacity: 1 !important;}

.gap-info .gap-price {display: flex; align-items: center;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .current-price .gap-info .gap-price::before,
.gap-info .gap-price::before {display: none; content: ''; width: 0; height: 0; margin-right: 0.9rem; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box.price-up .current-price .gap-info .gap-price::before {display: inline-block; border-bottom: 0.6rem solid #FFFFFF;}
.price-up .gap-price::before {display: inline-block; border-bottom: 0.6rem solid #E30505;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box.price-down .current-price .gap-info .gap-price::before {display: inline-block; border-top: 0.6rem solid #FFFFFF;}

.price-down .gap-price::before {display: inline-block; border-top: 0.6rem solid #124CBE;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .price-list {padding: 1.5rem 3rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .price-list .detail-list ul {display: block;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .price-list .detail-list li {margin-bottom: 1.4rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .price-list .detail-list li * {font-size: 1.4rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .price-list .detail-list li .tit {color: #999AA9;}
.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-box .price-list .detail-list li .val {color: #7B7B7B;}

.sec-tab-metal .tab-metal-wrap .tab-cont .tab-cont-btm .price-info-wrap .btns-wrap {margin-top: 2rem;}
.sec-tab-metal .tab-metal-wrap .tab-cont .btns-wrap .btn-realtime-price {width: 22rem; margin-top: 4rem;}

.chart-wrap .chart-graph-area .scopi-info {margin-top:1.2rem; font-size:1.2rem; color:#999aa9}
.chart-wrap .chart-graph-area .scopi-info strong {color:#999aa9}



/* [메인 리뉴얼] 주요뉴스 */
.sec-news {padding-top: 8rem;}
.sec-news .title-wrap {text-align: left;}
.sec-news .title-wrap {margin-bottom: 2rem;}
.sec-news .news-box .title-wrap {margin-bottom: 1.5rem;}

.sec-news .news-box-wrap {border: 1px solid #E9EDEF; border-radius: 1.5rem;}
.sec-news .news-box-wrap .news-box {position: relative; width: 40rem; height: 26rem; padding: 3rem; border-right: 1px solid #E9EDEF; overflow: hidden;}
.sec-news .news-box-wrap .news-box.latest-news {width: 80rem;}
.sec-news .news-box-wrap .news-box.latest-news,
.sec-news .news-box-wrap .news-box.youtube {height: 28.4rem; border-top: 1px solid #E9EDEF;}
.sec-news .news-box-wrap .news-box:last-child {border-right: 0;}
.sec-news .news-box-wrap .news-box:not(.metalworld) a {display: block; width: 100%; height: 100%; transition: 0.3s;}
.sec-news .news-box-wrap .news-box:not(.latest-news) .news-cont .tit {display: block; height: 4.7rem; overflow:hidden; font-size: 1.6rem; line-height: 1.5; font-weight: 500; word-break: keep-all;}
.sec-news .news-box-wrap .news-box:not(.latest-news):hover .news-cont .tit {color: #1D5FD0;}
.sec-news .news-box-wrap .news-box .news-cont .txt {height: 3.6rem; overflow:hidden; margin-top: 1.5rem; font-size: 1.2rem; line-height: 1.5; color:#7B7B7B; word-break: keep-all;}
.sec-news .news-box-wrap .news-box:not(.latest-news) .news-cont .date {position: absolute; bottom: 3rem; left: 3rem; font-size: 1.2rem; color: #999AA9;}

.sec-news .news-box-wrap .news-box.metalworld {padding: 0; border-right: 0;}
.sec-news .news-box-wrap .news-box.metalworld .title-wrap {padding: 3rem 3rem 0;}
.sec-news .news-box-wrap .news-box.metalworld .news-cont {height: 20.1rem;}
.sec-news .news-box-wrap .news-box.metalworld .metalworld-slide-wrap {width: 100%; max-width: 40rem;/*max-width: 34rem;*/; height: 100%; overflow: hidden;}
.sec-news .news-box-wrap .news-box.metalworld .metalworld-slide-wrap .swiper-slide {align-items: flex-start; justify-content: flex-start;}
.sec-news .news-box-wrap .news-box.metalworld .metalworld-slide-wrap .swiper-slide a {display: flex; justify-content: flex-start; gap: 2rem; width: 100%; height: 100%; padding: 0 3rem;}
.sec-news .news-box-wrap .news-box.metalworld .metalworld-slide-wrap .swiper-slide .metalworld-img {width: 10rem; height: 13.8rem;}
.sec-news .news-box-wrap .news-box.metalworld .metalworld-slide-wrap .swiper-slide .metalworld-cont {flex:1; text-align: left;}

.sec-news .news-box-wrap .news-box.latest-news .news-cont .detail-list ul li .tit {width: calc(100% - 10rem); color: #000000;}
.sec-news .news-box-wrap .news-box.latest-news .news-cont .detail-list ul li .tit a {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.sec-news .news-box-wrap .news-box.latest-news .news-cont .detail-list ul li .date {width: 8rem; text-align: right;}

.sec-news .news-box-wrap .news-box .btn-view-more {position: absolute; bottom: 3rem; right: 3rem; width: 1.5rem; height: 1.2rem; background: url(/images/ma/view-more-sm-06d62ec6816fe95617469071033698bd.png) no-repeat center; transition: 0.3s;}
.sec-news .news-box-wrap .news-box:hover .btn-view-more {right: 2.5rem;}

.sec-news .news-box-wrap .news-box.latest-news .detail-list {border-top: 1px solid #2E3D59;}
.sec-news .news-box-wrap .news-box.latest-news .detail-list ul li {align-items: center; height: 4.7rem; margin-bottom: 0; border-bottom: 1px solid #F1F4F6;}
.sec-news .news-box-wrap .news-box.latest-news .detail-list ul li a {line-height: 4.7rem;}

.sec-news .news-box-wrap .news-box.youtube .video,
.sec-news .news-box-wrap .news-box.youtube .thumnail {position: relative; width: 33.8rem; height: 19rem; overflow: hidden;}
.sec-news .news-box-wrap .news-box.youtube .thumnail img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; object-fit: cover;}
.sec-news .news-box-wrap .news-box.youtube .video .link {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer; background: rgba(0, 0, 0, 0); transition: 0.3s;}
.sec-news .news-box-wrap .news-box.youtube .video .link:hover {background: rgba(0, 0, 0, 0.5);}
.sec-news .news-box-wrap .news-box.youtube .video iframe {width: 100%; height: 100%;}

.sec-news .news-box-wrap .news-box .swiper .btn-arrow {position: absolute; z-index: 1; width: 2.4rem; height: 2.4rem;}
.sec-news .news-box-wrap .news-box .swiper .btn-arrow.prev {background: url(/images/ma/magazine-prev-1f0e0a3bb775733c5e2a4b5134722c32.png) no-repeat center;}
.sec-news .news-box-wrap .news-box .swiper .btn-arrow.next {background: url(/images/ma/magazine-next-46f3150b2ec379cf49cbd3d8dbb24b2c.png) no-repeat center;}

.sec-news .news-box-wrap .news-box.metalworld .swiper.metalworld-slide-wrap .btn-arrow {bottom: 6rem}
.sec-news .news-box-wrap .news-box.metalworld .swiper.metalworld-slide-wrap .btn-arrow.prev {left: 15rem;}
.sec-news .news-box-wrap .news-box.metalworld .swiper.metalworld-slide-wrap .btn-arrow.next {left: 17.5rem;}

.sec-news .news-box-wrap .news-box.youtube .swiper.youtube-slide-wrap .btn-arrow {top: 2.5rem; }
.sec-news .news-box-wrap .news-box.youtube .swiper.youtube-slide-wrap .btn-arrow.prev {right: 5.5rem;}
.sec-news .news-box-wrap .news-box.youtube .swiper.youtube-slide-wrap .btn-arrow.next {right: 3rem;}



/* [메인 리뉴얼] SUB BANNER */
.sec-sub-banner {padding-top: 8rem;}

.sub-banner-wrap {position: relative; width: 100% !important; overflow: hidden !important;}
.sub-banner-wrap .swiper-slide {width: 100%; height: 23rem; margin: auto; overflow: hidden;}
.sub-banner-wrap .swiper-slide a {display: block; width: 100%; height: 100%;}
.sub-banner-wrap .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.sec-sub-banner .pagination {position:absolute; top: 12rem; bottom: auto; z-index: 1; text-align: center;}
.sec-sub-banner .pagination .swiper-pagination-bullet {width: 0.5rem; height: 0.5rem; margin: 0 0.2rem; background: #FFFFFF; opacity: 0.3;}
.sec-sub-banner .pagination .swiper-pagination-bullet-active {opacity: 1;}



/* [메인 리뉴얼] 원자재 캘린더 */
.sec-calendar {min-height: 61.1rem; padding-bottom: 7rem;}

.sec-calendar .title-wrap {margin-bottom: 2rem; text-align: left;}
.sec-calendar .title-wrap .heading .cal-month {font-size: inherit; font-weight: inherit; color: inherit;}

.calendar-wrap .cal-boxes {display: flex; flex-wrap: wrap; gap: 2rem; height: 43.6rem;}
.calendar-wrap .cal-box {position: relative; width: 28.5rem; height: 20.8rem; padding: 3rem; border-radius: 1.5rem; background: #F5F5F5;}

.calendar-wrap .cal-box .cal-header {display: flex; align-items: center; justify-content: space-between;}

.calendar-wrap .cal-box .cal-header .date {font-size: 1.8rem; font-weight: 500;}
.calendar-wrap .cal-box .cal-header .week {font-size: 1.8rem; font-weight: 500; color: #999AA9;}
.calendar-wrap .cal-box .cal-header .today {display: none; font-size: 1.8rem; font-weight: 600; color: #0742A8;}

.calendar-wrap .cal-box .cal-body {margin-top: 2rem;}
.calendar-wrap .cal-box .cal-body .btn-cal-more {margin-top: 2rem;  color: #1D5FD0; background: none;}

.calendar-wrap .schedule li {display: flex; align-items: center; gap: 1rem; margin-bottom: 0.8rem;}
.calendar-wrap .schedule li:last-child {margin-bottom: 0;}

.calendar-wrap .schedule li .nation-img {width: 3rem; height: 2rem; overflow: hidden;}
.calendar-wrap .schedule li .nation-img img {width: 100%; object-fit: cover;}

.calendar-wrap .schedule li .desc {max-width: calc(100% - 4rem); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.calendar-wrap .btns-wrap {margin-top: 2.5rem;}
.calendar-wrap .btns-wrap .btn-arrow {width: 9.5rem; height: 4rem; color: #59636F; font-weight: 500; transition: 0.3s;}
.calendar-wrap .btns-wrap .btn-arrow:hover {color: #1D5FD0;}
.calendar-wrap .btns-wrap .btn-arrow::before,
.calendar-wrap .btns-wrap .btn-arrow::after {display: none !important;}
.calendar-wrap .btns-wrap .btn-cal-prev {padding-left: 4.5rem; background: url(/images/ma/mn-cal-prev-a18ffd000435c8d1b38b24bff748c951.png) no-repeat left center;}
.calendar-wrap .btns-wrap .btn-cal-next {padding-right: 4.5rem; background: url(/images/ma/mn-cal-next-544471e818989d994387fe400fc6339e.png) no-repeat right center;}

.calendar-wrap .cal-box.today .cal-header .today {display: block;}

.calendar-wrap .cal-box.weekend .cal-header .date,
.calendar-wrap .cal-box.weekend .cal-header .week,
.calendar-wrap .cal-box.holiday .cal-header .date,
.calendar-wrap .cal-box.holiday .cal-header .week,
.calendar-wrap .cal-box.weekend .schedule li .desc,
.calendar-wrap .cal-box.holiday .schedule li .desc {color: #EA4941 !important;}

.calendar-wrap .cal-box.more {cursor: pointer;}

.cal-more-popup {display: none; position: absolute; top: calc(100% - 3rem); left: 0; right: 0; z-index: 1; width: 28.5rem; padding: 3rem; border-radius: 1.2rem; overflow: hidden; background: #EDF9FF; box-shadow: 0 4px 10px rgba(0,0,0,0.15)}
.calendar-wrap .cal-box.more:hover .cal-more-popup {display: block;}



/* [메인 리뉴얼] 비철금속 ONE-STOP 서비스 */
.sec-player {position: relative; padding: 8rem 0; border-top: 1px solid #E9EDEF;}

.sec-player .player {width: 100rem; height: 56rem; margin: 4rem auto 0;}
.sec-player .player video {width: 100rem; height: 56rem; object-fit: cover; margin: auto;}

.sec-player .btns-wrap {gap: 2rem; margin-top: 4rem;}
.sec-player .btns-wrap button {width: 19rem;}

.sec-player .full-player-wrap {display:none; position: fixed; top: 50%; transform: translateY(-50%); bottom: auto; left: 0; right: 0; width: 100%; z-index: 9;}
.sec-player .full-player-wrap .full-players {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 90%; max-width: 120rem; min-width: 90rem; /*height: 61vh; max-height: 67.5rem; */margin: auto; z-index: 2;}
.sec-player .full-player-wrap .full-players .full-player {display: none; width: 100%; height: 100%; object-fit: cover;}
.sec-player .full-player-wrap .full-players .full-player.active {display: block;}
.sec-player .full-player-wrap .mask {position:fixed; top:0; left: 0; right: 0; bottom:0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5); z-index: 1;}
.sec-player .full-player-wrap .btn-full-player-close {position: absolute; top: -4rem; right: 0; cursor:pointer; line-height: 0; transition: 0.4s ease;}
.sec-player .full-player-wrap .btn-full-player-close:hover {transform: rotate(720deg);}

/* [메인 리뉴얼] 풀영상 팝업 클릭시 body scrpll > 비활성화 */
.disable-scroll2 {overflow:hidden !important; touch-action:none;}



/* [메인 리뉴얼] ABOUT SORIN CORPORATION */
.sec-about.kzt {height: 57.2rem; background: url(/images/ma/about-kzt-bg-2165830ad08ab341587441ccdb1669c7.png) no-repeat center;}
.sec-about.kzt * {color: #FFFFFF;}

.sec-about .inwrap {position: relative; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}

.sec-about .title-wrap {text-align: left;}
.sec-about .title-wrap .heading {font-size: 5rem; line-height: 1.2;}
.sec-about.kzt .title-wrap .heading {margin-top: 1rem;}

.sec-about .description {font-size: 1.8rem; line-height: 1.88;}
.sec-about.kzt .description {margin: 3.2rem 0 4rem;}
.sec-about.sinl .description {margin: 4.8rem 0 4.5rem;}

.sec-about .btn-view-more {position: relative; z-index: 1; padding-right: 4rem; font-size: 1.6rem; line-height: 4rem; font-weight: 600;}
.sec-about .btn-view-more::before {opacity: 0 !important; content: ""; position: absolute; top: 50%; right: 2rem; z-index: -1; transform: translateY(-50%); width: 4rem; height: 4rem; background: #c4daff; opacity: 0.6; border-radius: 50%; transition: 0.3s;}
.sec-about .btn-view-more::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2.9rem; height: 1.7rem; background: url(/images/ma/view-more-wt-ba4b2142e894f6558652e153ff5405a0.png) no-repeat center; transition:0.3s;}
.sec-about .btn-view-more:hover::before {opacity: 0.6 !important; right: -2rem; transform: translateY(-50%);}



/* [메인 리뉴얼] ABOUT SINL */
.sec-about.sinl {height: 50rem;}

.sec-about.sinl .title-wrap .heading {margin: 1rem 0 0.8rem}
.sec-about.sinl .title-wrap .subheading {font-weight: 600;}

.sec-about.sinl .description {color: #7B7B7B;}

.sec-about.sinl .btn-view-more {display: flex; align-items: center; justify-content: center; gap: 1rem; min-height: 4rem; color: #000000;}
.sec-about.sinl .btn-view-more::after {background: url(/images/ma/view-more-bk-4996b68f7b8164f3871f3a2e6b63a244.png) no-repeat center;}

.sec-about.sinl .img {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}



/* [메인 리뉴얼] 주요 제휴 및 협력사 */
.sec-partners {padding: 8rem 0; border-top: 1px solid #E9EDEF;}
.partners-list {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.partners-list li {display: flex; align-items: center; justify-content: center; width: 24rem; height: 10rem; border: 1px solid #E9EDEF; border-right: 0;}
.partners-list li img {}
.partners-list li:nth-child(5n) {border: 1px solid #E9EDEF;}
.partners-list li:nth-child(n+6) {border-top: none;}

.landing-partner .partners-list {opacity: 0;transform: translateY(5rem);transition: 1s;transition-delay: 1s;}
.landing-partner.active .partners-list {opacity: 1;transform: translateY(0);}



/* 24.08.14 | KZ TRADING 사명 변경 안내 페이지 */
.notice-kzt-wrap {width: 100%; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; background: url(/images/et/notice-kzr-bg-87ce3e3f0fa051682b04688333db90c9.png) no-repeat center; background-size: cover;}
.notice-kzt-wrap .inner {position: relative; min-width: 96rem; margin: auto;}
.notice-kzt-wrap h2 {margin: 5rem auto 3.5rem; font-size: 4rem; font-weight: 500;}
.notice-kzt-wrap h2 strong {font-size: inherit; color: #0C6DB9; font-weight: 600;}

.notice-kzt-wrap p {margin-bottom: 3rem; font-size: 1.8rem; color: #444444; line-height: 1.66;}
.notice-kzt-wrap p:last-child {margin-bottom: 0;}
.notice-kzt-wrap p strong {font-size: inherit; color: #FF6600; font-weight: 500; line-height: inherit;}

.notice-kzt-wrap .tbl-compare-logo {margin-top: 4rem;}
.notice-kzt-wrap .tbl-compare-logo table {width: 80rem; margin: 0 auto; text-align: center; border-top: 2px solid #000;}
.notice-kzt-wrap .tbl-compare-logo table tr {border-bottom: 1px solid #E5E5E5;}
.notice-kzt-wrap .tbl-compare-logo table tr th,
.notice-kzt-wrap .tbl-compare-logo table tr td {vertical-align: middle; border-right: 1px solid #E5E5E5;}

.notice-kzt-wrap .tbl-compare-logo table tr th:last-child,
.notice-kzt-wrap .tbl-compare-logo table tr td:last-child {border-right: none;}

.notice-kzt-wrap .tbl-compare-logo table tr th {height: 5rem; font-size: 1.4rem; font-weight: 500;}
.notice-kzt-wrap .tbl-compare-logo table tr td {height: 10rem;}

.notice-kzt-wrap .btn-wrap {margin-top: 6rem; display: flex; align-items: center; justify-content: center; gap: 2rem;}
.notice-kzt-wrap .btn-wrap a[class^='btn-'] {width: 24rem; height: 6rem; margin: 0; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 500; border: 1px solid; border-radius: 0.6rem; transition: 0.2s;}
.notice-kzt-wrap .btn-wrap .btn-down-certi {color: #2E3D59; border-color: #2E3D59; background: #FFFFFF;}
.notice-kzt-wrap .btn-wrap .btn-go-kzt {color: #FFFFFF; border-color: #2E3D59; background: #2E3D59;}
.notice-kzt-wrap .btn-wrap .btn-down-certi:hover,
.notice-kzt-wrap .btn-wrap .btn-go-kzt:hover {color: #FFFFFF; border-color: #202a3d; background: #202a3d;}



/* 24.08.21 | 상품검색 > 상단 차트 영역 신규(.fold-top-chart-wrap) */
.container em {font-style: normal;}
.sec-fold-chart {padding-top: 6rem; padding-bottom: 0.5rem;}

.fold-chart-wrap {width: 100%; border: 1px solid #E9EDEF; border-radius: 1.5rem; overflow: hidden;}

.fold-chart-wrap .fold-top {border-bottom: 1px solid #E9EDEF;}
.fold-chart-wrap .fold-btm {/* border-top: 1px solid #E9EDEF; */}

.fold-chart-wrap .fold-cont .scopi-info {margin-top: 1.7rem;}
.fold-chart-wrap .fold-cont {display: none; height: 45rem; padding: 1rem 3rem; border-bottom: 1px solid #E9EDEF;}

.fold-chart-wrap .fold-top .title-area .right .btn-chart-active {width: 8rem; height: 2.6rem; font-size: 1.2rem; color: #000; border-radius: 0.3rem; border: 1px solid #DEDEDE; background: #fff; padding-left: 1.5rem; background: url(/images/pd/bnt-chart-active-b3c5283e36527a8d4b32e96b5e58f099.png) no-repeat 0.8rem center; transition: 0.3s;}
.fold-chart-wrap .fold-top .title-area .right .btn-chart-active:hover,
.fold-chart-wrap.active .btn-chart-active {background: url(/images/pd/bnt-chart-active2-5d5b44d973178f49b617b79cbe497740.png) no-repeat 0.8rem center !important;}
.fold-chart-wrap .fold-top .price-info-box {min-height: 8.7rem; padding: 0 3rem; display: flex; align-items: center; justify-content: space-between;}
.fold-chart-wrap .fold-top .price-info-box .current-price {display: flex; align-items: center; gap: 2rem;}
.fold-chart-wrap .fold-top .price-info-box .current-price .price {display: flex; align-items: center; gap: 1rem; font-size: 2.8rem; font-weight: 500;}
.fold-chart-wrap .fold-top .price-info-box .current-price .price *,
.price-info-box .price-list .detail-list ul li * {font-size: inherit; font-weight: inherit;}
.fold-chart-wrap .fold-top .price-info-box .current-price .price .unit {font-size: 1.4rem; font-weight: 400; color: #7B7B7B;}

.fold-chart-wrap .fold-top .price-info-box .current-price .gap-info {display: flex; align-items: center; gap: 1rem;}

.price-info-box .price-list .detail-list ul {display: flex; align-items: center; gap: 4.5rem;}
.price-info-box .price-list .detail-list ul li {margin: 0; font-size: 1.4rem; font-weight: 500;}
.price-info-box .price-list .detail-list ul li .tit {margin-right: 2rem; font-weight: 400 !important; color: #7B7B7B !important;}



/* ::::: 24.08 | [가단가구매] 결제상세 bottomsheet(.tentative-price.layout1) ::::: */
/* 결제상세 bottomsheet(.tentative-price.layout1) > 가격 정보 영역 */
.board .exchange-rate,
.dashboard .exchange-rate {display: flex; gap: 0.4rem; font-size: 1.2rem; color: #999AA9;}

.board .exchange-rate .num,
.dashboard .exchange-rate .num {font-size: inherit; font-weight: 500; color: #000000;}

.board .exchange-rate .unit,
.dashboard .exchange-rate .unit {margin: 0; font-size: inherit;color: inherit;}

/* 결제상세 bottomsheet(.tentative-price.layout1) > 가격 정보 영역 */
.bottomsheet.tentative-price.layout1 .dashboard.price-info-box *:not(.title) {font-size: 1.2rem;}
.bottomsheet.tentative-price.layout1 .dashboard.price-info-box .dashboard-header {display: flex; align-items: center; justify-content: space-between;}
.bottomsheet.tentative-price.layout1 .dashboard.price-info-box .current-price {display: flex; align-items: center; gap: 3.5rem;}
.bottomsheet.tentative-price.layout1 .dashboard.price-info-box .gap-info {display: flex; align-items: center; gap: 1rem;}
.bottomsheet.tentative-price.layout1 .dashboard.price-info-box .current-price .price {display: flex; align-items: center; gap: 0.4rem;}
.bottomsheet.tentative-price.layout1 .dashboard.price-info-box .current-price .price .num {font-size: 1.4rem; font-weight: 600;}
.bottomsheet.tentative-price.layout1 .dashboard.price-info-box .current-price .price .unit {color: #999AA9;}
.bottomsheet.tentative-price.layout1 .dashboard.price-info-box .dashboard-body {height: 5rem; padding: 1.9rem; display: flex; align-items: center; justify-content: space-between;}
.bottomsheet.tentative-price.layout1 .dashboard.price-info-box .price-list .detail-list ul {gap: 4rem;}

.bottomsheet.tentative-price.layout1 .dashboard.tentative-price .dashboard-body {min-height: 30rem; padding: 1.9rem;}


/* ::::: 24.11.06 | 결제상세 bottomsheet > 변동금 정책 안내 및 시뮬레이션(.dashboard.tentative-price) ::::: */
.dashboard.tentative-price .sub-title {color: #000;}
.dashboard.tentative-price .meter-wrap {position: relative; width: 41rem; height: 19rem; margin: 3rem auto 3.3rem;}
.dashboard.tentative-price .meter-wrap #meterCanvas {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.dashboard.tentative-price .meter-wrap .meter-center {position: relative; left: 50%; transform: translateX(-50%); width: 29rem; height: 100%; display: flex; justify-content: center; overflow: hidden;}
.dashboard.tentative-price .meter-wrap .meter-center .arrow {position: absolute; bottom: 0.2px; transform: translate(-50%) rotate(0deg); transform-origin: bottom right; height: 1px; width: 117px; background: #000; transition: 0.8s ease-in-out; transition-delay: 0.3s;}
.dashboard.tentative-price .meter-wrap .meter-center .arrow::after {content: ""; position: absolute; bottom: 0; z-index: 1; transform: translate(-100%, 5px); width: 25px; height: 10px; background: url(/images/pd/meter-arrow-3879fc1f7ac0352626cbf1a60fedaca4.png) no-repeat center; background-size: contain;}
.dashboard.tentative-price .meter-wrap .meter-center .price {position: absolute; bottom: 0; width: 24rem; height: 12rem; padding-top: 6.5rem;  display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; font-size: 2.4rem; font-weight: 600; color: #000; background: url(/images/pd/meter-center-bg-c1778e72a73e638a61ae0325a498a428.png) no-repeat center; box-sizing: border-box;}
.dashboard.tentative-price .meter-wrap .meter-center .price .title {position: absolute; top: 4.6rem; left: 50%; transform: translateX(-50%); font-size: 1.4rem; font-weight: 600; color: #666666; text-align: center;}

.dashboard.tentative-price .meter-wrap .meter-center .arrow.range1 {transform: translate(-50%) rotate(33.75deg);} /* 45 - 11.25  */
.dashboard.tentative-price .meter-wrap .meter-center .arrow.range2 {transform: translate(-50%) rotate(78.75deg);} /* 45 + 22.5 + 11.25 */
.dashboard.tentative-price .meter-wrap.thirds .meter-center .arrow.range3 {transform: translate(-50%) rotate(135deg);}  /* 90 + 45 */
.dashboard.tentative-price .meter-wrap.quarters .meter-center .arrow.range3 {transform: translate(-50%) rotate(112.5deg);} /* (90 + 45) - 22.5 */
.dashboard.tentative-price .meter-wrap.quarters .meter-center .arrow.range4 {transform: translate(-50%) rotate(157.5deg);} /* (90 + 45) + 22.5 */

.dashboard.tentative-price .meter-wrap .legend-area {margin-top: 2.2rem; display: flex; align-items: center; justify-content: center; gap: 4rem;}
.dashboard.tentative-price .meter-wrap .legend-area .label {position: relative; padding-left: 2rem; font-size: 1.2rem; color: #666666; font-weight: 500;}
.dashboard.tentative-price .meter-wrap .legend-area .label .label-bg {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1.4rem; height: 1.4rem; border-radius: 0.3rem;}

.dashboard.tentative-price .meter-wrap .price-area .price {position: absolute; transform: translateX(-50%); font-size: 1.2rem; color: #394354; font-weight: 500;}

.dashboard.tentative-price .meter-wrap .price0 {top: 94%; left: -0.2rem;}
.dashboard.tentative-price .meter-wrap.thirds .price1 {top: -1rem; left: calc(50% - 10rem);}
.dashboard.tentative-price .meter-wrap.thirds .price2 {top: -2.7rem; left: 50%;}
.dashboard.tentative-price .meter-wrap.thirds .price3 {display: none;}

.dashboard.tentative-price .meter-wrap.quarters .price1 {top: -1rem; left: calc(50% - 10rem);}
.dashboard.tentative-price .meter-wrap.quarters .price2 {top: -2.5rem; left: 50%;}
.dashboard.tentative-price .meter-wrap.quarters .price3 {top: 3rem; left: calc(50% + 16rem); right: -1.5rem;}
.dashboard.tentative-price .meter-wrap.quarters .price4 {top: 94%; left: 100%; transform: unset; /*left: calc(100% + 2.4rem);*/}

.dashboard.tentative-price .tbl-wrap table {width: 100%; border-top: 1px solid #000;}
.dashboard.tentative-price .tbl-wrap table thead th {text-align: center;}
.dashboard.tentative-price table .center {text-align: center !important;}
.dashboard.tentative-price .tbl-wrap th,
.dashboard.tentative-price .tbl-wrap td {height: 4.1rem; vertical-align: middle; font-size: 1.2rem; font-weight: 400; border-bottom: 1px solid #DEDEDE;}
.dashboard.tentative-price .tbl-wrap th {padding: 0 1rem; text-align: left; color: #777; background: #EAEAEA;}
.dashboard.tentative-price .tbl-wrap td {padding: 0 3rem; text-align: right; color: #000;}
.dashboard.tentative-price .tbl-wrap input {width: 100%; height: 2.6rem; line-height: 2.6rem; font-size: 1.2rem; text-align: right;}
.dashboard.tentative-price .tbl-wrap input::placeholder {font-size: 1.2rem; text-align: center; color: #666666; letter-spacing: -0.02rem;}

.dashboard.tentative-price .calc-tbl-wrap .bg1.active {background:  #20CBC2 !important; color: #FFFFFF !important; font-weight: 500;}
.dashboard.tentative-price .calc-tbl-wrap .bg2.active {background:  #40B2E6 !important; color: #FFFFFF !important; font-weight: 500;}
.dashboard.tentative-price .calc-tbl-wrap .bg3.active {background:  #074D81 !important; color: #FFFFFF !important; font-weight: 500;}
.dashboard.tentative-price .calc-tbl-wrap .bg4.active {background:  #EA4941 !important; color: #FFFFFF !important; font-weight: 500;}
.dashboard.tentative-price .calc-tbl-wrap .bg5.active {background:  #FEC006 !important; color: #FFFFFF !important; font-weight: 500;}
.dashboard.tentative-price .calc-tbl-wrap .total {color: #000000 !important;}

.dashboard.tentative-price .valiable-wrap .sub-title {position: relative; color: #000000; padding: 0;}
.dashboard.tentative-price .valiable-wrap .valiable-notice {margin-top: 3rem; margin-bottom: 2rem;}
.dashboard.tentative-price .valiable-wrap .valiable-notice ul {padding: 1.5rem 1rem; border-top: 1px solid #000; border-bottom: 1px solid #DEDEDE;}

.dashboard.tentative-price .valiable-wrap .valiable-policy .policy-tbl-wrap th,
.dashboard.tentative-price .valiable-wrap .valiable-policy .policy-tbl-wrap td {border-right: 1px solid #DEDEDE;}
.dashboard.tentative-price .valiable-wrap .valiable-policy .policy-tbl-wrap th:last-child,
.dashboard.tentative-price .valiable-wrap .valiable-policy .policy-tbl-wrap td:last-child {border-right: 0;}
.dashboard.tentative-price .valiable-wrap .valiable-policy .policy-tbl-wrap th {color: #666666; background: #F5F5F5;}
.dashboard.tentative-price .valiable-wrap .valiable-policy .policy-tbl-wrap td {padding: 0 2rem;}

.dashboard.tentative-price .calc-tbl-wrap {position: relative;}
.dashboard.tentative-price .calc-tbl-wrap .btn-calc {width: 11rem; height: 2.4rem; position: absolute; top: -2.8rem; right: 0;}
.dashboard.tentative-price .btn-simulation {width: 14rem; height: 4rem; font-size: 1.4rem; font-weight: 500; background: #1D5FD0; border-radius: 0.6rem;}
.dashboard.tentative-price .btn-simulation:hover {background-color: #1953b7 !important;}

.dot-list li {position: relative; margin-bottom: 0.8rem; padding-left: 1rem; font-size: 1.2rem; color: #777; line-height: 1.4;}
.dot-list li:last-child {margin-bottom: 0;}
.dot-list li::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.2rem; height: 0.2rem; background-color: #D9D9D9;}




/* ::::: 24.08 | [가단가구매] 단가 확정하기 bottomsheet(.tentative-price.layout2) ::::: */
/* 단가 확정하기 bottomsheet(.tentative-price.layout2):: Common Style */
.bold,
.bold * {font-weight: 500 !important;}

.table-wrap.round table {width: 100%; text-align: center;}
.table-wrap.right table td {text-align: right;}

.table-wrap.round table thead tr {background: #F5F5F5;}
.table-wrap.round table thead tr th:first-child {border-radius: 0.6rem 0 0 0.6rem;}
.table-wrap.round table thead tr th:last-child {border-radius: 0 0.6rem 0.6rem 0;}

.table-wrap.round table tbody tr {border-bottom: 1px solid #F1F4F6;}
.table-wrap.round table tr th,
.table-wrap.round table tr td {position: relative; height: 4rem; padding: 0 1rem; font-size: 1.2rem; vertical-align: middle;}
.table-wrap.round table tr th {color: #666666;}

.table-wrap.round table tfoot tr:first-child {border-top: 1px solid #000000;}

.label-n,
.label-y {display: inline-block; width: 5rem; line-height: 2rem; font-size: 1.2rem; font-weight: 500; text-align: center; border-radius: 0.3rem;}
.label-n {color: #FF6600; background: #FFECD5;}
.label-y {color: #008C43; background: #E3F6ED;}

.bottomsheet.tentative-price.layout2.active {top: auto; bottom: 0; height: calc(100vh - 5rem);}
.bottomsheet.tentative-price.layout2 * {font-size: 1.2rem; font-weight: 400;}
.bottomsheet.tentative-price.layout2 input::placeholder {color:#999AA9 !important; font-weight: 400 !important;}
.bottomsheet.tentative-price.layout2 [class^=btn]:disabled {background: #CACACA !important; cursor: not-allowed !important;}
.bottomsheet.tentative-price.layout2 .board .confirmed-y .tab-wrap .tab-title .tit {cursor: not-allowed !important;}

.bottomsheet.tentative-price.layout2 .center,
.bottomsheet.tentative-price.layout2 .center {text-align: center !important;}

.bottomsheet.tentative-price.layout2 [class^='confirmed-'] .w30px {display: inline-block;}
	
.bottomsheet.tentative-price.layout2 table .confirmed-y,
.bottomsheet.tentative-price.layout2 table .confirmed-y * {color: #008C43 !important;}

.bottomsheet.tentative-price.layout2 table .confirmed-n,
.bottomsheet.tentative-price.layout2 table .confirmed-n * {color: #FF6600 !important;}

.bottomsheet.tentative-price.layout2 .table-wrap.round table tr th,
.bottomsheet.tentative-price.layout2 .table-wrap.round table tr td {padding: 0 0.5rem;}

.bottomsheet.tentative-price.layout2 .table-wrap.round table tr td.kzc-interest span {position: relative; font-size: inherit; font-weight: inherit; color: inherit;}
.bottomsheet.tentative-price.layout2 .table-wrap.round table tr td.kzc-interest span::after {content: ""; position: absolute; top: 50%; right: -1.7rem; transform: translateY(-50%); width: 1.3rem; height: 1.3rem; background: url(/images/icon-i-blue-41e620ae285aaf5d34c1b04c34c40205.png) no-repeat center;}

.bottomsheet.tentative-price.layout2 {}
.bottomsheet.tentative-price.layout2 .modal-close .modal-x {background:url(/images/btn-x-bk-e01c8d05359d459e5122bec3677169f8.png) center no-repeat;}
.bottomsheet.tentative-price.layout2 .modal-content {max-height: calc(100vh - 5rem);}
.bottomsheet.tentative-price.layout2 .top-cont .title-area {margin-bottom: 1rem;}
.bottomsheet.tentative-price.layout2 .top-cont .title-area .title {font-size: 2rem; font-weight: 600;}

.bottomsheet.tentative-price.layout2 .order-detail-contents .order-detail-left {width: 79.5rem; display: flex; align-items: stretch; justify-content: stretch; flex-wrap: wrap; gap: 2rem;}
.bottomsheet.tentative-price.layout2 .order-detail-contents .order-detail-right {width: 38.5rem; display: flex; align-items: stretch; flex-wrap: wrap; gap: 2rem;}
.bottomsheet.tentative-price.layout2 .order-detail-contents .order-detail-right .board.settlement table td:nth-child(2),
.bottomsheet.tentative-price.layout2 .order-detail-contents .order-detail-right .board.settlement table td:nth-child(2) * {color: #000 !important;} /* 24.11.25 | 정산내역(예상) > 가단가 열: #000*/

.bottomsheet.tentative-price.layout2 .board {width: 100%; padding: 3.3rem 3rem 3rem; background: #ffffff; border-radius: 0.9rem;}
.bottomsheet.tentative-price.layout2 .order-detail-left .board .flex-afs-jsb {align-items: stretch !important;}
.bottomsheet.tentative-price.layout2 .board .half {position: relative; width: 35.2rem;}

.bottomsheet.tentative-price.layout2 .board .title-area {position: relative;}
.bottomsheet.tentative-price.layout2 .board .title-area .title {display: flex; align-items: center; gap: 1rem; margin-top: 0; font-size: 1.6rem; font-weight: 500;}
.bottomsheet.tentative-price.layout2 .board .confirm-singl-area .title-area {margin-bottom: 1.5rem;}
.bottomsheet.tentative-price.layout2 .board .confirm-singl-area .title-area .title {margin-bottom: 0;}

.bottomsheet.tentative-price.layout2 .board .title-area .right {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.bottomsheet.tentative-price.layout2 .board .title-area .right .val {display: flex; align-items: center; gap: 0.4rem; font-size: 1.6rem;}
.bottomsheet.tentative-price.layout2 .board .title-area .right .val .num {font-size: inherit; font-weight: 500; color: #666666;}
.bottomsheet.tentative-price.layout2 .board .title-area .right .val .unit,
.bottomsheet.tentative-price.layout2 .detail-list li .val .unit {font-size: inherit; font-weight: 400; color: #999AA9 !important;}
.bottomsheet.tentative-price.layout2 .detail-list li .val .num {font-size: inherit; font-weight: 500; color: #000000 !important;}

.bottomsheet.tentative-price.layout2 .pop-premium .promotion.payback .val .num {color: #1D5FD0 !important;}
.bottomsheet.tentative-price.layout2 .pop-premium .promotion.discount .val .num {color: #037869 !important;}
.bottomsheet.tentative-price.layout2 .pop-premium .detail-list .val .unit {color: #666 !important; font-weight: 400;}


/* 단가 확정하기 bottomsheet(.tentative-price.layout2) > .board.realtime(실시간 LME/ 실시간 환율) */
.bottomsheet.tentative-price.layout2 .board .chart-wrap {position: relative; width: 100%; height: 20rem; /*border: 1px solid #ededed;*/}

.bottomsheet.tentative-price.layout2 .board .chart-wrap .bg-info.opacity {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24rem;}
.bottomsheet.tentative-price.layout2 .board .btn-wrap {width: 100%; margin-top: 2rem;}
.bottomsheet.tentative-price.layout2 .board .btn-wrap [class^=btn] {width: 100%; height: 4rem; margin: 0; font-size: 1.4rem !important; color: #FFFFFF; border-radius: 0.6rem;}
.bottomsheet.tentative-price.layout2 .board .btn-blue {background: #1D5FD0;}
.bottomsheet.tentative-price.layout2 .board .btn-navy {background: #2E3D59;}
.bottomsheet.tentative-price.layout2 .board .btn-gray {background: #999AA9;}
.bottomsheet.tentative-price.layout2 .board .btn-lgray {background: #CACACA;}
.bottomsheet.tentative-price.layout2 .board .btn-tpr-cancel {max-width: 10rem;}



/* 단가 확정하기 bottomsheet(.tentative-price.layout2) > .board.realtime('실시간 LME/ 실시간 환율) > TAB(LIVE/ 지정가) */
.bottomsheet.tentative-price.layout2 .board .tab-wrap {position: relative; width: 100%; min-height: 24.5rem; margin-top: 2rem;}

.bottomsheet.tentative-price.layout2 .confirm-singl-area .tab-wrap {height: calc(100% - 6rem); margin-top: 0;}
.bottomsheet.tentative-price.layout2 .confirm-singl-area .tab-wrap .tab-cont {height: calc(100% - 4rem);}
.bottomsheet.tentative-price.layout2 .confirm-singl-area .tab-wrap .tab-cont .tab-cont-inner {display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between; flex-direction: column; height: 100%;}

.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title {position: relative; z-index: 1; display: flex; align-items: center;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title .tit {position: relative; height: 4rem; flex: 1 1 0; padding: 0; background: #F5F5F5; border-radius: 0; overflow: hidden;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title .tit:first-child {border-radius: 0.6rem 0 0 0.6rem;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title .tit:nth-last-of-type(1) {border-radius: 0 0.6rem 0.6rem 0;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title .tit span {position: relative; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 500; color: #999AA9;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title .tit:hover span,
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title .tit.active span {color: #1D5FD0;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title .tab-bg {position: absolute; top:0; transform: translate(0); width: 50%; height: 100%; background: #FFFFFF; border: 1px solid #1D5FD0; border-radius: 0.6rem; transition: 0.3s;}


.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title .tit2 {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 500; color: #999AA9; width: 100%; height: 4rem; background: #FFFFFF; border: 1px solid #1D5FD0;  border-radius: 0.6rem !important; overflow: hidden;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-title .tit2.active {color: #1D5FD0;}


.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-cont {display: none; padding-top: 2rem; background: #FFFFFF;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-cont.active {display: block;}

.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-cont .dashborder-checklist {margin-top: 2rem; padding: 0; border-top: 0;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-cont .sub-title {margin: 0 0 1rem 0;font-size: 1.2rem;color: #999AA9;font-weight: 500;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-cont.price-limit .input-wrap,
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-cont.price-limit .datepicker-wrap {position: relative;}

.bottomsheet.tentative-price.layout2 .board .input-wrap {gap: 1rem;}
.bottomsheet.tentative-price.layout2 .board .input-wrap span {flex: 1;}
.bottomsheet.tentative-price.layout2 .board label {position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.2rem; color: #999AA9; left: 1.2rem;}
.bottomsheet.tentative-price.layout2 .board input {width: 100%; padding: 0 1.2rem; font-weight: 500;}
.bottomsheet.tentative-price.layout2 .board input:valid {font-size: 1.2rem; color: #000000; font-weight: 500;}

.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-cont .input-wrap span input {padding-left: 8.5rem !important; text-align: right;}
.bottomsheet.tentative-price.layout2 .board .tab-wrap .tab-cont .datepicker-wrap input {padding-left: 8.5rem !important; padding-right: 8.5rem !important;}
.bottomsheet.tentative-price.layout2 .board .datepicker-wrap input {font-weight: 500; background: url(/images/pd/icon-cal-red-f3808f744a16526149fbeb50bfe191c6.png) no-repeat 96.5% 50%;}
.bottomsheet.tentative-price.layout2 .board .datepicker-wrap .ui-datepicker-trigger {display:none !important;}
.bottomsheet.tentative-price.layout2 .board .current-price {display: flex; align-items: flex-start; justify-content: space-between;}
.bottomsheet.tentative-price.layout2 .board .current-price dt {font-size: 1.4rem; font-weight: 500; color: #000000 !important;}
.bottomsheet.tentative-price.layout2 .board .current-price dd {text-align: right;}
.bottomsheet.tentative-price.layout2 .board .current-price dd .num {font-size: 1.6rem; font-weight: 600;}
.bottomsheet.tentative-price.layout2 .board .current-price dd .gap-info {margin-top: 0.7rem; display: flex; align-items: center; gap: 1rem;}
.bottomsheet.tentative-price.layout2 .board .current-price dd .gap-info .gap-price::before {margin-right: 0.4rem;}

.bottomsheet.tentative-price.layout2 .board .title-area .deadline {font-size: 1.4rem; font-weight: 500; color: #E30505;}
.bottomsheet.tentative-price.layout2 .board .title-area .deadline * {font-size: inherit; font-weight: inherit; color: inherit;}


/* 단가 확정하기 bottomsheet(.tentative-price.layout2) > .board.realtime('실시간 LME/ 실시간 환율)': 확정 완료시 스타일 */
/* 
.bottomsheet.tentative-price.layout2 .board.realtime .label-y {display: none;}
.bottomsheet.tentative-price.layout2 .board.realtime .label-n {display: block;}
.bottomsheet.tentative-price.layout2 .board.realtime .tpr-confirmed-area.confirmed-y .label-y {display: block;}
.bottomsheet.tentative-price.layout2 .board.realtime .tpr-confirmed-area.confirmed-y .label-n {display: none;}
.bottomsheet.tentative-price.layout2 .board.realtime .tpr-confirmed-area.confirmed-y .chart-wrap {background: #ededed;}
*/
.bottomsheet.tentative-price.layout2 .board.realtime .tpr-confirmed-area.confirmed-y input:valid {color: #999AA9;}

.bottomsheet.tentative-price.layout2 .board .tpr-confirmed-area.confirmed-y .bg-info.opacity {display: block;}
.bottomsheet.tentative-price.layout2 .board .tpr-confirmed-area.confirmed-y .tab-wrap .tab-title button span {color: #999AA9;}
.bottomsheet.tentative-price.layout2 .board .tpr-confirmed-area.confirmed-y .tab-wrap .tab-title .tab-bg {border-color: #D0D0D0;}

.bottomsheet.tentative-price.layout2 .board .tpr-confirmed-area.confirmed-y input,
.bottomsheet.tentative-price.layout2 .board input:read-only, 
.bottomsheet.tentative-price.layout2 .board input:disabled {color: #999AA9; background-color: #F5F5F5; border-color: #D0D0D0 !important; outline: none; cursor: not-allowed;}

.bottomsheet.tentative-price.layout2 .board .tpr-confirmed-area.confirmed-y .tab-wrap .tab-cont .datepicker-wrap input,
.bottomsheet.tentative-price.layout2 .board .tpr-confirmed-area.confirmed-y .tab-wrap .tab-cont .datepicker-wrap input:read-only,
.bottomsheet.tentative-price.layout2 .board .tpr-confirmed-area.confirmed-y .tab-wrap .tab-cont .datepicker-wrap input:disabled {background-image: none;}

.bottomsheet.tentative-price.layout2 .board .tpr-confirmed-area.confirmed-y .current-price dd .num {color: #008C43 !important;}
.bottomsheet.tentative-price.layout2 .board .tpr-confirmed-area.confirmed-y .current-price dd .gap-info {display: none;}


/* 단가 확정하기 bottomsheet(.tentative-price.layout2) > .board.price-info(실시간 가격정보) */
.bottomsheet.tentative-price.layout2 .board.price-info .table-wrap table tr td.right {padding-right: 4.5rem;}
.bottomsheet.tentative-price.layout2 .board .table-wrap table [class^='label-'] {position: absolute; top: 50%; transform: translateY(-50%); margin-left: 0.5rem;}
.bottomsheet.tentative-price.layout2 .board .table-wrap table tfoot .tr-date td {padding-top: 0.8rem;}
.bottomsheet.tentative-price.layout2 .board .table-wrap table tfoot .tr-pay td {height: auto;}
.bottomsheet.tentative-price.layout2 .board .table-wrap table tfoot .tr-pay td.num {font-size: 1.8rem; font-weight: 500; color: #E30505;}

.bottomsheet.tentative-price.layout2 .board.price-info .table-wrap table [class^='price'] {position: relative; padding-left: 1rem; }

.bottomsheet.tentative-price.layout2 .board .current-price dd.price-up .gap-info .gap-price::before,
.bottomsheet.tentative-price.layout2 .board .current-price dd.price-down .gap-info .gap-price::before {content: ''; width: 0; height: 0; margin-right: 0.5rem; border-left: 0.35rem solid transparent; border-right: 0.35rem solid transparent;}

.bottomsheet.tentative-price.layout2 .board .table-wrap table .price-up::before,
.bottomsheet.tentative-price.layout2 .board .table-wrap table .price-down::before {content: ''; width: 0; height: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-left: 0.35rem solid transparent; border-right: 0.35rem solid transparent;}
  
.bottomsheet.tentative-price.layout2 .board.price-info .table-wrap table .price-up::before,
.bottomsheet.tentative-price.layout2 .board .current-price dd.price-up .gap-info .gap-price::before {border-bottom: 0.5rem solid #EA4941;}
.bottomsheet.tentative-price.layout2 .board.price-info .table-wrap table .price-down::before,
.bottomsheet.tentative-price.layout2 .board .current-price dd.price-down .gap-info .gap-price::before {border-top: 0.5rem solid #124CBE;}


/* 단가 확정하기 bottomsheet(.tentative-price.layout2) > .board.settlement(정산내역(예상)) */
.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap.round table tbody tr:last-child {border-bottom: none;}

.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tbody td:first-child,
.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tfoot td:first-child {color: #666666;}

.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tbody td:last-child,
.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tfoot td:last-child {font-weight: 500;}
.bottomsheet.tentative-price.layout2 .detail-list li {margin-bottom: 1.2rem;}

.table-wrap.round {position: relative;}
/*
24.11.20 | 호버 > 팝업기능 제거, 전체 노출로 변경
.table-wrap.round .pop-premium {display: none; position: absolute; top: 19.5rem; left: 0; right: 0; padding: 2rem; border-radius: 0.6rem; box-shadow: 0 4px 10px rgba(0,0,0,0.1); background: #fff;}
.table-wrap.round .pop-premium.active {display: block}

.table-wrap.round .tr-premium:hover td,
.table-wrap.round .tr-premium.active td {color: #1D5FD0 !important;}

.table-wrap.round .tr-premium {cursor: pointer;}
.table-wrap.round .tr-premium .premium {position: relative;}
.table-wrap.round .tr-premium .premium::before {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2rem; height: 2rem; border: 1px solid #DEDEDE; border-radius: 0.3rem; background: #fff;}
.table-wrap.round .tr-premium .premium::after {content: ""; position: absolute; top: 50%; right: 0.45rem; transform: translateY(-50%) rotate(0deg); width: 1rem; height: 0.5rem; background: url(/images/pd/btn-premium-arr-bd057c48af5c55c587547b463aaa2c7a.png) no-repeat center; background-size: contain; transition: 0.3s;}
.table-wrap.round .tr-premium.active .premium::after {transform: translateY(-50%) rotate(180deg);}
*/
.table-wrap.round .tr-promotion td {}
.table-wrap.round .tr-payback td {color: #1D5FD0 !important;}
.table-wrap.round .tr-discount td {color: #009090 !important;}


/* 25.04.01 | 단가 확정하기 bottomsheet(.tentative-price.layout2) >  실시간 가격 정보, 정산내역(예상) table > '케이지크레딧 이자' */
.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tr td.tooltip-zone .btn-tooltip-active {justify-content: flex-start;}
.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tr td.tooltip-zone .btn-tooltip-active .txt {position: relative; font-size: inherit; font-weight: inherit; color: inherit;}
.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tr td.tooltip-zone .btn-tooltip-active .txt::after {content: ""; position: absolute; top: 50%; right: -1.7rem; transform: translateY(-50%); width: 1.3rem; height: 1.3rem; background: url(/images/icon-i-blue-41e620ae285aaf5d34c1b04c34c40205.png) no-repeat center;}

.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tbody td.tooltip-zone .noti-tooltip {width: 32rem; top: 3rem;}
.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tbody td.tooltip-zone .noti-tooltip .title-zone {margin-bottom: 0.7rem;}
.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tbody td.tooltip-zone .noti-tooltip .list-zone ul li {padding-left: 0.7rem; color: var(--sr-gray);}
.bottomsheet.tentative-price.layout2 .board.settlement .table-wrap table tbody td.tooltip-zone .noti-tooltip .list-zone ul li::after {top: 0.6rem; transform: unset; width: 0.2rem; height: 0.2rem;}



/* ::::: 24.08 | [가단가구매] 마이페이지 > 지정가/가단가 관리 ::::: */
.tab-tentative-price {position: relative; margin-top: 0 !important;}

.tab-tentative-price .table-wrap {position: relative;;}
.tab-tentative-price .table-wrap .table-inner {max-width: 94rem; overflow-x: auto;}

.tab-tentative-price .table-wrap .select2-container {max-width: 15rem; position: absolute; top: -4.2rem; right: 0;}
.tab-tentative-price .table-wrap .select2-container .select2-selection--single {height: 3rem;}
.tab-tentative-price .table-wrap .select2-container .select2-selection--single .select2-selection__rendered{font-size: 1.2rem; line-height: 2.8rem; color: #666;}
.tab-tentative-price .table-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {width: 0.6rem !important; height: 0.6rem !important; top: 50% !important; left: auto !important; transform: translateY(-50%) rotate(-45deg); right: 0.9rem !important; margin: 0 !important; transition: all .2s linear;}
.tab-tentative-price .table-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {transform: translateY(-50%) rotate(135deg);}

/*.tab-tentative-price .table-wrap .tbl-scope-col {width: 125rem;}*/
.tab-tentative-price .table-wrap .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom: 2rem;}
.tab-tentative-price .table-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal {height: 6px; background: #EDEDED;}
.tab-tentative-price .table-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height: 6px; margin: 0; background: #AAA;}
.tab-tentative-price .table-wrap table th,
.tab-tentative-price .table-wrap table td {padding: 0 0.3rem; font-size: 1.1rem; font-weight: 400; line-height: 1.2;}
.tab-tentative-price .table-wrap table th {border-right: 1px solid #DEDEDE;}
.tab-tentative-price .table-wrap table th.bold {color: #000;}
.tab-tentative-price .table-wrap table th:last-child {border-right: 0;}

.tab-tentative-price .table-wrap table .order-num {cursor: pointer;}

.th-bg1 {background: #FAFAFA !important;}
.th-bg2 {background: #FCEEEE !important;}
.th-bg3 {background: #FFF4D7 !important;}
.th-bg4 {background: #EFFADD !important;}
.th-bg5 {background: #E8F0FF !important;}
.th-bg6 {background: #F5ECFF !important;}
.td-disabled {background: #EFEFEF !important;}
.tr-highlight {background: #FFECEC !important;} /* 지정가/가단가 관리 > .tpr-info-tooltip */
.tr-highlight2 {background: #F6F9FF !important;} /* 단가확정하기 bottomsheet > 정산내역(예상) */

.tab-tentative-price .tbl-scope-col tr td .btn-stroke-sm {width: 5.5rem !important;}

/* 25.01.07 | 지정가/가단가 관리 > 확정단가 > '상태' 스타일 수정요청 */
.tab-tentative-price .table-wrap table [class^='confirmed-'] {position: relative; display: inline-block; cursor: pointer;}

.tab-tentative-price .table-wrap table .confirmed-y,
.tab-tentative-price .table-wrap table .confirmed-y * {color: #1D5FD0 !important; text-decoration: underline;}

.tab-tentative-price .table-wrap table .confirmed-n,
.tab-tentative-price .table-wrap table .confirmed-n * {width: 5rem; height: 2.4rem; color: #FFFFFF!important; background: #1D5FD0; border-radius: 0.3rem; line-height: 2.4rem; transition: 0.3s;}

.tab-tentative-price .table-wrap table .confirmed-n:hover,
.tab-tentative-price .table-wrap table .confirmed-n:hover *  {background: #0241ac;}

/*
[백업] 25.01.07 | 확정단가 > '상태' 스타일 수정요청

.tab-tentative-price .table-wrap table [class^='confirmed-'] {position: relative; display: inline-block; width: 4.7rem; line-height: 1.6rem; text-align: left !important; text-decoration: underline; background-repeat: no-repeat; background-position: center right; cursor: pointer;}

.tab-tentative-price .table-wrap table .confirmed-y,
.tab-tentative-price .table-wrap table .confirmed-y * {padding-left: 0.5rem; color: #008C43 !important; background-image: url(/images/my/confirmed-y-9ca095cb029c4ab94698fb10c22c4113.png); background-size: 1.2rem;}

.tab-tentative-price .table-wrap table .confirmed-n,
.tab-tentative-price .table-wrap table .confirmed-n * {color: #FF6600 !important; background-image: url(/images/my/confirmed-n-1007b3de1e7a534e885c105900ce0ac9.png); background-size: 1.2rem;}
*/


.table-wrap .order-num {position: relative; color: #1D5FD0 !important; text-decoration: underline; cursor: initial;}
.under,
.under-blue,
.under-red {position: relative; text-decoration: underline; cursor: pointer;}

.under {color: #000000 !important;}
.under-blue {color: #1D5FD0 !important;}
.under-red {color: #FD3535 !important;}

.modal.variable-detail .tbl-wrap .under,
.modal.variable-detail .tbl-wrap .under-blue,
.modal.variable-detail .tbl-wrap .under-red {cursor: initial;}

.modal.variable-detail .tbl-wrap .btn-down-pdf {width: 2rem; height: 2rem;}

/*
.tab-tentative-price .info-tooltip-box .table-wrap {height: 25rem;}
.tab-tentative-price .table-wrap table td.info-tooltip {position: relative; cursor: pointer; text-decoration: underline;}
.tab-tentative-price .table-wrap table td.info-tooltip .cont-wrap {padding: 4rem;}
.tab-tentative-price .table-wrap .info-tooltip-box {width: 85rem; margin-left: 13rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.tab-tentative-price .info-tooltip-box .cont-wrap .title {font-size: 2.4rem;}
.tab-tentative-price .info-tooltip-box .cont-wrap .stitle {margin-bottom: 2rem; font-size: 1.6rem;}
.info-tooltip-box .cont-wrap table th, 
.info-tooltip-box .cont-wrap table td {height: 4.1rem;}

.tab-tentative-price .info-tooltip-box .table-wrap .mCSB_scrollTools {width: 4px; opacity: 0.5;}
.tab-tentative-price .info-tooltip-box .table-wrap .mCSB_inside > .mCSB_container {margin-right: 0;}
.tab-tentative-price .info-tooltip-box .table-wrap .mCSB_scrollTools .mCSB_draggerContainer,
.tab-tentative-price .info-tooltip-box .table-wrap .mCSB_scrollTools .mCSB_draggerRail {width: 4px;background-color:#efefef;}
.tab-tentative-price .info-tooltip-box .table-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aaa !important;}
*/

.tab-tentative-price .info-tooltip {cursor: pointer; text-decoration: underline;}

.modal.tpr-info-tooltip .modal-content {width: 85rem;}
.modal.tpr-info-tooltip .title {margin-bottom: 1.5rem; font-size: 2.4rem;}
.modal.tpr-info-tooltip .stitle {margin: 0 0 1rem 0; font-size: 1.6rem;}
.modal.tpr-info-tooltip .info-tooltip-box .cont-wrap {margin-top: 0; padding: 0; border-radius: 0; box-shadow: unset; border: unset;}
.modal.tpr-info-tooltip .info-tooltip-box .table-wrap {position: relative; height: 16.6rem; border-top: 1px solid #2B425F;}
.modal.tpr-info-tooltip .info-tooltip-box {display: block; width: 100%; position: static;}
.modal.tpr-info-tooltip .info-tooltip-box .table-wrap table {width: 100%;}
.modal.tpr-info-tooltip .info-tooltip-box .table-wrap table th, 
.modal.tpr-info-tooltip .info-tooltip-box .table-wrap table td {height: 4.1rem; vertical-align: middle; text-align: center; word-break: keep-all; line-height: 1.3;}

.modal.tpr-info-tooltip .info-tooltip-box .table-wrap .mCSB_scrollTools {width: 4px; opacity: 0.5;}
.modal.tpr-info-tooltip .info-tooltip-box .table-wrap .mCSB_inside > .mCSB_container {margin-right: 0;}
.modal.tpr-info-tooltip .info-tooltip-box .table-wrap .mCSB_scrollTools .mCSB_draggerContainer,
.modal.tpr-info-tooltip .info-tooltip-box .table-wrap .mCSB_scrollTools .mCSB_draggerRail {width: 4px;background-color:#efefef;}
.modal.tpr-info-tooltip .info-tooltip-box .table-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aaa !important;}


/* 24.10.11 | 변동금 관리  > 변동금 상세 안내 모달 */
.modal.variable-detail .modal-content {width: 106rem;}
.modal.variable-detail .modal-content .h2-pd {margin-bottom: 2rem;}
.modal.variable-detail .modal-content .flex-jsb {align-items: stretch;}
.modal.variable-detail .tbl-wrap {margin-bottom: 2rem;}
.modal.variable-detail .tbl-wrap:last-child {margin-bottom: 0;}

.modal.variable-detail .tbl-wrap h2 {margin-top: 0; margin-bottom: 1rem; font-size: 1.2rem;}

.modal.variable-detail .tbl-wrap .tbl-scope-col {width: 30rem;}
.modal.variable-detail .tbl-wrap4 .tbl-scope-col {width: 100%;}

.modal.variable-detail .tbl-wrap .tbl-scope-col th {height: 3.1rem; font-size: 1.2rem; color: #666666;}
.modal.variable-detail .tbl-wrap .tbl-scope-col td {height: 3.1rem; font-size: 1.2rem; color: #000000;}

.modal.variable-detail .div-scroll-y {padding: 0.5rem 0;}
.modal.variable-detail .chart-wrap {display: flex; align-items: center; justify-content: center; width: 100%; height: 31rem;}
.modal.variable-detail .chart-wrap .rMateH5__Column2DChart {padding: 0.5rem 1rem; border: 1px solid #E9E9E9;}
.modal.variable-detail .chart-wrap .rMateH5__Legend {margin-top: 1rem; border: none;}

.modal.variable-detail .tbl-wrap .bg-gray {background: #E4E4E4 !important;}
.modal.variable-detail .tbl-wrap .bg-blue1 {background: #E8F0FF !important;}
.modal.variable-detail .tbl-wrap .bg-blue2 {background: #D1E1FF !important;}
.modal.variable-detail .tbl-wrap .bg-pink {background: #F5ECFF !important;}

.modal.variable-detail .tbl-wrap2 .tbl-scope-col .line-top {position: relative;}
.modal.variable-detail .tbl-wrap2 .tbl-scope-col .line-top::after {content:""; position: absolute; top: 0; left: 0; z-index: 1; left:0; width: 100%; height: 1px; background: #2B425F;}
.modal.variable-detail .tbl-wrap2 .tbl-scope-col tfoot tr th {border-bottom: 1px solid #DEDEDE;}
.modal.variable-detail .tbl-wrap2 .tbl-scope-col tfoot tr td {padding: 0 1rem; background: #fff; color: #000000; border-bottom: 1px solid #DEDEDE;}

.modal.variable-detail .tbl-wrap1 tr th,
.modal.variable-detail .tbl-wrap2 tr th,
.modal.variable-detail .tbl-wrap3 tr th {padding: 0 1rem; text-align: left;}

.modal.variable-detail .tbl-wrap1 tr td,
.modal.variable-detail .tbl-wrap2 tr td,
.modal.variable-detail .tbl-wrap3 tr td {text-align: right;}

.modal.variable-detail .tbl-wrap4 .tbl-scope-col th {height: 4.1rem; border-right: 1px solid #DEDEDE;}
.modal.variable-detail .tbl-wrap4 .tbl-scope-col td {height: 4.1rem; text-align: right;}
.modal.variable-detail .tbl-wrap4 .tbl-scope-col td button {min-width: 6rem; height: 3rem;}

.modal.variable-detail .tbl-wrap4 .tbl-scope-col .brd-rt-none {border-right: none !important;}
.modal.variable-detail .tbl-wrap4 .tbl-scope-col .center {text-align: center !important;}

.modal.variable-detail .txt-deco {color: #1D5FD0; cursor: pointer; text-decoration: underline;}

.tab-tentative-price  .tbl-scope-col tr th, 
.tab-tentative-price .tbl-scope-col tr td, 
.modal.variable-detail .tbl-scope-col tr th, 
.modal.variable-detail .tbl-scope-col tr td {font-weight: 400;}

.tab-tentative-price .tbl-scope-col tr td button {font-size: 1rem; padding: 0; margin-top: 0.3rem;}




/* ::::: 24.09 | 모바일웹 소개 화면 신규(.content-wrap.mo-promotion) ::::: */
.content-wrap.mo-promotion {width: 100%; overflow: hidden;}
.content-wrap.mo-promotion h2,
.content-wrap.mo-promotion h3 {margin: 0;}


/* 모바일웹 소개 > 애니메이션 css 공통 */
.ani-fade {opacity: 0; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease;}
.ani-fadeup {opacity: 0; transform: translate3d(0, 2rem, 0); transition-property: opacity, transform; transition-duration: 0.5s; transition-timing-function: ease;}
.ani-fadeup2 {opacity: 0; transform: translate3d(0, 4rem, 0); transition-property: opacity, transform; transition-duration: 1s; transition-timing-function: ease;}
.ani-fadeLeft {opacity: 0; transform: translate3d(10rem, 0, 0); transition-property: opacity, transform; transition-duration: 0.7s; transition-timing-function: ease;}
.ani-fadeRight {opacity: 0; transform: translate3d(-10rem, 0, 0); transition-property: opacity, transform; transition-duration: 0.7s; transition-timing-function: ease;}

.ani-delay-1 {transition-delay: 0.1s;}
.ani-delay-2 {transition-delay: 0.2s;}
.ani-delay-3 {transition-delay: 0.3s;}
.ani-delay-4 {transition-delay: 0.4s;}
.ani-delay-5 {transition-delay: 0.5s;}
.ani-delay-6 {transition-delay: 0.6s;}
.ani-delay-7 {transition-delay: 0.7s;}
.ani-delay-8 {transition-delay: 0.8s;}
.ani-delay-9 {transition-delay: 0.9s;}
.ani-delay-10 {transition-delay: 1.0s;}
.ani-delay-11 {transition-delay: 1.1s;}
.ani-delay-12 {transition-delay: 1.2s;}
.ani-delay-13 {transition-delay: 1.3s;}
.ani-delay-14 {transition-delay: 1.4s;}
.ani-delay-15 {transition-delay: 1.5s;}

.ani .ani-fade {opacity: 1;}
.ani .ani-fadeup,
.ani .ani-fadeup2 {opacity: 1; transform: translateZ(0);}
.ani .ani-fadeLeft {opacity: 1; transform: translate3d(4rem, 0, 0);}
.ani .ani-fadeRight {opacity: 1; transform: translate3d(-4rem, 0, 0);}

.sec4 .ani-fadeup2 {transition-duration: 0.8s;}
.sec8 .ani-fade {transition-duration: 1.2s;}


/* 모바일웹 소개 > section 공통 */
.mo-promotion .sec {padding: 39rem 0 0;}
.mo-promotion .sec .sec-cont-wrap {text-align: center;}

.mo-promotion .sec .sec-cont-wrap .box-list {display: flex; align-items: flex-start; justify-content: center; gap: 6rem;}
.mo-promotion .sec .sec-cont-wrap .box-list .box img {margin-bottom: 3.5rem; box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.25); border-radius: 1.2rem;}
.mo-promotion .sec .sec-cont-wrap .box-list .box h3 {margin-bottom:1.5rem; font-size: 2.2rem; color: #000000; font-weight: 500;}
.mo-promotion .sec .sec-cont-wrap .box-list .box p {font-size: 1.8rem; line-height: 1.55; font-weight: 400; color: #666666;}


/* 모바일웹 소개 > 타이틀 영영 공통 */
.mo-promotion .title-wrap {position: relative; z-index: 1; text-align: center;}
.mo-promotion .title-wrap {margin-bottom: 3rem;}
.mo-promotion .title-wrap .heading {font-size: 5rem; line-height: 1.4; font-weight: 500;}
.mo-promotion .title-wrap .heading span {display: block;}
.mo-promotion .title-wrap .subheading {margin-top: 2rem; font-size: 2.2rem; line-height: 1.63; color: #666666;font-weight: 400;}
.mo-promotion .title-wrap .heading *,
.mo-promotion .title-wrap .subheading * { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit;}
.mo-promotion .sec4 .title-wrap .subheading {margin-top: 2.5rem;}
.mo-promotion .title-wrap .heading .txt-green {color: #12933e; font-weight: 400;}

.mo-promotion .title-wrap .overflow {display: block; width: 100%; height: 100%; overflow: hidden;}
.mo-promotion .title-wrap .txt {opacity: 0; transform: translateY(100%); transition: 0.8s;}
.mo-promotion .title-wrap .subheading .overflow .txt {transition: 1.2s; transition-delay: 0.5s;}

/* >>>>>>>>>>>>>>> animation */
.mo-promotion .ani:not(.sec3) .title-wrap .txt {opacity: 1; transform: translateY(0);}
.mo-promotion .ani .title-wrap .txt {opacity: 1; transform: translateY(0);}
/* <<<<<<<<<<< animation */


/* 모바일웹 소개 > .sec1:: 인트로 */
.mo-promotion .sec1 {padding: 0 !important; background: url(/images/et/sec1-bg-e1a267f4c8e53b4f06562746ef819b2f.png) no-repeat top center; background-size: cover;}
.mo-promotion .sec1 .inwrap {height: 100vh;}
.mo-promotion .sec1 .title-wrap {position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0; /*padding-top: 27rem;*/}
.mo-promotion .sec1 .title-wrap .heading {margin-top: 3rem;}
.mo-promotion .sec1 .icon-scroll {opacity: 0; position: absolute; bottom: 10rem; left: 50%; transform: translate(-50%, 3rem); text-align: center; transition: 1.2s;}
.mo-promotion .sec1.ani .icon-scroll {opacity: 1; transform: translate(-50%, 0); transition-delay: 0.5s;}
.mo-promotion .sec1 .icon-scroll p {margin-top: 1.7rem; font-size: 1.2rem; color: #12933E; font-weight: 600; text-transform: uppercase;}


/* 모바일웹 소개 > .sec2::모바일 바로가기 신청 form */
.mo-promotion .sec2 {padding: 23rem 0 0 !important;}
.mo-promotion .sec2 .title-wrap {margin-bottom: 5rem;}
.mo-promotion .sec2 .input-gradient-wrap {position: relative; width: 55rem; height: 8rem; margin: 0 auto 1rem; border-radius: 1rem; overflow: hidden;
	background: rgb(20,120,255);
	background: linear-gradient(90deg, rgba(20,120,255,1) 0%, rgba(235,4,40,1) 100%);
}
.mo-promotion .sec2 .input-gradient-wrap input {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 0.8rem); height: calc(100% - 0.8rem); font-size: 2rem; font-weight: 400; color: inherit; text-align: center; border: none; border-radius: 0.8rem;}
.mo-promotion .sec2 .input-gradient-wrap input::placeholder {font-size: inherit; color: #666666; font-weight: inherit;}

.mo-promotion .sec2 .txt-noti {margin-top: 2rem; font-size: 1.6rem;}
 
.mo-promotion .sec2 .form-chk [type="checkbox"] + label {font-size: 1.8rem;}
.mo-promotion .sec2 .form-chk [type="checkbox"]:checked + label:after {width: 2.4rem;height: 2.4rem; border-radius: 0.3rem;}
.mo-promotion .sec2 .form-chk [type="checkbox"]:not(:checked) + label:before, 
.mo-promotion .sec2 .form-chk [type="checkbox"]:checked + label:before {width: 2.4rem; height: 2.4rem; background: transparent; border: 2px solid #2E3D59; border-radius: 0.6rem;}
.mo-promotion .sec2 .form-chk [type="checkbox"]:not(:checked) + label, 
.mo-promotion .sec2 .form-chk [type="checkbox"]:checked + label {padding-left: 3.7rem; font-size: 1.8rem;}

.mo-promotion .sec2 .btm-area {margin-top: 5rem;}
.mo-promotion .sec2 .btm-area .btn-kzt-event {width: 35rem; height: 8rem; font-size: 2.2rem; font-weight: 600; color: #FFFFFF; background: #2E3D59; border-radius: 4rem;cursor: pointer;}
.mo-promotion .sec2 .btm-area .btn-kzt-event:disabled {cursor: not-allowed;}
.mo-promotion .sec2 .btm-area .btn-kzt-event:disabled:hover {background: #2E3D59;}
.mo-promotion .sec2 .btm-area .btn-kzt-event:hover {background: #07142D;}


/* 모바일웹 소개 > .sec3:: 실시간 LME 차트 */
.mo-promotion .sec3 {position: relative; z-index: -1;}
.mo-promotion .sec3 .title-wrap {margin-bottom: 5.5rem;}
.mo-promotion .sec3 .line-bg {position: absolute; top: 75rem; left: 0; right: 0; z-index: -1; height: 41.5rem; background: url(/images/et/sec8-line-bg-5c0b676716719aa6655c80cb11dadc38.png) no-repeat top center;}

.mo-promotion .sec3.ani::after { transform: translate3d(110%, 0 , 0);}
.mo-promotion .sec3::after {content: ""; position: absolute;  top: -1px; right: 0px;  z-index: -1; width: 100%; height: calc(100% + 2px);  background-color: #ffffff;  transform: translate3d(0, 0, 0); transition: 0.5s cubic-bezier(0.23, 1, 0.45, 1) 1.2s;}
.mo-promotion .sec3 .line-bg {top: 50%; z-index: -2;}


/* 모바일웹 소개 > .sec4:: 모바일 5가지 특장점 */
.mo-promotion .sec4 {position: relative;}
.mo-promotion .sec4 .sec3-box {position: relative; margin-bottom: 20rem; display: flex; align-items: flex-start; justify-content: space-between;}

.mo-promotion .sec4 .sec3-box:nth-child(even) {flex-direction: row-reverse;}
.mo-promotion .sec4 .sec3-box:last-child {margin-bottom: 0;}
.mo-promotion .sec4 .title-wrap {padding-top: 12.5rem; text-align: left;}
.mo-promotion .sec4 .sec3-box:nth-child(even) .title-wrap {margin-bottom: 2.5rem; text-align: right;}

.mo-promotion .sec4 .path.sm {margin-top: 10rem;}
.mo-promotion .sec4 .sec3-box:nth-child(odd) .path.sm {margin-left: 11.5rem;}
.mo-promotion .sec4 .sec3-box:nth-child(even) .path.sm {margin-right: 11.5rem;}

.mo-promotion .sec4 .big-path-wrap {position: absolute; top: 43rem; right: 0; z-index: -1; width: 100%;}
.mo-promotion .sec4 .big-path-wrap .big-path {opacity: 0; fill: none; stroke-width: 200px;}
.mo-promotion .sec4 .big-path-wrap .gradient {stroke: url('#gradient');}

.mo-promotion .sec4 .sec3-box.ani .sec-cont-wrap {opacity: 1;}
/*
.mo-promotion .sec4 .path.big {position: absolute; bottom: -40%; z-index: -1;}
.mo-promotion .sec4 .path.big.lt {left: 0;}
.mo-promotion .sec4 .path.big.rt {right: 0;}
*/


/* 모바일웹 소개 > .sec5:: 결제방식(LIVE/ 지정가) */
.mo-promotion .sec5 .title-wrap {margin-bottom: 4.5rem;}
.mo-promotion .sec5 .sec-cont-wrap {}


/* 모바일웹 소개 > .sec6:: 다양한 원산지/ 브랜드 */
.mo-promotion .sec6 {}
.mo-promotion .sec6 .title-wrap {margin-bottom: 5rem;}
.mo-promotion .sec6 .sec-cont-wrap .flag-wrap {display: flex; align-items: center; justify-content: center; gap: 3rem; flex-wrap: wrap; max-width: 90rem; margin: auto;}
.mo-promotion .sec6 .sec-cont-wrap .flag-wrap img {box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, 0.25); border-radius: 1.1rem;}
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap {margin-top: 6rem;}
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap ul {display: flex; align-items: center; /*justify-content: flex-start; */gap: 2rem; margin-bottom: 2rem;}
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap ul:last-child {margin-bottom: 0;}
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap ul li {min-width: 22rem; height: 7rem; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; font-weight: 500; color: #000000; border: 1px solid #DEDEDE; border-radius: 4rem; transition: 0.2s;}
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap ul li:hover,
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap ul li.active {color: #FFFFFF; background: #1D5FD0;}

.mo-promotion .sec6 .sec-cont-wrap .brand-wrap .brand-rail {max-width: 120rem; margin: 0 auto 2rem; overflow: hidden;}
/* .mo-promotion .sec6 .sec-cont-wrap .brand-wrap .brand-rail.rail11 {width: 120rem;}
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap .brand-rail.rail12 {width: 95rem;}
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap .brand-rail.rail13 {width: 70rem;} */
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap .brand-rail:last-child {max-width: 80rem; margin: 0 auto 2rem; overflow: hidden;}
.mo-promotion .sec6 .sec-cont-wrap .brand-wrap ul {width: 100%;}
/* .mo-promotion .sec6.ani .sec-cont-wrap .brand-wrap ul {animation: brandRolling1 3s 1.4s 1 forwards;}
.mo-promotion .sec6.ani .sec-cont-wrap .brand-wrap .brand-rail.reverse ul {animation: brandRolling2 3s 1.4s 1 forwards;} 

@keyframes brandRolling1 {
    0% {
        transform: translateX(0);
    }
    100%{
        transform: translateX(-100%);
    }
}

@keyframes brandRolling2 {
    0% {
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(0);
    }
}*/
 
 
/* 모바일웹 소개 > .sec7:: 결제수단(e-Wallet/ 증거금/ 케이지크레딧) */
.mo-promotion .sec7 .title-wrap {margin-bottom: 7.5rem;}


/* 모바일웹 소개 > .sec8:: 배송(케이지배송/ 자차배송) */
.mo-promotion .sec8 {}
.mo-promotion .sec8 .title-wrap {margin-bottom: 5rem;}
.mo-promotion .sec8 .sec-cont-wrap .box-list {width: 100%; height: 64rem; background: url(/images/et/sec7-bg-9e8eaef009dd1ec95f88a042cced707c.png) no-repeat center;}
.mo-promotion .sec8 .sec-cont-wrap .box-list .box {width: 30rem; height: 20rem; padding: 4rem 2rem 0; border: 1px solid #DEDEDE; background: #FFFFFF; border-radius: 3rem; box-shadow: 1rem 2rem 1rem rgba(0,0,0,0.1);}

.mo-promotion .sec8 .sec-cont-wrap  {position: relative;}
.mo-promotion .sec8 .sec-cont-wrap .box-list {}
.mo-promotion .sec8 .sec-cont-wrap .box-list .box {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.mo-promotion .sec8 .sec-cont-wrap .box-list .box.kz {left: 13rem;}
.mo-promotion .sec8 .sec-cont-wrap .box-list .box.self {right: 13rem;}
.mo-promotion .sec8 .sec-cont-wrap .icon-location {animation: iconUpDown 2s infinite;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}

@keyframes iconUpDown {
    0% {
        transform: translate(-50%, calc(-50% + 1.5rem));
    }
    50%{
        transform: translate(-50%, -50%);
    }
    100%{
        transform: translate(-50%, calc(-50% + 1.5rem));
    }
}


/* 모바일웹 소개 > .sec9::언제 어디서나 간편 구매 */
.mo-promotion .sec9 {padding: 40rem 0 60rem !important;}
.mo-promotion .sec9 .title-wrap {margin-bottom: 4rem;}
.mo-promotion .sec9 .sec8-img-wrap {position: relative; width: 100%; min-height: 74rem; display: flex;  align-items: center; justify-content: center;}

.mo-promotion .sec9 .sec8-img-wrap img {opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); transition: 0.8s;}
.mo-promotion .sec9 .sec8-img-wrap img.center {transition: 0.6s;}

.mo-promotion .sec9 .circle-big {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 160rem; height: 160rem; 
    border-radius: 50%;
	border: 1px solid transparent;
    background-image: linear-gradient(#fff, #fff), 
    linear-gradient(to right, #106ADA 0%, #DA1F28 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

@keyframes circle-rotation {
	from {transform: translate(-50%, -50%) rotate(45deg)}
	to {transform: translate(-50%, -50%) rotate(720deg)}
}

.mo-promotion .sec9 .circle-sm {position: absolute; top: 50%; transform: translate(-50%, -50%); width: 3rem; height: 3rem; border-radius: 50%;}
.mo-promotion .sec9 .circle-sm.blue {left: 0%;  background: #106ADA;}
.mo-promotion .sec9 .circle-sm.red {left: 100%;  background: #E30505;}

.mo-promotion .sec9 .parallax {position: absolute;}
.mo-promotion .sec9 .parallax1 {top: -25%; left: -20%; transition: 1.2s;}
.mo-promotion .sec9 .parallax2 {top: 90%; right: -15%; transition: 0.75s;}
.mo-promotion .sec9 .parallax3 {top: -20%; left: -24%; transition: 0.65s;}
.mo-promotion .sec9 .parallax4 {top: 130%; right: -15%; transition: 1.9s;}

/* >>>>>>>>>>>>>>> animation */
.mo-promotion .sec9.ani .sec8-img-wrap img {opacity: 1;}
.mo-promotion .sec9.ani .sec8-img-wrap img.center {opacity: 1; z-index: 3; transition-delay: 0.45s;}
.mo-promotion .sec9.ani .sec8-img-wrap img.left1 {transform: translateX(calc(-50% - 24rem)); z-index: 2; transition-delay: 0.65s;}
.mo-promotion .sec9.ani .sec8-img-wrap img.right1 {transform: translateX(calc(-50% + 24rem)); z-index: 2; transition-delay: 0.65s;}
.mo-promotion .sec9.ani .sec8-img-wrap img.left2 {transform: translateX(calc(-50% - 43rem)); z-index: 1; transition-delay: 0.8s;}
.mo-promotion .sec9.ani .sec8-img-wrap img.right2 {transform: translateX(calc(-50% + 43rem)); z-index: 1; transition-delay: 0.8s;}

.mo-promotion .sec9.ani .circle-big {animation: circle-rotation 20s cubic-bezier(.68,-.55,.265,1.55) infinite;}
/* <<<<<<<<<<< animation */


/* 모바일웹 소개 > Floating QR코드(모바일 바로가기) */
.mo-qrcode {width: 12rem; height: 14rem; position: fixed; bottom: 15rem; right: 3rem; z-index: 9; background: rgb(119,185,31); background: linear-gradient(90deg, rgba(119,185,31,1) 0%, rgba(18,108,216,1) 100%); border-radius: 1.5rem; overflow: hidden; cursor: pointer; transition: all 0.3s; transform-origin: 100% 100%;}
.mo-qrcode:hover {transform: scale(1.666);}
.mo-qrcode .qrcode {width: calc(100% - 0.4rem); height: 11rem; margin: 0.2rem auto 0; padding: 1.3rem; border-radius: 1.4rem 1.4rem 0 0; display: flex; align-items: center; justify-content: center; background: #FFFFFF;}
.mo-qrcode .qrcode a {height: 100%; flex: 1;}
.mo-qrcode .qrcode img {max-width: 100%;}
.mo-qrcode p {height: 2.8rem; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 500; color: #FFFFFF;}



/*::::: 24.10 | KZ Trading 체험하기 메인 배너 및 데모(.modal.kzt-demo) :::::*/
.main-banner-wrap .swiper-slide[data-target="sorinModalKzDemo"] {cursor: pointer;}

/* .kzt-demo common style */
.modal.kzt-demo {visibility: hidden; opacity: 0; transition: all 1.3s; background: rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.modal.kzt-demo.active {visibility: visible; opacity: 1;}
.modal.kzt-demo .demo-title {margin-bottom: 3rem; font-size: 3rem; text-align: left; color: #ffffff;}
.modal.kzt-demo .modal-close {width: 2.2rem; height: 2.2rem; top: 5.5rem; right: 6rem;} 
.modal.kzt-demo .modal-close .demo-close {width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #000;background: url(/images/ma/demo-md-close-w-e25a2780696358f4de91a32ffe07f3e1.png) no-repeat center;} 

.modal.kzt-demo .modal-content {width: 130rem; padding: 5rem 0 0 5rem; min-height: 90vh; overflow: hidden; background: unset; box-shadow: unset; border-radius: unset;}
.modal.kzt-demo .div-scroll-y {position: relative; /*min-height: 50vh;*/ max-height: calc(90vh - 15rem); padding-bottom: 3rem;}
.modal.kzt-demo .focus-offset {position: relative; height: 100%;}
/*.modal.kzt-demo .div-scroll-y img {max-width: 100%;}*/

@media all and (max-height: 720px) {
    .modal.kzt-demo .div-scroll-y {max-height: calc(90vh - 9rem);}
}

.modal.kzt-demo .pop-blue-wrap {position: fixed !important;; /*z-index: 12; background-color: rgb(0, 0, 0, 0.2);*/ left: 0; top: 0; width: 100%; height: 100%;}
.modal.kzt-demo .pop-blue {position: relative; width: 80rem; min-height: 15rem; left: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #2B73ED; border-radius: 0.9rem; font-size: 1.2rem; color: #ffffff; font-weight: 500;}
.modal.kzt-demo .pop-blue .inner {display: flex; align-items: stretch; flex-wrap: wrap; padding: 2rem;}
.modal.kzt-demo .pop-blue * {font-size: inherit; font-weight: inherit; color: inherit;}
.modal.kzt-demo .pop-blue .cont {width: 100%; margin-top: 2rem; font-size: 1.6rem; line-height: 1.5; text-align: center;}
.modal.kzt-demo .pop-blue .btns-wrap {display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; width: 100%; margin-top: 1.5rem;}
.modal.kzt-demo .pop-blue .btns-wrap button {width: 6rem; height: 3rem; padding: 0; background: transparent; border-radius: 0.6rem; border: 1px solid #ffffff;}

.modal.kzt-demo .pop-blue-wrap,
.modal.kzt-demo .demo-step-wrap .demo-step {/*display: none;*/width:0; height:0; visibility: hidden; opacity: 0; transition: opacity 0.3s;}
.modal.kzt-demo .pop-blue-wrap.active,
.modal.kzt-demo .demo-step-wrap .demo-step.active {z-index: 1;/*display: block;*/width:100%; height:100%; visibility: visible; opacity: 1;}

.modal.kzt-demo .orange {color: #F2A602 !important;}


/* .kzt-demo > .demo-step-wrap */
.modal.kzt-demo .demo-step-wrap {}

/* .demo-step.start, .demo-step.finish */
.modal.kzt-demo .demo-step.txt .demo-cont {padding-top: 15vh;/* display: flex; align-items: center; justify-content: center; flex-direction: column; */ text-align: center;}
.modal.kzt-demo .demo-step.txt .demo-cont * {color: #fff;}
.modal.kzt-demo .demo-step.txt .demo-cont .title {margin: 7rem 0 3rem; font-size: 3rem; font-weight: 500; color: #fff;}
.modal.kzt-demo .demo-step.txt .demo-cont p {font-size: 1.6rem; line-height: 1.75;}
.modal.kzt-demo .demo-step.txt .demo-cont button {margin-top: 6.5rem; font-size: 1.4rem;}

.modal.kzt-demo .demo-step.finish .demo-cont button {margin-top: 5rem}
.modal.kzt-demo .demo-step.finish .tel {display: block; font-size: 2.4rem; color: #F2A602; font-weight: 500;}


.modal.kzt-demo .demo-tooltip {position: relative; animation: bounce 2s infinite; position: absolute; width: 20rem; height: 7.7rem; padding: 2.3rem 0 0; font-size: 1.8rem; color: #1D5FD0; font-weight: 500; text-align: center; background: url(/images/ma/demo-tooltip-901802b9b726f20b7c0447b8a5b8ce62.png) no-repeat top center;}

@keyframes bounce {
    0% {
        transform: translateY(-0.5rem);
    }
    70%{
        transform: translateY(0rem);
    }
    100%{
        transform: translateY(-0.5rem);
    }
}

.modal.kzt-demo .demo-tooltip {cursor: pointer;}
.modal.kzt-demo .demo-tooltip::after {content: ""; position: absolute; left: 50%; transform: translateX(-50%); height: 5rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip1 {right: 0; bottom: 5.5rem;}
.modal.kzt-demo .demo-tooltip.tooltip1::after {bottom: -5.5rem; width: 11rem; left: auto; right: -1rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip2 {right: 4rem; top: 6.5rem;}
.modal.kzt-demo .demo-tooltip.tooltip2::after {bottom: -5rem; left: calc(50% - 1rem); width: 14rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip3 {right: 19rem; top: 3rem;}
.modal.kzt-demo .demo-tooltip.tooltip3::after {bottom: -5rem; width: 9rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip4 {right: 14.8rem; top: 27.5rem;}
.modal.kzt-demo .demo-tooltip.tooltip4::after {bottom: -5rem; width: 5rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip5 {left: 1.5rem; bottom: 6rem;}
.modal.kzt-demo .demo-tooltip.tooltip5::after {bottom: -5.5rem; width: 20rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip6 {left: 1.5rem; bottom: 13.5rem;}
.modal.kzt-demo .demo-tooltip.tooltip6::after {bottom: -9.5rem; width: 20rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip7 {left: calc(50% - 1.5rem); bottom: 5.5rem;}
.modal.kzt-demo .demo-tooltip.tooltip7::after {bottom: -5.5rem; width: 20rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip8 {left: calc(50% - 2.5rem); bottom: 48.5rem;}
.modal.kzt-demo .demo-tooltip.tooltip8::after {bottom: -5.5rem; width: 20rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip9 {left: calc(50% + 0.5rem); bottom: 41rem;}
.modal.kzt-demo .demo-tooltip.tooltip9::after {bottom: -5.5rem; width: 9rem;}
 
.modal.kzt-demo .demo-tooltip.tooltip10 {right: 6.2rem; bottom: 7.5rem;}
.modal.kzt-demo .demo-tooltip.tooltip10::after {bottom: -5.5rem; width: 20rem;}
  
.modal.kzt-demo .demo-prev,
.modal.kzt-demo .demo-next {cursor: pointer;}
 
.modal.kzt-demo .demo-prev2,
.modal.kzt-demo .demo-next2 {display: none; position: absolute;top:0; right:0; z-index: 9;}
.modal.kzt-demo .demo-prev2 {right:10rem;}
 
.modal.kzt-demo .btn-move-finish {position: absolute; top: 5rem; right: 11rem}
.modal.kzt-demo .btn-blue-big.btn-move-finish {top: auto; bottom: 7rem; left: calc(50% + 8rem);}



/* 24.12.18 | 가단가구매 > 단가확정하기: '실시간 LME/ 환율 확정하기' 버튼 영역 클릭시 팝업 */
.modal.tpr-result-msg .modal-content {max-width: 44rem; padding: 4rem 4rem 6rem; text-align: center;}
.modal.tpr-result-msg .modal-content .alert-con .icon {/*width: 8rem; height: 8rem;*/ margin: 0 auto 1.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; /*background:#008C43;*/}
.modal.tpr-result-msg .modal-content .alert-con p {font-size: 2rem; font-weight: 500; line-height: 1.5;}
.modal.tpr-result-msg .modal-content .alert-con p .num {display: inline-block; margin-right: 0.4rem; font-size: inherit; font-weight: 600; color: #008C43;}
.modal.tpr-result-msg .modal-content .modal-btns {margin-top: 2.5rem;}
.modal.tpr-result-msg .modal-content .modal-btns button {width: 24rem; height: 4rem; font-size: inherit;}

/* 24.12.18 | 가단가구매 > 단가확정하기: '실시간 LME/ 환율 확정하기' 버튼 영역 클릭시 팝업 > 체크 아이콘 애니메이션 @keyframes */
.modal.tpr-result-msg .modal-content #check-group {animation: 0.32s ease-in-out 1.03s check-group; transform-origin: center;}
.modal.tpr-result-msg .modal-content #check-group #check {animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check; stroke-dasharray: 75px; stroke-dashoffset: 75px; stroke-linecap: round; stroke-linejoin: round;}
.modal.tpr-result-msg .modal-content #check-group #outline {animation: 0.38s ease-in outline; transform: rotate(0deg); transform-origin: center;}
.modal.tpr-result-msg .modal-content #check-group #white-circle {animation: 0.35s ease-in 0.35s forwards circle; transform: none; transform-origin: center;}

@keyframes outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}

@keyframes circle {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}

@keyframes check {
  from {
    stroke-dasharray: 75px;
    stroke-dashoffset: 75px;
  }
  to {
    stroke-dasharray: 75px;
    stroke-dashoffset: 0;
  }
}

@keyframes check-group {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}



/* ::::: 25.06.27 | 가단가 주문(or/SOREC-KZ-TOR-001.html) ::::: */
.sub-visual.tpr {width: calc(100% - 6rem); height: 50rem; margin: 3rem auto 0; border-radius: 2.5rem; overflow: hidden; background: url(/images/or/tpr-sv-a0974766dfd6a61e347d403f0b550550.jpg) no-repeat center;}
.sub-visual.tpr *, 
.contents-wrap * {letter-spacing: initial;}

.sub-visual.tpr .title-zone {height: 100%; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.sub-visual.tpr .title-zone .title {margin-bottom: 2rem; font-size: 4rem; font-weight: 500; color: var(--sr-white);}
.sub-visual.tpr .title-zone .desc {color: var(--sr-white); line-height: 1.7;}
.sub-visual.tpr .title-zone .tel {display: flex; align-items: center; margin-top: 3.3rem; font-size: 1.8rem; color: var(--sr-white); line-height: 1.7;}
.sub-visual.tpr .title-zone .tel img {margin-right: 10px;}
.sub-visual.tpr .title-zone .tel span {color: var(--sr-white); margin-left: 5px;}

.case-tpr .sec-title {margin: 0 0 3rem; font-size: 2.6rem; font-weight: 600;}
.case-tpr .sec-title .green {color: #12933E; font-size: inherit; font-weight: inherit;}
.case-tpr .tpr-sec.merit .sec-title {color: var(--sr-white);}

.case-tpr .tpr-sec {padding: 8rem 0;}
.case-tpr .tpr-sec .list-wrap {padding-left: 0;}

.case-tpr .tpr-sec.func .boxes {display: flex; flex-wrap: wrap; gap: 3rem;}
.case-tpr .tpr-sec.func .boxes .box {width: 58.5rem; height: 18rem; padding: 4.5rem 3rem 0 9rem; background: #F9F9FB; border-radius: 1.5rem;}
.case-tpr .tpr-sec.func .boxes .box em {position: relative; display: block; margin-bottom: 1.5rem; font-style: normal; font-size: 2.2rem; font-weight: 600;}
.case-tpr .tpr-sec.func .boxes .box em::before {content: ""; position: absolute; top: 50%; left: -5.2rem; transform: translateY(-50%); width: 3.2rem; height: 3.2rem;}
.case-tpr .tpr-sec.func .boxes .box:nth-child(1) em::before {background: url(/images/or/tpr-icon1-adf4aa83632645ce42a423c237753a59.png) no-repeat center;}
.case-tpr .tpr-sec.func .boxes .box:nth-child(2) em::before {background: url(/images/or/tpr-icon2-55ab627b44d92b037f5cbdf8380e66a9.png) no-repeat center;}
.case-tpr .tpr-sec.func .boxes .box:nth-child(3) em::before {background: url(/images/or/tpr-icon3-077878ba42b9b19bbcf04fdd690ec456.png) no-repeat center;}
.case-tpr .tpr-sec.func .boxes .box:nth-child(4) em::before {background: url(/images/or/tpr-icon4-684c412894f4ef54fb63137b7f7bfbf4.png) no-repeat center;}
.case-tpr .tpr-sec.func .boxes .box:nth-child(5) em::before {background: url(/images/or/tpr-icon5-875fc17a799d1eabdd05b19a46975eea.png) no-repeat center;}
.case-tpr .tpr-sec.func .boxes .box:nth-child(6) em::before {background: url(/images/or/tpr-icon6-1632c4c3ad373ee97f5f66ec66b81a24.png) no-repeat center;}
.case-tpr .tpr-sec.func .boxes .box p {font-size: 1.6rem; line-height: 1.5; color: var(--sr-gray);}

.case-tpr .tpr-sec.merit {min-height: 59.7rem; background: url(/images/or/tpr-sec2-bg-d9b4519363f53aa8fd10e01b5d3407cb.jpg) no-repeat center; background-size: cover;}
.case-tpr .tpr-sec.merit .inwrap {display: flex; gap: 13.5rem;}
.case-tpr .tpr-sec.merit .list-wrap {width: 80rem; border-bottom: 1px solid #3A5381;}
.case-tpr .tpr-sec.merit .list-wrap .list {height: 11rem; padding: 3rem 0 0 6rem; border-top: 1px solid #3A5381;}
.case-tpr .tpr-sec.merit .list-wrap .list em {position: relative; display: block; margin-bottom: 2rem; font-style: normal; font-size: 1.6rem; color: var(--sr-white); font-weight: 600;}
.case-tpr .tpr-sec.merit .list-wrap .list em .num {position: absolute; top: 50%; left: -6rem; transform: translateY(-50%); font-size: 3rem; font-weight: inherit; color: #12933E;}
.case-tpr .tpr-sec.merit .list-wrap .list p {font-size: 1.4rem; color: var(--sr-white);}

.case-tpr .tpr-sec.faq {padding-top: 9rem; background: #F5F5F5;}
.case-tpr .tpr-sec.faq .list-wrap .list {margin-bottom: 1rem; padding: 0 4rem; background: var(--sr-white); border-radius: 1.5rem;}
.case-tpr .tpr-sec.faq .list-wrap .list:last-child {margin-bottom: 0;}
.case-tpr .tpr-sec.faq .list-wrap .list .q {display: flex; align-items: center; gap: 2rem; min-height: 7.5rem; font-size: 1.6rem; font-weight: 500; border-bottom: 1px solid var(--sr-brd-ngray);}
.case-tpr .tpr-sec.faq .list-wrap .list .a {display: flex; align-items: center; gap: 2rem; min-height: 7.5rem; font-size: 1.6rem; color: var(--sr-gray); line-height: 1.5;}

.case-tpr .tpr-sec.faq .list-wrap .list .icon {display: flex; align-items: center; justify-content: center; min-width: 3rem; height: 3rem; border-radius: 50%; font-size: 1.8rem; color: var(--sr-white); font-weight: 500; }
.case-tpr .tpr-sec.faq .list-wrap .list .q .icon {background: #12933E;}
.case-tpr .tpr-sec.faq .list-wrap .list .a .icon {background: #000000;}



/* ::::: 25.01.22 | 지정 BL 신규(2025) > 결제상세 bottomsheet ::::: */
.bottomsheet .order-detail-contents .dashboard-bl-price {padding: 4.9rem 2rem 2rem; margin-bottom: 1rem;}
.bottomsheet .order-detail-contents .dashboard-bl-price .sub-title {margin: 2rem 0; font-size: 1.2rem; font-weight: 500;}
.bottomsheet .order-detail-contents .tbl-wrap table {width: 100%;}

/* table 스타일 추가(.tbl-sty1) */

.tbl-wrap.tbl-sty1 {border-top: 1px solid #000000;}
.tbl-wrap.tbl-sty1 table tr {border-bottom: 1px solid #DEDEDE;}
.tbl-wrap.tbl-sty1 table tr th,
.tbl-wrap.tbl-sty1 table tr td {height: 4.1rem; font-size: 1.2rem; text-align: center; vertical-align: middle;}
.tbl-wrap.tbl-sty1 table thead tr th {background: #F5F5F5; font-size: 1.2rem; color: #666666;}

.tbl-wrap.tbl-sty1 table tr th,
.tbl-wrap.tbl-sty1 table tr td {padding: 0 2rem; color: #000000; border-right: 1px solid #DEDEDE;}

.tbl-wrap.tbl-sty1 table tr th:last-child,
.tbl-wrap.tbl-sty1 table tr td:last-child,
.tbl-wrap.tbl-sty1 table tfoot tr *  {border-right: none;}

.tbl-wrap.tbl-sty1 table tbody tr td {color: #000000; border-right: 1px solid #DEDEDE;}
.tbl-wrap.tbl-sty1 table tfoot tr td {color: #FFFFFF; background: #3C4959;}




/* ::::: 25.03 | [2025 리뉴얼] 결제상세 Modal(.modal.btmsheet) 신규  ::::: */
.modal.btmsheet .modal-content {background: #F1F4F6; padding: 5.6rem 0 9.5rem !important;}


/*  .btmsheet > .btmsheet-sec-mid 공통 */
.btmsheet .btmsheet-sec-mid {padding: 6rem 0;}
.btmsheet .btmsheet-sec-mid .sec-mid-left {float: left; width: 78.4rem;}
.btmsheet .btmsheet-sec-mid .sec-mid-right {float: right; position: sticky; top: 6rem; width: 38.6rem;}

.btmsheet .btmsheet-sec-mid .sec-mid-left > section,
.btmsheet .btmsheet-sec-mid .sec-mid-right > section {margin-bottom: 5rem;}

.btmsheet .btmsheet-sec-mid .sec-mid-left > section:last-child,
.btmsheet .btmsheet-sec-mid .sec-mid-right > section:last-child {margin-bottom: 0rem;}

.btmsheet .btmsheet-sec-mid .title-zone {position: relative; margin: 0 0 1.8rem 0;}

.btmsheet .btmsheet-sec-mid .wboard .title-zone {margin: 0 0 1.5rem 0;}
.btmsheet .btmsheet-sec-mid .wboard .val .num {font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit;}

.btmsheet .btmsheet-sec-mid .wboard .tab-wrap {position: relative;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title {position: relative; z-index: 1; display: flex; align-items: center;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title .tit {position: relative; height: 4rem; flex: 1 1 0; padding: 0; background: #F5F5F5; border-radius: 0; overflow: hidden;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title .tit:first-child {border-radius: 0.6rem 0 0 0.6rem;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title .tit:nth-last-of-type(1) {border-radius: 0 0.6rem 0.6rem 0;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title .tit span {position: relative; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 500; color: #999AA9;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title .tit:hover span,
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title .tit.active span {color: #1D5FD0;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title .tit[data-attr="false"] {cursor: not-allowed;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title .tit[data-attr="false"] span {color: #999AA9;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-title .tab-bg {position: absolute; top:0; transform: translate(0); width: 50%; height: 100%; background: #FFFFFF; border: 1px solid #1D5FD0; border-radius: 0.6rem; transition: 0.3s;}

.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-cont {display: none; padding-top: 2rem; background: #FFFFFF;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-cont.active {display: block;}
.btmsheet .btmsheet-sec-mid .wboard .tab-wrap .tab-cont .tab-cont-inner {display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between; flex-direction: column; height: 100%;}

.btmsheet .btmsheet-sec-mid .noti-tooltip {top: 4rem; left: calc(50% + 5.8rem);}	
.btmsheet .btmsheet-sec-mid .noti-tooltip .inner::before {left: 50%; transform: translateX(16px);}	
.btmsheet .btmsheet-sec-mid .noti-tooltip .inner::after {left: 50%; transform: translateX(15px);}


/* .btmsheet > .btmsheet-sec-mid > left-1. 차트 & 단가안내 */
.btmsheet .btmsheet-sec-mid .wboard.product-info > .title-zone {margin-bottom: 0; padding-bottom: 1.4rem; border-bottom: 1px solid var(--sr-brd-ngray);}
.btmsheet .btmsheet-sec-mid .wboard.product-info .title-zone .title {display: flex; align-items: center; gap: 1rem;}
.btmsheet .btmsheet-sec-mid .wboard.product-info .title-zone .title .brand-name {font-weight: 500;}
.btmsheet .btmsheet-sec-mid .wboard.product-info > .title-zone .right {margin-top: -0.7rem;}

.btmsheet .btmsheet-sec-mid .wboard.product-info .chart-wrap {width: 100%; height: 29.7rem;}
.btmsheet .btmsheet-sec-mid .wboard.product-info .chart-wrap .chart-area {width: 100%; height: 100%; display: flex; align-items: center;justify-content: center;}

.btmsheet .btmsheet-sec-mid .wboard.product-info .table-zone.brd table tr th,
.btmsheet .btmsheet-sec-mid .wboard.product-info .table-zone.brd table tr td {height: 4.1rem; padding: 0 2rem;} 


/* .btmsheet > .btmsheet-sec-mid > left-2. 주문 내역 */
.btmsheet .btmsheet-sec-mid .wboard.order-detail {}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division {margin-bottom: 3rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division:last-child {margin-bottom: 0;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont {padding: 2rem; background: #FFF; border-radius: 0.6rem; border: 1px solid #E9EDEF;}

.btmsheet .btmsheet-sec-mid .wboard.order-detail .division.brand .cont {background: #1D5FD0; border: 1px solid #1D5FD0;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division.brand .cont .detail-list .tit,
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division.brand .cont .detail-list .val {font-size: 1.4rem; font-weight: 600; color: #FFFFFF;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division.brand .title-zone .title {color: #000000;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .title-zone .title,
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .title-zone .right {font-size: 1.6rem; font-weight: 500; color: #404048;}

.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont .detail-list li {margin-bottom: 1.4rem;}

.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont .detail-list .brand-variable .tit {}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont .detail-list .brand-variable .btn-notice {margin: 0;}

.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont .detail-list .brand-variable .tit,
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont .detail-list .payback .tit,
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont .detail-list .discount .tit {display: block; min-width: 7.3rem;}

.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont .btn-stroke-sm {position: absolute; top: 50%; left: 8.3rem; transform: translateY(-50%); width: 7rem; height: 2.2rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division.prdt-price .cont {padding: 0;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division.prdt-price .cont .detail-list {padding: 2rem 1.8rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont .premium .popup-preview2, 
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division .cont .brand-variable .popup-preview2 {top: 2.6rem; left: calc(50% + 8.3rem);}

.btmsheet .btmsheet-sec-mid .wboard.order-detail .division.prdt-price .cont .total-price {padding: 2rem; background: #E9F0FD;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division.prdt-price .cont .total-price .tit {font-size: 1.4rem; font-weight: 500; color: #404048;}
.btmsheet .btmsheet-sec-mid .wboard.order-detail .division.prdt-price .cont .total-price .val {font-size: 1.4rem; font-weight: 600; color: #1D5FD0;}

.btmsheet .btmsheet-sec-mid .wboard .detail-list li .tit {margin:0; color: #666666;}
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .price-list .detail-list ul li .tit,
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .price-list .price-opening {color: #666666 !important;}
.btmsheet .btmsheet-sec-mid .wboard .detail-list li .val {color: #000000;}


/* .btmsheet > .btmsheet-sec-mid > right-1. 주문 방식 선택 공통 */
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .current-price .tit {margin: 0; font-size: 1.4rem; font-weight: 500; color: #000000 !important;}
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .current-price .price {text-align: right;}
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .current-price .gap-info {display: flex; align-items: center; justify-content: center; gap: 0.6rem; margin-top: 1rem;}
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .current-price .gap-info span {font-weight: 400;}
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .current-price .gap-info .gap-price::before {margin-right: 0.3rem;}

.btmsheet .btmsheet-sec-mid .wboard .price-info-box .price-list {margin-top: 1.6rem;}
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .price-list .detail-list ul {flex-wrap: wrap; gap: 1.5rem;}
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .price-list .detail-list ul li {width: 100%;}
.btmsheet .btmsheet-sec-mid .wboard .price-info-box .price-list .detail-list ul li * {font-size: 1.2rem; font-weight: 400;}

.btmsheet .btmsheet-sec-mid .wboard .sub-tit {margin: 0 0 1rem 0; font-size: 1.2rem; color: #1D5FD0; font-weight: 500;}

.btmsheet .btmsheet-sec-mid .wboard .input-wrap,
.btmsheet .btmsheet-sec-mid .wboard .datepicker-wrap {position: relative;}

.btmsheet .btmsheet-sec-mid .wboard .checklist.noti-bg {margin-top: 2rem; padding: 1.5rem; text-align: left;}
.btmsheet .btmsheet-sec-mid .wboard .checklist .list-zone .tit {margin-bottom: 0.2rem; color: #999AA9;}
.btmsheet .btmsheet-sec-mid .wboard .checklist .list-zone ul li {margin-bottom: 0; padding-left: 1rem; font-size: 1.2rem; color: #999AA9;}
.btmsheet .btmsheet-sec-mid .wboard .checklist .list-zone ul li::after {width: 0.2rem; height: 0.2rem;top: 0.7rem; transform: unset; background: var(--sr-lgray);}


/* .btmsheet > .btmsheet-sec-mid > right-1. 주문 방식 선택 > 지정가 입력 */
.btmsheet .btmsheet-sec-mid .wboard .input-price-area {margin-top: 2rem; display: flex; align-items: center; justify-content: space-between;}
.btmsheet .btmsheet-sec-mid .wboard .input-price-area .input-wrap {position: relative;}

.btmsheet .btmsheet-sec-mid .wboard .input-wrap label {position: absolute;top: 50%;transform: translateY(-50%); font-size: 1.2rem; color: #999AA9; left: 1rem;}
.btmsheet .btmsheet-sec-mid .wboard .input-wrap input[type="number"] {height: 4rem; border-radius: 0.6rem; border-color: #DEDEDE; padding-right: 1rem; text-align: right; font-size: 1.2rem; color: #000;}
.btmsheet .btmsheet-sec-mid .wboard.order-method .input-wrap input[type="number"] {width: 23.6rem; padding-left: 8rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-modify .input-wrap input[type="number"] {width: 11.3rem; padding-left: 4rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-modify .modify-selectbox {width: 11.3rem; height: 4rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-modify .modify-selectbox .dropdown {min-height: 4rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-modify .modify-selectbox .select2-container .select2-selection--single {height: 4rem; padding-left: 4rem; border-color: #DEDEDE; border-radius: 0.6rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-modify .modify-selectbox .select2-container .select2-selection--single .select2-selection__rendered {padding-right: 3.2rem; text-align: right; line-height: 3.8rem;}

.btmsheet .btmsheet-sec-mid .wboard .input-price-area .preview {position: relative;}
.btmsheet .btmsheet-sec-mid .wboard .input-price-area .popup-preview {top: 5rem; left: -17rem ;transform: unset;}
.btmsheet .btmsheet-sec-mid .wboard .input-price-area .popup-preview::before {transform: translateX(53px);}
.btmsheet .btmsheet-sec-mid .wboard .input-price-area .popup-preview::after {transform: translateX(52px);}
.btmsheet .btmsheet-sec-mid .wboard .input-price-area .preview .btn-preview {width: 8rem; height: 4rem; font-size: 1.2rem; color: #fff; background: #999AA9; border-radius: 0.6rem;}
.btmsheet .btmsheet-sec-mid .wboard .input-price-area .preview .btn-preview.active {color: #FFFFFF; background: #1D5FD0;}
.btmsheet .btmsheet-sec-mid .wboard .input-price-area .input-wrap input[type="number"]::-webkit-input-placeholder {font-size: 1.2rem; color: #666666; font-weight: 400;}
.btmsheet .btmsheet-sec-mid .wboard .input-price-area .input-wrap input[type="number"]:-ms-input-placeholder {font-size: 1.2rem; color: #666666; font-weight: 400;}
.btmsheet .btmsheet-sec-mid .wboard .tbl-wrap.tbl-preview .tbl-tr:last-child .tbl-th,
.btmsheet .btmsheet-sec-mid .wboard .tbl-wrap.tbl-preview .tbl-tr:last-child .tbl-td {border-bottom: 1px solid #EFEFEF;}

/* .btmsheet > .btmsheet-sec-mid > right-1. 지정가 수정하기 */
.btmsheet .btmsheet-sec-mid .wboard.order-modify .before-modify-area {height: 8rem; display: flex; align-items: center; justify-content: center;margin-top: 3rem; padding: 1rem; background: #E9F0FD; border: 1px solid #1D5FD0; border-radius: 0.6rem;} 
.btmsheet .btmsheet-sec-mid .wboard.order-modify .before-modify-area .detail-list li {margin-bottom: 1.4rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-modify .before-modify-area .tit {color: #000000;}
.btmsheet .btmsheet-sec-mid .wboard.order-modify .before-modify-area .val {color: #1D5FD0; font-weight: 500;}

.btmsheet .btmsheet-sec-mid .wboard.order-modify .input-price-area {margin-top: 1rem;}
.btmsheet .btmsheet-sec-mid .wboard.order-modify .input-price-area .modify-row {width: 100%; display: flex; align-items: center; justify-content: space-between;} 
.btmsheet .btmsheet-sec-mid .wboard .select2-container--default .select2-selection--single .select2-selection__arrow {width: 3.2rem;}
.btmsheet .btmsheet-sec-mid .wboard .select2-container--default .select2-selection--single .select2-selection__arrow b {left: auto; right: 1rem; top: 50%; transform: rotate(-45deg) translateY(-50%); width: 0.8rem; height: 0.8rem; margin-top: -3px; margin-left: 0; border-color: transparent transparent #000000 #000000;}
.btmsheet .btmsheet-sec-mid .wboard .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {transform: translateY(-50%) rotate(135deg); margin-top: 0; margin-right: 4px;}

/* .btmsheet > .btmsheet-sec-mid > right-2. 쿠폰 선택 */
.btmsheet .btmsheet-sec-mid .wboard.coupon .coupon-selbox {display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; height: 4rem; padding: 0 3.8rem 0 1.4rem; border: 1px solid #DEDEDE; background: #FFF url(/images/pd/arr-cp-selbox.png) no-repeat 95.5% center; border-radius: 6px; cursor: pointer;}
.btmsheet .btmsheet-sec-mid .wboard.coupon .coupon-selbox p {display: flex; align-items: center; gap: 0.4rem; font-size: 1.2rem; color: #404048;}
.btmsheet .btmsheet-sec-mid .wboard.coupon .coupon-selbox p .coupon-name {width: 13rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.2rem; color: #404048;}
.btmsheet .btmsheet-sec-mid .wboard.coupon .coupon-selbox .status {display: flex; align-items: center; justify-content: center; width: 4.4rem; height: 2.2rem; font-size: 11px; color: #1D5FD0; font-weight: 500; background: #E9F0FD; border-radius: 3rem;}
.btmsheet .btmsheet-sec-mid .wboard.coupon .coupon-selbox .val,
.btmsheet .btmsheet-sec-mid .wboard.coupon .coupon-selbox .val * {font-weight: 500;}


/* .btmsheet > .btmsheet-sec-mid > right-3. 결제수단 선택 */
.btmsheet .btmsheet-sec-mid .wboard.pay-method .radio-group {margin-top: 3rem; justify-content: center;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .noti-bg.gray {margin-top: 2rem; color: #E30505;}

.btmsheet .btmsheet-sec-mid .wboard.pay-method .account-info {display: flex; align-items: center; gap: 2rem; padding: 2rem; border: 1px solid #1D5FD0; background: #FFF; border-radius: 0.6rem;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .account-info .cont {flex: 1 1 0;}

.btmsheet .btmsheet-sec-mid .wboard.pay-method .account-info .tit {font-size: 1.4rem; font-weight: 500; color: #404048; font-style:normal;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .account-info .val {font-size: 1.4rem; font-weight: 600; color: #404048;}

.btmsheet .btmsheet-sec-mid .wboard.pay-method .account-info .stit,
.btmsheet .btmsheet-sec-mid .wboard.pay-method .account-info .stxt,
.btmsheet .btmsheet-sec-mid .wboard.pay-method .account-info .stxt .num {font-size: 1.2rem; color: #666666;}

.btmsheet .btmsheet-sec-mid .wboard.pay-method .account-info .btn-refresh {width: 2rem; height: 2rem; background: url(/images/pd/btmsheet-btn-refresh.jpg) no-repeat center; transition: all 0.3;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .account-info .btn-refresh:hover {animation: AniBtnRefresh ease-in 0.35s forwards;}

@keyframes AniBtnRefresh{	
	0% {transform: rotate(0deg);}
	25% {transform: rotate(15deg);}
	45% {transform: rotate(-15deg);}
	65% {transform: rotate(15deg);}
	85% {transform: rotate(-15deg);}
	100% {transform: rotate(0deg);}
}

.btmsheet .btmsheet-sec-mid .wboard.pay-method .notice-coupon {margin-top: 2.8rem; display: flex; align-items: center; justify-content: space-between; height: 4rem; padding: 0 2rem; border-radius: 5rem; background: #FE736C; color: #ffffff;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .tab-cont[data-idx='1'] .notice-coupon {margin-top: 2rem;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .notice-coupon .tit,
.btmsheet .btmsheet-sec-mid .wboard.pay-method .notice-coupon .val {font-size: 1.2rem; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .notice-coupon .tit {width: 20rem;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .notice-coupon .val {font-weight: 500;}

.btmsheet .btmsheet-sec-mid .wboard.pay-method .total-pay-amount {margin-top: 3rem; display: flex; align-items: center; justify-content: space-between;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .total-pay-amount .tit {font-size: 1.4rem;  font-weight: 500; color: #404048;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .total-pay-amount .val {font-size: 1.4rem;  font-weight: 600; color: #404048;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .total-pay-amount .val .num {color: #1D5FD0;;}

.btmsheet .btmsheet-sec-mid .wboard.pay-method .noti-txt {color: #404048;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .noti-txt span {color: #1D5FD0; font-weight: inherit;}

.btmsheet .btmsheet-sec-mid .wboard.pay-method .select2-container {width: 23.6rem !important;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .select2-container .select2-selection--single {height: 4rem; border: 1px solid #DEDEDE; border-radius: 0.6rem;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .select2-container .select2-selection--single .select2-selection__rendered {padding: 0 1.5rem; font-size: 1.2rem; line-height: 4rem; color: #404048;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {transform: translateY(-50%) rotate(135deg);}

.btmsheet .btmsheet-sec-mid .wboard.pay-method .btn-bg-gray2 {width: 8rem;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .table-zone {margin-top: 1.7rem;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .table-zone table::before {border-color: #3C4959;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .table-zone table {border-bottom: 1px solid #EFEFEF;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .table-zone table thead tr th {background-color: #F5F5F5;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .table-zone table tr th,
.btmsheet .btmsheet-sec-mid .wboard.pay-method .table-zone table tr td {height: 3.7rem; padding: 0; font-size: 1.1rem !important;}
.btmsheet .btmsheet-sec-mid .wboard.pay-method .table-zone tbody tr td {background-color: #fff;}


/* .btmsheet > .btmsheet-sec-btm */
.btmsheet .btmsheet-sec-btm {position: fixed; left: 0; right: 0; z-index: 99;}

.btmsheet .btmsheet-sec-btm {bottom: 0; height: 9.5rem;  background: #FFFFFF; box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.03);}
.btmsheet .btmsheet-sec-btm .inwrap {display: flex; align-items: center; justify-content: space-between;}
.btmsheet .btmsheet-sec-btm .btmsheet-terms {display: flex; align-items: center; gap: 1rem;}
.btmsheet .btmsheet-sec-btm .btmsheet-terms p {font-size: 1.4rem; color: #666666;}
.btmsheet .btmsheet-sec-btm .btmsheet-terms .terms-detail {font-size: 1.4rem; font-weight: 500; color: #1D5FD0; text-decoration: underline;}

.btmsheet .btmsheet-sec-btm .btns {display: flex; align-items: center; gap: 1rem;}
.btmsheet .btmsheet-sec-btm .btns button {font-size: 1.6rem; font-weight: 500; border-radius: 0.9rem; transition: all 0.3s;}
.btmsheet .btmsheet-sec-btm .btns button span {font-size: inherit; font-weight: inherit;}
.btmsheet .btmsheet-sec-btm .btn-order-list {width: 9.1rem; height: 5.6rem; color: var(--sr-black) !important; background: #FFFFFF; border: 1px solid var(--sr-navy1); border-radius: 0.9rem;}
.btmsheet .btmsheet-sec-btm .btn-order-list:hover {color: var(--sr-white) !important;}
.btmsheet .btmsheet-sec-btm .btn-btmsheet-pay {width: 38.6rem;}



/* ::::: 25.03 | [2025 리뉴얼] 결제완료(주문 상세 정보) 신규 ::::: */
.order-finish-info {padding: 12rem 0 10rem; background: #f0f4f7;}
.order-finish-info .inner {width: 78rem; margin: auto;}
.order-finish-info .top-txt {margin-bottom: 3rem; font-size: rem; font-weight: 500; text-align: center;}

.order-finish-info .sec {margin-top: 4rem;}

.order-finish-info .division {margin-top: 4rem;}
.order-finish-info .division:first-child {margin-top: 0 !important;}

.order-finish-info .division .title-zone {padding-bottom: 2rem; border-bottom: 1px solid var(--sr-brd-ngray);}
.order-finish-info .division .title-zone .right .val {font-size: 1.4rem; font-weight: 500;}

.order-finish-info .division .detail-list li {margin-bottom: 1.8rem;}
.order-finish-info .division .detail-list .title {font-size: 1.4rem; color: #666666;}
.order-finish-info .division .detail-list .val {font-size: 1.4rem; color: #000000; font-weight: 500;}

.order-finish-info .noti-txt.red {margin-top: 2.8rem; font-size: 1.4rem;}

.order-finish-info .btn-zone {margin-top: 4rem;}

.order-finish-info .sec.summary {margin-top: 3.3rem;}
.order-finish-info .sec.summary .division {margin-top: 3rem;}
.order-finish-info .sec.summary .division .title-zone {padding-bottom: 2.7rem; align-items: flex-start;}
.order-finish-info .sec.summary .division .title-zone .pos-right {top: -0.5rem; transform: unset;}
.order-finish-info .sec.summary .division .detail-list .line {margin-top: 2.5rem; padding-top: 2.3rem; border-top: 1px solid var(--sr-brd-ngray);}
.order-finish-info .sec.summary .division .title-zone .title {display: flex; gap: 1.7rem; flex-direction: column;}
.order-finish-info .sec.summary .division .title-zone .datetime {color: #666666; font-weight: 500;}

.order-finish-info .sec.total-pay-info .wboard {padding: 3rem 0 0;}
.order-finish-info .sec.total-pay-info .wboard .division.deli-info .detail-list {padding-bottom: 3rem;}
.order-finish-info .sec.trader-info .wboard .division .detail-list,
.order-finish-info .sec.total-pay-info .wboard .division .detail-list {padding: 0 0 2rem; border-bottom: 1px solid var(--sr-brd-ngray);}
.order-finish-info .sec.total-pay-info .wboard .division {padding: 0 3rem;}
.order-finish-info .sec.total-pay-info .wboard .division.total {margin-top: 0; padding: 4rem 3rem; background: var(--sr-navy1);}
.order-finish-info .sec.total-pay-info .wboard .division.total .title-zone {border-color: #17243D;}
.order-finish-info .sec.total-pay-info .wboard .division.total .title,
.order-finish-info .sec.total-pay-info .wboard .division.total .val {color: #FFFFFF !important;}
.order-finish-info .sec.total-pay-info .wboard .division.total .detail-list {padding: 0; border-bottom: none;}
.order-finish-info .sec.total-pay-info .wboard .division.total .detail-list .val {font-weight: 400;}



/* ::::: 25.03 | [2025 리뉴얼] 로그인 페이지 신규 ::::: */
.login-page {width: 100%; min-height: 100vh; padding: 11rem; background: #F1F4F6;}
.login-page .inner {width:  104rem; margin: auto;}

.login-page .wboard {padding: 5rem 5rem 6.7rem 5rem; border-radius: 2.8rem;}
.login-page .wboard .logo {display: inline-block; margin-bottom: 1.4rem;}

.login-page .wboard .login-txt {margin: 2.5rem 0 0;}
.login-page .wboard .login-txt .title-zone {margin-bottom: 4rem; align-items: flex-start; flex-direction: column;}
.login-page .wboard .login-txt .title-zone .txt {margin-top: 3rem;}
.login-page .wboard .login-txt .btn-zone {width: 36rem; padding-top: 4.2rem; border-top: 1px solid var(--sr-brd-ngray);}
.login-page .wboard .login-txt .btn-zone .btn-membership {margin-right: 3.8rem;}
.login-page .wboard .login-form .btn-zone .btn-login {font-size: 1.4rem !important;}

.login-page .login-form {width: 46rem;}
.login-page .login-form .ipt-type input {display: block; height: 5.4rem !important; font-size: 1.4rem !important; text-align: center; background: #F1F4F6;}

.login-page .login-form .verifi-code .ipt-type {position: relative;}
.login-page .login-form .verifi-code .ipt-type input {padding-left: 1.4rem; text-align: left;}

.login-page .login-form .verifi-code input::placeholder {text-align: left;} 
.login-page .login-form .verifi-code input::-webkit-input-placeholder{text-align: left;}
.login-page .login-form .verifi-code input {text-align: left;}/* Firefox */

.login-page .login-form .verifi-code .ipt-type .countdown {position: absolute; top: 50%; right: 1.4rem; transform: translateY(-50%); color: var(--sr-red);}

.login-page .login-form .verifi-code button {height: 5.4rem !important; font-size: 1.4rem !important; font-weight: 400;}

.login-page .wboard .login-form .btn-zone {margin-top: 1.4rem;}

.login-page .login-banner {position: relative; width: 104rem; height: 20rem; margin-top: 3rem; border-radius: 2.8rem; overflow: hidden;}
.login-page .login-banner .swiper-pagination {text-align: right; padding: 0 5rem; bottom: 3rem;}
.login-page .login-banner .swiper-pagination .swiper-pagination-bullet-active {background: rgba(0,0,0,0.4);}
.login-page .login-banner .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0 !important;}

.login-page .login-footer {margin-top: 5.6rem; text-align: center;}
.login-page .login-footer .list-zone ul {justify-content: center;}
.login-page .login-footer .list-zone ul li::after {background: var(--sr-brd-gray);}
.login-page .login-footer .list-zone ul li.privacy-policy a {font-weight: 500;}
.login-page .login-footer .copyright {margin-top: 1.6rem; font-size: 1.2rem; color: var(--sr-gray);}
.login-page .login-footer .copyright strong {font-weight: 600; color: var(--sr-black);}



/* ::::: 25.03.28 | 상품검색화면 > 배너(.sec-pds-banner) + 공지팝업(.pds-pop) ::::: */
.sec-pds-banner {height: 15rem; margin-top: 5rem;}
.sec-pds-banner .pds-banner-wrap {width: 100%; height: 100%; overflow: hidden;}
.sec-pds-banner .pds-banner-wrap .pagination {position: absolute; left: 50%; bottom: 2rem; transform: translateX(-50%); z-index: 1; width: auto; height: 0.6rem; padding: 0 1rem; text-align: center;}
.sec-pds-banner .pds-banner-wrap .pagination .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; margin: 0 0.3rem;}
.sec-pds-banner .pds-banner-wrap .pagination .swiper-pagination-bullet-active {background: #000 !important; opacity: 0.4;}

.modal.psd-pop .modal-content {width: 42rem; padding: 4rem 2.8rem;}
.modal.psd-pop .modal-content .title {margin-bottom: 2.7rem; font-size: 2rem; color: #000000;}
.modal.psd-pop .modal-content .cont * {font-size: 1.2rem; line-height: 1.6; color: #404048;}
.modal.psd-pop .modal-content .modal-x {font-size: 1.4rem; border-radius: 0.6rem;}



/* ::::: 25.04.09 | 주문하기화면 > 상품 썸네일 클릭시 Modal(.cart-gallery-modal) 활성화 ::::: */
.cart-thumb-swiper {position: relative; width: 12rem; height: 12rem; overflow: hidden;}
.cart-thumb-swiper .swiper-container {width: 100%; height: 100%;}
.cart-thumb-swiper .swiper-slide::after {opacity: 0; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.4) url(/images/pd/icon-view-more-910587a62402d5326c893f416789e78b.png) no-repeat center; cursor: pointer; transition: all 0.3s;}
.cart-thumb-swiper .swiper-slide:hover::after {opacity: 1;}

.cart-gallery-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; z-index: 999;}
.cart-gallery-modal .modal-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90rem; height: 53rem;}
.cart-gallery-modal .modal-inner .gallery-swiper .swiper-wrapper {max-height: 50rem;}

.cart-gallery-modal .btn-close-modal {position: absolute; top: 10rem; right: 36rem; width: 2.2rem; height: 2.2rem; background: url(/images/pd/cart-pop-close-be611b4f9cedba9f97e01673c3a4bb55.png) no-repeat center; cursor: pointer;}

.cart-gallery-modal .swiper-pagination {bottom: 0;}
.cart-gallery-modal .swiper-pagination .swiper-pagination-bullet {width: 1rem; height: 1rem; margin: 0 6px; background: rgba(255,255,255,0.3);}
.cart-gallery-modal .swiper-pagination .swiper-pagination-bullet-active {background: rgba(255,255,255,0.8);}

.cart-gallery-modal .cart-gallery-prev,
.cart-gallery-modal .cart-gallery-next {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 5rem; height: 5rem; cursor: pointer;}
.cart-gallery-modal .cart-gallery-prev {left: -11rem; background: url(/images/pd/cart-pop-prev-d82e9de7ef8853ae1dd726c31e1d6eb4.png) no-repeat left center;}
.cart-gallery-modal .cart-gallery-next {right: -11rem; background: url(/images/pd/cart-pop-next-526e5fdc8db8b3b95a7a7b03125cade2.png) no-repeat right center;}



/* ::::: 25.04.10 | [2025 리뉴얼] 견적상담 ::::: */
.sec-esti-consult {padding: 7.5rem 0 10rem;}

.sec-esti-consult .esti-title {margin: 0 0 3.5rem; text-align: center; font-size: 3rem; font-weight: 500; line-height: 1.3;}

.sec-esti-consult .esti-boxes {display: flex; align-items: flex-start; justify-content: space-between;}
.sec-esti-consult .esti-boxes .box {padding-top: 4rem; width: 27.7rem; height: 22.8rem; text-align: center; border-radius: 15px; background: #F9F9FB;}
.sec-esti-consult .esti-boxes .box em {display: block; margin: 1.8rem 0 1.5rem; font-size: 1.6rem; font-weight: 500;}
.sec-esti-consult .esti-boxes .box p {font-size: 1.4rem; line-height: 1.6; color: var(--sr-gray);}

.sec-esti-consult .esti-form {margin-top: 7.7rem;}

.sec-esti-consult .esti-form .division {margin-bottom: 6rem;}
.sec-esti-consult .esti-form .division.step5,
.esti-form .division:last-child {margin-bottom: 0;}
  
.esti-form .division > .title-zone {padding-bottom: 2rem; border-bottom: 1px solid #231815;}
.esti-form .division > .cont-zone {padding-bottom: 2rem; border-bottom: 1px solid var(--sr-brd-ngray);}

.sec-esti-consult .esti-form .btn-group .ipt-checkbox,
.sec-esti-consult .esti-form .btn-group .ipt-radio {max-width: 39.3rem;}

.sec-esti-consult .esti-form .btn-group .ipt-radio span {text-align: center;}

.sec-esti-consult .esti-form .division .cont-zone .row .btn-group {width: 100%;}
.sec-esti-consult .esti-form .division:not(.step1) .cont-zone .row,
.sec-esti-consult .esti-form .division:not(.step2) .cont-zone .row {margin-bottom: 1rem; display: flex; align-items: center; justify-content: flex-start;}
.sec-esti-consult .esti-form .division:not(.step1) .cont-zone .row:last-child,
.sec-esti-consult .esti-form .division:not(.step2) .cont-zone .row:last-child {margin-bottom: 0;}
.sec-esti-consult .esti-form .division .cont-zone .row.brd-top {margin-top: 2rem; padding-top: 2rem;}
.sec-esti-consult .esti-form .division .cont-zone .row .row-title {width:31rem; margin: 0; font-size: 1.4rem; font-weight: 500;}
.sec-esti-consult .esti-form .division .cont-zone .row .row-cont {width: calc(100% - 31rem);}

.esti-form .division.step2 > .title-zone .title {gap: 0;}

.sec-esti-consult .esti-form .division.step3 .btn-group .ipt-checkbox,
.sec-esti-consult .esti-form .division.step3 .btn-group .ipt-radio {max-width: 17rem;}

.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont {display: flex; align-items: center; justify-content: flex-start; gap: 1rem;}

.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type {position: relative; max-width: 47rem;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input {height: 5rem; line-height: 5rem; padding: 0 6rem; font-size: 1.4rem; font-weight: 500; text-align: right; background: var(--sr-white);}

.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input::-webkit-input-placeholder {font-size:1.2rem; color: var(--sr-lgray); font-weight: 400; text-align: center;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input:-ms-input-placeholder {font-size:1.2rem; color: var(--sr-lgray); font-weight: 400; text-align: center;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input:-mos-input-placeholder {font-size:1.2rem; color: var(--sr-lgray); font-weight: 400; text-align: center;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input::placeholder {font-size:1.2rem; color: var(--sr-lgray); font-weight: 400; text-align: center;}

.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input:focus::-webkit-input-placeholder {opacity: 0;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input:focus:-ms-input-placeholder {opacity: 0;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input:focus:-mos-input-placeholder {opacity: 0;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input:focus::placeholder {opacity: 0;}

.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type .unit {display: none; position: absolute; top: 50%; right: 3rem; transform: translateY(-50%); font-size: 1.4rem; color: var(--sr-lgray); font-weight: 500;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type input:focus + .unit,
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .ipt-type .unit.active {display: block;}

.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont {display: flex; align-items: center; justify-content: flex-start; gap: 1rem;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .btn-row-remove {position: relative; width: 5rem; height: 5rem; background: var(--sr-cgary); border-radius: 0.6rem;}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .btn-row-remove:hover {background: var(--sr-gray);}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .btn-row-remove::before,
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .btn-row-remove::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 0.1rem; height: 1.4rem; background: var(--sr-white);}
.sec-esti-consult .esti-form .division.step4 .cont-zone .row .row-cont .btn-row-remove::before {transform: translate(-50%, -50%) rotate(-45deg);}

.sec-esti-consult .esti-form .division .cont-zone .row .textarea-zone textarea {padding: 3rem; height: 28rem; font-size: 1.4rem; border: none; border-radius: 1.5rem; background: var(--sr-white); border: 1px solid var(--sr-brd-gray); overflow-y: auto;}
.sec-esti-consult .esti-form .division .cont-zone .row .textarea-zone textarea::placeholder {color: var(--sr-lgray);}

.sec-esti-consult .same-setting {display: none; position: absolute; top: 1.7rem; right: 19.8rem;}
.sec-esti-consult .same-setting .ipt-checkbox {gap: 0.9rem;}
.sec-esti-consult .same-setting .ipt-checkbox span {font-size: 1.4rem;}
.sec-esti-consult .same-setting .ipt-checkbox [type="checkbox"] {width: 1.6rem; height: 1.6rem;}

.esti-form .btn-zone {display: block; text-align: center;}
.sec-esti-consult .esti-form .btn-zone {margin-top: 6rem;}
.sec-esti-consult .esti-form .btn-zone p {font-size: 1.4rem; margin-bottom: 3rem;}
.sec-esti-consult .esti-form .btn-zone button {width: 38.6rem;}

.modal-esti-preview .modal-content {max-width: 68rem !important; padding: 5rem 3rem;}
.modal-esti-preview .modal-content .title-zone {margin-bottom: 1.5rem; padding-bottom: 1.3rem;}
.modal-esti-preview .modal-content .title-zone .title.xlg {font-weight: 600 !important;}
.modal-esti-preview .modal-content .esti-form .division {margin-bottom: 4rem; padding-right: 1rem;}

.modal-esti-preview .modal-content .esti-form .detail-list li {margin-bottom: 2rem;}
.modal-esti-preview .modal-content .esti-form .detail-list li .tit {font-size: 1.4rem; color: var(--sr-gray);}
.modal-esti-preview .modal-content .esti-form .detail-list li .val {font-size: 1.4rem; color: var(--sr-black); font-weight: 500}


.modal-esti-preview .modal-content .esti-form .detail-list li.total {padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px solid var(--sr-brd-ngray);}
.modal-esti-preview .modal-content .esti-form .detail-list li.total .tit,
.modal-esti-preview .modal-content .esti-form .detail-list li.total .val {color: var(--sr-blue); font-weight: 500;}
.modal-esti-preview .modal-content .esti-form .inquiry {color: var(--sr-gray); line-height: 1.4;}

.modal-esti-preview .esti-form .btn-zone {margin-top: 4rem;}
.modal-esti-preview .esti-form .btn-zone p {font-size: 1.4rem; margin-bottom: 2rem;}
.modal-esti-preview .esti-form .btn-zone button {width: 20rem; font-size: 1.4rem !important;}


/* 25.06.16 | 성적서 다운로드 모달(#sorinModalReport) 스타일 수정 */
#sorinModalReport .tbl thead th,
#sorinModalReport .tbl tbody td {height: 6rem; font-size: 1.6rem;}