@charset "utf-8";

/********************
** header
********************/
/** header **/

/** fixBtn **/

/********************
** index
********************/
/** mainBanner **/
.mainBanner {background:url('/img/mainBannerBg.jpg'); background-position:center; background-size:cover;}
.mainBannerTxt {text-shadow:0 0 8px rgba(0, 0, 0, 1);}
/** brand **/
.brandBg {background:url('/img/brand.jpg'); background-position:center; background-size:cover; min-height:360px;}
.brandCntLine div{border-bottom:1px solid #D9DADE;}
.brandCntLine div:last-child{border-bottom:0;}
/** menu **/
.mainMenus {display:grid; grid-template-columns: repeat(2, 1fr);}
.setMenus {display:grid; grid-template-columns: repeat(4, 1fr);}
.sideMenus {display:grid; grid-template-columns: repeat(4, 1fr);}
.menuBg {bottom:0; right:0;}
/** price **/
.price {background:url('/img/priceBg.jpg'); background-position:center; background-size:cover;}
.priceCnts {box-shadow:0 0 8px rgba(0, 0, 0, 25%);}
.priceCntTh1 {border-radius:16px 0 0 0;}
.priceCntTh2 {border-radius:0 16px 0 0;}
.priceCntTh3 {border-radius:0 0 0 16px;}
.priceCntTh4 {border-radius:0 0 16px 0;}
.pricetbodyCnt tr{border-bottom:1px solid #D9DADE;}
.pricetbodyCnt tr:last-child{border-bottom:0;}
.priceCntBg {bottom:0; right:0;}
/** who **/
.whoCnts {display:grid; grid-template-columns: repeat(3, 1fr);}
/** step **/
.stepCnt {box-shadow:0 0 4px rgba(0, 0, 0, 25%);}
.stepCnts{display: grid; grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);}

/********** onlineWrite **********/
.checkBoxLine {border:1px solid #26272B !important;}
input[type="text"]::placeholder, input[type="number"]::placeholder, textarea::placeholder{ letter-spacing: -0.05em; font-family:'SUIT', sans-serif; color:#9091a0}
.online{background:url('/img/contactBg.jpg')center center no-repeat; background-size:cover}
.online .point{background:url('/img/labelRed.svg')center center no-repeat}
.shopChoice input[type="radio"]{left:-99999px}
.shopChoice input[type="radio"] + label{border:1px solid #fefefe; background:#D9DADE; transition: ease-in-out 0.3s; cursor: pointer;}
.shopChoice input[type="radio"]:checked + label{border:1px solid #B22222; background:#B22222; transition: ease-in-out 0.3s; color:#fff;}
.online textarea{resize:none; box-sizing: border-box;}
.online input[type="checkbox"]{left:-9999px;}
.online input[type="checkbox"] + label{cursor: pointer; }
.online input[type="checkbox"] + label:before{width:20px; height:20px;  content:''; transition: ease-in-out 0.3s;
    margin-right:8px;background:url('/img/chkOff.svg')center center no-repeat; background-size:cover;display:block}
.online input[type="checkbox"]:checked + label:before{background:url('/img/chkOn.svg')center center no-repeat;}
.policyBox a{border-bottom:1px solid #fefefe}
.onlineContact input, select, textarea{border:1px solid #B8BAC1;}
.inputStyleNo {border:none !important;}
.underLine {text-decoration: underline;text-decoration-thickness: 1px;text-decoration-color: currentColor;text-decoration-skip-ink: auto;}

/********** contactList **********/
.sonsultTable th {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE; border-right:1px solid #D9DADE;}
.sonsultTable th:last-child {border-right:none;}
.sonsultTable td {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE; border-right:1px solid #D9DADE;}
.sonsultTable td:last-child {border-right:none;}
.sonsultTableLine {border: none;}
/********** contactView **********/
.consiltCntLine {border-top:1px solid #D9DADE;}
.consiltCnts .consiltCntLine:last-child {border-bottom:1px solid #D9DADE;}


/********************
** login
********************/
.loginBg {background:url('/img/mainBannerBg.jpg'); background-position:center; background-size:cover;}