@charset "utf-8";
/********** 공통사항 **********/
.mainBannerPoint{width:fit-content;}
.point{background-size:100% 100% !important}

/********** header **********/
header{left:0; top:0; background:#fefefe; overflow-y:hidden}

/********** qBtn **********/
.qBtn {bottom:60px; right:60px;}

/********** mainBanner **********/
.mainBanner{background:url('/img/mainBanner.jpg')center center no-repeat; background-size:cover}
.mainBannerPoint{border-top:3px solid #E8C396; border-bottom:3px solid #E8C396; }
.mainBannerPoint p{color:#E8C396}
.mainBanner .pointP2{text-shadow: 0 0 8px rgba(0,0,0,0.8);}
.mainBannerCnt{background:url('/img/mainTxtBox.svg')center center no-repeat;background-size:100% 100%}

/********** intro **********/
.intro{background:url('/img/aboutBg.jpg')center center no-repeat; background-size: cover}
.intro .wpA{right:0; bottom:0}
.introCnt{border:1px solid #222}
.intro .point{background:url('/img/labelRed.svg')center center no-repeat}
.introCntBg1 {background:url('/img/about-001.jpg')center center no-repeat; background-size: cover}
.introCntBg2 {background:url('/img/about-002.jpg')center center no-repeat; background-size: cover}
.introCntBg3 {background:url('/img/about-003.jpg')center center no-repeat; background-size: cover}
.introCntBg4 {background:url('/img/about-004.jpg')center center no-repeat; background-size: cover}

/********** product **********/
.product{background:url('/img/menuBg.jpg')center center no-repeat; background-size:cover}
.product .point{background:url('/img/labelRed.svg')center center no-repeat}
.productMenu{border-top:4px solid #222; border-bottom:4px solid #222; width:fit-content}
.productCnt{width:calc(25% - 18px)}
.product .wpA{right:0; bottom:0; z-index: -1;}
.productBgIcon {right:0;}
.CntBoxLine {border:1px solid #AC222B; box-shadow:0 0 8px #F4BFB4; row-gap:31px;}
/********** process **********/
.process{background:url('/img/stepBg.jpg')center center no-repeat; background-size:cover}
.process .point{background:url('/img/labelwhite.svg')center center no-repeat}
.processCnt{width:calc(25% - 45px)}

/********** review **********/
.review{background:url('/img/reviewBg.jpg')center center; background-size: cover;}
.reviewTit .point{background:url('/img/labelBlack.svg')center center no-repeat}
.ballon{box-shadow: 0 0 8px rgba(0,0,0,0.25)}
.ballonW{background:#fff;left:0;top:0}
.ballon:after{content:'';display:block; background:#fff; width:30px; height:30px; bottom:-15px; left:50%; transform: translateX(-50%) rotate(45deg); box-shadow: 0 0 8px rgba(0,0,0,0.25);position:absolute; z-index:-1}
.reviewSlider .swiper-slide{box-shadow: 0 0 16px rgba(0,0,0,0.25);}

/********** price **********/
.price .point{background:url('/img/labelRed.svg')center center no-repeat}
.tableBg{border:1px solid #9EA1AA}
.tableBg tbody td{border-bottom:1px solid #E3E3E6}

/********** online **********/
.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/labelwhite.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;}


/********** login **********/
.loginBg {background:url('/img/mainBanner.jpg')center center no-repeat; background-size:cover}
.loginFieldset input[type="text"], .loginFieldset input[type="password"]{border:1px solid #E9E9EC}
.loginBox .wpA{right:0; bottom:0; mix-blend-mode: multiply;}

.loginAuto > input[type="checkbox"]{position:absolute;}
.loginAuto > input[type="checkbox"] + label{width:100%; padding-left:24px; position:relative; }
.loginAuto > input[type="checkbox"] + label:before{content:''; background:#fff; width:16px; height:16px; border:1px solid #91949f; border-radius:2px; display:block;
position:absolute; left:-0; top:50%; transform: translateY(-50%);}
.loginAuto > input[type="checkbox"]:checked + label:after{content:''; width:5px; height:8px; border-right:1px solid #222; border-bottom:1px solid #222;
position:absolute; left:6px; top:46%; transform:translateY(-50%) rotate(45deg)}
.loginAuto > input[type="checkbox"]:checked + label:before{background:#fefefe}
#login_auto_login{left:-9999px}
.loginBoxLine {border:1px solid #D9DADE;}

/********** memberMenu **********/
.memberMenu .wpA{right:0; bottom:0; mix-blend-mode: multiply;}
.memberMenuBox{box-shadow: 12px 12px 0 #156d43;}

/********** online **********/
.onlineLists tr td {border-left:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.borderleftno {border-left:none !important;}
.onlineTxteno {border-left:none !important;}
/********** online view **********/
.onlineView tr td{border:1px solid #D9DADE; border-right:0; border-left:0}
.onlineView tr th{border:1px solid #D9DADE; border-right:0; border-left:0}
.styleN {border:0;}

/********** policy **********/
.boxBottomLine {border-bottom:1px solid #26272b}
.policyTp {border-bottom:1px solid #26272B;}

.pg a, .pg span, .pg strong{width:32px; height:32px; background:transparent; display:flex; align-items: center; 
    justify-content: center; border-radius:4px; margin:0 8px; line-height: 1em;}
.pg strong{background:#eeeef0}