/* common */ .p_hidden {display:none;} .search_nav {display:flex; text-align:center; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; padding:100px 0 60px; text-align:center;} .search_nav * {vertical-align:middle;} .search_nav img {width:24px;} .search_nav .home {display:inline-block; overflow:hidden; width:24px; height:24px; background:url("../images/newbird/common/icon_home.svg") no-repeat; background-size:100% auto;} .search_nav .navi_linemap2 {height:30px;} .search_nav .navi_linemap2::before, .search_nav .navi_linemap2::after {display:none;} .search_nav .navi_linemap2 span {display:inline-block; float:left; margin-left:26px; padding-left:28px; background:url("../images/newbird/sub/img_lctDpt.png") no-repeat center left; background-size:7px auto; font-size:24px; font-weight:200; line-height:30px; color:var(--black); letter-spacing:-1.92px;} .search_nav .navi_linemap2:last-child span {font-weight:700; color:var(--blue);} .w100 {width:100%;} /* 팝업 */ form {clear:both;} .popCmnTxt {box-sizing:border-box; width:calc(100% - 40px); max-width:640px; margin:0 auto 40px auto; padding:50px 0; border:10px var(--white_t1) solid; border-radius:15px; font-size:16px; font-family:'Pretendard'; line-height:30px; text-align:center; letter-spacing:-0.64px;} .y_scroll_auto {overflow:visible; min-height:inherit !important; max-height:inherit !important;} .renewpop .y_scroll_auto {min-height:auto !important;} .titleS {margin-bottom:40px; font-size:16px; font-weight:300; line-height:30px; color:var(--gray_t2); text-align:center;} .titleS strong {font-weight:600; color:var(--blue);} .titleS b {font-weight:600;} .popCmnTxt + .btnwrap {justify-content:center;} #goods_spec_lyr .popCmnTxt + .btnwrap {padding-bottom:80px;} .fndFrmCnt .lgnFrmIpt > div > i, .popCmnTxt + .btnwrap {width:100%; max-width:460px; margin:0 auto;} .fndFrmCnt + .btnwrap {width:100%; max-width:460px; margin:0 auto;} .lgnFrmIpt {overflow:hidden; background-color:var(--white); border-radius:10px; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} .lgnFrmIpt > div {display:flex; position:relative; text-align:left;} .lgnFrmIpt > div > i, .lgnFrmIpt > div > span {display:block; position:relative; width:100px; padding-left:20px; font-weight:600; line-height:60px; color:var(--gray_t2); font-size:12px;} .lgnFrmIpt > div > .athTmr {position:absolute; top:50%; right:30px; font-weight:600; font-size:16px; color:var(--skyblue_t1); transform:translateY(-50%);} .lgnFrmIpt > div > textarea {display:inline-block; overflow:hidden; width:calc(100% - 120px); height:80px; padding-left:25px; padding-right:0; border:1px var(--gray_t3) solid; border-radius:25px; font-size:16px; font-weight:600; color:var(--black);} .lgnFrmIpt > div > textarea.textareaS {margin:10px; padding:10px 20px; font-size:14px; font-weight:400;} .lgnFrmIpt > div > .lgnFrmIptRight {display:flex; position:relative; box-sizing:border-box; width:calc(100% - 100px); height:auto; min-height:50px; padding:10px; padding-left:30px; padding-right:0; border:0; font-size:16px; font-weight:600; color:var(--black); align-items:center;} .lgnFrmIpt > div > .lgnFrmIptRight input[type="tel"], .lgnFrmIpt > div > .lgnFrmIptRight input[type="text"] {display:inline-block; width:calc(100% - 20px); height:100%; background:transparent !important; border:0; font-size:inherit; font-weight:inherit; text-overflow:ellipsis;} .lgnFrmIpt > div > .lgnFrmIptRight input::placeholder {font-size:14px; color:var(--gray_t2);} .lgnFrmIpt > div > .lgnFrmIptRight .ctmChk {margin-top:5px;} .lgnFrmIpt > div > .lgnFrmIptBirth {padding-left:10px;} .lgnFrmIpt > div > .lgnFrmIpGroup {display:block; padding-left:10px; padding-top:10px;} .lgnFrmIpt > div > .lgnFrmIpGroup > .fkeSlc, .lgnFrmIpt > div > .lgnFrmIpGroup input {float:left; width:calc(50% - 10px); margin-right:10px;} .lgnFrmIpt > div > .lgnFrmIpGroup input {margin-right:0;} .lgnFrmIpt > div > .lgnFrmIpGroup .ctmChk {margin-top:20px; margin-bottom:10px;} .lgnFrmIpt > div > .lgnFrmIptRight.lgnFrmIptSns {min-height:45px; padding-left:25px;} .lgnFrmIpt > div > .lgnFrmIptRight .fkeSlc select {font-weight:600;} .lgnFrmIpt > div > .lgnFrmIptRight.lgnFrmIptSns {width:100%;} .lgnFrmIpt > div > .lgnFrmIptRight.lgnFrmIptSns > div {width:100%;} .lgnFrmIpt > div > .lgnFrmIptRight.lgnFrmIptSns > div > ul {display:flex; flex-wrap:wrap;} .lgnFrmIpt hr {display:block; margin:0; border:none; border-bottom:1px var(--gray_t3) solid;} .lgnFrmIptRight > ul {padding-bottom:10px;} .lgnFrmIptRight > ul > li {margin-top:10px;} .lgnFrmIptRle {margin:0 10px 10px 10px; padding:10px; border-radius:5px; background-color:var(--white_t1); color:var(--gray_t2); text-align:left;} .lgnFrmIptRle li {position:relative; padding-left:10px; line-height:1.667em; letter-spacing:-0.08em; word-break:keep-all;} .lgnFrmIptRle li::after {content:''; display:block; width:3px; height:3px; position:absolute; left:0; top:calc(8.5px); border-radius:3px; background-color:var(--gray_t4);} .textareaS {display:inline-block; overflow:hidden; height:80px; min-height:100px; padding:10px 20px; border:1px var(--gray_t3) solid; border-radius:20px; font-size:14px; font-weight:400; color:var(--black); resize:none;} .textareaS::placeholder {font-size:14px; font-weight:400; line-height:23px; color:var(--gray_t2);} .rntPrcInf > dl {display:flex; flex-wrap:wrap;} .rntPrcInf > dl > dt {width:calc(100% - 120px); font-size:14px; line-height:30px; color:var(--black); letter-spacing:-0.56px; text-align:right;} .rntPrcInf > dl > dd {width:120px; font-size:14px; font-weight:400 !important; line-height:30px; color:var(--black); letter-spacing:-0.56px; text-align:right;} .rntPrcInf > dl > dd span {font-size:14px; color:var(--gray_t2);} .rntPrcInf > dl > dd strong {margin-left:3px; font-size:18px; font-weight:800; color:var(--skyblue);} .rntPrcInf > span {display:block; font-size:14px; color:var(--gray_t2); letter-spacing:-0.8px; text-align:right;} .lgnFrmIptBirth .fkeSlc {width:100px; margin-left:10px;} .lgnFrmIptBirth .fkeSlc:first-of-type {width:120px; margin-left:0;} .resp_layer_pop#cartOk {overflow:hidden; overflow-y:auto; max-width:600px;} .resp_layer_pop#cartOk .popCmnTxt {margin-bottom:20px;} .resp_layer_pop#cartOk > .title {padding-bottom:30px;} .resp_layer_pop#cartOk .btnwrap {max-width:460px; margin:0 auto;} .renewpop#cartOk {overflow:hidden; overflow-y:auto; max-width:600px;} .renewpop#cartOk .popCmnTxt {margin-bottom:20px;} .renewpop#cartOk > .title {padding-bottom:30px;} .renewpop#cartOk .btnwrap {max-width:460px; margin:0 auto;} /* 체크버튼 */ .fkeChk {display:inline-block; vertical-align:middle; font-size:16px;} .fkeChk label {display:inline-block; position:relative;} .fkeChk input {display:block; position:absolute; top:0; left:0; z-index:2; opacity:0; cursor:pointer;} .fkeChk strong {display:block; font-weight:400; line-height:30px; letter-spacing:-0.64px; cursor:pointer;} .fkeChk strong::before {content:''; display:inline-block; vertical-align:top; z-index:1; width:30px; height:30px; margin-right:5px; border-radius:5px; background:url("../images/newbird/common/img_chkFls.svg") no-repeat; background-size:100% auto;} .fkeChk input:checked ~ strong::before {border-radius:5px; background:url("../images/newbird/common/img_chkTru.svg") no-repeat; background-size:100% auto; box-shadow:0 10px 20px rgba(23, 42, 126, 0.3);} /* 회원탈퇴 / 개인정보처리방침 */ .descGrayBg {display:block; padding:22px 30px; border-radius:5px; background-color:var(--white_t1); color:var(--black); font-size:14px; line-height:25px;} .descGrayBorder {padding:15px 20px; border:1px var(--gray_t3) solid; border-radius:10px; color:var(--gray_t2); word-break:keep-all;} .withdrawalWrap .descGrayBorder {margin-bottom:25px;} .descGrayBorder p {line-height:1.786em; font-size:14px; font-weight:300; letter-spacing:-0.05em;} .descGrayBorder p .clrBlk {font-weight:400;} .withrawalRadioWrap {margin-top:10px;} .withrawalRadioWrap .ctmRdo {display:block; font-size:14px; line-height:40px; color:var(--black); text-align:left;} .withrawalRadioWrap .ctmRdo strong {display:flex;} .withrawalRadioWrap .ctmRdo strong::before {flex-shrink:0;} .mileTr td > * {vertical-align:middle;} .mileTr td img {margin-left:5px;} /* 렌탈관리 */ #rentalCompleteWrap .dlvPrcPop > table td {padding:10px 25px;} #rentalCompleteWrap .img_area {display:none;} #rentalCompleteWrap i {font-style:normal;} #rental_confirm_complete_goods a {color:inherit;} .mltLneEll {line-height:25px;} /* 유튜브 팝업 */ .youtubePop {display:none; position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background:rgba(28, 28, 32, 0.8);} .resYoutubeWrap {position:relative; width:100%; padding-bottom:56.25%;} .resYoutubeWrap .carrierVideo {position:absolute; left:0; top:0; width:100%; height:100%;} .youtubePop .youtubePopInner {width:100%; max-width:960px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} .youtubePop .btnYoutubeClose {display:block; overflow:hidden; width:50px; height:50px; margin:0 auto 20px; background:var(--blue) url("../images/newbird/common/icon_close02.svg") no-repeat center center; background-size:100%; border-radius:25px; box-shadow:0 10px 20px rgba(23, 42, 126, 0.2);} .youtubePop .resYoutubeWrap {box-shadow:0 80px 160px rgba(28, 28, 32, 0.6);} /* 상세 팝업 */ .renewpop2 {display:none; position:relative; overflow:hidden !important; top:auto !important; left:auto !important; z-index:10020; background:var(--white); width:calc(100% - 40px); max-width:860px; margin:0 !important; border-radius:10px; box-shadow:0px 80px 160px 0px rgba(28, 28, 32, 0.6); transform:none !important; text-align:left;} .renewpop2.wait_hide {opacity:0;} .renewpop2 .r_wrap {display:block; position:relative; overflow:hidden; overflow-y:auto; min-height:500px; max-height:90vh;} .renewpop2 .title {padding:40px 0; padding-top:80px; font-size:30px; font-weight:100; color:var(--blue); line-height:30px; text-align:center; letter-spacing:-2.4px;} .renewpop2 .pdrInf01 {padding-top:30px; padding-bottom:30px;} .renewpop2 .pdrInf01 > b {top:25px;} .renewpop2 .pdrInf01 > i {margin-top:0; line-height:20px;} .renewpop2 .pdrInf01 .orderInfo {font-size:14px; font-weight:500; font-family:'Pretendard', sans-serif; color:var(--gray_t2);} .renewpop2 .pdrInf01 .orderInfo > span {display:block; padding-bottom:3px;} .renewpop2 .pdrTbl01 > table > tbody > tr > td {padding:0;} .renewpop2 .pdrTbl01 > table > tbody > tr > td.applyNum {text-align:center;} .renewpop2 .pdrTbl01 > table > tbody > tr > td.applyNum p {margin-bottom:10px; padding-top:20px; font-size:14px; font-weight:500; color:var(--gray_t2);} .renewpop2 .fndFrmCnt .ctmRdo strong::before {margin-right:10px;} .renewpop2.wait_hide {opacity:0;} .renewpop2 .btn_pop_close {display:flex; align-items:center; justify-content:center; position:absolute; right:30px; top:30px; width:50px; height:50px; background:var(--blue); box-shadow:0px 10px 20px 0px rgba(23, 42, 126, 0.2); border-radius:25px; overflow:hidden;} .renewpop2 .btn_pop_close:hover::after {transform:rotate(90deg);} .renewpop2 .btn_pop_close::after {content:""; display:block; width:24px; aspect-ratio:1/1; background:var(--blue) url("../images/newbird/common/icon_close.svg") no-repeat center center; background-size:100%; transition:0.3s;} /* 제품 상세 */ /* 상단 */ #contents #goods_view {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; padding:0 clamp(60px, 5.2083vw, 100px); font-size:0; line-height:0;} #contents #goods_view .gv_wrap {display:inline-block; vertical-align:middle; overflow:hidden; width:100%; max-width:1920px; min-height:450px; margin:0; border-radius:10px; background-color:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} #contents #goods_view .gv_top {display:flex; box-sizing:border-box; max-width:1200px; margin:0 auto;} #contents #goods_view .gv_top #pdrVewImg {display:flex; width:700px;} #contents #goods_view .gv_top #pdrVewImgSub {width:100px;} #contents #goods_view .gv_top #pdrVewImgSub img {height:100%; width:auto; object-fit:contain;} #contents #goods_view .gv_top #pdrVewImgSub li {margin-bottom:10px;} #contents #goods_view .gv_top #pdrVewImgSub a {display:block; overflow:hidden; height:56px; aspect-ratio:1/1; border-radius:5px; border:2px var(--white_t1) solid; transition:0.3s all;} #contents #goods_view .gv_top #pdrVewImgSub a.on {border-color:var(--blue); transition:0.3s all;} #contents #goods_view .gv_top #pdrVewImgMan {width:600px;} #contents #goods_view .gv_top #pdrVewImgMan > div {position:relative; overflow:hidden; border-radius:5px; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} #contents #goods_view .gv_top #pdrVewImgMan > div > img {position:absolute; top:0; left:0; width:80%; margin:15% 10%; background:var(--white); transition:0.3s all; opacity:0;} #contents #goods_view .gv_top #pdrVewImgMan > div > img:first-child {position:static; width:80%; margin:15% 10%; opacity:1 !important;} #contents #goods_view .gv_top #pdrVewImgMan > div > img.on {transition:0.3s all; opacity:1;} #contents #goods_view #goods_spec {display:block; padding:0;} #contents #goods_view #goods_spec #pdrVewInf {width:400px; margin-left:100px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl {padding-top:30px; padding-bottom:30px; border-top:1px var(--blue) solid; border-bottom:1px var(--gray_t3) solid;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl strong {display:block; font-size:25px; font-weight:700; line-height:35px; letter-spacing:-1px; color:var(--black); text-align:left; word-break:keep-all;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl strong span {font-weight:400;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl p {display:block; font-size:15px; font-weight:400; line-height:30px; letter-spacing:-0.5px; color:var(--gray_t2); text-align:left; word-break:keep-all;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst {overflow:hidden; margin-top:20px; padding-bottom:20px; border-bottom:1px var(--gray_t3) solid;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLstPea {margin-top:15px; padding-bottom:15px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dt {float:left; clear:both; font-size:16px; font-weight:800; line-height:40px; letter-spacing:-0.5px; color:var(--black_t2); text-align:left; word-break:keep-all;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLstPea dt {padding:10px 0;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLstPea dd {display:flex; padding:5px 0;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd {float:right; font-size:16px; font-weight:600; line-height:40px; letter-spacing:-0.5px; color:var(--black_t2); text-align:right; word-break:keep-all;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd:last-child {font-weight:300;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dt.pdrVewDltLstSum {font-size:22px; font-weight:700; line-height:40px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dt.pdrVewDltLstSum span {color:var(--blue);} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd.pdrVewDltLstSum, #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd.pdrVewDltLstSum span {font-size:20px; font-weight:700; line-height:40px; letter-spacing:-0.5px; color:var(--skyblue_t2);} #contents #goods_view #goods_spec #pdrVewInf .peaFnc {position:relative; overflow:hidden; box-sizing:border-box; width:90px; height:40px; border:1px var(--gray_t3) solid; border-radius:20px; text-align:center;} #contents #goods_view #goods_spec #pdrVewInf .peaFnc a {position:absolute; top:0; z-index:5; display:block; width:calc(50% - 5px) !important; height:100% !important; border:0; background-image:none; outline:0; text-decoration:none;} #contents #goods_view #goods_spec #pdrVewInf .peaFnc a img {position:absolute; top:calc(50% - 5px); left:calc(50% - 5px); width:10px;} #contents #goods_view #goods_spec #pdrVewInf .peaFnc a:first-child {left:0;} #contents #goods_view #goods_spec #pdrVewInf .peaFnc a:last-child {right:0;} #contents #goods_view #goods_spec #pdrVewInf .peaFnc input {float:left; width:100% !important; height:100% !important; padding:0; border:0; font-size:14px; color:var(--black); font-weight:600; text-align:center; -webkit-appearance:none; -webkit-border-radius:0;} #contents #goods_view #goods_spec #pdrVewInf .peaFnc input::-webkit-outer-spin-button, #contents #goods_view #goods_spec #pdrVewInf .peaFnc input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} #contents #goods_view #goods_spec #pdrVewInf .peaFnc input:focus {outline:none;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc {display:inline-block; overflow:hidden; height:50px; border:1px var(--gray_t3) solid; border-radius:25px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc input, #contents #goods_view #goods_spec #pdrVewInf .fkeSlc select {width:100%; height:50px; padding-left:20px; border:0; background:var(--white) url("../images/newbird/common/icon_dropoff.svg") no-repeat center right 20px; background-size:10px auto; font-size:16px; color:var(--black); -webkit-appearance:none; -moz-appearance:none;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc select::-ms-expand {display:none;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc select:focus {outline:0;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc.fkeSlcSml {height:40px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc.fkeSlcSml select {height:40px; padding-left:20px; padding-right:35px; background-position:center right 20px; font-size:14px;} #contents #goods_view #goods_spec #pdrVewInf .ship_message .fkeSlc {height:40px;} #contents #goods_view #goods_spec #pdrVewInf .ship_message .fkeSlc input {display:block; height:38px;} #contents #goods_view #goods_spec #pdrVewInf .goods_buy_sections {border:0;} /* 하단 */ /* 탭버튼 */ #contents #goods_view #gv_bottom {box-sizing:border-box; margin-top:100px;} #contents #goods_view #gv_bottom #gvb_tabs {position:relative; z-index:20; border-top:1px solid #f3f0ea; border-bottom:1px solid #f3f0ea; background:var(--white);} #contents #goods_view #gv_bottom #gvb_tabs.flyingMode {position:fixed; top:0; left:clamp(60px, 5.2083vw, 100px); right:clamp(60px, 5.2083vw, 100px); z-index:101; width:calc(100% - (clamp(60px, 5.2083vw, 100px) * 2)); max-width:100%;} #contents #goods_view #pdrVew.eventWrap #gv_bottom #gvb_tabs {border-top:0;} #contents #goods_view #gv_bottom #gvb_tabs .tabFnc {position:relative; width:calc(100% - 40px); max-width:1200px; margin:0 auto;} #contents #goods_view #gv_bottom #gvb_tabs .tabItm {display:flex;} #contents #goods_view #gv_bottom #gvb_tabs .tabItm > a {position:relative; z-index:10; float:left; display:block; margin-left:65px; padding:19px 0; font-size:18px; line-height:40px; color:var(--black_t2); letter-spacing:-0.5px;} #contents #goods_view #gv_bottom #gvb_tabs .tabItm > a:first-child {margin-left:0;} #contents #goods_view #gv_bottom #gvb_tabs .tabItm > a.on {font-weight:700; color:var(--blue);} #contents #goods_view #gv_bottom #gvb_tabs .tabItm > a > span {margin-left:3px; font-weight:600; color:var(--skyblue_t1);} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns {position:absolute; top:50%; right:0; transform:translateY(-50%);} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns span {display:inline-block; vertical-align:middle; font-size:10px; font-weight:600; color:var(--gray_t2);} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div {display:inline-block; vertical-align:middle; padding-left:10px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a {position:relative; overflow:hidden; box-sizing:border-box; float:left; display:block; width:30px; height:30px; margin-left:10px; border:1px var(--gray_t4) solid; border-radius:15px; transition:0.3s all; transition:0.3s all;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a s {position:absolute; top:50%; left:50%; width:100%; height:100%; background:url("../images/newbird/common/icon_share.svg") no-repeat; background-size:200% auto; transform:translateX(-50%) translateY(-50%);} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(1) s {background-position-y:0;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(2) s {background-position-y:-28px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(3) s {background-position-y:-56px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:hover s {background-position-x:-28px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(1):hover {background-color:var(--skyblue); border-color:var(--skyblue); transition:0.3s all;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(2):hover {background-color:var(--black); border-color:var(--black);} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(3):hover {background-color:var(--blue); border-color:var(--blue); transition:0.3s all;} /* tab 하단 */ #contents #goods_view #gv_bottom .gvb_contents {padding:20px;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl {max-width:1200px; margin:0 auto;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl > strong {display:block; padding-bottom:20px; font-size:22px; font-weight:700; line-height:30px; color:var(--blue); text-align:left;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl > div {box-sizing:border-box; border-top:1px var(--blue) solid; border-right:1px var(--gray_t3) solid;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl table {width:100%;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl th, #contents #goods_view #gv_bottom .gvb_contents .spcTbl td {box-sizing:border-box; vertical-align:top; height:60px; padding:15px 20px; border-left:1px var(--gray_t3) solid; border-bottom:1px var(--gray_t3) solid; font-size:14px; line-height:30px; letter-spacing:-0.5px; text-align:left; word-break:keep-all;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl th {background-color:var(--white_t1); font-weight:700; color:var(--black);} #contents #goods_view #gv_bottom .gvb_contents .spcTbl td {background-color:var(--white); color:var(--gray_t1);} #contents #goods_view #gv_bottom .gvb_contents .spcTbl .spcTbl th {font-size:16px;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl .spcTbl td {font-size:16px;} #contents #goods_view #gv_bottom .gvb_contents .dlvStp {display:inline-flex; padding-top:5px; padding-bottom:5px;} #contents #goods_view #gv_bottom .gvb_contents .dlvStp li {position:relative; box-sizing:border-box; min-width:180px; margin-right:50px; padding:20px; border:1px var(--gray_t3) solid; border-radius:5px; background-color:var(--white_t1); line-height:25px; letter-spacing:-0.5px; color:var(--black);} #contents #goods_view #gv_bottom .gvb_contents .dlvStp li strong {display:block; font-weight:700; color:var(--blue);} #contents #goods_view #gv_bottom .gvb_contents .dlvStp li::after {content:''; display:block; position:absolute; top:calc(50% - 5px); right:-30px; width:6px; height:10px; background:url("../images/newbird/common/icon_tablearrow.svg") no-repeat; background-size:100%;} #contents #goods_view #gv_bottom .gvb_contents .dlvStp li:last-child::after {display:none;} #contents #goods_view #gv_bottom .title_sub1.bigdata {padding:0;} /* 제품정보 */ #contents #goods_view #gv_bottom .gvb_contents.goods_description {max-width:100%; width:100%; margin-left:auto; margin-right:auto; padding:0;} #contents #goods_view #gv_bottom .gvb_contents.goods_description table, #contents #goods_view #gv_bottom .gvb_contents.goods_description img {max-width:100%; height:auto;} #contents #goods_view #gv_bottom .gvb_contents.goods_description {padding:0;} #contents #goods_view #gv_bottom .gvb_contents.goods_description .guide_origin_image {display:none;} /* 영상 */ #contents #goods_view #gv_bottom .gvb_contents.goods_video {max-width:560px; margin:0 auto;} #contents #goods_view #gv_bottom .gvb_contents.goods_video .video-wrapper {position:relative; overflow:hidden; width:100%; height:0; padding-bottom:56.25%;} #contents #goods_view #gv_bottom .gvb_contents.goods_video .video-wrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;} /* 스펙 */ #contents #goods_view #gv_bottom .gvb_contents.goods_spec {box-sizing:border-box;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet {padding-bottom:80px;} /* 제품후기 */ #contents #goods_view #gv_bottom .gvb_contents.goods_review {max-width:100%; margin:0 auto; padding:0;} #contents #goods_view #gv_bottom .gvb_contents.goods_review iframe {max-width:100%;} /* 제품문의 */ #contents #goods_view #gv_bottom .gvb_contents.goods_qna {max-width:100%; margin:0 auto; padding:0;} #contents #goods_view #gv_bottom .gvb_contents.goods_qna iframe {max-width:100%;} /* iframe */ /* list */ #brdLstWrp {padding:80px 20px; background-color:var(--white_t1);} #brdLstWrp > div {display:flex; width:100%; max-width:1200px; margin-left:auto; margin-right:auto;} #brdLstWrp #brdLst {width:calc(100% - 300px);} #brdLstWrp .brdLstTtl {position:relative; padding-bottom:20px;} #brdLstWrp .brdLstTtl > strong {display:block; font-size:22px; font-weight:700; line-height:40px; color:var(--blue); text-align:left;} #brdLstWrp .brdLstTtl > strong > span {color:inherit;} #brdLstWrp .brdLstTtl > strong > b {font-weight:600; color:var(--skyblue_t1);} #brdLstWrp .brdLstTtl #brdLstPntSumWrp {display:flex; position:absolute; top:0; right:30px; align-items:center;} #brdLstWrp .brdLstTtl #brdLstPntSumWrp > strong {display:inline-block; margin-left:15px; font-size:22px; line-height:40px; color:var(--black_t2);} #brdLstWrp .brdLstTtl #brdLstPntSumWrp > strong > span, #brdLstWrp .brdLstTtl #brdLstPntSumWrp > strong > i {color:var(--blue);} #brdLstWrp .brdLstTtl #brdLstPntSumWrp > strong > i {font-weight:700; font-style:normal;} #brdLstWrp .brdLstTtl #brdLstPntSum {display:inline-block; width:100px; height:20px; background:url("../images/newbird/common/bg_star.svg") repeat-x; background-size:auto 20px;} #brdLstWrp .brdLstTtl #brdLstPntSum > div {height:20px; background:url("../images/newbird/common/img_star.svg") repeat-x; background-size:auto 20px;} /* 별점 */ #brdLstWrp .tblScr {display:inline-block; vertical-align:middle; width:100px; height:20px; background:url("../images/newbird/common/bg_star2.svg") repeat-x; background-size:auto 20px;} #brdLstWrp .tblScr > div {height:20px; min-width:20%; background:url("../images/newbird/common/img_star2.svg") repeat-x; background-size:auto 20px;} #brdLstWrp .tblScrTxt {display:inline-block; vertical-align:middle; margin-left:15px; font-weight:700; font-size:16px; line-height:20px; color:var(--skyblue_t1);} /* table */ #brdLstWrp .tblWrp {border-top:1px var(--blue) solid;} #brdLstWrp .tblWrp table {table-layout:fixed; width:100%;} #brdLstWrp .tblWrp tbody > tr {cursor:pointer; transition:0.3s all;} #brdLstWrp .tblWrp tbody > tr td {height:60px; border-bottom:1px solid var(--gray_t3); font-size:14px; color:var(--black); text-align:center;} #brdLstWrp .tblWrp tbody > tr td.tblSbj {padding-left:15px; font-size:14px; text-align:left;} #brdLstWrp .tblWrp tbody > tr td .boardTit {width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #brdLstWrp .tblWrp tbody > tr td:first-child {font-size:14px; font-weight:600; color:var(--gray_t2);} #brdLstWrp .tblWrp tbody > tr td .title {text-align:left;} #brdLstWrp .tblWrp tbody > tr:hover {background-color:var(--white); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.04); transition:0.3s all;} #brdLstWrp .tblWrp tbody > tr:hover td .boardTit {color:var(--blue); font-weight:700;} #brdLstWrp .tblWrp tbody.emtDtaWrp > tr {cursor:default; transition:0;} #brdLstWrp .tblWrp tbody.emtDtaWrp > tr:hover {background-color:transparent; box-shadow:none; transition:0;} #brdLstWrp .tblWrp tbody.emtDtaWrp .emtPdrDta {border-left:0;} #brdLstWrp .brdSbj_mob {display:none;} /* 문의검색탭 */ #brdFrm {width:250px; margin-left:50px; font-size:0; line-height:0;} #brdFrm .fkeSlc, #brdFrm .iptCmn00 {width:100%; margin-bottom:10px; background:var(--white);} #brdFrm .fkeSlc {width:100%;} #brdFrm .btn {width:100%;} #brdFrm .btnwrap {flex-direction:column;} #brdFrm .btnWrite {margin-top:50px;} #brdFrm .cstSlc {position:relative; z-index:45; height:50px;} #brdFrm .cstSlc > div {overflow:hidden; height:50px; border:1px var(--gray_t3) solid; background-color:var(--white); border-radius:25px;} #brdFrm .cstSlc.on > div {height:auto;} #brdFrm .cstSlc > div > span {display:block; position:relative; padding:0 30px; font-size:16px; line-height:50px; color:var(--black); letter-spacing:-0.5px; text-align:left; cursor:pointer;} #brdFrm .cstSlc > div > span > span {vertical-align:middle; padding-left:20px; font-weight:700; color:var(--skyblue_t1);} #brdFrm .cstSlc > div > span > div {margin-top:-2px;} #brdFrm .cstSlc > div > span em {display:inline-block; vertical-align:middle; width:12px; height:10px; margin-right:5px; background:url("../images/newbird/common/bg_pdrLst_srt.svg") no-repeat; background-size:200%; background-position:-12px -20px; transform:translateY(-2px);} #brdFrm .cstSlc > div > span s {position:absolute; top:calc(50% - 3px); right:30px; width:10px; height:6px; background:url("../images/newbird/common/icon_dropoff.svg") no-repeat; background-size:100%;} #brdFrm .cstSlc.on > div > span s {transform:rotate(180deg); transform-origin:center center;} #brdFrm .cstSlc > div > ul {border-top:1px var(--white_t1) solid; padding:5px 30px;} #brdFrm .cstSlc > div > ul li {line-height:40px; text-align:left;} #brdFrm .cstSlc > div > ul li a {display:block; font-size:16px;} #brdFrm .cstSlc > div > ul li a.on {font-weight:700; color:var(--blue);} #brdFrm .cstSlc > div > ul li input {width:0; height:0; opacity:0; position:absolute;} #brdFrm .cstSlc > div > ul li label {font-size:16px; font-weight:700; color:var(--blue);} #brdFrm .cstSlc > div > ul li label div ~ span {padding-left:20px;} #brdFrm .cstSlc > div > ul li label span {color:var(--skyblue_t1); vertical-align:middle;} #brdFrm .iptCmn00 {display:inline-block; box-sizing:border-box; overflow:hidden; position:relative; height:50px; border:1px var(--gray_t3) solid; border-radius:25px; font-size:14px; letter-spacing:-0.64px;} #brdFrm .iptCmn00 input {width:100%; height:50px; padding-left:29px; background:var(--white); border:0; color:var(--black); font-size:14px; letter-spacing:-0.64px;} #brdFrm .iptCmn00 input::placeholder {color:var(--gray_t4);} #brdFrm .iptCmn00 input:focus {outline:0;} #brdFrm .iptCmn00 a {position:absolute; top:50%; transform:translateY(-50%); right:20px;} #brdFrm .iptCmn00 a img {width:20px;} /* 페이징 */ .pgrCmn {display:flex; height:50px; margin-top:40px; align-items:center; justify-content:center;} .pgrCmn a {flex-shrink:0;} .pgrCmnFst {overflow:hidden; width:50px; height:50px; margin-left:5px; margin-right:5px; border-radius:3px; background:var(--white) url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:auto 200%; background-position:0px 0px; box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.04); transition:0.3s;} .pgrCmnPrv {overflow:hidden; width:50px; height:50px; margin-left:5px; margin-right:30px; border-radius:3px; background:var(--white) url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:auto 200%; background-position:-50px 0px; box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.04); transition:0.3s;} .pgrCmnNxt {overflow:hidden; width:50px; height:50px; margin-left:30px; margin-right:5px; border-radius:3px; background:var(--white) url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:auto 200%; background-position:-50px -50px; box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.04); transition:0.3s;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .pgrCmnNxt:hover {background-image:url(../images/newbird/common/icon_paging_w.svg); background-color:var(--blue);} .pgrCmnFst:hover {background-image:url(../images/newbird/common/icon_paging_w.svg); background-color:var(--blue);} .pgrCmnPrv:hover {background-image:url(../images/newbird/common/icon_paging_w.svg); background-color:var(--blue);} .pgrCmnLst:hover {background-image:url(../images/newbird/common/icon_paging_w.svg); background-color:var(--blue);} .pgrCmnAch:hover {background-color:var(--blue); color:var(--white); box-shadow:0px 10px 20px 0px rgba(23, 42, 126, 0.2); transition:all 0.3s;} } .pgrCmnLst {overflow:hidden; width:50px; height:50px; margin-left:5px; margin-right:5px; border-radius:3px; background:var(--white) url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:auto 200%; background-position:0px -50px; box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.04); transition:0.3s;} .pgrCmnAch {width:50px; height:50px; margin:0 2.5px; margin-left:5px; margin-right:5px; border-radius:5px; background-color:var(--white); font-size:14px; font-weight:600; line-height:50px; color:var(--black); text-align:center; box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.04); transition:all 0.3s;} .pgrCmnAch.on {background-color:var(--blue); color:var(--white); box-shadow:0px 10px 20px 0px rgba(23, 42, 126, 0.2); transition:all 0.3s;} .pgrCmn a.pdrDsb, .pgrCmn a.disabled {opacity:0.15; pointer-events:none;} /* 공사중 */ .renewalWrp .logoWrp { height: 18.518vh; position: relative; } .renewalWrp .logo { position: absolute; left: 5.2083%; top: 50%; transform: translateY(-50%);width: 100px; height: 40px; background:url("../images/newbird/asset/img_logo2.png") no-repeat center; background-size: contain; z-index:100;} #errWrp.renewalWrp > p { width:auto; white-space: nowrap; text-transform: uppercase; top: calc(50% - 280px); transform:translateY(-50%); } #errWrp.renewalWrp > p::after {content:"Carrier Mall will be Renewal soon.";} #errWrp.renewalWrp > div > strong { -webkit-background-clip:border-box; background-clip:border-box; background:none; color:#0d5cab; width: 100%; max-width: 100%; text-transform: uppercase; } #errWrp.renewalWrp > div{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);} #errWrp.renewalWrp > div > strong{font-size:16.667em;line-height:0.735em;letter-spacing:-0.08em;color:transparent;display:inline-block;background:url("../images/newbird/asset/img_error.png") no-repeat;font-weight:900;background-size:calc(100% + 40px) auto;background-position:left 20px center;-webkit-background-clip: text;-moz-background-clip: text;-o-background-clip: text;background-clip: text;max-width: 713px;text-align: center;width: 100%;text-shadow: 0px 30px 60px rgba(13,92,171, 0.25);position:relative;} #errWrp.renewalWrp > div > span{display:block;color:#1c1c20;font-size:1.333em;line-height:1.875em;padding-top:45px;font-weight:700;letter-spacing:-0.04em;padding-bottom:35px;} #errWrp.renewalWrp > div > a{display:inline-block;line-height:90px;font-size:1.333em;color:#0d5cab;font-weight:600;} #errWrp.renewalWrp > div > a > span{width:80px;height:80px;border-radius:50%;background-color:#0d5cab;position:relative;display:inline-block;vertical-align:top;margin:5px 10px;box-shadow: 0px 30px 60px 0px rgba(13,92,171, 0.25);transition: 0.25s;} #errWrp.renewalWrp > div > a > span > s{display: block; width: 45px; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.25s;} #errWrp.renewalWrp > div > a > span > s:before { content:""; display:block; width: 2px; height: 10px; transform:rotate(-45deg); position: absolute; left: 100%; bottom: calc(100% - 1.5px); background:#fff; transition: 0.25s; transform-origin: center bottom; } #errWrp.renewalWrp > div > a > span > s:after { content:""; display:block; width: 2px; height: 10px; transform:rotate(45deg); position: absolute; left: 100%; top: calc(100% - 1.5px); background:#fff;transition: 0.25s; transform-origin: center top; } .renewalTxt { margin-top: 115px;font-family: 'Noto Sans KR'; padding: 0 20px; word-break:keep-all;} .renewalTxt * { letter-spacing: -0.04em; } .renewalTxt > p { font-size: 20px; line-height: 30px;} .renewalTxt > p > b { font-size: 30px; font-weight:800; line-height: 45px; display: block; margin-bottom: 18px; } .renewalTxt > p > .clrBlu { font-weight: 700; line-height: 50px; display: block; } .renewalTxt .btnWrap { margin-top: 70px; margin-bottom: 50px; } .renewalTxt .btnWrap p { font-size: 16px; line-height: 30px; margin-bottom: 20px; } .renewalTxt .btnWrp50 > .nBtn { margin: 0 10px; } /* view */ /* 이전글/다음글 */ .boardPrevNext {margin-top:20px; border-bottom:0;} .boardPrevNext table {border-top:1px var(--gray_t3) solid;} .boardPrevNext table {width:100%; table-layout:fixed;} .boardPrevNext tr {cursor:pointer; transition:0.3s all;} .boardPrevNext td {box-sizing:border-box; height:60px; padding:10px; border-bottom:1px var(--gray_t3) solid;} .boardPrevNext td .boardTit {overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; text-align:left;} .boardPrevNext td .boardTit:hover {font-weight:700; color:var(--blue);} .boardPrevNext td.iconPrev {background:url("../images/newbird/common/icon_dropoff.svg") no-repeat center; background-size:10px auto;} .boardPrevNext td.iconNext {background:url("../images/newbird/common/icon_dropon.svg") no-repeat center; background-size:10px auto;} .boardPrevNext td a {font-size:14px; color:inherit;} .boardPrevNext td span {font-size:14px;} .boardPrevNext td.paddingNone {padding:0; text-align:center;} .boardPrevNext td .tblScrTxt {margin-left:5px;} .boardPrevNext tr:hover {background-color:var(--white); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.04); transition:0.3s all;} .boardPrevNext tr:hover td .boardTit {font-weight:700; color:var(--blue);} .boardPrevNext table.tdHeight60 td {height:60px;} /* 버튼 */ .boardDetailBtns {margin-top:40px;} .boardDetailBtns .btn {float:left; width:150px; margin-left:10px;} .boardDetailBtns .btn:first-child {margin-left:0;} .boardViewBox .mpgTblPdrItm {max-width:280px; margin-left:0;} /* write */ .boardWriteBox {overflow:hidden; margin:0 0 20px; border-radius:10px; background:var(--white); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05);} .boardWriteBoxTable {width:100%;} .boardWriteBoxTable tbody {width:100%;} .boardWriteBoxTable tr {width:100%; border-bottom:1px solid var(--gray_t3);} .boardWriteBoxTable th, .boardWriteBoxTable td {box-sizing:border-box; float:left; min-height:60px; text-align:left;} .boardWriteBoxTable td > div {width:100%;} .boardWriteBoxTable th {vertical-align:top; width:100px; min-height:60px; padding:10px 0 9px 20px; font-size:12px; line-height:40px; color:var(--gray_t2); text-align:left;} .file_add_table .width_a {width:100px;} .boardWriteBoxTable th p {position:relative;} .boardWriteBoxTable th p:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; background:var(--gray_t3); transform:translateY(-50%);} .boardWriteBoxTable td {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; width:calc(100% - 100px); padding:10px 20px; font-size:14px; color:var(--black);} .boardWriteBoxTable td.name input[readonly] {width:100%; max-width:200px; padding:0; padding-left:20px; border:0; outline:0; background:transparent; font-size:14px;} .boardWriteBoxTable td span {vertical-align:middle;} .boardWriteBoxTable td input.mpgFrmIpt, .boardWriteBoxTable textarea {width:100%; resize:none;} .boardWriteBoxTable td textarea {height:280px; resize:none;} .boardWriteBoxTable td input.size_input, .boardWriteBoxTable td input.size_mail, .boardWriteBoxTable td input.size_phone, .boardWriteBoxTable td .size_cate {box-sizing:border-box; width:100%; max-width:200px;} .boardWriteBoxTable td input.size_input ~ .ctmChk, .boardWriteBoxTable td input.size_mail ~ .ctmChk, .boardWriteBoxTable td input.size_phone ~ .ctmChk, .boardWriteBoxTable td .size_cate ~ .ctmChk, .boardWriteBoxTable td.name input[readonly] ~ .ctmChk {margin-left:16px;} .boardWriteBoxTable .board_goods_select .brdSlcWrp {display:flex; flex-wrap:wrap; margin:10px 0; align-items:center;} .boardWriteBoxTable .board_goods_select .brdSlcWrp > span {display:flex !important; align-items:center; gap:10px; width:100%; padding:0;} .boardWriteBoxTable .board_goods_select .brdSlcWrp span.btn {border:unset; height:auto; font-size:unset; font-weight:unset; line-height:unset;} .boardWriteBoxTable .board_goods_select .brdSlcWrp span button {width:100px; height:40px; border-radius:50px; border:2px solid var(--blue); font-size:14px; font-weight:700; line-height:36px; color:var(--blue);} .boardWriteBoxTable .board_goods_select_display .goods_loop_area {padding:0;} .boardWriteBoxTable .board_goods_select .fkeSlc {display:inline-block; width:220px; height:40px; padding-left:20px; background-position:center right 20px; background:var(--white) url("../images/newbird/common/icon_dropoff.svg") no-repeat center right 20px; background-size:10px auto; font-size:14px; color:var(--black); -webkit-appearance:none; -moz-appearance:none;} .boardWriteBoxTable .board_goods_select .fkeSlc.hide {display:none;} #coupon_goods_lay {box-sizing:border-box; padding:0 20px; font-size:13px; line-height:25px;} .fkeSlc, #coupon_goods_lay .sel_area {display:inline-block; overflow:hidden; height:50px; border:1px var(--gray_t3) solid; border-radius:25px;} #coupon_goods_lay .sel_area {width:100%; padding-top:0 !important; margin-top:5px;} .fkeSlc:hover {border-color:var(--gray_t4); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05);} .fkeSlc:focus {outline:0;} .fkeSlc input, .fkeSlc select, #coupon_goods_lay .sel_area select {width:100%; height:50px; padding-left:20px; background:var(--white) url("../images/newbird/common/icon_dropoff.svg") no-repeat center right 20px; background-size:10px auto; border:0; font-size:16px; color:var(--black); -webkit-appearance:none; -moz-appearance:none;} .fkeSlc select::-ms-expand {display:none;} .fkeSlc select:focus, #coupon_goods_lay .sel_area select:focus {outline:0;} .fkeSlc.fkeSlcSml, #coupon_goods_lay .sel_area {box-sizing:border-box; height:40px;} .fkeSlc.fkeSlcSml select, #coupon_goods_lay .sel_area select {height:40px; padding-left:20px; background-position:center right 20px; font-size:14px;} .ship_message .fkeSlc {height:40px;} .ship_message .fkeSlc input {height:38px; display:block;} /* 파일리스트 */ #img_viewer {display:inline-block; vertical-align:middle; overflow:hidden; width:100%;} #img_viewer table {display:block; overflow:hidden; box-sizing:border-box; width:100%;} #img_viewer tbody {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; row-gap:5px; column-gap:20px; float:left; width:100%; padding:20px 0;} #img_viewer table tbody:empty {display:none;} #img_viewer table:not(:last-child) tbody {padding-bottom:0;} #img_viewer tbody tr {display:inline-block; vertical-align:middle; float:left; width:auto; border:0;} #img_viewer tbody tr th {display:inline-block; vertical-align:middle; width:auto;} #img_viewer tbody tr td {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:auto; max-width:calc(100% - 20px); min-height:auto; padding:0; padding-top:0 !important; border:0;} #img_viewer tbody tr td span {font-size:14px; font-weight:500; line-height:20px; color:var(--gray_t2);} #img_viewer tbody tr td button {width:20px !important; height:20px !important; border:0; background:url('../images/newbird/common/icon_del.svg') no-repeat 50%; background-size:8px;} /* 파일첨부 윈도우팝업 */ .fileAddWrapper {position:relative; width:100%; height:100%; padding:30px; background:var(--white_t1);} .fileAddWrapper:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:5px; background:var(--blue);} .fileAddWrapper h1 {font-size:26px; font-weight:100; color:var(--blue); line-height:30px; margin-bottom:20px; letter-spacing:-0.5px;} .fileAddWrapper h1 b {font-weight:700;} .fileAddWrapper .alert li {font-size:13px; color:var(--gray_t1); line-height:19px; padding-left:10px; position:relative;} .fileAddWrapper .alert li:last-child {padding-left:0;} .fileAddWrapper .alert li:before {content:''; position:absolute; left:0; top:5px; display:block; width:3px; height:3px; border-radius:50%; background:var(--gray_t4);} .fileAddWrapper .alert li:last-child:before {display:none;} .fileAddWrapper #img_viewer {overflow-y:auto; height:247px; padding:10px 11px;} .fileAddWrapper #img_viewer > div {display:flex; margin-bottom:8px; align-items:center;} .fileAddWrapper #img_viewer > div:last-child {margin-bottom:0;} .fileAddWrapper #img_viewer > div > img {width:50px; height:50px; margin-right:10px; border-radius:5px;} .fileAddWrapper #img_viewer > div > font {width:calc(100% - 60px); font-size:14px;} .fileAddWrapper #img_viewer.fileEmpty {padding-top:165px; background:var(--white) url('../images/newbird/sub/iconFileAdd.png') center 66px no-repeat; background-size:100px auto; text-align:center; font-size:14px; color:var(--gray_t2);} .winPopbtnwrap {text-align:center; width:100%; padding:20px 0;} .winPopbtnwrap .btn {width:150px;} .btnFileAdd {display:none;} #file_image {display:block; width:100px; height:34px; line-height:30px; text-align:center; font-size:14px; font-weight:700; color:var(--blue); border:2px solid var(--blue); border-radius:17px; margin-top:43px;} #imgtb {padding:10px 9px; margin-top:4px; border-radius:10px; border:1px solid var(--gray_t3); background:var(--white); font-size:14px; color:var(--gray_t6);} /* scroll custom */ .fileAddWrapper #img_viewer::-webkit-scrollbar {width:6px;} .fileAddWrapper #img_viewer::-webkit-scrollbar-thumb {background-color:var(--gray_t3); border-radius:2px; transition:all 0.3s;} .fileAddWrapper #img_viewer::-webkit-scrollbar-track {background-color:var(--white);} .fileAddWrapper #img_viewer:hover::-webkit-scrollbar-thumb {background-color:var(--gray_t3); transition:all 0.3s;} /* agree */ #brdLstWrp form .boardAgreeWrap {display:flex; flex-direction:column; align-items:flex-start;} #brdLstWrp form .boardAgreeWrap .ctmRdo + .ctmRdo {margin-top:10px;} #brdLstWrp form .boardAgreeWrap textarea {width:100%; padding:12px 20px !important; border:1px solid var(--gray_t3); font-size:14px; color:var(--gray_t2); resize:none;} /* 버튼 */ .boardWriteBtns {display:flex; justify-content:center; margin-top:40px;} .boardWriteBtns .btn {width:225px;} /* iframe - 제품후기 */ .writeAddWr {padding:0;} .writeAddWr table {width:100%;} .writeAddWr table.fkeSlc {width:160px; height:40px; line-height:38px;} .writeAddWr table .fkeSlc select {padding-left:20px; background-position:center right 20px; font-size:14px;} .writeAddWr .file_add_table th, .writeAddWr .file_add_table td {border-bottom:0;} .writeAddWr .file_add_table td {column-gap:6px;} .writeAddWr .file_add_table .btnUploader {width:100px; height:40px;} #img_viewer {display:block; padding-left:20px; line-height:50px; color:var(--gray_t2); font-size:14px; font-weight:500;} #img_viewer .imgList {display:inline-block; margin-right:20px; line-height:20px;} #img_viewer .imgName {display:inline-block; vertical-align:middle; margin-top:5px;} #img_viewer .btnImgDel {display:inline-block; vertical-align:middle; width:20px; height:20px; margin-top:5px; background:url('../images/newbird/common/icon_del.svg') no-repeat 0%; background-size:8px;} /* write */ /* .customScoreWrap {overflow:hidden;} */ .customScoreWrap .tblScr, .customScoreWrap .score_area {display:inline-block; vertical-align:middle; overflow:hidden;} .customScoreWrap .tblScr {margin-right:20px;} .customScoreWrap .score_area {overflow:hidden; height:40px; width:auto; border:1px solid var(--gray_t3); border-radius:20px;} .customScoreWrap .score_area:hover {border-color:var(--gray_t4); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05);} .customScoreWrap .score_area > .review_nowScore > * {float:left;} .customScoreWrap .score_area .minus_area button, .customScoreWrap .score_area .plus_area button {width:40px !important; height:40px !important; border:0; text-indent:-999999px;} .customScoreWrap .score_area .minus_area button {background:url('../images/newbird/common/icon_minus.svg') no-repeat center; background-size:10px;} .customScoreWrap .score_area .plus_area button {background:url('../images/newbird/common/icon_plus.svg') no-repeat center; background-size:10px;} .customScoreWrap .score_area input {display:inline-block; width:10px; height:40px; padding:0; line-height:40px; border:0; outline:none; text-align:center; text-indent:0;} .ctmRdo {display:inline-block; vertical-align:middle;} .ctmRdo label {display:inline-block; position:relative;} .ctmRdo input:not([type="text"]) {position:absolute; top:0; left:0; z-index:2; display:block; opacity:0; cursor:pointer;} .ctmRdo input[type="text"] {width:130px !important; height:30px !important; margin-top:-10px; margin-left:10px; padding:0 10px; border:1px var(--gray_t4) solid !important; transform:translateY(5px);} .ctmRdo strong {display:block; cursor:pointer; line-height:20px; font-weight:400; text-align:left;} .ctmRdo strong::before {content:''; display:inline-block; vertical-align:top; z-index:1; width:20px; height:20px; box-sizing:border-box; margin-right:5px; border:1px solid var(--gray_t3); border-radius:100%; background:var(--white);} .ctmRdo label:hover strong::before {border:6px solid var(--blue);} .ctmRdo input:checked ~ strong::before {border:6px solid var(--blue); box-shadow:0 5px 10px rgba(23,42,126,0.2); border-radius:100%;} /* iframe - 제품문의 */ /* view */ .boardDetailContents {overflow:auto; margin-top:20px; padding:30px 30px 30px 30px; box-shadow:0 40px 80px rgba(28, 28, 32, 0.08); border-radius:10px; background:var(--white); font-size:16px; text-align:left; word-break:keep-all;} .boardDetailContents.question {position:relative; min-height:105px; padding:30px; padding-left:100px; transition:background-color 0.3s;} .boardDetailContents.question:before {content:'Q'; position:absolute; left:30px; top:30px; width:45px; height:45px; border-radius:50%; background:var(--blue); text-align:center; line-height:43px; color:var(--white); font-size:20px; font-weight:700; font-family:'Montserrat', sans-serif;} .boardDetailContents.answer {position:relative; min-height:105px; margin-top:10px; padding:30px; padding-left:100px; transition:0.3s; line-height:20px;} .boardDetailContents.answer:before {content:'A'; position:absolute; left:30px; top:30px; width:45px; height:45px; border-radius:50%; background:var(--skyblue_t1); text-align:center; line-height:45px; color:var(--white); font-size:20px; font-weight:700; font-family:'Montserrat', sans-serif;} .board_manager_reply {border:0;} .board_manager_reply .contents {padding:0;} .boardViewBox .mpgTblWrp .mpgTbl .boardTit {cursor:default; white-space:normal; text-overflow:clip; overflow:visible;} .boardViewBox .mpgTblWrp .mpgTbl tbody tr:hover {background:transparent;} .boardViewBox .mpgTblWrp .mpgTbl .boardTit:hover {color:var(--black); font-weight:400;} /* 배송/교환 */ #contents #goods_view #gv_bottom .gvb_contents.exchange_guide {box-sizing:border-box;} /* 관련상품 */ .lnkItmWrp {overflow:hidden; padding:75px 0 100px 0;} .lnkItmWrp .pdrLstItmInf {width:calc(33% - (80px / 3));} .lnkItmWrp > div {width:1200px; max-width:calc(100% - 40px); margin:0 auto;} .lnkItmWrp .bx-wrapper {max-width:1200px !important;} .lnkItmWrp .lnkItm .bx-viewport {overflow:visible !important; height:auto !important; min-width:1200px;} .lnkItmWrp .lnkItmMob .bx-viewport {overflow:visible !important; max-height:107vw;} .lnkItmWrp .bx-viewport .pdrLstItmInf {opacity:0; transition:0.3s all; margin:0; width:calc(33% - (80px / 3)); pointer-events:none;} .lnkItmWrp .bx-viewport .pdrLstItmInf {opacity:1; transition:0.3s all; pointer-events:inherit;} .lnkItmCtr {position:relative; display:block !important;} .lnkItmCtr .btnLft, .lnkItmCtr .btnRgt {position:absolute; top:0; box-sizing:border-box; display:inline-block; width:50px; height:50px; margin:0; background:url("../images/newbird/common/icon_slideControler.svg") no-repeat; border-radius:25px; border:1px var(--gray_t5) solid; background-size:200%; font-size:0; transition:box-shadow 0.3s, background-color 0.3s, border-color 0.3s;} .lnkItmCtr .btnLft {right:60px; background-position-y:0;} .lnkItmCtr .btnRgt {right:0px; background-position-y:100%;} .lnkItmCtr .btnLft:hover, .lnkItmCtr .btnRgt:hover {border-color:var(--blue) !important; background-color:var(--blue); background-position-x:100%; box-shadow:0px 20px 40px 0px rgba(23, 42, 126, 0.15); transition:box-shadow 0.3s, background-color 0.3s, border-color 0.3s;} .lnkItmTtl {font-size:22px; font-weight:700; letter-spacing:-0.88px; line-height:50px; color:var(--black_t2); text-align:left;} .lnkItmTtl span {color:var(--blue);} .lnkItmTtl + div {padding-top:20px;} .pdrLstItm {display:flex; flex-wrap:wrap; width:calc(100% + 40px); margin-left:-20px; padding-bottom:20px;} .pdrLstItmInf {position:relative; overflow:hidden; width:calc(25% - 40px); margin-left:20px; margin-right:20px; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); background-color:var(--white); border-radius:10px; transition:0.3s all;} .pdrLstItmInfImg {position:absolute; top:0; left:0; width:100%; height:0; padding-bottom:100%; background-repeat:no-repeat; background-size:60%; background-position:center center;} .pdrLstItmInfAnc {display:block; height:100%; padding-top:100%; transition:0.3s all; position:relative;} .pdrLstItmInfAnc > div {padding:30px; border-top:1px var(--gray_t3) solid; text-align:left; transition:border 0.3s;} .pdrLstItmInfAnc > div > span {display:block; font-size:16px; letter-spacing:-0.5px; line-height:14px; padding-bottom:12px; color:var(--black); transition:color 0.3s;} .pdrLstItmInfAnc > div > span > strong {display:inline-block; overflow:hidden; width:auto; max-width:70%; margin-left:3px; white-space:nowrap; vertical-align:middle; text-overflow:ellipsis; vertical-align:top;} .pdrLstItmInfAnc > div > i {display:block; height:22px; padding-bottom:10px; line-height:12px; font-style:normal; color:var(--gray_t2); transition:color 0.3s;} .pdrLstItmInfAnc > div > b {font-weight:400; line-height:16px;} .pdrLstItmInfAnc > div > b > span {font-weight:700; color:var(--skyblue_t1); font-size:16px; letter-spacing:-0.5px; transition:color 0.3s;} .pdrLstItmInfAnc > div > b > s {padding-right:20px; margin-right:10px; background:url("../images/newbird/common/bg_sleIco.svg") no-repeat center right; background-size:12px auto; color:var(--gray_t2); font-weight:500; font-size:16px; letter-spacing:-0.5px; transition:color 0.3s;} .pdrLstItmInfAnc > div > b > s > strong {font-weight:700;} .pdrLstItmInf:hover {box-shadow:0px 40px 80px 0px rgba(23, 42, 126, 0.4); transition:0.3s all;} .pdrLstItmInf:hover .pdrLstItmInfAnc > div {border-top:1px var(--blue) solid; transition:border 0.3s;} .pdrLstItmInf:hover .pdrLstItmInfAnc > div > span {color:var(--white); transition:color 0.3s;} .pdrLstItmInf:hover .pdrLstItmInfAnc > div > i {color:var(--white); transition:color 0.3s;} .pdrLstItmInf:hover .pdrLstItmInfAnc > div > b > span {color:var(--yellow); transition:color 0.3s;} .pdrLstItmInf:hover .pdrLstItmInfAnc > div > b > s {color:var(--skyblue_t1); transition:color 0.3s;} .pdrLstItmInf:hover .pdrLstItmInfCvr {opacity:1; visibility:visible;} .pdrLstItmInf:hover .pdrLstItmInfAnc {background-color:rgba(23, 42, 126, 0.9); transition:0.3s all;} .pdrLstItmInfCvr {opacity:0; display:flex; align-items:center; justify-content:center; flex-direction:column; position:absolute; top:0; left:0; width:100%; height:calc(100% - 115px); transition:0.3s all; visibility:hidden;} .pdrLstItmInfCvrFncWrp {display:flex; justify-content:center; align-items:center; height:calc(100% - 100px);} .pdrLstItmInfCvrFnc > a {display:block; position:relative; width:50px; height:50px; margin:0 5px; border-radius:25px; background-color:rgba(255, 255, 255, 0.15); cursor:pointer; transition:0.3s;} .pdrLstItmInfCvrFnc > a:hover {background-color:rgba(255, 255, 255, 0.3);} .pdrLstItmInfCvrFnc s {position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); width:24px; height:24px; background:url("../images/newbird/asset/bg_pdrLst_fnc.svg") no-repeat; background-size:200%; background-position-y:0;} .pdrLstItmInfCvrFnc.off > a {cursor:default;} .pdrLstItmInfCvrFnc.off > a:hover {background-color:rgba(255, 255, 255, 0.15);} .pdrLstItmInfCvrFnc.off s {opacity:0.5;} .pdrLstItmInfCvrFnc01 s {background-position-x:0;} .pdrLstItmInfCvrFnc02 s {background-position-x:-24px; transform:translateX(2px);} .pdrLstItmInfCvrBtn {align-items:center; width:calc(100% - 60px);} .pdrGrdItmInfHvr .pdrLstItmInfCvrBtn {position:absolute; top:calc(50% - 20px); left:50%; transform:translateX(-50%);} .pdrLstItmInfCvrFncAdd {display:none; position:absolute; top:calc(100% + 10px); left:50%; min-width:160px; padding:15px 30px; transform:translateX(-50%); border-radius:10px; background-color:var(--white); box-shadow:0px 20px 40px 0px rgba(28, 28, 32, 0.08); opacity:0; transition:opacity 0.3s;} .pdrLstItmInfCvrFncAdd.on {display:block; opacity:1; transition:opacity 0.3s;} .pdrLstItmInfCvrFncAdd::before {content:''; display:block; position:absolute; top:-5px; left:50%; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid var(--white); transform:translateX(-50%);} .pdrLstItmInfCvrFncAdd a {display:block; font-size:14px; line-height:40px; color:var(--gray_t1); white-space:pre;} /* 세척서비스 */ .mo_br {display:none;} .m_title {display:none;} .scnDthChd {position:relative; width:150px; height:140px; margin:0 10px; border-radius:20px; background-color:var(--white); text-align:center; transition:background-color 0.3s, box-shadow 0.3s; flex:0 0 auto;} .scnDthChd > span {display:block; position:absolute; bottom:0; left:0; width:100%; font-size:1.333em; line-height:3.125em; text-align:center;} .scnDthChd.on {z-index:30; background-color:var(--skyblue); transition:background-color 0.3s, box-shadow 0.3s; box-shadow:0px 30px 60px 0px rgba(23, 42, 126, 0.25);} .scnDthChd.on > span {font-weight:700; color:var(--white);} #scnDth > a:first-child {margin-left:auto;} #scnDth > a:last-child {margin-right:auto;} .cw_tab {margin-bottom:20px;} .cw_tab > #scnDth {justify-content:center;} .cw_tab > #scnDth li {cursor:pointer;} .cw_wrap {display:none; background:var(--white);} .cw_wrap * {box-sizing:border-box; font-family:"Pretendard", sans-serif; letter-spacing:-0.04em;} .cw_wrap.on {display:block;} .c_title.t2 {text-align:center; font-size:60px; font-weight:600; color:var(--black);} .c_wash .cw_section01 .cws_content.t1 {position:relative; width:100%; margin:0 auto; padding-bottom:120px; background-color:var(--white);} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 {position:absolute; top:31%; left:35%; text-align:left;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > span {display:block; margin-bottom:20px; padding-left:10px; font-size:34px; font-weight:300; color:var(--gray_t6);} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > strong {display:block; font-size:66px; font-weight:500; line-height:80px; color:var(--black);} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:82px; font-weight:600; line-height:120px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {width:384px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 > b {color:var(--skyblue_t1);} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 {top:170px; left:140px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {display:block; margin-top:30px;} .c_wash .cw_section02 .cws_content.t2 {display:flex; align-items:center; width:100%; max-width:1440px; margin:0 auto; padding-bottom:120px; word-break:keep-all;} .c_wash .cw_section02 .cws_content.t2 .c_title.t2 {font-size:50px; font-weight:600; text-align:left;} .c_wash .cw_section02 .cws_content.t2 .cw_imgwrap img {width:100%;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right {margin-left:70px; text-align:left;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul {margin-top:60px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li {margin-bottom:30px; font-size:25px; font-weight:300; line-height:35px; color:var(--gray_t6); text-align:left;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li:last-child {margin-bottom:0;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li > strong {display:block; margin-bottom:5px; font-size:30px; font-weight:500; color:var(--black);} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li > strong span {display:inline-block;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li > span span {display:inline-block;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li:last-child {margin-bottom:0;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .c_title.t2 span {display:inline-block;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_imgwrap {overflow:hidden; flex-shrink:0; width:45.139%; min-width:520px; border-radius:14px; aspect-ratio:100/84.615;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 div > img {width:100%; height:100%; object-fit:cover;} .c_wash .cw_section03 {background-color:var(--gray_t3);} .c_wash .cw_wrap.t2 .cw_section03 {background-color:#fff7e5;} .c_wash .cw_section03 .cws_content.t3 {width:100%; max-width:1440px; margin:0 auto; padding:120px 0;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 {font-size:60px; font-weight:600; text-align:center;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 > span {display:block; margin-top:10px; font-size:30px; font-weight:300; color:var(--gray_t6); word-break:keep-all;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 > span span {display:inline-block; width:100%;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare {display:flex; width:calc(100% - 80px); margin:30px auto 0;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div {display:flex; align-items:center;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div > div > div {position:relative;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div > div > div > img {position:relative;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {display:block; width:100%; padding:12px 0 15px; background:var(--gray_t2); border-radius:0 0 20px 20px; font-size:30px; color:var(--white); text-align:center;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list {margin-right:50px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list .cwsccl_item.t1 {margin-right:20px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div {margin-top:60px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list.right .cwsccl_item.t1 {margin-right:20px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div .cwsccl_item.t1 > div:first-child::after {content:''; display:block; position:absolute; top:33.22325%; left:92.14245%; z-index:5; width:66px; height:66px; border-radius:40px; border:3px solid var(--white); background:var(--skyblue_t2) url("../images/service/icon_arrow.svg") no-repeat; background-position:center left 25px; background-size:20px auto;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {padding:8px 0 13px; background:var(--skyblue_t2); font-weight:600; font-size:38px;} .c_wash .cw_section03 .cws_content.t3 .desc {margin-top:80px; font-size:25px; font-weight:300; line-height:35px; color:var(--gray_t6); text-align:center;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare {flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:column; margin-top:20px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div {align-items:stretch;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div > div {width:417px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div > .cwsccl_item.t2 {width:425px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div .cwsccl_item.t1 > div:first-child::after {top:50%; width:80px; height:80px; margin-top:-80px; border-radius:100%; background-color:#ffc516; background-position:center left 32px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {display:flex; align-items:center; justify-content:center; height:100px; border-radius:0 0 14px 14px; font-size:36px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list {margin-right:0;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .aftCreImg {overflow:hidden; position:relative; border-radius:14px 14px 0 0;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {background-color:#ffc516; font-size:40px; color:var(--black);} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .aftCreImg {height:417px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .aftCreImg img {height:100%; width:100%; object-fit:cover;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .aftCreImg:before {content:''; box-sizing:border-box; position:absolute; top:0; left:0; width:100%; height:100%; border:6px solid #ffc516; border-bottom:0; border-radius:14px 14px 0 0;} .c_wash .cw_section04 .cws_content.t4 {width:100%; max-width:1440px; margin:0 auto; padding:120px 0;} .c_wash .cw_section04 .cws_content.t4 .c_title.t2 {font-weight:600; text-align:center;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul {display:flex; align-items:flex-start; justify-content:space-between; gap:40px; margin-top:80px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li {min-width:405px; text-align:center;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_imgwrap {display:flex; align-items:center; justify-content:center; width:260px; height:260px; margin:0 auto 40px; border-radius:100%; border:1px solid var(--gray_t2); background-color:var(--gray_t3);} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li strong {font-size:35px; font-weight:600; line-height:44px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p {margin-top:20px; font-size:25px; font-weight:300; color:var(--gray_t6);} .c_wash .cw_wrap.t2 .cw_section04 .cws_content.t4 .cwsc_info ul li {width:calc((100% - 80px)/3);} .c_wash .cw_wrap.t2 .cw_section04 .cws_content.t4 .cwsc_info ul li:nth-child(3) .cwsci_imgwrap img {width:128px;} .c_wash .cw_wrap.t2 .cw_section04 .cws_content.t4 .cwsc_info ul li p.p_hidden {display:none;} .c_wash .cw_section05 .cws_content.t5 h2::before {content:''; display:inline-block; position:absolute; top:50%; left:0; width:30.5345345%; height:2px; background-color:var(--gray_t2);} .c_wash .cw_section05 .cws_content.t5 h2::after {content:''; display:inline-block; position:absolute; top:50%; right:0; width:30.5345345%; height:2px; background-color:var(--gray_t2);} .c_wash .cw_section05 .cws_content.t5 .c_title.t2 {position:relative;} .c_wash .cw_section05 .cws_content.t5 .inner {width:100%; max-width:1440px; margin:0 auto; padding:120px 0 50px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li {position:relative; width:22.99999%; height:335px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div {background-color:var(--white);} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li::before {display:flex; align-items:center; justify-content:center; position:absolute; top:-25px; left:50%; width:50px; height:50px; border-radius:50px; background-color:var(--gray_t2); font-size:30px; color:var(--white); transform:translate(-50%);} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(1)::before {content:'1';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(2)::before {content:'2';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(3)::before {content:'3';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(4)::before {content:'4';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(5)::before {content:'5';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(6)::before {content:'6';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(7)::before {content:'7';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(8)::before {content:'8';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(9)::before {content:'9';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(10)::before {content:'10';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(11)::before {content:'11';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(12)::before {content:'12';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(13)::before {content:'13';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul:nth-child(1) + ul > li:nth-child(1)::before {content:'10';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul:nth-child(1) + ul > li:nth-child(2)::before {content:'11';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul:nth-child(2) + ul > li:nth-child(1)::before {content:'12';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul:nth-child(2) + ul > li:nth-child(2)::before {content:'13';} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > strong {display:block; position:absolute; bottom:0; width:100%; padding:20px 0; border-radius:0 0 13px 13px; background-color:var(--gray_t2); font-size:25px; font-weight:400; color:var(--white); text-align:center;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(5) {margin-top:70px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(6) {margin-top:70px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(7) {margin-top:70px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul {display:flex; flex-wrap:wrap; justify-content:center;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li {margin-right:25px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div {height:335px; overflow:hidden;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > img {width:100%; min-height:260px; border:1px solid var(--gray_t2); border-radius:20px 20px 0 0;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul {column-gap:25px; row-gap:85px; max-width:1071px; margin:0 auto;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li {width:calc((100% - 50px)/3); margin-right:0; margin-top:0!important;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li.mo {display:none;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > img {width:100%; height:calc(100% - 75px); object-fit:cover; border-color:#ffc516; border-radius:14px 14px 0 0;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > strong {border-radius:0 0 14px 14px; background-color:#ffc516; font-size:30px; font-weight:500; color:var(--black);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li::before {background-color:#ffc516; font-weight:500; color:var(--black);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul + ul > li {width:calc((100% - 50px)/3); margin-right:0; margin-top:0!important;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul + ul {margin-top:85px;} .c_wash .cw_section06 {background-color:var(--gray_t3);} .c_wash .cw_section06::before {content:''; display:inline-block; width:100%; height:150px; background:url("../images/service/round_bg.png") no-repeat; background-size:cover; background-position:center;} .c_wash .cw_section06 .cws_content.t6 {position:relative; width:100%; max-width:1440px; margin:0 auto; padding:160px 0 120px;} .c_wash .cw_section06 .cws_content.t6 .deco {display:inline-block; position:absolute; top:-10px; left:50%; width:2px; height:130px; background-color:var(--gray_t1);} .c_wash .cw_section06 .cws_content.t6 .deco .round_deco {display:inline-block; position:absolute; top:-30px; right:50%; width:20px; height:20px; border-radius:40px; background-color:var(--gray_t1); transform:translate(10px, 10px);} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap {display:flex; align-items:center; justify-content:center; width:calc(100% - 40px); margin:80px auto 0;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div {position:relative; overflow:hidden; width:100%; max-width:475px; border:1px solid var(--gray_t4); border-radius:15px; background-color:var(--white); margin-right:25px; padding:25px 35px 35px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div:last-child {margin-right:0;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide > span {display:flex; align-items:center; justify-content:flex-start; margin-bottom:40px; font-size:25px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide > span > strong {display:inline-block; margin-right:10px; font-size:40px; font-weight:500;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price {margin:15px 0 25px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .pceWon {display:block; font-size:25px; color:var(--gray_t2); text-decoration:line-through;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .cwscsp_won {font-size:35px; font-weight:600; color:var(--gray_t1);} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .cwscsp_won02 {display:block; margin-top:35px; color:var(--black); font-weight:600;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .cwscsp_won > strong {font-weight:700; color:var(--gray_t1);} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price.discount .cwscsp_won {font-size:20px; font-weight:300; color:#828282; text-decoration:line-through;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .disWon {display:block; font-size:30px; font-weight:500; color:#454545;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .disWon mark {background-color:transparent !important; font-weight:600; color:#db0100;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide {text-align:center; cursor:pointer;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide .cwscs_imgwrap {display:flex; align-items:center; justify-content:center; position:relative; min-height:255px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide .cwscs_imgwrap > img:nth-child(1) {opacity:0;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide .cwscs_imgwrap > img:nth-child(2) {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-prev, .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-next {display:inline-block; top:50%; width:17px; height:42px; margin-top:-21px; background-position:center; background-repeat:no-repeat; background-size:contain;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-prev {left:0; background-image:url("../images/service/icon_prev.svg");} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-next {right:0; background-image:url("../images/service/icon_next.svg");} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-prev:after, .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-next:after {display:none !important;} .c_wash .cw_wrap.t2 .cw_section06 {background-color:#fff7e5;} .c_wash .cw_wrap.t2 .cw_section06::before {background-image:url(../images/service/round_bg_t1.jpg);} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .deco {top:-15px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap {gap:105px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div {max-width:470px; margin-right:0;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price {display:flex; flex-direction:column; align-items:center; justify-content:center; height:86px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .cwscsp_won > strong {font-weight:700; color:var(--black);} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .cwscsp_won02 {margin-top:0; font-size:26px; font-weight:400;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide > span {margin-bottom:40px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide > span > strong {margin-bottom:10px; margin-right:20px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide .cwscs_imgwrap > img {max-height:269px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-prev {width:17px; height:42px; background-size:17px 42px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-next {width:17px; height:42px; background-size:17px 42px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwsc_applybtn {background-color:var(--gray_t1); width:100%; height:66px; padding:7px 0 10px; border-radius:40px; font-size:30px; font-weight:500; color:var(--white); text-align:center;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwsc_applybtn:hover {text-decoration:underline; text-underline-position:under;} } .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .pceWon + .cwscsp_won {font-weight:500; color:var(--gray_t6);} .c_wash .cw_section07 .cws_content.t7 {display:flex; width:100%; max-width:1440px; margin:0 auto; padding:120px 0;} .c_wash .cw_section07 .cws_content.t7 .c_title.t2 {margin-bottom:30px; font-size:60px; line-height:70px; text-align:left;} .c_wash .cw_section07 .cws_content.t7 .c_title.t2 b {display:block;} .c_wash .cw_section07 .cws_content.t7 .ttl > span {display:block; font-size:30px; font-weight:300; line-height:40px; color:var(--gray_t6); text-align:left; word-break:keep-all;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review {width:100%; max-width:960px; margin-left:80px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list {border:1px solid #bebebe; border-radius:15px; margin-bottom:40px; padding:35px 40px; text-align:left;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review > div:last-child {margin-bottom:0;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > strong {display:block; margin-bottom:20px; font-size:35px; font-weight:800;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > p {font-size:25px; font-weight:300; color:var(--gray_t6);} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap {display:flex; align-items:center; margin-top:20px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap > span {display:inline-block; margin-left:20px; font-size:25px; font-weight:600;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list {padding-top:30px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > strong {margin-bottom:15px; font-weight:800;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap {margin-top:30px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap img {width:65px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap > span {margin-left:25px;} .c_wash .cw_section08 {background-color:var(--gray_t3); font-family:"Pretendard", sans-serif;} .c_wash .cw_section08 .cws_content.t8 {width:100%; max-width:1440px; margin:0 auto; padding:120px 0; text-align:left;} .c_wash .cw_section08 .cws_content.t8 > strong {display:block; font-size:50px; font-weight:600; line-height:70px;} .c_wash .cw_section08 .cws_content.t8 > ul {margin-top:20px;} .c_wash .cw_section08 .cws_content.t8 > ul > li {font-size:30px; font-weight:300; line-height:50px; color:var(--gray_t6);} .c_animation {opacity:0; transform:translateY(30px); transition:0.3s all;} .c_animation.on {opacity:1; transform:translateY(0); transition:0.3s all;} /* 고객센터 */ #c_customer {text-align:center;} #c_customer .wrap {padding:0;} #c_customer .blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;} #c_customer mark {margin:0; padding:0; border:0; background:none; font-size:100%; font:inherit;} #c_customer .cc_hero {width:calc(100% - 10.4166vw); height:400px; margin:0 clamp(60px, 5.2083vw, 100px) 20px; border-radius:10px; background-image:url("../images/customer/main_hero.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;} #c_customer .cc_wrap {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; max-width:1240px; margin:60px auto 0; padding:0 20px; word-wrap:normal; word-break:keep-all;} #c_customer .cc_wrap:first-child {margin-top:0;} #c_customer .cc_contents {display:inline-block; vertical-align:middle; width:100%; padding:90px 0;} #c_customer .cc_contents .cc_title {display:inline-block; vertical-align:middle; width:100%; margin-bottom:20px;} #c_customer .cc_contents .cc_title h3 {display:inline-block; vertical-align:middle; float:left; font-size:24px; font-weight:700; color:var(--black); line-height:40px; letter-spacing:-0.5px; text-align:left;} #c_customer .cc_contents .cc_title h3 mark {color:var(--blue);} #c_customer .cc_contents .cc_title a {display:inline-block; vertical-align:middle; position:relative; float:right; width:118px; height:38px; border:var(--gray_t3) solid 1px; border-radius:20px; font-size:14px; font-weight:400; color:var(--black); line-height:38px; letter-spacing:-0.5px; text-align:left; text-indent:20px; transition:0.3s all;} #c_customer .cc_contents .cc_title a:before {content:''; position:absolute; right:20px; top:50%; width:6px; height:10px; margin-top:-5px; background-image:url("../images/customer/icon_arrow.svg"); background-repeat:no-repeat; background-position:center;} #c_customer .cc_contents .cc_title a:hover {border-color:var(--gray_t4); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05);} #c_customer .cc_contents .cc_body {display:inline-block; vertical-align:middle; width:100%;} #c_customer .cc_contents .cc_body ul {display:inline; vertical-align:middle; width:100%;} #c_customer .cc_contents .cc_body li {display:inline-block; vertical-align:middle; float:left; width:100%;} #c_customer .cc_service .cc_title p {display:inline-block; vertical-align:middle; float:right; font-size:14px; font-weight:400; color:var(--gray_t2); line-height:40px; letter-spacing:-0.5px;} #c_customer .cc_service .cc_body ul {display:flex;} #c_customer .cc_service .cc_body li {width:33.333%;} #c_customer .cc_service .cc_body li:nth-child(1) {text-align:left;} #c_customer .cc_service .cc_body li:nth-child(2) {text-align:center;} #c_customer .cc_service .cc_body li:nth-child(3) {text-align:right;} #c_customer .cc_service .ccb_box {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:calc(100% - 14px); height:100%; padding:25px 30px; padding-left:160px; border-radius:10px; background-color:var(--blue); box-shadow:0 30px 60px rgba(23, 42, 126, 0.35); text-align:left;} #c_customer .cc_service .ccb_box.t2 {background-color:#4189bc; box-shadow:0 30px 60px rgba(65, 137, 188, 0.35);} #c_customer .cc_service .ccb_box.t3 {background-color:var(--purple); box-shadow:0 30px 60px rgba(100, 57, 188, 0.35);} #c_customer .cc_service .ccb_icon {display:inline-block; vertical-align:middle; position:absolute; left:30px; top:50%; width:100px; height:100px; margin-top:-50px; border-radius:50px; background-image:url("../images/customer/icon_service.svg"); background-repeat:no-repeat; background-size:100% auto;} #c_customer .cc_service .ccb_icon:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:var(--white) solid 1px; border-radius:50%; opacity:0.2;} #c_customer .cc_service .ccb_icon.t1 {background-position:center top;} #c_customer .cc_service .ccb_icon.t2 {background-position:center center;} #c_customer .cc_service .ccb_icon.t3 {background-position:center bottom;} #c_customer .cc_service .ccb_box h4 {padding-bottom:15px; font-size:20px; font-weight:300; color:var(--white); line-height:30px; letter-spacing:-1px;} #c_customer .cc_service .ccb_box h4 mark {font-weight:700; color:var(--white);} #c_customer .cc_service .ccb_box p {font-size:12px; font-weight:400; color:#99a4d0; line-height:20px; letter-spacing:-0.3px;} #c_customer .cc_service .ccb_box p mark {font-weight:500; color:var(--white);} #c_customer .cc_service .ccb_box p span {display:inline-block; vertical-align:middle; float:left; width:100%;} #c_customer .cc_service .ccb_box a {display:inline-block; vertical-align:middle; width:150px; height:38px; margin-top:15px; border-radius:20px; border:1px solid var(--white); background-color:var(--white); font-size:14px; font-weight:400; color:var(--blue); line-height:38px; letter-spacing:-1px; text-align:center; transition:0.3s all;} #c_customer .cc_service .ccb_box a mark {font-weight:700; color:var(--blue); transition:0.3s all;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { #c_customer .cc_service .ccb_box a:hover {background-color:transparent; color:var(--white);} #c_customer .cc_service .ccb_box a:hover mark {color:var(--white);} } #c_customer .cc_service .ccb_box.t2 p {color:#a7cae3;} #c_customer .cc_service .ccb_box.t2 a {font-size:20px; font-weight:700; color:#4189bc;} #c_customer .cc_service .ccb_box.t2 a:hover {color:var(--white);} #c_customer .cc_service .ccb_box.t2 a mark {color:var(--skyblue);} #c_customer .cc_service .ccb_box.t2 a:hover mark {color:var(--white);} #c_customer .cc_service .ccb_box.t3 p {color:#af9dd5;} #c_customer .cc_service .ccb_box.t3 a {font-size:20px; font-weight:700; color:var(--purple);} #c_customer .cc_service .ccb_box.t3 a:hover {color:var(--white);} #c_customer .cc_service .ccb_box.t3 a mark {color:var(--purple);} #c_customer .cc_service .ccb_box.t3 a:hover mark {color:var(--white);} #c_customer .cc_qna {position:relative; margin-top:60px; padding:40px 0; background-color:var(--white_t1);} #c_customer .cc_qna .cc_title {float:left; width:400px; margin:0;} #c_customer .cc_qna .cc_title h3 {width:100%;} #c_customer .cc_qna .cc_title p {display:inline-block; vertical-align:middle; float:left; width:100%; font-size:14px; font-weight:400; color:var(--black); line-height:40px; letter-spacing:-0.5px; text-align:left;} #c_customer .cc_qna .cc_body {float:right; width:auto;} #c_customer .cc_qna .cc_body li {width:250px;} #c_customer .cc_qna .cc_body li:last-child {width:220px; margin-left:40px;} #c_customer .cc_qna .cc_body a {display:block; position:relative; padding:10px 0; padding-left:100px; text-align:left;} #c_customer .cc_qna .cc_body .ccq_icon {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:80px; height:80px; border-radius:40px; background-color:var(--white); box-shadow:0 40px 80px rgba(28, 28, 32, 0.08); transition:0.3s all;} #c_customer .cc_qna .cc_body .ccq_icon:before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; border-radius:40px; background-image:url("../images/customer/icon_qna.svg"); background-repeat:no-repeat; background-size:100% auto; transition:0.3s all;} #c_customer .cc_qna .cc_body .ccq_icon.t1:before {background-position:center top;} #c_customer .cc_qna .cc_body .ccq_icon.t2:before {background-position:center bottom;} #c_customer .cc_qna .cc_body a:hover .ccq_icon {background-color:var(--blue);} #c_customer .cc_qna .cc_body a:hover .ccq_icon:before {filter:invert(100%) sepia(100%) saturate(1%) hue-rotate(284deg) brightness(105%) contrast(101%);} #c_customer .cc_qna .cc_body h4 {font-size:14px; font-weight:700; color:var(--black); line-height:30px; letter-spacing:-0.5px;} #c_customer .cc_qna .cc_body h4 mark {color:var(--blue);} #c_customer .cc_qna .cc_body p {font-size:12px; font-weight:400; color:var(--black); line-height:30px; letter-spacing:-0.5px;} #c_customer .cc_faq .cc_title p {display:inline-block; vertical-align:middle; float:right; font-size:14px; font-weight:400; color:var(--gray_t2); line-height:40px; letter-spacing:-0.5px;} #c_customer .cc_faq .cc_body {box-sizing:border-box; padding:30px 15px; border-radius:10px; background-color:var(--white); box-shadow:0 40px 80px rgba(28, 28, 32, 0.08);} #c_customer .cc_faq .cc_body li {position:relative; width:14.285%;} #c_customer .cc_faq .cc_body li:before {content:''; position:absolute; left:0; top:50%; width:1px; height:50px; margin-top:-25px; background-color:var(--white_t2);} #c_customer .cc_faq .cc_body li:first-child:before {display:none;} #c_customer .cc_faq .cc_body li span {display:inline-block; vertical-align:middle; width:100%; height:30px; font-size:18px; font-weight:400; color:var(--black_t2); line-height:40px; letter-spacing:-0.5px; text-align:center;} #c_customer .cc_faq .cc_body li:hover span {font-weight:700; color:var(--blue);} #c_customer .cc_faq .ccf_icon {display:inline-block; vertical-align:middle; width:60px; height:60px; background-image:url("../images/customer/icon_faq.svg"); background-repeat:no-repeat; background-size:200% auto;} #c_customer .cc_faq .ccf_icon.t1 {background-position:left 0;} #c_customer .cc_faq .ccf_icon.t2 {background-position:left -60px;} #c_customer .cc_faq .ccf_icon.t3 {background-position:left -120px;} #c_customer .cc_faq .ccf_icon.t4 {background-position:left -180px;} #c_customer .cc_faq .ccf_icon.t5 {background-position:left -240px;} #c_customer .cc_faq .ccf_icon.t6 {background-position:left -300px;} #c_customer .cc_faq .ccf_icon.t7 {background-position:left -360px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t1 {background-position:right 0;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t2 {background-position:right -60px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t3 {background-position:right -120px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t4 {background-position:right -180px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t5 {background-position:right -240px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t6 {background-position:right -300px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t7 {background-position:right -360px;} #c_customer .cc_latest .cc_area {display:inline-block; vertical-align:middle; position:relative; width:calc(50% - 20px);} #c_customer .cc_latest .cc_area:first-child {float:left;} #c_customer .cc_latest .cc_area:last-child {float:right;} #c_customer .cc_latest .cc_body span {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:130px; font-size:14px; font-weight:700; color:var(--black); line-height:60px; letter-spacing:-0.5px;} #c_customer .cc_latest .cc_body p {display:inline-block; vertical-align:middle; width:100%; font-size:14px; font-weight:700; color:var(--black); line-height:60px; letter-spacing:-0.5px;} #c_customer .cc_latest .ccl_head {position:relative; height:60px; padding-left:130px; border-top:var(--blue) solid 1px; border-bottom:var(--gray_t2) solid 1px;} #c_customer .cc_latest .ccl_list li {position:relative; box-sizing:border-box; height:60px; padding-left:130px; border-bottom:var(--gray_t3) solid 1px;} #c_customer .cc_latest .ccl_list span {font-weight:400; color:var(--gray_t2);} #c_customer .cc_latest .ccl_list p {font-size:16px; font-weight:400; text-align:left;} #c_customer .cc_latest .ccl_list a {display:inline-block; vertical-align:middle; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { #c_customer .cc_latest .ccl_list a:hover {font-weight:700; color:var(--blue);} } #chkbox {box-sizing:border-box; width:calc(100% - 10.4vw); max-width:860px; margin:40px auto; padding:60px; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); background-color:var(--white); border-radius:8px; overflow:hidden; padding-bottom:80px;} #chkbox .msg h3 {text-align:center; font-weight:100; color:var(--blue); font-size:22px; line-height:22px; letter-spacing:-0.5px; font-weight:600;} #chkbox .msg h3 img {position:relative; top:3px;} #chkbox .msg div {padding:20px 0; color:#999; text-align:center; font-size:14px; word-break:keep-all;} #chkbox .ibox {display:flex; flex-direction:column} #chkbox .ibox .btnwrap {width:360px; margin:0 auto; margin-top:30px;} #chkbox .ibox .btnwrap .btn {border-radius:50px;} #chkbox .ibox .pwChkBtn {display:flex; align-items:center; text-align:center; justify-content:center; margin-top:30px;} #chkbox .ibox .pwChkBtn input {display:inline-block; text-align:center; color:var(--white); background-color:var(--blue); box-shadow:0px 15px 40px rgba(13, 92, 171, 0.2); font-weight:bold; transition:0.25s all; font-size:20px; border:2px var(--blue) solid; max-width:180px; width:100%; padding:10px; border-radius:80px;} #chkbox .ibox .pwChkBtn .backBtn {background-color:var(--white); color:var(--blue); margin-left:10px;} #chkbox .input {background-color:var(--white); border-radius:10px; overflow:hidden; box-shadow:0px 10px 40px 0px rgba(28, 28, 32, 0.08); border:none; outline:none; order:0; height:60px; max-width:360px; width:100%; margin:0 auto; font-weight:600; padding-left:30px; color:var(--black); padding-right:0; font-size:16px; padding-right:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #chkbox .btnblue {width:80px;} @media screen and (max-width:1429px) { #chkbox .msg h3 {font-size:21px;} #chkbox .ibox .btnwrap {margin-top:28px;} #chkbox .input {height:50px; line-height:50px;} } @media screen and (max-width:1144px) { #chkbox .msg h3 {font-size:20px;} #chkbox .ibox .btnwrap {margin-top:25px;} #chkbox .input {height:48px; line-height:48px;} } @media screen and (max-width:865px) { #chkbox .msg h3 {font-size:18px;} #chkbox .ibox .btnwrap {margin-top:20px;} #chkbox .input {width:100%; max-width:100%; height:46px; line-height:46px; margin:0;} } @media screen and (max-width:890px) { #chkbox .ibox .pwChkBtn {flex-direction:column;} #chkbox .ibox .pwChkBtn .backBtn {margin-left:0; margin-top:10px;} #chkbox .ibox .pwChkBtn input {max-width:360px;} } @media screen and (max-width:768px){ #chkbox {width:100%;} #chkbox .ibox .pwChkBtn .backBtn {margin-top:10px;} form {box-sizing:border-box; width:100%;} #chkbox .ibox .btnwrap {flex-direction:column; width:100%;} } @media screen and (max-width:540px) { #chkbox {width:100%; padding:30px 20px;} } /* cs center 고객센터 - mypage 마이페이지 copy */ .csWrap {width:calc(100% - 10.4166vw); max-width:1920px; margin:0 clamp(60px, 5.2083vw, 100px); padding-bottom:80px; border-radius:10px; background-color:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} .csNavTitWrp {position:relative; text-align:center;} .csNavTit {display:none;} .csNav {border-bottom:1px var(--gray_t3) solid; text-align:center;} .csNav ul {overflow-y:hidden; overflow-x:auto;} .csNav > ul {display:flex; width:100%; max-width:1200px; margin:0 auto; justify-content:space-around;} .csNav > ul > li {flex:0 0 auto; float:left; margin-left:1px;} .csNav > ul > li > a {display:block; position:relative; box-sizing:border-box; padding:0 35px; text-align:center; font-family:'Pretendard', sans-serif;} .csNav > ul > li > a::before {content:''; display:block; position:absolute; top:calc(50% - 10px); left:-1px; width:1px; height:20px; background-color:var(--gray_t3);} .csNav > ul > li:last-child > a::after {content:''; display:block; position:absolute; top:calc(50% - 10px); right:-1px; width:1px; height:20px; background-color:var(--gray_t3);} .csNav > ul > li > a > span {display:inline-block; line-height:80px; font-size:18px; color:var(--black); letter-spacing:-1.44px; position:relative;} .csNav > ul > li > a > span::after {content:''; display:block; width:0; height:3px; position:absolute; top:calc(100% - 2px); left:50%; background-color:var(--blue); transform:translateX(-50%); transition:all 0.3s; opacity:0;} .csNav > ul > li > a.on > span {font-weight:700; color:var(--blue);} .csNav > ul > li > a.on > span::after {width:100%; transition:all 0.3s; opacity:1;} .csNav > ul > li > a:hover > span {font-weight:700; color:var(--blue);} .csNav > ul > li > a:hover > span::after {width:100%; transition:all 0.3s; opacity:1;} /* 공지사항 */ .csTtl {padding:80px 0 60px 0; font-size:30px; font-family:'Pretendard', sans-serif; line-height:40px; color:var(--blue); letter-spacing:-2.4px; text-align:center;} .csTtl > * {letter-spacing:-0.08em;} .csTtl strong, .csTtl b {font-weight:800;} .c_contents {position:relative; box-sizing:border-box; width:100%; max-width:1240px; margin-left:auto; margin-right:auto; padding:0 20px;} .c_contents .mpgFrmItmCnt {justify-content:flex-start;} .mpgFrmBottom {margin-bottom:20px;} .mpgFrmBottom span, .mpgFrmBottom button {vertical-align:middle;} .mpgFrmBottom > .fright button {width:150px;} .mpgFrmBottom .fkeSlc {width:180px;} .mpgFrmBottom .listbtnwrap:after {content:''; display:block; clear:both;} .mpgFrmBottom .listbtnwrap > * {float:left; width:auto; min-width:150px; margin-left:10px;} .mpgFrmBottom .listbtnwrap .btn.big {width:150px;} /* faq */ .faqList li {overflow:hidden; background:var(--white); border-radius:10px; margin-bottom:20px; box-shadow:0 20px 40px rgba(28, 28, 32, 0.08); text-align:left;} .faqList li:last-child {margin-bottom:0;} .faqList li .question {position:relative; padding:27px 56px 27px 104px; transition:0.3s;} .faqList li .question:hover {background-color:var(--white_t1);} .faqList li .question:before {content:'Q'; position:absolute; left:40px; top:27px; width:45px; height:45px; border-radius:50%; background:var(--blue); font-size:20px; color:var(--white); font-weight:700; text-align:center; line-height:43px;} .faqList li .question .subject {line-height:45px; display:flex;} .faqList li .question .subject > * {display:inline-block; vertical-align:top;} .faqList li .question .cat {width:90px; line-height:45px; font-size:16px; color:var(--gray_t2); font-weight:700; transition:0.3s; letter-spacing:-0.5px;} .faqList li .question .hand {display:flex; align-items:center; width:calc(100% - 100px); padding:5px 0; font-size:20px; color:var(--black); font-weight:700; line-height:30px; word-break:keep-all;} .faqList li .question .hand a {transition:0.3s;} .faqList li:hover .cat, .faqList li:hover .hand a {color:var(--blue);} .faqList li .question .iconOpenClose {content:'열기'; position:absolute; right:45px; top:39px; width:18px; height:18px; background:url('../images/newbird/common/icon_faqarrow.svg') no-repeat; background-size:100% auto; background-position:0 0; cursor:pointer; text-indent:-99999999px; transform:rotate(180deg);} .faqList li .answer {display:none !important; position:relative; padding:35px 56px 40px 104px; font-size:18px; line-height:28px; transition:0.3s; word-break:keep-all;} .faqList li .answer:before {content:'A'; position:absolute; left:40px; top:27px; width:45px; height:45px; background:var(--skyblue_t1); border-radius:50%; font-size:20px; font-weight:700; color:var(--white); line-height:45px; text-align:center;} .faqList li.on .question {background-color:var(--white_t1);} .faqList li.on .cat, .faqList li.on .hand a {color:var(--blue);} .faqList li.on .question .iconOpenClose {content:'닫기'; background-image:url('../images/newbird/common/icon_faqarrow_b.svg'); transform:rotate(0deg);} .faqList li.on .answer {display:block !important;} .faqWrap {padding-bottom:0; background:var(--white_t1);} .faqWrap .csNav, .faqWrap .csTtl, .faqWrap #boardsearch {background:var(--white);} .faqWrap .csTtl {padding-bottom:40px;} .blueSearchWrap {position:relative; width:100%; max-width:800px; margin:0 auto;} .blueSearchWrap .blueSearchInput {box-sizing:border-box; background:var(--blue); width:100%; height:80px; padding-left:50px; padding-right:80px; border-radius:40px; border:0; font-size:25px; line-height:80px; color:var(--white); box-shadow:0px 20px 40px 0px rgba(2, 31, 147, 0.3); transition:0.3s all;} .blueSearchWrap .blueSearchInput::placeholder {font-size:25px; color:var(--white);} .blueSearchWrap .blueSearchInput:focus {outline:0;} .blueSearchWrap .blueSearchInput:hover {box-shadow:0px 20px 40px 0px rgba(2, 31, 147, 0.5);} .btnSearchWhite {display:block; position:absolute; right:0; top:0; overflow:hidden; width:80px; height:80px; border-radius:0 40px 40px 0; background:url('../images/newbird/sub/search_wh.svg') no-repeat left 5px center; background-size:20px auto; text-indent:-9999px; pointer-events:none;} .faqTab {margin:80px 0 60px; border-top:1px solid var(--gray_t3); border-bottom:1px solid var(--gray_t3);} .inner1200 {box-sizing:border-box; width:100%; max-width:1200px; margin:0 auto;} .faqTab li {position:relative; float:left; width:14.28571428571429%; font-size:18px; line-height:18px; color:var(--black_t2); text-align:center; word-break:keep-all;} .faqTab li:first-child:before {content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:50px; background:var(--gray_t3); transform:translateY(-50%);} .faqTab li:after {content:''; display:block; position:absolute; right:0; top:50%; width:1px; height:50px; background:var(--gray_t3); transform:translateY(-50%);} .faqTab li a {display:block; width:100%; padding:100px 0 30px;} .faqTab li a .iconFaq {position:absolute; left:50%; top:35px; width:50px; height:50px; background-image:url('../images/newbird/sub/iconFaq_off.svg'); background-size:100%; background-repeat:no-repeat; transition:0.3s; transform:translateX(-50%);} .faqTab li a.on .iconFaq {background-image:url('../images/newbird/sub/iconFaq_on.svg');} .faqTab li:nth-child(1) a .iconFaq {background-position:0 0;} .faqTab li:nth-child(2) a .iconFaq {background-position:0 -50px;} .faqTab li:nth-child(3) a .iconFaq {background-position:0 -100px;} .faqTab li:nth-child(4) a .iconFaq {background-position:0 -150px;} .faqTab li:nth-child(5) a .iconFaq {background-position:0 -200px;} .faqTab li:nth-child(6) a .iconFaq {background-position:0 -250px;} .faqTab li:nth-child(7) a .iconFaq {background-position:0 -300px;} .faqTab li a:after {content:''; display:block; position:absolute; bottom:0; left:50%; width:0; height:3px; background:var(--blue); transform:translateX(-50%); transition:0.3s; opacity:0;} .faqTab li a.on {font-weight:700; color:var(--blue);} .faqTab li a.on:after {width:66px; opacity:1;} .faqWrap .c_contactwrap {margin-top:80px;} /* faq 박스 */ .c_contactwrap.whtie {padding:80px 20px; border-radius:0 0 5px 5px; background:var(--white);} .c_contactwrap.whtie #c_customer .cc_contents {padding-bottom:0;} .c_contactwrap.whtie .cc_list .ccl_icon {height:auto;} .c_contactwrap.whtie .cc_list .ccl_icon .ccl_content .tel {margin-top:7px;} /* 고객센터 - 인덱스 */ .c_airservice .ca_list {padding:10px 0 20px; text-align:center;} .c_airservice .ca_list .cal_item {display:flex; justify-content:center;} .c_airservice .ca_list .cal_item li {position:relative; overflow:hidden; width:270px; height:270px; margin:0 15px; border-radius:10px; box-shadow:0px 40px 80px rgba(28, 28, 32, 0.08); background:var(--white);} .c_airservice .ca_list .cal_item li:before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-image:linear-gradient(135deg, #0858c5, var(--blue)); transition:0.3s all; opacity:0;} .c_airservice .ca_list .cal_item li a {display:block; position:relative; overflow:hidden; padding-top:170px; padding-bottom:30px;} .c_airservice .ca_list .cal_item li a .icon {position:absolute; top:58px; left:50%; width:74px; height:74px; transform:translateX(-50%);} .c_airservice .ca_list .cal_item li a .icon {background-repeat:no-repeat; background-size:100%; transition:0.3s all;} .c_airservice .ca_list .cal_item.cal_item > li > a > .icon {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/sub/mypage/iconCsAirService_off.svg');} .c_airservice .ca_list .cal_item li:nth-child(1) > a > .icon {background-position:0 0;} .c_airservice .ca_list .cal_item li:nth-child(2) > a > .icon {background-position:0 50%;} .c_airservice .ca_list .cal_item li:nth-child(3) > a > .icon {background-position:0 100%;} .c_airservice .ca_list .cal_item li a strong {display:block; text-align:center; font-size:25px; font-weight:800; line-height:35px; color:var(--blue); letter-spacing:-1px; transition:0.3s all;} .c_airservice .ca_list .cal_item li a span {display:block; text-align:center; font-size:12px; line-height:35px; color:var(--gray_t2); letter-spacing:-0.48px; transition:0.3s all;} /* 에어컨 서비스 상단 탭 */ .mltTabWrp {border-bottom:1px var(--gray_t4) solid;} .mltTab {display:inline-flex; width:100%; margin-bottom:-1px;} .mltTab a {width:200px; margin-left:-1px; border:1px var(--gray_t4) solid; border-radius:5px 5px 0 0; background-color:var(--white_t1); font-size:16px; line-height:48px; color:var(--gray_t2); letter-spacing:-0.64px; text-align:center; transition:0.3s all;} .mltTab a.on {border-bottom-color:var(--white); background-color:var(--white); color:var(--black_t2); transition:0.3s all;} .mltTab a.on span {transition:0.3s all; font-weight:700; color:var(--blue);} .mltTab a.on strong {transition:0.3s all; font-weight:700; color:var(--blue);} .mltTab a:first-child {margin-left:0;} .mltTab a.tabBig {width:250px;} /* 추가이전 설치비용 */ .bletListBig li {position:relative; padding-left:30px; font-size:16px; font-weight:300; line-height:25px;} .bletListBig li:before {content:''; position:absolute; left:15px; top:12px; width:4px; height:4px; border-radius:50%; background:#d0d1d3;} .bletListBig li > b {display:inline-block; font-weight:700;} .resYoutubeWrap {position:relative; width:100%; padding-bottom:56.25%;} .resYoutubeWrap .carrierVideo {position:absolute; left:0; top:0; width:100%; height:100%;} .csTableWrap {margin-bottom:80px;} .csTableWrap:last-of-type {margin-bottom:0;} .csTableWrap .bottomGrayBox {margin-top:30px;} .csTableTitWrap {margin-bottom:20px; line-height:30px; font-family:'Pretendard', sans-serif; text-align:left;} .csTableTitWrap .csTableTit {float:left; font-size:18px; font-weight:700; color:var(--blue); letter-spacing:-0.056em;} .csTableTitWrap .caption {float:right; font-size:14px; font-weight:700; color:var(--gray_t2); letter-spacing:-0.056em;} .csTableTitWrapCenter {margin-bottom:40px; font-size:30px; line-height:40px; color:var(--blue); text-align:center;} .csTableTitWrapCenter b, .csTableTitWrapCenter strong {font-weight:800;} .csTable {overflow:auto; width:100%;} .csTable table {border-collapse:collapse; table-layout:fixed; vertical-align:middle; width:100%; min-width:1200px; font-size:14px; font-weight:400;} .csTable table th, .csTable table td {border-bottom:1px solid var(--gray_t3); border-right:1px solid var(--gray_t3); height:40px; font-size:14px; font-family:'Pretendard', sans-serif; line-height:25px;} .csTable table td:last-of-type {border-right:0;} .csTable table thead th {height:60px; background:var(--blue); font-weight:700; line-height:23px; color:var(--white);} .csTable table tbody th {background:var(--white_t1); font-weight:700;} .csTable table tbody td {box-sizing:border-box; height:40px; padding:16px; line-height:25px; text-align:left;} .csTable table tbody td.right {padding-right:20px;} .csTable table tbody td.pl30 {padding-left:30px;} /* 에어컨 추가 설치비용 테이블 */ .csTable.csTableTh40 thead th {box-sizing:border-box; height:40px; padding:5px 10px;} .csTable.csTableTh40 tbody th, .csTable.csTableTh40 tbody td {box-sizing:border-box; height:40px; padding:5px 0px;} .csTable.csTableTh40 tbody th.right {padding-right:10px;} .csTable.csTableTh40 tbody td.right {padding-right:20px;} .csTable.csTableTh40 tbody td.left {/* padding:5px 20px; */ padding:0; padding-left:20px;} .csTable.csTableTh40 tbody td.paddingWide {padding:20px;} .csTable.csTableTh60 thead th {height:60px;} .csTable.csTableTh60 tbody td {box-sizing:border-box; padding:20px 10px 20px 25px; text-align:left;} /* spcTbl */ .tableGet {overflow:auto;} .tableGet .spcTbl {width:1200px;margin:0 auto;} .tableGet .spcTbl > strong {font-size:1.833em;font-weight:700;line-height:1.818em;color:#0d5cab;display:block;padding-bottom:20px;text-align:left;} .tableGet .spcTbl > div {border-top:1px #0d5cab solid;border-right:1px #efeff1 solid;} .tableGet .spcTbl table {width:100%;} .tableGet .spcTbl th {background-color:#f8f9fa;color:#1c1c20;font-size:1.167em;font-weight:700;text-align:left;} .tableGet .spcTbl td {background-color:#fff;font-family:'Noto Sans KR';font-size:1.167em;color:#6e6e75;} .tableGet .spcTbl th, .tableGet .spcTbl td {border-left:1px #efeff1 solid;border-bottom:1px #efeff1 solid;height:2.143em;padding:0.714em 1.429em;letter-spacing:-0.04em;line-height:2.143em;vertical-align:top;} /* 이전 설치비용 테이블 */ .csTable.csTableTh40 tbody td.padding15 {padding:15px 0 15px 10px;} .csTable.csTableTh40 tbody td.paddingNone {padding:0;} .csTable.csTableTh40 tbody td.left.paddingNone {padding-left:10px;} .csTable.csTableTh80 thead th {padding:10px; height:80px;} .csTable.csTableTh80 th, .csTable.csTableTh80 td {padding:5px 10px;} .csTable.csTableTh80 tbody td.padding15 {padding:15px;} .csTable.csTableTh80 td.right {padding-right:20px;} .c_installservice .letter-1 {letter-spacing:-0.1em;} .tablebletStar {position:relative; margin-bottom:25px; padding-left:10px; line-height:26px;} .tablebletStar:last-child {margin-bottom:0;} .tablebletStar:after {content:'*'; position:absolute; left:0px; top:0;} .bletList li {position:relative; padding-left:20px; font-size:14px; line-height:25px; text-align:left;} .bletList li:before {content:''; display:block; position:absolute; left:5px; top:10px; width:4px; height:4px; border-radius:50%; background:var(--gray_t4);} .bletList li.clrRed {color:var(--red);} .bletList li.clrRed:before {background:var(--red);} .bletList li .sub {display:block;} .tableList li {line-height:25px; font-size:14px;} .numList {font-size:13px; font-weight:500;} .numList > li {position:relative; padding-left:25px; font-weight:500; line-height:25px; color:var(--black);} .numList > li > .num {position:absolute; left:0; top:0; font-weight:700; color:var(--gray_t2);} .numList .subList {margin-bottom:5px; font-size:12px; font-weight:700; line-height:23px; color:var(--gray_t2);} .bottomGrayBox {box-sizing:border-box; padding:20px 30px; border-radius:5px; background:var(--white_t1); font-size:13px; font-family:'Pretendard', sans-serif; line-height:20px; color:var(--gray_t2); text-align:left;} .bottomGrayBox.p10 {padding:10px; background:var(--white_t1); font-size:13px; color:var(--gray_t2); line-height:20px; border-radius:5px; font-family:'Pretendard', sans-serif;} .grayBoxList li {padding:2px 0; padding-left:15px; position:relative; line-height:20px; font-size:13px; font-weight:500; color:var(--gray_t2); text-align:left; word-break:keep-all;} .grayBoxList li:before {content:'*'; display:block; position:absolute; left:0px; top:3px;} .grayBoxList li.cm {color:var(--blue);} .grayBoxList li.cr {color:var(--red);} /* 유상서비스 */ .c_paidservice .cp_banner {position:relative; width:100%; background-size:cover; background-repeat:no-repeat; border-radius:10px; background-position:50%; text-align:center; color:var(--white); font-family:"Pretendard", sans-serif;} .c_paidservice .cp_banner.part {background-image:url('../images/newbird/sub/csTop01.png'); margin-bottom:65px;} .c_paidservice .cp_banner.annual {background-image:url('../images/newbird/sub/csTop02.png'); margin-bottom:40px;} .c_paidservice .cp_banner.prevent {background-image:url('../images/newbird/sub/csTop03.png'); margin-bottom:47px;} .c_paidservice .cp_banner.equipment {background-image:url('../images/newbird/sub/csTop04.png'); margin-bottom:40px;} .c_paidservice .cp_banner .bannerTit {position:relative; margin-bottom:40px;} .c_paidservice .cp_banner .bannerTit:after {content:''; position:absolute; left:50%; bottom:-19px; width:30px; height:2px; transform:translateX(-50%); background:var(--white);} .c_paidservice .cp_banner .cpb_textwrap {padding:75px 20px 80px;} .c_paidservice .cp_banner .cpb_textwrap .top {font-size:16px; font-weight:500; color:var(--skyblue_t1); line-height:20px; font-family:"Montserrat", sans-serif;} .c_paidservice .cp_banner .cpb_textwrap .top b {font-weight:600;} .c_paidservice .cp_banner .cpb_textwrap h5 {font-size:45px; font-weight:400; line-height:55px;} .c_paidservice .cp_banner .cpb_textwrap h5 b {font-weight:700;} .c_paidservice .cp_banner .cpb_textwrap .bannerSub {font-size:18px; font-weight:100; line-height:30px;} .c_paidservice .cp_banner .cpb_textwrap .bannerSub .fontMont {font-weight:600} .c_paidservice .cp_banner .cpb_textwrap .bannerSub b {font-weight:700;} .c_paidservice .cp_box {display:flex; justify-content:center;} .c_paidservice .cp_box .cp_step {position:relative; padding:55px 0 45px; border-radius:5px; background:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} .c_paidservice .cp_box .cp_step:last-child {margin-right:0;} .c_paidservice .cp_box .cp_step .num {display:block; position:absolute; left:50%; top:-25px; width:50px; height:50px; border-radius:50%; background:var(--blue); font-size:16px; font-weight:900; line-height:50px; color:var(--white); letter-spacing:0; text-align:center; transform:translateX(-50%);} .c_paidservice .cp_box .cp_step .cps_title {position:relative; margin:30px 0 45px; font-size:25px; font-weight:700; line-height:30px; color:var(--blue); letter-spacing:-0.08em; text-align:center;} .c_paidservice .cp_box .cp_step .cps_title:after {content:''; position:absolute; bottom:-19px; left:50%; display:block; width:30px; height:2px; background:var(--skyblue_t1); transform:translateX(-50%);} .c_paidservice .cp_box .cp_step .icon {width:48px; height:48px; margin:0 auto; background-repeat:no-repeat; background-size:100%; background-image:url('../images/newbird/sub/iconCsPaid.svg');} .c_paidservice .cp_box .cp_step:nth-child(1) .icon {background-position:0 0;} .c_paidservice .cp_box .cp_step:nth-child(2) .icon {background-position:0 -48px;} .c_paidservice .cp_box .cp_step:nth-child(3) .icon {background-position:0 -96px;} .c_paidservice .cp_box .cp_step:nth-child(4) .icon {background-position:0 -144px;} .c_paidservice .cp_box .cp_step .cps_txt {margin:0 auto; padding:0 35px 0; font-size:14px; text-align:center; line-height:1.786em; word-break:keep-all;} .c_paidservice .cp_box .cp_step .cpp_title {position:relative; padding-bottom:30px; text-align:center;} .c_paidservice .cp_box .cp_step .cpp_title:after {content:''; display:block; position:absolute; bottom:0; left:50%; width:calc(100% - 40px); height:1px; background:var(--gray_t3); transform:translateX(-50%);} .c_paidservice .cp_box .cp_step .cpp_title strong {display:block;} .c_paidservice .cp_box .cp_step .cpp_title .ko {font-size:30px; font-weight:700; line-height:40px; color:var(--blue);} .c_paidservice .cp_box .cp_step .cpp_title .en {margin-top:6px; font-size:16px; font-weight:600; color:var(--gray_t2); letter-spacing:0;} .c_paidservice .cp_box .cp_step .cpp_txt {padding:30px 40px 0; font-size:16px; line-height:1.875em; font-family:'Pretendard', sans-serif; text-align:left; word-break:keep-all;} .c_paidservice .cp_box .cp_step .cpp_txt b, .c_paidservice .cp_box .cp_step .cpp_txt strong {font-weight:800;} .c_paidservice .cp_box .cp_step .cpp_txt .cppt_sub {margin-top:18px; font-size:14px; line-height:25px; color:var(--gray_t2);} .c_paidservice .cp_box .cp_step .cpp_txt .cppt_imgwrap {display:flex; max-width:300px; margin-top:25px; justify-content:space-between; background:url('../images/newbird/sub/csPrevent_arr.png') no-repeat center 41%; background-size:20px auto; text-align:center;} .c_paidservice .cp_box .cp_step .cpp_txt .cppt_imgwrap > div {width:calc(50% - 20px);} .c_paidservice .cp_box .cp_step .cpp_txt .cppt_imgwrap > div > p {margin-top:10px; font-size:14px; line-height:20px;} .c_paidservice .cp_box .cp_step .cpp_txt .cppt_imgwrap img {display:inline-block;} .c_paidservice .cp_box.t3 .cp_step {width:calc(33.333% - 20px); margin-right:30px;} .c_paidservice .cp_box.t4 .cp_step {box-sizing:border-box; width:calc(25% - 30px); margin-right:40px;} .c_paidservice .cp_box.t4 .cp_step:last-child {margin-right:0;} .c_paidservice .cp_box.prevent .cp_step {padding-top:40px;} .c_contactwrap {box-sizing:border-box; width:100%; padding:60px 20px; border-radius:5px; background:var(--white_t1); text-align:center;} .c_paidservice .c_contactwrap .cc_title {margin-bottom:30px;} .c_paidservice .c_contactwrap .cc_title strong {font-size:30px; font-weight:700; line-height:40px;} .c_paidservice .c_contactwrap .cc_title p.cct_txt {margin-top:10px; font-size:14px; color:var(--gray_t2); line-height:20px;} .c_paidservice .c_contactwrap .cc_title p.cct_txt > b {font-weight:700;} .c_paidservice .cc_list {display:flex; justify-content:center; max-width:840px; margin:0 auto;} .c_paidservice .cc_list .ccl_icon {box-sizing:border-box; position:relative; width:33.33333%; height:210px;} .c_paidservice .cc_list .ccl_icon:after {content:''; display:block; position:absolute; right:0; top:35px; width:1px; height:60px; background:var(--gray_t4);} .c_paidservice .cc_list .ccl_icon:last-child:after {display:none;} .c_paidservice .cc_list .ccl_icon .icon {width:130px; height:130px; margin:0 auto 16px; border-radius:50%; background:var(--white) url('../images/newbird/sub/csBottomIcon01.svg') no-repeat center; background-size:48px auto; box-shadow:0 40px 80px rgba(28, 28, 32, 0.08);} .c_paidservice .cc_list .ccl_icon.blu .icon {background:var(--white) url('../images/newbird/sub/csBottomIcon01.svg') no-repeat center; background-size:48px auto;} .c_paidservice .cc_list .ccl_icon.mint .icon {background:var(--white) url('../images/newbird/sub/csBottomIcon02.svg') no-repeat center; background-size:48px auto;} .c_paidservice .cc_list .ccl_icon.purple .icon {background:var(--white) url('../images/newbird/sub/csBottomIcon03.svg') no-repeat center; background-size:48px auto;} .c_paidservice .cc_list .ccl_icon.blu .icon.csTelIconCall {background:var(--white) url('../images/newbird/sub/csBottomIcon05.svg') no-repeat center; background-size:48px auto;} .c_paidservice .cc_list .ccl_icon.mint .icon.csTelIconFax {background:var(--white) url('../images/newbird/sub/csBottomIcon04.svg') no-repeat center; background-size:48px auto;} .c_paidservice .cc_list .ccl_icon .icon.csTelIconInternet {background:var(--white) url('../images/newbird/sub/csBottomIconInternet.svg') no-repeat center; background-size:60px auto; background-position:calc(50% + 7px) center;} .c_paidservice .cc_list .ccl_icon .icon.csTelIconMintCall {background:var(--white) url('../images/newbird/sub/csBottomIconCallMint.svg') no-repeat center; background-size:48px auto;} .c_paidservice .cc_list .ccl_icon .ccl_content p {font-size:20px; line-height:30px; word-break:keep-all;} .c_paidservice .cc_list .ccl_icon .ccl_content p > b {font-weight:700;} .c_paidservice .cc_list .ccl_icon .ccl_content .tel a {font-size:28px; font-weight:700; line-height:35px; letter-spacing:0;} .c_paidservice .cc_list .ccl_icon .ccl_content .tel a:hover {text-decoration:underline; text-underline-position:under;} .c_paidservice .blu .ccl_content .tel a {color:var(--blue);} .c_paidservice .mint .ccl_content .tel a {color:var(--skyblue);} .c_paidservice .purple .ccl_content .tel a {color:var(--purple);} /* 에어컨 자가점검 */ .c_selfservice .cs_banner {width:100%; height:500px; background:url('../images/newbird/sub/csSelfTop.png') no-repeat center; background-size:cover; position:relative; margin-bottom:65px;} .c_selfservice .cs_banner .csb_txtwrap {box-sizing:border-box; width:490px; background:var(--blue); color:var(--white); font-size:45px; padding:30px 0 30px 78px; position:absolute; left:0; top:50%; transform:translateY(-50%); border-radius:0 5px 5px 0; text-align:left;} .c_selfservice .cs_banner .csb_txtwrap .top {font-size:16px; color:var(--skyblue_t1); line-height:25px; margin-bottom:5px; display:block; letter-spacing:0;} .c_selfservice .cs_banner .csb_txtwrap .top b {font-weight:600;} .c_selfservice .cs_banner .csb_txtwrap h5 {line-height:60px; font-weight:400; font-size:45px; text-shadow:0 8px 40px rgba(0, 0, 0, 0.3); letter-spacing:-0.056em; font-family:'Pretendard', sans-serif;} .c_selfservice .cs_banner .csb_txtwrap h5 b {font-weight:700;} .c_selfservice .cs_box {display:flex; justify-content:center;} .c_selfservice .cs_box .cs_step {position:relative; padding:55px 0 45px; border-radius:5px; background:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} .c_selfservice .cs_box .cs_step:last-child {margin-right:0;} .c_selfservice .cs_box .cs_step .num {display:block; position:absolute; left:50%; top:-25px; width:50px; height:50px; border-radius:50%; background:var(--blue); font-size:16px; font-weight:900; line-height:50px; color:var(--white); letter-spacing:0; text-align:center; transform:translateX(-50%);} .c_selfservice .cs_box .cs_step .css_title {position:relative; margin:30px 0 45px; font-size:25px; font-weight:700; line-height:30px; color:var(--blue); letter-spacing:-0.08em; text-align:center;} .c_selfservice .cs_box .cs_step .css_title:after {content:''; position:absolute; bottom:-19px; left:50%; display:block; width:30px; height:2px; background:var(--skyblue_t1); transform:translateX(-50%);} .c_selfservice .cs_box .cs_step .bletListBig {width:calc(100% - 80px); margin:0 auto;} .c_selfservice .cs_box .cs_step .bletListBig li {line-height:30px;} .c_selfservice .cs_box.t3 .cs_step {box-sizing:border-box; width:calc(33.333% - 30px); margin-right:45px; padding-bottom:40px;} .c_selfservice .cs_box.t3 .cs_step:last-child {margin-right:0;} .c_selfservice .cs_box.t3 .cs_step .css_imgwrap {width:100%; max-width:240px; margin:0 auto; border-radius:50%;} .c_selfservice .cs_box .cs_step .css_title {margin:20px 0 40px;} .c_selfservice .cs_box .cs_step .bletListBig {box-sizing:border-box; width:100%; padding:0 50px;} .c_selfservice .cs_box .cs_step .bletListBig li {box-sizing:border-box; padding-left:12px; text-align:left; line-height:30px; word-break:keep-all;} .c_selfservice .cs_box .cs_step .bletListBig li:before {left:0;} .c_selfservice .cs_inspectionlist {display:flex; padding:50px 0; background:var(--white);} .c_selfservice .cs_inspectionlist.bg_gray {background:var(--white_t1); border-radius:5px;} .c_selfservice .cs_inspectionlist .csi_left, .c_selfservice .cs_inspectionlist .csi_right {box-sizing:border-box; float:none; text-align:left;} .c_selfservice .cs_inspectionlist .csi_left {width:390px; padding:30px 0; text-align:center;} .c_selfservice .cs_inspectionlist .csi_right {width:calc(100% - 390px); padding:30px 0px 30px 100px; border-left:1px solid var(--gray_t3);} .c_selfservice .csil_title, .c_selfservice .csir_title {margin-bottom:30px; font-size:30px; line-height:40px; color:var(--blue); letter-spacing:-0.056em;} .c_selfservice .csil_title {font-weight:700;} .c_selfservice .csExIcon {width:200px; margin:0 auto;} .c_selfservice .csExIcon img {max-width:100%;} .c_selfservice .csir_txtwrap {margin-bottom:40px;} .c_selfservice .csir_txtwrap:last-of-type {margin-bottom:0;} .c_selfservice .csir_txtwrap p {font-size:18px; line-height:40px; letter-spacing:-0.056em;} .c_selfservice .csir_txtwrap p.csirt_title {font-weight:700;} .c_selfservice .csir_txtwrap .csirt_txt {font-family:'Pretendard', sans-serif;} .c_selfservice .csir_txtwrap .csirt_txt p {position:relative; padding-left:27px;} .c_selfservice .csir_txtwrap .csirt_txt p:before {content:'-'; position:absolute; top:0px; left:14px;} .c_selfservice .csir_txtwrap .csirt_txt p a:hover {text-decoration:underline; text-underline-position:under;} /* 멤버쉽 */ #c_membership .inner {box-sizing:border-box; width:100%; max-width:1200px; margin:0 auto; padding:0;} #c_membership .cm_title {font-size:20px; font-weight:600; line-height:40px;} #c_membership .cmc_title {font-size:30px; font-weight:600; line-height:40px;} #c_membership .text.small {display:block; margin-top:15px; font-size:16px; font-weight:500; line-height:30px; color:var(--gray_t2);} #c_membership .flex {display:flex;} #c_membership .cm_box .cm_contents .icon {display:block; margin-left:auto;} #c_membership .cm_box .cm_contents .t1 {width:64px;} #c_membership .cm_box .cm_contents .t2 {width:62px;} #c_membership .cm_box .cm_list {margin:15px 0 0 0;} #c_membership .cm_box .cm_list > li {position:relative; font-size:20px; line-height:40px;} #c_membership .cm_box .cm_list > li::before {content:''; display:inline-block; position:absolute; top:12px; left:0; width:5px; height:5px; margin:6px 10px 5px 0; border-radius:10px; background:var(--gray_t2);} #c_membership .cm_box .cm_list > li > .cml_content {display:block; margin-left:20px; word-break:keep-all;} #c_membership .cm_box .cm_list > li > .cml_content > .sub {display:block; font-size:15px; line-height:25px; color:var(--gray_t2);} #c_membership .cm_box .cm_list > li > .cml_content > .sub a {color:var(--gray_t2);} #c_membership .cm_box .cm_list > li > .cml_content > .sub a:hover {text-decoration:underline; text-underline-position:under;} /* cm_family */ #c_membership .cm_family {padding:55px 0 100px; background-color:var(--white_t1);} #c_membership .cm_family .flexBox {align-items:center; justify-content:space-between;} #c_membership .cm_family .flexBox .cm_imgwrap {position:relative; width:100%; max-width:575px;} #c_membership .cm_family .flexBox .cm_imgwrap > span {position:absolute; top:82%; left:0; width:100%; font-size:16px; font-weight:300; line-height:25px; color:var(--gray_t2); word-break:keep-all;} #c_membership .cm_family .flexBox .cm_txtwrap {margin-top:-20px; text-align:left;} #c_membership .cm_family .flexBox .cm_txtwrap > h1 {font-size:70px; font-weight:200; line-height:90px; letter-spacing:-0.08em;} #c_membership .cm_family .flexBox .cm_txtwrap > h1 > b {font-weight:600; letter-spacing:-0.08em; white-space:nowrap;} #c_membership .cm_family .flexBox .cm_txtwrap > h2 {margin-top:20px; font-size:40px; font-weight:200; line-height:60px; color:var(--black);} #c_membership .cm_family .flexBox .cm_txtwrap > h2 > b {font-weight:400;} #c_membership .cm_family .flexBox .cm_txtwrap .btnwrap {margin-top:20px;} #c_membership .cm_family .flexBox .cm_txtwrap .btnwrap > a {display:inline-flex; align-items:center; justify-content:space-between; box-sizing:border-box; width:100%; max-width:250px; padding:0 20px; border:2px solid var(--blue); border-radius:40px; font-size:18px; line-height:50px; font-weight:600; color:var(--blue); transition:all .3s ease-in-out;} #c_membership .cm_family .flexBox .cm_txtwrap .btnwrap > a:hover {background:var(--blue); color:var(--white); box-shadow:0px 20px 50px 0px rgba(2, 31, 147, 0.2); transition:all .3s ease-in-out;} #c_membership .cm_family .flexBox .cm_txtwrap .btnwrap > a:hover > i {background:url('../images/membership/icon_arrow_on.svg') no-repeat; background-size:100% auto; background-position:center; transition:all .3s ease-in-out;} #c_membership .cm_family .flexBox .cm_txtwrap .btnwrap > a > i {width:10px; height:16px; background:url('../images/membership/icon_arrow.svg') no-repeat; background-size:100% auto; background-position:center; transition:all .3s ease-in-out;} #c_membership .cm_family .cmf_newbenefit {margin-top:90px; text-align:left;} #c_membership .cm_family .cmf_newbenefit .cm_box {margin-top:25px;} #c_membership .cm_family .cmf_newbenefit .cm_box .cm_contents {box-sizing:border-box; width:100%; padding:40px; border-radius:15px; background-color:var(--white); box-shadow:0px 30px 60px 0px rgba(28, 28, 32, 0.08);} #c_membership .cm_family .cmf_newbenefit .cm_box .cm_contents .cm_list {margin:5px 0 20px 0;} #c_membership .cm_family .cmf_newbenefit .cm_box .cm_contents .cm {font-weight:700;} /* cm_member */ #c_membership .cm_member {padding:70px 0 80px; background-color:var(--white); text-align:left;} #c_membership .cm_member .cm_box {display:grid; grid-template-columns:repeat(2, 1fr); column-gap:30px; margin-top:30px;} #c_membership .cm_member .cm_box .cm {font-weight:700;} #c_membership .cm_member .cm_box .cm_contents {position:relative; box-sizing:border-box; height:auto; padding:40px; border-radius:15px; background-color:var(--white); box-shadow:0px 30px 60px 0px rgba(28, 28, 32, 0.08);} #c_membership .cm_member .cm_box .cm_contents .cm_list .sub > b {font-weight:500;} #c_membership .cm_member .cm_box .cm_contents .t3 {width:44px;} #c_membership .cm_member .cm_box .cm_contents .t4 {width:58px;} #c_membership .cm_member .cm_box .cm_contents .t5 {width:51px;} #c_membership .cm_member .cm_box .cm_list {min-height:200px;} /* cm_benefit */ #c_membership .cm_benefit {padding:70px 0 30px; text-align:left;} #c_membership .cm_benefit .cmb_content {box-sizing:border-box; margin-top:20px; padding:55px 0 70px; border-radius:10px; background:var(--blue);} #c_membership .cm_benefit .cmb_content > h2 {box-sizing:border-box; font-size:43px; font-weight:300; line-height:50px; color:var(--white); opacity:0.8; text-align:center; white-space:nowrap;} #c_membership .cm_benefit .cmb_content > h2 > strong {font-weight:600;} #c_membership .cm_benefit .cmb_content > h2 br {display:none;} #c_membership .cm_benefit .flexBox {align-items:flex-end; justify-content:space-between; width:calc(100% - 120px); margin:65px auto 0; border-radius:10px;} #c_membership .cm_benefit .flexBox > div {width:calc(100% / 2);} #c_membership .cm_benefit .flexBox > div:first-child {position:relative; border-radius:10px 0 0 10px; background:var(--blue); color:var(--white);} #c_membership .cm_benefit .flexBox > div:first-child::before {content:''; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-image:linear-gradient(90deg, var(--blue) 20%, #041d83 80%); opacity:0.1;} #c_membership .cm_benefit .flexBox > div:last-child {border-radius:0 10px 10px 0;} #c_membership .cm_benefit .flexBox .cm_txtwrap > h3 {margin-bottom:10px; font-size:30px; font-weight:300; line-height:40px; color:rgb(255, 255, 255, 0.8);} #c_membership .cm_benefit .flexBox .cm_txtwrap > h3 > b {font-weight:600;} #c_membership .cm_benefit .flexBox .cm_txtwrap .sub {font-size:20px; font-weight:300; line-height:30px; color:var(--white);} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_text {font-size:18px; font-weight:200; line-height:30px; color:var(--white); word-break:keep-all;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_text > b {font-weight:600;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box {padding:20px 30px; margin:25px 0 20px; border-radius:6px; background-color:#1d3599;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li {font-size:20px; font-weight:300; line-height:30px; color:var(--white);} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li:first-child {margin-bottom:10px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li:first-child > a {color:var(--white) !important;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li:first-child > a:hover {text-decoration:underline; text-underline-position:under;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li:first-child > a > b {font-weight:600;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li > i {display:inline-block; width:20px; height:20px; margin:0 0 -3px 0; background:url('../images/membership/icon_call.svg') no-repeat; background-size:20px auto;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li > s {display:inline-block; width:20px; height:20px; margin:0 0 -3px 0; background:url('../images/membership/icon_watch.svg') no-repeat; background-size:20px auto;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li > b {font-weight:600;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li::before {content:''; display:inline-block; width:5px; height:5px; margin:5px 10px 5px 0; border-radius:10px; background:var(--white); color:var(--white); opacity:0.6;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > p {margin-bottom:10px; font-size:20px; font-weight:300; line-height:30px; color:var(--white);} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > .sub {font-size:25px; font-weight:600; line-height:40px;} #c_membership .cm_benefit .flexBox .cm_txtwrap > ul > li {display:flex; align-items:flex-start; font-size:14px; font-weight:200; line-height:25px; color:rgb(255, 255, 255, 0.5);} #c_membership .cm_benefit .flexBox .cm_txtwrap > ul > li > span {font-weight:200; letter-spacing:-0.06em;} #c_membership .cm_benefit .flexBox .cm_txtwrap > ul > li::before {content:'*'; display:inline-block; padding-right:5px; color:var(--white); opacity:0.6;} #c_membership .cm_benefit .flexBox > div > .img > img {display:block; margin-left:20px;} /* 회사소개 */ .c_company .cc_top {position:relative; overflow:hidden; height:calc(100vh - 200px); min-height:500px; text-align:center;} .c_company .cc_top > .aniTxt {position:absolute; top:calc(50% - 100px); left:0; font-size:25.000em; line-height:100%; font-weight:600; white-space:nowrap; text-transform:uppercase; transform:translateY(-50%); color:var(--white);} .c_company .cc_top > .aniTxt:after {content:'Since 1902, Carrier has cultivated a history of proven innovation in the heating, air-conditioning and refrigeration industries, enabling global comfort and efficiency.';} .c_company .cc_top .mainTxt {position:absolute; top:calc(50% - 70px); left:0; width:100%; transform:translateY(-50%);} .c_company .cc_top .mainTxt img {width:90%; max-width:856px;} .c_company .cc_top .mainTxt > strong {display:inline-block; position:relative; max-width:870px; width:100%; background-repeat:no-repeat; background-size:calc(100% + 40px) auto; background-position:left center; -webkit-background-clip:text; -moz-background-clip:text; -o-background-clip:text; background-clip:text; font-size:16.667em; font-weight:900; line-height:0.735em; color:transparent; letter-spacing:-0.08em; text-align:center; transition:0.3s;} .c_company .cc_top .scrollAni {display:none; position:absolute; left:50%; bottom:15%; text-align:center; transform:translateX(-50%); cursor:pointer;} .c_company .cc_top .scrollAni .scrollClr {position:relative; width:80px; height:80px; border-radius:50%; background:var(--blue); box-shadow:0 30px 60px rgba(23,42,126,0.25); transition:0.3s;} .c_company .cc_top .scrollAni .scrollArr {display:block; position:absolute; left:50%; top:0; width:2px; height:45px; background:var(--white); transform:translateX(-50%); transition:0.3s;} .c_company .cc_top .scrollAni .scrollArr:before {content:''; display:block; position:absolute; right:calc(100% - 1px); bottom:0px; width:10px; height:2px; background:var(--white); transition:0.3s; transform:rotate(45deg); transform-origin:100%;} .c_company .cc_top .scrollAni .scrollArr:after {content:''; display:block; position:absolute; left:calc(100% - 1px); bottom:0; width:10px; height:2px; background:var(--white); transition:0.3s; transform:rotate(-45deg); transform-origin:0;} .c_company .cc_top .scrollAni p {margin-top:15px; font-size:16px; font-weight:600; line-height:1em; color:var(--blue);} /* 이미지 및 스크롤 색상변경 */ .c_company .cc_top.t1 .mainTxt > strong {background-image:url("../images/newbird/asset/pic_metaphor_01.jpg"); text-shadow:0px 30px 60px rgba(2, 31, 147, 0.25);} .c_company .cc_top.t2 .mainTxt > strong {background-image:url("../images/newbird/asset/pic_metaphor_02.jpg"); text-shadow:0px 30px 60px rgba(38,83,93,0.25);} .c_company .cc_top.t3 .mainTxt > strong {background-image:url("../images/newbird/asset/pic_metaphor_03.jpg"); text-shadow:0px 30px 60px rgba(85, 129, 98, 0.25);} .c_company .cc_top.t4 .mainTxt > strong {background-image:url("../images/newbird/asset/pic_metaphor_04.jpg"); text-shadow:0px 30px 60px rgba(202,113,76,0.25);} .c_company .cc_top.t5 .mainTxt > strong {background-image:url("../images/newbird/asset/pic_metaphor_05.jpg"); text-shadow:0px 30px 60px rgba(55,75,29,0.25);} .c_company .cc_top.t6 .mainTxt > strong {background-image:url("../images/newbird/asset/pic_metaphor_06.jpg"); text-shadow:0px 30px 60px rgba(149,110,135,0.25);} /* 회사소개 - 상단 탭 */ .c_company .companyTab .comNavTitWrp .comNavTit {display:none;} /* 회사소개 탭 */ .c_company .companyTab .companyTab_dep01, .c_company .companyTab .companyTab_dep02 {width:100%; max-width:1200px; margin:0 auto;} .c_company .companyTab .companyTab_dep01 {display:flex; justify-content:center; box-sizing:border-box;} .c_company .companyTab .companyTab_dep01 > li {box-sizing:border-box; position:relative; width:calc(20% - 20px); height:70px; margin-right:25px; padding:0 20px 0 30px; border-radius:35px; background-color:var(--white); font-weight:700; font-size:18px; color:var(--blue); line-height:70px; text-align:left; box-shadow:0 30px 60px rgba(28,28,32,0.08);} .c_company .companyTab .companyTab_dep01 > li > a:after {content:''; display:none; position:absolute; bottom:0; left:50%; width:calc(100% - 60px); height:1px; background:rgba(255,255,255,0.5); transform:translateX(-50%);} .c_company .companyTab .companyTab_dep01 > li:last-child {margin-right:0;} .c_company .companyTab .companyTab_dep01 > li a {display:block; color:inherit;} .c_company .companyTab .companyTab_dep01 > li i {display:block; position:absolute; right:20px; top:50%; width:36px; height:36px; background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/sub/company/company_tab_arr.svg'); background-repeat:no-repeat; background-position:0 0; background-size:36px auto; transform:translateY(-50%);} .c_company .companyTab .companyTab_dep01 > li .dep02 {position:absolute; left:0; top:100%; z-index:10; width:100%; border-radius:0 0 35px 35px; box-shadow:0 40px 80px rgba(23,42,126,0.35); height:0; overflow:hidden;} .c_company .companyTab .companyTab_dep01 > li .dep02 > li {height:60px; font-size:18px; font-weight:400;} .c_company .companyTab .companyTab_dep01 > li .dep02 > li a {padding:0 30px;} .c_company .companyTab .companyTab_dep01 > li.on {background:var(--blue); color:var(--white); box-shadow:0 40px 80px rgba(23,42,126,0.35);} .c_company .companyTab .companyTab_dep01 > li.on i {background-position:100% 100%;} .c_company .companyTab .companyTab_dep02 {display:flex; height:70px; margin-top:60px; border-bottom:1px solid #e2e2e4; align-items:center; justify-content:center;} .c_company .companyTab .companyTab_dep02 li {margin:0 34px; font-size:16px; line-height:70px; transition:0.3s;} .c_company .companyTab .companyTab_dep02 li a {position:relative; display:block; font-weight:inherit; color:inherit; letter-spacing:-0.08em;} .c_company .companyTab .companyTab_dep02 li a:after {content:''; display:block; position:absolute; bottom:0; left:50%; width:0%; height:2px; background:var(--blue); opacity:0; transition:0.3s; transform:translateX(-50%);} .c_company .companyTab .companyTab_dep02 li.on {font-weight:700; color:var(--blue);} .c_company .companyTab .companyTab_dep02 li.on a:after {width:100%; opacity:1;} .c_company .cc_contents {box-sizing:border-box; padding-top:180px; padding-bottom:60px; width:100%; max-width:1200px; margin-right:auto; margin-left:auto; text-align:left;} .c_company .cc_contents .ccc_wrap {display:inline-block; width:100%; margin-bottom:180px;} .c_company .cc_contents .ccc_wrap:last-of-type {margin-bottom:0;} .c_company .cc_contents .ccc_title {display:block; margin-bottom:80px; font-size:70px; font-weight:100; line-height:90px; color:var(--blue); letter-spacing:-0.04em; word-break:keep-all;} .c_company .cc_contents .ccc_title b {font-weight:700; letter-spacing:-0.09em;} .c_company .cc_contents .ccc_title em {display:block; font-size:40px; font-weight:200; line-height:70px; color:var(--black);} .c_company .cc_contents .ccc_title .eng {display:block; font-size:40px; font-weight:200; line-height:70px; color:var(--black);} .c_company .cc_contents .ccc_txtwrap {padding-left:240px;} .c_company .cc_contents .ccc_glober {margin-top:-80px;} .c_company .cc_contents .ccct_txt {margin-bottom:80px; font-size:20px; line-height:40px; letter-spacing:-0.08em; word-break:keep-all;} .c_company .cc_contents .ccct_txt * {letter-spacing:-0.08em;} .c_company .cc_contents .ccct_txt > p {margin-bottom:40px;} .c_company .cc_contents .ccct_txt > p:last-child {margin-bottom:0;} .c_company .cc_contents .companyTxtBig {margin-bottom:80px; padding-top:40px; font-size:30px; line-height:40px; letter-spacing:-0.08em;} .c_company .cc_contents .companyTxtBig b {font-weight:700; color:var(--blue); letter-spacing:inherit;} .c_company .cc_contents .ccct_txt > .date {font-size:18px; font-weight:600; color:var(--gray_t2); text-align:right;} .c_company .cc_contents .ccct_txt strong {z-index:1; font-weight:700; color:var(--blue); position:relative;} .c_company .cc_contents .ccct_txt strong:after {content:''; display:block; position:absolute; left:0; bottom:0; z-index:-1; width:100%; height:15px; background:var(--white); box-shadow:0 1px 10px rgba(0,0,0,0.05);} .c_company .cc_contents .ccct_column.t2 > div {word-break:keep-all;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div {width:calc(50% - 20px);} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div > i {display:block; margin-bottom:20px; line-height:30px; font-style:normal;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div > i span {display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:10px; border-radius:15px; background-color:var(--blue); font-size:14px; font-weight:600; color:var(--white); text-align:center;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div > i strong {display:inline-block; vertical-align:middle; font-size:20px; font-weight:700; color:var(--blue); line-height:30px;} /* slide */ .c_company .ccc_sliderwrap {position:relative; margin-bottom:80px;} .c_company .ccc_sliderwrap img {border-radius:10px; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.2);} .c_company .ccc_sliderwrap .bx-wrapper {border-radius:10px; background:transparent;} .c_company .ccc_sliderwrap .bx-viewport {z-index:1; overflow:visible !important;} .c_company .cccs_slider li {overflow:visible; height:fit-content; min-width:100%;} .c_company .cccs_slider li.on {opacity:1;} .c_company .cccs_slider li .imgWrp {overflow:hidden;} .c_company .ccc_sliderwrap .slideTit {position:absolute; left:53px; top:calc(100% - 20px); font-size:40px; font-weight:100; line-height:1; word-break:keep-all;} .c_company .ccc_sliderwrap .slideTit b {display:block; padding-bottom:12px; font-size:40px; font-weight:900; color:var(--blue); line-height:1em;} .c_company .cccs_button {display:flex; position:absolute; left:-80px; top:30px; z-index:51;} .c_company .cccs_button button {position:relative; width:80px; height:80px; border:0; background-color:var(--white); transition:0.3s;} .c_company .cccs_button button.cccsb_right {border-left:1px solid var(--gray_t3);} .c_company .cccs_button button a {display:block; overflow:hidden; width:100%; height:100%; text-indent:-999px;} .c_company .cccs_button button i {display:block; position:absolute; left:50%; top:50%; width:11px; height:19px; background-repeat:no-repeat; background-position:0 0; background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/sub/company/company_slide_arr.png'); background-size:11px auto; transform:translate(-50%,-50%);} .c_company .cccs_button button.cccsb_left i {background-position:0 0;} .c_company .cccs_button button.cccsb_right i {background-position:0 -19px;} .c_company .cccs_paging {float:right; height:40px; margin-top:25px; padding:0 45px; line-height:40px;} .c_company .cccs_paging .bx-pager-item {display:inline-block;} .c_company .cccs_paging .bx-pager-item a {display:block; overflow:hidden; width:10px; height:10px; margin:0 5px; border-radius:50%; border:1px solid #022296; opacity:0.5; transition:0.3s; text-indent:-9999px;} .c_company .cccs_paging .bx-pager-item a:hover, .c_company .cccs_paging .bx-pager-item a.active {background:#022296; opacity:1;} .c_company .cc_contents .ccct_column {display:flex; justify-content:space-between; font-size:20px; font-weight:100; color:var(--gray_t2); line-height:40px; letter-spacing:-0.08em; word-break:keep-all; font-family:'Pretendard',sans-serif;} .c_company .cc_contents .ccct_column * {letter-spacing:-0.08em;} .c_company .cc_contents .ccct_column .clrBlk {font-weight:normal;} .c_company .cc_contents .ccct_column.t2 > div {width:calc(50% - 50px);} .c_company .cc_contents .ccct_column.t3 > div {width:calc(33.333% - 30px); text-align:left; word-break:keep-all;} .c_company .cc_contents .ccct_column > div > ul {width:100%;} .c_company .cc_contents .ccct_column > div > ul > li {display:flex;} .c_company .cc_contents .ccct_column > div > ul > li > b {width:80px; font-weight:400;} .c_company .cc_contents .ccct_column > div > ul > li > span {width:calc(100% - 80px); font-weight:500; color:var(--black); letter-spacing:-0.04em;} .c_company .cc_contents .ccct_column > div > ul > li > span a:hover {text-decoration:underline; text-underline-position:under;} /* 캐리어 경영이념 */ .c_company .cc_contents .ccc_point {position:relative; width:50%; padding:240px 0;} .c_company .cc_contents .ccc_motto {display:flex;} .c_company .cc_contents .ccc_point {display:flex;} .c_company .cc_contents .ccc_point.tcb {justify-content:flex-end;} .c_company .cc_contents .ccc_point.tcm {justify-content:flex-start;} .c_company .cc_contents .cccp_circle {display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; position:relative; float:left; width:400px; height:400px; border-radius:50%; font-size:16px; font-weight:300; text-align:center;} .c_company .cc_contents .cccp_circle .cccpc_title {margin-bottom:15px; font-size:16px; font-weight:600; line-height:18px;} .c_company .cc_contents .cccp_circle .cccpc_subtitle {margin-bottom:23px; font-size:40px; font-weight:700; color:var(--white); line-height:45px;} .c_company .cc_contents .cccp_circle .cccpc_txt {word-break:keep-all;} .c_company .cc_contents .ccc_point.tcb .cccp_circle {box-sizing:border-box; position:relative; z-index:1; margin-right:-40px; background:rgb(45,45,59); box-shadow:0 30px 60px rgba(28,28,32,0.1); color:var(--gray_t2);} .c_company .cc_contents .ccc_point.tcm .cccp_circle {box-sizing:border-box; position:relative; z-index:0; margin-left:-40px; background:var(--blue); box-shadow:0 40px 80px rgba(23,42,126,0.35); color:var(--skyblue_t1);} .c_company .cc_contents .ccc_point.tcb .cccp_circle:before {content:''; display:block; position:absolute; top:0; left:calc(100% - 80px); width:100%; height:100%; border-radius:50%; background:var(--blue); opacity:0.5;} .c_company .cc_contents .cccp_iconlist {display:flex; justify-content:center; position:absolute; top:0; left:45px;} .c_company .cc_contents .cccp_iconlist .cccpi_item {display:flex; flex-direction:column; align-items:center; justify-content:center; width:200px; height:200px; border-radius:50%; background:rgba(255,255,255,0.5); box-shadow:0 30px 60px rgba(28,28,32,0.08); text-align:center;} .c_company .cc_contents .cccp_iconlist .cccpi_item i {display:block; width:70px; height:62px; background-repeat:no-repeat; background-size:100% auto; background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/asset/intro01_02_icons.svg');} .c_company .cc_contents .cccp_iconlist .cccpi_item p {margin-top:20px; font-weight:normal; font-size:20px; color:#2d2d3b;} .c_company .cc_contents .cccp_iconlist .cccpi_item b {font-weight:700;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist {padding-top:45px;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(1) {margin-top:125px;} .c_company .cc_contents .ccc_point.tcb .cccpi_item:nth-child(2) {margin-left:-75px; margin-right:-30px;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(3) {margin-top:-45px;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(1) i {background-position:0 0;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(2) i {background-position:0 -62px;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(3) i {background-position:0 -124px;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist {top:auto; bottom:0; left:60px;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(1) {margin-top:45px;} .c_company .cc_contents .ccc_point.tcm .cccpi_item:nth-child(2) {margin-left:-30px; margin-right:-75px;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(3) {margin-top:-125px;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(1) i {background-position:0 -186px;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(2) i {background-position:0 -248px;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(3) i {background-position:0 -310px;} .c_company .cc_contents .ccc_point.tcm .cccpi_item p {color:var(--blue);} /* 자율준수 프로그램 */ .c_company .cc_contents .ccc_motto.t2 .ccc_point {justify-content:center; width:100%; margin-top:40px; padding:0; padding-bottom:280px;} .c_company .cc_contents .cccp_circle {background:var(--blue); box-shadow:0 40px 80px rgba(23,42,126,0.35);} .c_company .cc_contents .ccc_title, .c_company .cc_contents .ccc_txtwrap, .c_company .cc_contents .ccct_txt, .c_company .cc_contents .ccc_title.comTitSml, .c_company .cc_contents .companyTxtBig {word-break:keep-all;} .c_company .cc_contents .cccp_circle .cccpc_subtitle {margin-bottom:0;} .c_company .cc_contents .cccp_circle .cccpc_subtitle .clrSky {color:var(--skyblue_t1);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist {top:auto; left:0; bottom:0;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item {width:230px; height:230px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(1) {margin-top:-365px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(2) {margin-top:-185px; margin-left:-180px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(3) {margin-top:-50px; margin-left:-100px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(4) {margin-left:-50px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(5) {margin-top:-50px; margin-left:-50px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(6) {margin-top:-185px; margin-left:-100px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(7) {margin-top:-365px; margin-left:-180px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item i {top:auto; bottom:0; left:0; width:70px; height:72px; background-repeat:no-repeat; background-size:70px auto; background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/asset/intro01_03_icons.svg');} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(1) i {background-position:0 0;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(2) i {background-position:0 -72px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(3) i {background-position:0 calc(-72px * 2);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(4) i {background-position:0 calc(-72px * 3);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(5) i {background-position:0 calc(-72px * 4);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(6) i {background-position:0 calc(-72px * 5);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(7) i {background-position:0 calc(-72px * 6);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item p {color:var(--blue);} /* 회사 연혁 */ .c_company .cc_contents .ccc_history.wide > ul > li {width:100%; margin-top:180px;} .c_company .cc_contents .ccc_history.wide > ul > li > div {display:flex; justify-content:flex-end; width:50%; padding-right:70px;} .c_company .cc_contents .ccc_history.wide > ul > li > div > strong {height:55px;} .c_company .cc_contents .ccc_history.wide > ul > li > ul {width:50%; padding-top:10px; padding-left:53px;} .c_company .cc_contents .ccc_history.wide > ul .comHisCnt > li {display:flex; margin-bottom:50px; line-height:30px;} .c_company .cc_contents .ccc_history.wide > ul .comHisCnt > li:last-of-type {margin-bottom:0;} .c_company .cc_contents .ccc_history.wide > ul .comHisCnt > li .month {width:80px; font-size:20px; font-weight:300;} .c_company .cc_contents .ccc_history.wide > ul .comHisCnt > li .month > b {font-weight:600;} .c_company .cc_contents .ccc_history.wide > ul .comHisCnt li > div {width:calc(100% - 80px);} .c_company .cc_contents .ccc_history.wide > ul .comHisCnt li > div > p {position:relative; padding-bottom:10px; padding-left:15px; font-size:18px; color:var(--gray_t2); letter-spacing:-0.08em; word-break:keep-all;} .c_company .cc_contents .ccc_history.wide > ul .comHisCnt li > div > p:last-child {padding-bottom:0;} .c_company .cc_contents .ccc_history.wide > ul .comHisCnt li > div > p::before {content:''; display:block; position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:2px; background-color:var(--gray_t2);} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li {box-sizing:border-box;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > div > p {word-break:keep-all;} /* 회사위치 */ .c_company .cc_contents .ccc_location {display:flex; justify-content:space-between;} .c_company .cc_contents .ccc_location > li {box-sizing:border-box; overflow:hidden; width:calc(25% - 15px); border-radius:10px; background-color:var(--white); box-shadow:0 30px 60px rgba(28,28,32,0.08);} .c_company .cc_contents .ccc_location > li .cccl_item {box-sizing:border-box; position:relative; width:100%; padding:30px 30px 0; background:url('../images/newbird/contents/intro01_05_off.png') no-repeat center; background-size:cover; transition:all 0.3s;} .c_company .cc_contents .cccli_top .kor {padding-bottom:35px; font-size:16px; font-weight:700; line-height:20px; letter-spacing:-0.08em; font-family:'Pretendard', sans-serif; transition:0.2s all;} .c_company .cc_contents .cccli_top .eng {padding-bottom:44px; border-bottom:1px solid var(--gray_t3); font-size:40px; font-weight:600; line-height:45px; transition:0.2s all;} .c_company .cc_contents .cccli_top .eng b {position:relative; z-index:1; font-weight:600; color:var(--blue); transition:0.2s all;} .c_company .cc_contents .cccli_top .eng b:after {content:''; display:block; position:absolute; bottom:5px; left:0; z-index:-1; width:100%; height:15px; background:var(--white); box-shadow:0 1px 10px rgba(0,0,0,0.05); opacity:1; transition:0.3s;} .c_company .cc_contents .cccli_top .btnMap {box-sizing:border-box; display:inline-block; position:absolute; right:30px; top:30px; width:70px; height:20px; padding:0 12px; border-radius:10px; background-color:var(--white); font-size:12px; color:var(--blue); line-height:20px; letter-spacing:-0.96px; text-align:center; opacity:0; transition:0.3s all;} .c_company .cc_contents .cccli_btm {display:flex; justify-content:center; flex-direction:column; height:180px; align-items:center;} .c_company .cc_contents .cccli_btm .cccli_hover {position:static; margin-top:-10px; text-align:center; opacity:1; transition:opacity 0.3s;} .c_company .cc_contents .cccli_btm .cccli_hover s {display:inline-block; width:60px; height:60px; border:1px solid #eef0f8; border-radius:50%; background:url('../images/newbird/contents/intro_01_05_icon_over.svg') no-repeat 50%; background-size:20px auto;} .c_company .cc_contents .cccli_btm .cccli_hover span {display:block; margin-top:10px; line-height:20px; color:var(--blue); font-weight:600; letter-spacing:0.06em;} .c_company .cc_contents .cccli_btm .cccli_info {position:absolute; left:500%; width:100%; margin-top:10px; opacity:0; transition:opacity 0.3s;} .c_company .cc_contents .cccli_btm .cccli_info li {position:relative; padding-bottom:10px; padding-left:32px; font-size:14px; font-weight:300; color:var(--white); line-height:20px; word-break:keep-all;} .c_company .cc_contents .cccli_btm .cccli_info li:last-child {padding-bottom:0;} .c_company .cc_contents .cccli_btm .cccli_info li b {font-weight:600; letter-spacing:0;} .c_company .cc_contents .cccli_btm .cccli_info li a {font-weight:600; color:var(--white); letter-spacing:0;} .c_company .cc_contents .cccli_btm .cccli_info li a:hover {text-decoration:underline; text-underline-position:under;} .c_company .cc_contents .cccli_btm .cccli_info li:first-child b {font-weight:300; letter-spacing:-0.04em;} .c_company .cc_contents .cccli_btm .cccli_info li i {display:block; position:absolute; left:0; top:4px; width:12px; height:12px; background-image:url('../images/newbird/contents/intro01_05_icons.svg'); background-repeat:no-repeat; background-size:12px auto;} .c_company .cc_contents .cccli_btm .cccli_info li:nth-child(1) i {background-position:50% 0;} .c_company .cc_contents .cccli_btm .cccli_info li:nth-child(2) i {background-position:50% -12px;} .c_company .cc_contents .cccli_btm .cccli_info li:nth-child(3) i {background-position:50% -24px;} .c_company .cc_contents .ccc_title.comTitSml {font-size:40px; color:var(--black); line-height:50px;} .c_company .cc_contents .ccc_saleswrap {display:flex;} .c_company .cc_contents .ccc_saleswrap > div {width:25%;} .c_company .cc_contents .ccc_saleswrap > div:nth-child(2) {padding-left:5px;} .c_company .cc_contents .ccc_saleswrap > div:nth-child(3) {padding-left:10px;} .c_company .cc_contents .ccc_saleswrap > div:nth-child(4) {padding-left:15px;} .c_company .cc_contents .ccc_saleswrap > div > p {margin-bottom:30px; font-size:20px; font-weight:700; color:var(--blue); line-height:30px;} .c_company .cc_contents .ccc_saleswrap > div > ul > li {margin-bottom:35px; font-size:16px; line-height:25px; word-break:keep-all;} .c_company .cc_contents .ccc_saleswrap > div > ul > li:last-child {margin-bottom:0;} .c_company .cc_contents .ccc_saleswrap > div > ul > li > span {display:block; padding-bottom:5px; color:var(--gray_t2);} .c_company .cc_contents .ccc_saleswrap > div > ul > li > b {font-weight:400;} .c_company .cc_contents .ccc_saleswrap > div > ul > li > b.bold {font-weight:600; letter-spacing:0;} .c_company .cc_contents .ccc_saleswrap > div > ul > li > b a:hover {text-decoration:underline; text-underline-position:under;} .mapPop {display:table-row; position:fixed; top:-500vh; left:0; z-index:1010; width:100%; height:100%; background:rgba(0,0,0,0.8);} .mapPop .youtubePopInner {position:absolute; top:50%; left:50%; width:100%; max-width:960px; transform:translate(-50%, -50%);} .mapPop .btnYoutubeClose {display:block; overflow:hidden; width:50px; height:50px; margin:0 auto 20px; border-radius:25px; background:var(--blue) url("../images/newbird/common/icon_close02.svg") no-repeat; background-size:100%; box-shadow:0 10px 20px rgba(23,42,126,0.2); transition:0.3s all;} .mapPop .btnYoutubeClose:hover {transform:rotate(90deg);} .mapWrp {position:relative; width:100%; margin:0 auto; padding-bottom:56.25%; box-shadow:0 80px 160px rgba(28,28,32,0.6);} .kkoMap {position:absolute; top:50%; left:50%; width:100%; height:100%; min-height:300px; transform:translate(-50%,-50%);} /* 그룹소개 */ .c_company .cc_contents .ccct_group {display:flex; flex-direction:column; align-items:center; justify-content:center;} .c_company .cc_contents .ccct_group .ccctg_circle {display:block; position:relative; width:400px; height:400px; border-radius:50%; background:var(--white); box-shadow:0 20px 40px rgba(0,0,0,0.08); text-align:center;} .c_company .cc_contents .ccct_group .ccctg_circle i {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .c_company .cc_contents .ccct_group .ccctg_circle span {display:inline-block; padding-top:220px; font-size:40px; font-weight:700; line-height:40px;} .c_company .cc_contents .ccct_group .ccctg_circle a {display:block; width:170px; margin:40px auto 0; border-color:var(--red); background-color:var(--red) !important; box-shadow:0px 10px 25px 0px rgba(190, 9, 0, 0.25); font-weight:normal;} .c_company .cc_contents .ccct_group .ccctg_circle.t1 i {top:60px; width:367px; height:134px; background:url('../images/newbird/contents/intro02_01.png') no-repeat center; background-size:contain; transform:translate(-50%, 0);} .c_company .cc_contents .ccct_group .ccctg_sub {display:flex; flex-direction:row; justify-content:center; padding-top:70px;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle {width:300px; height:300px;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t2, .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t4 {margin-top:-125px;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle:before {content:''; display:block; position:absolute; width:2px; height:70px; margin-left:-1px; background:#cecfd0;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t2:before {top:0; right:-4%; transform:rotate(45deg); transform-origin:center top;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t3:before {bottom:100%; left:50%;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t4:before {top:0; left:-4%; transform:rotate(-45deg); transform-origin:center top;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle i {width:150px; height:84px;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t2 i {background:url('../images/newbird/contents/intro02_02.png') no-repeat center; background-size:contain;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t3 i {background:url('../images/newbird/contents/intro02_03.png') no-repeat center; background-size:contain;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t4 i {background:url('../images/newbird/contents/intro02_04.png') no-repeat center; background-size:contain;} /* 글로벌 네트워크 */ .c_company .cc_contents .ccc_glober ul {width:100%; height:600px;} .c_company .cc_contents .ccc_glober ul li {float:left; width:285px; margin-left:20px; padding:50px 0; border-radius:10px; background-color:var(--white); box-shadow:0px 30px 60px 0px rgba(28, 28, 32, 0.08);} .c_company .cc_contents .ccc_glober ul li:first-child {margin-left:0;} .c_company .cc_contents .ccc_glober ul li:nth-child(1), .c_company .cc_contents .ccc_glober ul li:nth-child(3) {transform:translateY(70px);} .c_company .cc_contents .ccc_glober ul li img {display:block; margin:0 auto; border-radius:65px;} .c_company .cc_contents .ccc_glober ul li span {display:block; padding-top:40px; font-size:30px; font-weight:300; line-height:20px; text-align:center;} .c_company .cc_contents .ccc_glober ul li strong {display:block; font-size:30px; line-height:60px; text-align:center;} .c_company .cc_contents .ccc_glober ul li i {display:block; font-size:18px; font-style:normal; color:var(--blue); line-height:50px; text-align:center;} .c_company .cc_contents .ccc_glober ul li b {display:block; height:70px; text-align:center;} .c_company .cc_contents .ccc_glober ul li em {font-style:normal; font-size:50px; font-weight:600; color:var(--blue);} .c_company .cc_contents .ccc_glober ul li s {font-size:18px; font-weight:normal; color:var(--black); text-decoration:none;} .c_company .cc_contents .ccc_glober ul li div {max-width:150px; margin-top:20px; margin-left:auto; margin-right:auto;} /* 생활속의 캐리어 */ .c_company .cc_contents .ccct_imgwrap {margin-top:120px;} .c_company .cc_contents .ccct_imgwrap ~ .ccct_imgwrap {margin-top:60px;} .c_company .cc_contents .ccct_imgwrap > div {padding-bottom:40px; font-size:40px; font-weight:300; color:var(--black);} .c_company .cc_contents .ccct_imgwrap > div strong {font-weight:700; color:var(--blue);} .c_company .cc_contents .ccct_imgwrap > ul {display:flex; flex-wrap:wrap; justify-content:space-between;} .c_company .cc_contents .ccct_imgwrap > ul > li img {width:100%; border-radius:10px; box-shadow:0px 10px 30px 0px rgba(28, 28, 32, 0.15);} .c_company .cc_contents .ccct_imgwrap > ul > li > span {display:block; position:relative; margin-top:20px; margin-bottom:60px; padding-left:25px; font-size:20px; color:var(--black); line-height:30px;} .c_company .cc_contents .ccct_imgwrap > ul > li > span::after {content:''; display:block; position:absolute; top:13px; left:10px; width:4px; height:4px; border-radius:2px; background-color:var(--gray_t2);} .c_company .cc_contents .ccct_imgwrap > ul.t2 > li > span {margin-bottom:20px;} .c_company .cc_contents .ccct_imgwrap > ul.t2 > li > b {display:block; padding-left:25px; font-size:16px; font-weight:700; color:var(--gray_t2); line-height:20px;} /* 캐리어 박사 */ .c_company .cc_contents .companyBoxImg {position:relative; overflow:hidden; padding-bottom:180px;} .c_company .cc_contents .companyBoxImg img {position:absolute; top:0; left:0; float:left; width:370px; height:410px; margin-right:45px; border-radius:10px; box-shadow:0px 30px 60px 0px rgba(28, 28, 32, 0.08);} .c_company .cc_contents .companyBoxImg .ccc_title {margin-bottom:50px; padding-left:415px; letter-spacing:-0.08em;} .c_company .cc_contents .companyBoxImg .ccct_txt {margin-bottom:0; padding-left:415px; letter-spacing:-0.08em;} .c_company .cc_contents .ccc_imglist {display:flex; position:relative;} .c_company .cc_contents .ccc_imglist > b {display:block; position:absolute; font-size:110px; font-weight:600; color:#e8edf3; line-height:130px; letter-spacing:-0.04em;} .c_company .cc_contents .ccc_imglist > b:nth-child(1) {top:15px; left:0;} .c_company .cc_contents .ccc_imglist > b:nth-child(2) {top:235px; right:0;} .c_company .cc_contents .ccc_imglist > ul {width:370px;} .c_company .cc_contents .ccc_imglist > ul:nth-child(4) {margin:0 45px;} .c_company .cc_contents .ccc_imglist > ul:nth-child(3), .c_company .cc_contents .ccc_imglist > ul:nth-child(5) {margin-top:420px;} .c_company .cc_contents .ccci_halfitem {display:none;} .c_company .cc_contents .ccci_item {position:relative; margin-bottom:100px;} .c_company .cc_contents .ccci_item:last-child {padding-bottom:0;} .c_company .cc_contents .ccci_item > img {width:370px; height:380px; margin-bottom:40px; border-radius:10px; box-shadow:0px 30px 60px 0px rgba(28, 28, 32, 0.08);} .c_company .cc_contents .ccci_item > i {display:block; width:20px; height:5px; background-color:var(--blue);} .c_company .cc_contents .ccci_item > strong {display:block; font-size:30px; font-weight:800; color:var(--blue); line-height:54px;} .c_company .cc_contents .ccci_item > span {display:block; padding-bottom:14px; font-size:20px; color:var(--black); line-height:53px;} .c_company .cc_contents .ccci_item > p {min-height:120px; padding-bottom:75px; font-size:16px; line-height:30px; color:var(--gray_t2); word-break:keep-all;} .c_company .cc_contents .ccci_item > p > span {overflow:hidden; display:inline-block; max-height:0px; opacity:0; transition:max-height 0.3s, opacity 0.3s;} .c_company .cc_contents .ccci_item > p > span > span {color:var(--black);} .c_company .cc_contents .ccci_item > p > span > i {display:block; padding-left:9px; text-indent:-9px; font-style:normal;} .c_company .cc_contents .ccci_item > div {position:absolute; bottom:0; left:0; width:100%;} .c_company .cc_contents .ccci_item > div a {display:block; position:relative; box-sizing:border-box; width:40px; height:40px; margin:0 auto; border:1px var(--blue) solid; border-radius:20px;} .c_company .cc_contents .ccci_item > div a i {position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/newbird/asset/btn_plus.svg") no-repeat; background-size:300%;} .c_company .cc_contents .ccci_item.on > p > span {max-height:3000px; opacity:1; transition:max-height 2s, opacity 0.3s;} .c_company .cc_contents .ccci_item.on > div a {background-color:var(--skyblue_t1); border-color:var(--skyblue_t1);} .c_company .cc_contents .ccci_item.on > div a i {background-position-x:100%;} /* 캐리어 역사 */ .c_company .cc_contents .ccc_history {position:relative; margin-top:120px;} .c_company .cc_contents .ccc_history > strong {position:absolute; font-size:100px; font-weight:600; color:#e8edf3; line-height:74px; transform:rotate(-90deg) translateY(-525px) translateX(-30px); transform-origin:top right;} .c_company .cc_contents .ccc_history > ul {position:relative;} .c_company .cc_contents .ccc_history > span {content:''; position:absolute; top:25px; left:50%; width:1px; height:calc(100% - 170px); background-color:var(--gray_t3);} .c_company .cc_contents .ccc_history > i {position:absolute; top:25px; left:50%; width:1px; height:0px; max-height:calc(100% - 170px); background-color:var(--blue);} /* calc(100% - 170px); */ .c_company .cc_contents .ccc_history > ul > li {display:flex; justify-content:space-between; position:relative; z-index:10; width:700px; margin-top:210px; margin-left:auto; margin-right:auto;} .c_company .cc_contents .ccc_history > ul > li:first-child {margin-top:0;} .c_company .cc_contents .ccc_history > ul > li > img {width:300px; height:180px; border-radius:10px; box-shadow:0px 20px 40px 0px rgba(28, 28, 32, 0.15);} .c_company .cc_contents .ccc_history > ul > li > div {position:relative; width:300px;} .c_company .cc_contents .ccc_history > ul > li > div > strong {display:inline-block; position:relative;} .c_company .cc_contents .ccc_history > ul > li > div > strong > span {display:block; position:absolute; top:calc(100% - 10px); left:0; width:calc(100% + 3px); height:15px; border-radius:3px; background-color:var(--white); box-shadow:0px 5px 30px 0px rgba(0, 0, 0, 0.08);} .c_company .cc_contents .ccc_history > ul > li > div > strong > b {display:block; position:relative; font-size:70px; font-weight:600; color:var(--blue); line-height:50px;} .c_company .cc_contents .ccc_history > ul > li > div > p {box-sizing:border-box; position:absolute; top:110px; left:0; width:600px; padding-left:15px; font-size:18px; line-height:30px; color:var(--gray_t2);} .c_company .cc_contents .ccc_history > ul > li > div > p::before {content:''; display:block; position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:2px; background-color:var(--gray_t2);} .c_company .cc_contents .ccc_history > ul > li > div > p > span {color:var(--black);} .c_company .cc_contents .ccc_history > ul > li::after {content:''; position:absolute; top:25px; left:50%; width:11px; height:11px; border-radius:20px; background-color:var(--gray_t4); transform:translateX(-50%);} .c_company .cc_contents .ccc_history > ul > li.on::after {background-color:var(--blue);} /* 친환경 캐리어 */ .c_company .cc_contents#cpnIntCnt05_04 .ccct_column {margin-bottom:80px;} .c_company .cc_contents#cpnIntCnt05_04 .ccct_column:last-child {margin-bottom:0;} .c_company .cc_contents .ccct_graph {position:relative; margin-bottom:80px; padding:40px 30px; border-radius:10px; background-color:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.1);} .c_company .cc_contents .ccct_graph > div > strong {display:block; padding-bottom:25px; font-size:14px; color:var(--blue); letter-spacing:-0.08em;} .c_company .cc_contents .ccct_graph > div > span {position:absolute; top:50%; left:540px; font-size:18px; line-height:34px; transform:translateY(-50%);} .c_company .cc_contents .ccct_math {position:relative; margin-top:60px; margin-bottom:180px; padding:40px 30px; border-radius:10px; background-color:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.1);} .c_company .cc_contents .ccct_math > strong {display:block; font-size:30px; font-weight:600; color:var(--blue);} .c_company .cc_contents .ccct_math > ul {display:inline-flex; padding:30px 0;} .c_company .cc_contents .ccct_math > ul li {position:relative; margin-right:50px; padding-left:15px; font-size:20px; color:var(--black);} .c_company .cc_contents .ccct_math > ul li span {font-weight:700; color:var(--blue);} .c_company .cc_contents .ccct_math > ul li::before {content:''; display:block; position:absolute; top:calc(50% - 2px); left:0; width:4px; height:4px; border-radius:2px; background-color:var(--gray_t4);} .c_company .cc_contents .ccct_math > p {font-size:16px; color:var(--gray_t2); letter-spacing:-0.08em; text-align:justify;} .ccct_table {margin-top:80px; margin-bottom:180px;} .ccct_table > div {padding-bottom:30px; font-size:16px;} .ccct_table table {width:100%;} .ccct_table thead th {height:40px; border:1px var(--gray_t3) solid; background-color:var(--gray_t3); font-size:16px; font-weight:700; text-align:center;} .ccct_table tbody td {height:40px; border:1px var(--gray_t3) solid; font-size:16px; text-align:center;} /* 글로벌 */ .c_company .cc_contents .ccc_glober ul li div.btnWrp50 .btn {font-weight:400;} @media screen and (min-width:1025px) { .c_company .companyTab .companyTab_dep01 > li:hover {background:var(--blue); color:var(--white); box-shadow:0 40px 80px rgba(23,42,126,0.35);} .c_company .companyTab .companyTab_dep01 > li.hasDepth02:hover {border-radius:35px 35px 0 0;} .c_company .companyTab .companyTab_dep01 > li.hasDepth02:hover > a:after {display:block;} .c_company .companyTab .companyTab_dep01 > li:hover i {background-position:100% 100%;} .c_company .companyTab .companyTab_dep01 > li:hover .dep02 {height:auto; padding-bottom:10px; background:var(--blue);} .c_company .companyTab .companyTab_dep02 li:hover {font-weight:700; color:var(--blue);} .c_company .companyTab .companyTab_dep02 li:hover a:after {width:100%; opacity:1;} } @media screen and (min-width:769px) { .faqTab li a:hover .iconFaq {background-image:url('../images/newbird/sub/iconFaq_on.svg');} .faqTab li a:hover {font-weight:700; color:var(--blue);} .faqTab li a:hover:after {width:66px; opacity:1;} .c_airservice .ca_list .cal_item li:hover {box-shadow:0px 60px 120px rgba(13, 92, 171, 0.35);} .c_airservice .ca_list .cal_item li:hover:before {opacity:1;} .c_airservice .ca_list .cal_item.cal_item > li:hover > a > .icon {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/sub/mypage/iconCsAirService_on.svg');} .c_airservice .ca_list .cal_item li:hover > a > strong {color:var(--white); transition:all 0.3s;} .c_airservice .ca_list .cal_item li:hover > a > span {color:var(--skyblue_t1); transition:all 0.3s;} .mltTab a:hover {border-bottom-color:var(--white); background-color:var(--white); color:var(--black_t2); transition:0.3s all;} .mltTab a:hover span {transition:0.3s all; font-weight:700; color:var(--blue);} .mltTab a:hover strong {transition:0.3s all; font-weight:700; color:var(--blue);} .c_company .cc_top .scrollAni:hover .scrollClr {width:90px; height:90px;} .c_company .cc_top .scrollAni:hover .scrollArr {height:60px;} .c_company .cc_top .scrollAni:hover .scrollArr:before, .c_company .cc_top .scrollAni:hover .scrollArr:after {width:25px;} .c_company .cccs_button button:hover {background:var(--blue);} .c_company .cccs_button button.cccsb_left:hover i {background-position:0 -38px;} .c_company .cccs_button button.cccsb_right:hover i {background-position:0 -57px;} .c_company .cc_contents .ccc_location > li:hover {box-shadow:0 40px 80px rgba(23,42,126,0.35);} .c_company .cc_contents .ccc_location > li:nth-child(1):hover .cccl_item {background:url('../images/newbird/contents/intro01_05_on_01.png') no-repeat center; background-size:cover;} .c_company .cc_contents .ccc_location > li:nth-child(2):hover .cccl_item {background:url('../images/newbird/contents/intro01_05_on_02.png') no-repeat center; background-size:cover;} .c_company .cc_contents .ccc_location > li:nth-child(3):hover .cccl_item {background:url('../images/newbird/contents/intro01_05_on_03.png') no-repeat center; background-size:cover;} .c_company .cc_contents .ccc_location > li:nth-child(4):hover .cccl_item {background:url('../images/newbird/contents/intro01_05_on_04.png') no-repeat center; background-size:cover;} .c_company .cc_contents .ccc_location > li:hover .btnMap {opacity:1;} .c_company .cc_contents .ccc_location > li:hover .eng b:after {z-index:-1; background:transparent; box-shadow:none; opacity:0; transition:0;} .c_company .cc_contents .ccc_location > li:hover .kor {color:var(--skyblue_t1);} .c_company .cc_contents .ccc_location > li:hover .eng {color:var(--skyblue_t1); border-color:rgba(255,255,255,0.15);} .c_company .cc_contents .ccc_location > li:hover .eng b {color:var(--white);} .c_company .cc_contents .ccc_location > li:hover .cccli_info {position:static; opacity:1;} .c_company .cc_contents .ccc_location > li:hover .cccli_hover {position:absolute; left:500%; opacity:0;} .c_company .cc_contents .ccct_group .ccctg_circle a:hover {box-shadow:0px 10px 25px 0px rgba(190, 9, 0, 0.25);} .c_company .cc_contents .ccci_item > div a:hover {background-color:var(--blue);} .c_company .cc_contents .ccci_item > div a:hover i {background-position-x:50%;} } @media all and (max-width:1680px) { /* 세척서비스 */ .c_title.t2 {font-size:50px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:55px; line-height:68px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > strong {font-size:35px; line-height:65px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > span {margin-bottom:10px; padding-left:0; font-size:30px;} .c_wash .cw_section02 .cws_content.t2 .c_title.t2 {font-size:35px;} .c_wash .cw_section02 .cws_content.t2 .cw_imgwrap {width:50%;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right {width:calc(50% - 40px); margin-left:40px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul {margin-top:40px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li {font-size:20px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li > strong {font-size:25px;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_imgwrap {width:50%;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_txtwrap.right {width:calc(50% - 40px); margin-left:40px;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul {margin-top:40px;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 {font-size:50px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div > div > div > img {min-height:inherit;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 img {min-height:inherit;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li {display:flex; flex-direction:column; align-items:center; width:33.33333%; min-width:inherit;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li strong {font-size:30px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p {font-size:20px; word-break:keep-all;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul {display:grid; grid-template-columns:repeat(4, 1fr); row-gap:70px; column-gap:25px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li {margin-right:0;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(5) {margin-top:0;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(6) {margin-top:0;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li:nth-child(7) {margin-top:0;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li {width:100%; height:auto;} .c_wash .cw_section05 .cws_content.t5 h2::before {width:26.534534%;} .c_wash .cw_section05 .cws_content.t5 h2::after {width:26.534534%;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul {display:flex;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap {flex-wrap:wrap;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div:nth-child(3) {margin-top:25px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap {gap:25px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review {margin-left:60px;} .c_wash .cw_section07 .cws_content.t7 .c_title.t2 {font-size:50px;} .c_wash .cw_section07 .cws_content.t7 .ttl > span {font-size:26px; line-height:36px;} } @media all and (max-width:1440px) { .pdrGrdItmInfHvr .pdrLstItmInfCvrBtn {top:calc(50% + 10px);} /* 제품 상세 */ /* 상단 */ #contents #goods_view .gv_wrap {box-sizing:border-box; padding:0 30px;} #contents #goods_view .gv_top {justify-content:center; max-width:100%;} #contents #goods_view .gv_top #pdrVewImg {width:650px;} #contents #goods_view #goods_spec #pdrVewInf {margin-left:35px;} /* 하단 */ /* 탭버튼 */ #contents #goods_view #gv_bottom {width:calc(100% + 60px); margin-left:-30px;} #contents #goods_view #gv_bottom #gvb_tabs .tabFnc {width:calc(100% - 60px); max-width:100%;} /* tab 하단 */ #contents #goods_view #gv_bottom .gvb_contents {padding:30px;} /* 관련상품 */ .lnkItmWrp > div {box-sizing:border-box; width:100%;} .lnkItmWrp .bx-wrapper {width:100% !important; max-width:100% !important;} .lnkItmWrp .lnkItm .bx-viewport {min-width:100%;} /* 세척서비스 */ .c_wash .cw_section02 .cws_content.t2 {padding:0 80px 120px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {font-size:26px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {font-size:32px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > img {border-radius:20px 20px 0 0;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step {width:calc(100% - 80px); margin:0 auto;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul {display:grid; grid-template-columns:repeat(3, 1fr); row-gap:70px; column-gap:25px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div {max-width:460px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div:nth-child(2) {margin-right:0;} .c_wash .cw_section07 .cws_content.t7 {padding:120px 60px;} .c_wash .cw_section08 .cws_content.t8 {padding:120px 60px;} /* 고객센터 */ #c_customer .cc_hero {height:275px;} #c_customer .cc_contents {padding:70px 0;} #c_customer .cc_wrap {margin:40px auto 0;} .c_contactwrap.whtie #c_customer .cc_contents .cc_wrap {padding:0;} #c_customer .cc_service .ccb_box {width:calc(100% - 14px); padding:20px 30px; padding-top:140px; padding-left:30px;} #c_customer .cc_service .ccb_box {box-shadow:0 20px 40px rgba(23, 42, 126, 0.35);} #c_customer .cc_service .ccb_box.t2 {box-shadow:0 20px 40px rgba(65, 137, 188, 0.35);} #c_customer .cc_service .ccb_box.t3 {box-shadow:0 20px 40px rgba(100, 57, 188, 0.35);} #c_customer .cc_service .ccb_icon {top:20px; left:50%; margin-top:0; margin-left:-50px;} #c_customer .cc_qna {margin-top:40px;} /* 멤버쉽 */ #c_membership .inner {max-width:1200px; padding:0 40px;} /* cm_family */ #c_membership .cm_family .flexBox .cm_txtwrap > h2 {font-size:36px;} } @media all and (max-width:1280px) { /* common */ .search_nav {padding:80px 0 50px;} .search_nav .home {width:20px; height:20px;} .search_nav .navi_linemap2 .selected_cate {margin-left:23px; padding-left:30px; background-size:6px auto; font-size:20px; letter-spacing:-1px;} /* 제품 상세 */ /* 상단 */ #contents #goods_view .gv_top {justify-content:space-between;} #contents #goods_view .gv_top #pdrVewImg {flex-direction:column-reverse; align-items:flex-start; justify-content:flex-end; width:60%;} #contents #goods_view .gv_top #pdrVewImgSub {width:100%; margin-top:10px;} #contents #goods_view .gv_top #pdrVewImgSub ul {display:flex; overflow:auto;} #contents #goods_view .gv_top #pdrVewImgSub ul li {margin-right:10px;} #contents #goods_view .gv_top #pdrVewImgSub ul li:last-child {margin:0;} #contents #goods_view .gv_top #pdrVewImgMan {width:100%;} #contents #goods_view .gv_top #pdrVewImgMan > div > img {margin:5%; width:90%;} #contents #goods_view .gv_top #pdrVewImgMan > div > img:first-child {margin:5%; width:90%;} #contents #goods_view #goods_spec {width:calc(40% - 30px);} #contents #goods_view #goods_spec #pdrVewInf {width:100%; margin-left:0;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl {padding-top:18px; padding-bottom:18px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl strong {font-size:22px; line-height:28px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl p {font-size:14px; line-height:28px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst {margin-top:18px; padding-bottom:18px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dt {font-size:15px; line-height:38px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd {font-size:15px; line-height:38px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLstPea {margin-top:13px; padding-bottom:13px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLstPea dt {padding:7px 0;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc {width:155px !important; height:40px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc input, #contents #goods_view #goods_spec #pdrVewInf .fkeSlc select {height:40px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dt.pdrVewDltLstSum {font-size:20px; line-height:38px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd.pdrVewDltLstSum, #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd.pdrVewDltLstSum span {font-size:20px; line-height:38px;} /* 하단 */ /* 탭버튼 */ #contents #goods_view #gv_bottom {margin-top:80px;} #contents #goods_view #gv_bottom #gvb_tabs .tabItm > a {margin-left:40px; padding:18px 0; font-size:16px; line-height:34px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns span {font-size:10px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a {width:28px; height:28px; margin-left:8px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(1) s {background-position-y:0;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(2) s {background-position-y:-26px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(3) s {background-position-y:-52px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:hover s {background-position-x:-26px;} /* 관련상품 */ .lnkItmWrp {padding:60px 0 80px;} /* iframe */ /* list */ #brdLstWrp {padding:60px 30px;} #brdLstWrp .brdLstTtl > strong {font-size:20px;} #brdLstWrp .brdLstTtl #brdLstPntSumWrp > strong {font-size:20px;} #brdFrm .cstSlc {height:40px;} #brdFrm .cstSlc > div {height:40px;} #brdFrm .cstSlc.on > div {height:auto;} #brdFrm .cstSlc > div > span {padding:0 20px; line-height:40px;} #brdFrm .cstSlc > div > span s {right:20px;} #brdFrm .cstSlc > div > ul {padding:5px 20px;} #brdFrm .cstSlc > div > ul li {line-height:36px;} #brdFrm .iptCmn00 {height:40px;} #brdFrm .iptCmn00 input {height:40px; padding-left:20px;} #brdFrm .iptCmn00 a {right:15px;} /* 문의검색탭 */ #brdFrm .btnWrite {margin-top:30px;} /* view */ /* 버튼 */ .boardDetailBtns {margin-top:30px;} .boardDetailBtns .btn {width:130px;} /* write */ .boardWriteBtns {margin-top:30px;} /* 페이징 */ .pgrCmn {height:45px; margin-top:30px;} .pgrCmnFst {background-position:0px 0px; width:45px; height:45px;} .pgrCmnPrv {background-position:-45px 0px; width:45px; height:45px; margin-right:25px;} .pgrCmnNxt {background-position:-45px -45px; width:45px; height:45px; margin-left:25px;} .pgrCmnLst {background-position:0px -45px; width:45px; height:45px;} .pgrCmnAch {width:45px; height:45px; line-height:45px;} /* 세척서비스 */ .c_title.t2 {font-size:40px;} .cw_wrap {padding:0;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 {left:31.3243%;} .c_wash .cw_section01 .cws_content.t1 > img {width:100%;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {width:100%; max-width:220px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 {box-sizing:content-box; aspect-ratio:100/62.963;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 > img {height:100%; object-fit:cover;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 {top:15%; left:10%;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:60px; line-height:78px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {max-width:inherit; margin-left:10px;} .c_wash .cw_section02 .cws_content.t2 {flex-direction:column; align-items:flex-start; padding:0 60px 120px;} .c_wash .cw_section02 .cws_content.t2 .m_title {display:block; margin:0 auto 60px; font-size:60px; line-height:84px;} .c_wash .cw_section02 .cws_content.t2 .c_title.t2 {margin-top:0; margin-bottom:60px; font-size:60px;} .c_wash .cw_section02 .cws_content.t2 .cw_imgwrap {width:100%; max-width:710px; margin:0 auto;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right {width:100%; max-width:710px; margin:0 auto; margin-top:40px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul {margin-top:0;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li {margin-bottom:20px;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 {align-items:center;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_imgwrap {width:100%; max-width:710px; min-width:inherit;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_txtwrap.right {width:100%; max-width:710px; margin:0 auto; margin-top:40px;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul {margin-top:0;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li {margin-bottom:20px;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 {font-size:40px;} .c_wash .cw_section03 .cws_content.t3 .desc {margin-top:50px; font-size:22px; word-break:keep-all;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare {flex-direction:column; align-items:center; margin:0 auto;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {font-size:24px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {font-size:28px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list {margin-bottom:0; margin-right:0;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 img {min-height:inherit;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div {margin-top:50px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div > div > div > img {min-height:inherit;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare {gap:50px; margin-top:50px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div {margin-top:0;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div > div {width:350px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div > .cwsccl_item.t2 {width:356px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .aftCreImg {height:350px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div .cwsccl_item.t1 > div:first-child::after {width:66px; height:66px; background-position:center left 25px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {height:80px; font-size:33px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {font-size:37px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .desc {margin-top:50px;} .c_wash .cw_section04 .cws_content.t4 .c_title.t2 {font-size:60px; line-height:65px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info {width:calc(100% - 300px); margin:0 auto;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul {flex-direction:column; gap:70px; margin-top:60px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li {width:100%; margin-bottom:0; flex-direction:row;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p .m_hidden {display:none;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li:last-child {margin-bottom:0;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li div {height:auto; margin-left:30px; text-align:left;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li strong {font-size:25px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_txtwrap {width:calc(100% - 210px); margin-left:45px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_imgwrap {flex-shrink:0; width:165px; height:165px; min-width:160px; min-height:160px; margin:0; margin-bottom:0;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_imgwrap > img {max-width:110px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li strong {font-size:33px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li strong br {display:none;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p.pc_text {display:none;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p.p_hidden {display:block; margin-top:10px; font-size:25px; line-height:35px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li:nth-child(3) .cwsci_imgwrap img {width:80px;} .c_wash .cw_wrap.t2 .cw_section04 .cws_content.t4 .cwsc_info ul li {width:100%;} .c_wash .cw_section05 .cws_content.t5 h2::after {right:45px; width:21.534534%;} .c_wash .cw_section05 .cws_content.t5 h2::before {left:45px; width:21.534534%;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step {width:calc(100% - 80px); margin:0 auto;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul {grid-template-columns:repeat(3, 1fr);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step {width:calc(100% - 20.3704vw);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul {column-gap:50px; row-gap:75px; justify-content:space-between;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li {width:calc((100% - 50px)/2);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div {height:auto;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > img {height:auto; aspect-ratio:100/75;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > strong {position:inherit; padding:22px 0 28px; font-size:38px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li::before {box-sizing:border-box; top:-30px; width:60px; height:60px; font-size:36px; line-height:60px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul + ul {display:none;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li.mo {display:block;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap {flex-direction:column; margin:60px auto 0;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div {margin-bottom:25px; margin-right:0;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div:nth-child(3) {margin-top:0; margin-bottom:0;} .c_wash .cw_wrap.t2 .cw_section06::before {height:100px; background-image:url(../images/service/m_round_bg_t1.jpg);} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .deco {top:-25px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .deco .round_deco {width:22px; height:22px; transform:translate(12px, 10px);} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap {margin-top:60px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div {margin-bottom:0;} .c_wash .cw_section07 .cws_content.t7 {flex-direction:column;} .c_wash .cw_section07 .cws_content.t7 .ttl {text-align:center;} .c_wash .cw_section07 .cws_content.t7 .c_title.t2 {font-size:40px; line-height:54px; text-align:center;} .c_wash .cw_section07 .cws_content.t7 .c_title.t2 b {display:inline;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review {max-width:inherit; margin-top:40px; margin-left:0;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > strong {font-size:25px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > p {font-size:20px; word-break:keep-all;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap > span {font-size:20px;} .c_wash .cw_section07 .cws_content.t7 .ttl > span {font-size:20px; line-height:30px; text-align:center; word-break:keep-all;} .c_wash .cw_section07 .cws_content.t7 .ttl > span > br {display:none;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .c_title.t2 br {display:none;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list {padding-bottom:40px; border-radius:14px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > strong {font-size:35px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > p {font-size:25px; line-height:35px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap > span {font-size:25px;} /* 공지사항 */ .c_contents {max-width:100%; padding:0 20px 40px; background:var(--white);} /* 게시판 테이블 */ .mpgTblWrp.m_hidden {display:none;} .mpgTblWrp_mob {display:block; border-top:1px solid var(--blue);} .mpgTblWrp_mob .thead {display:none;} .mpgTblWrp_mob .tbody {padding:20px 10px; border-bottom:1px solid var(--gray_t3);} .mpgTblWrp_mob .tbody > .tbodyTop {display:flex; margin-bottom:10px;} .mpgTblWrp_mob .tbody > .tbodyTop > li {flex-grow:0; font-size:14px; color:var(--gray_t2);} .mpgTblWrp_mob .tbody > .tbodyTop > li.num {width:40px; text-align:left;} .mpgTblWrp_mob .tbody > .tbodyTop > li.cate {flex-grow:1; font-weight:700; text-align:left;} .mpgTblWrp_mob .tbody > .tbodyTop > li.hit {width:70px; text-align:left;} .mpgTblWrp_mob .tbody > .tbodyTop > li.date {width:80px; text-align:right;} .mpgTblWrp_mob .tbody > .tbodyTop > li > b {font-weight:600;} .mpgTblWrp_mob .tbody > li.subject {width:100%; font-size:16px; font-weight:400; line-height:20px; text-align:left;} #boardsearch .fkeSlc {width:100%; height:40px; line-height:40px;} #boardsearch .fkeSlc select {height:40px; padding:0 20px; border-radius:20px; background-color:var(--white); font-size:14px; line-height:40px;} /* faq */ .faqWrap {background:transparent; box-shadow:none;} .c_contents {padding:0 20px 40px; background:var(--white); max-width:100%;} .faqWrap .c_contents {padding:40px 20px 40px;} .faqTab {margin-top:60px; margin-bottom:0;} .faqTab > .inner1200 {display:flex; overflow:auto; overflow-y:hidden;} .faqTab li {float:none; flex-shrink:0; word-break:keep-all; width:20%; font-size:16px;} .faqTab li:after {display:none;} .faqTab li:first-child:before {display:none;} .faqTab li a {padding:80px 0 20px;} .faqTab li a:hover:after, .faqTab li a.on:after {display:none;} .faqTab li a .iconFaq {width:40px; height:40px; top:25px;} .faqTab li:nth-child(1) a .iconFaq {background-position:0 0;} .faqTab li:nth-child(2) a .iconFaq {background-position:0 -40px;} .faqTab li:nth-child(3) a .iconFaq {background-position:0 -80px;} .faqTab li:nth-child(4) a .iconFaq {background-position:0 -120px;} .faqTab li:nth-child(5) a .iconFaq {background-position:0 -160px;} .faqTab li:nth-child(6) a .iconFaq {background-position:0 -200px;} .faqTab li:nth-child(7) a .iconFaq {background-position:0 -240px;} .faqWrap .csTtl {padding:40px 20px 30px;} .blueSearchWrap {width:calc(100% - 40px); max-width:600px;} .blueSearchWrap .blueSearchInput {height:60px; padding-left:30px; padding-right:60px; border-radius:35px; font-size:16px; line-height:60px; box-shadow:none;} .blueSearchWrap .blueSearchInput::placeholder {font-size:16px; font-weight:700;} .btnSearchWhite {width:60px; height:60px; border-radius:0 30px 30px 0; background:url(../images/newbird/sub/search_wh.svg) no-repeat left 13px center; background-size:20px auto;} /* faq 박스 */ .c_contactwrap.whtie {margin-top:0; padding:0 20px 60px;} .c_contactwrap.whtie .cc_list .ccl_icon {height:120px; background:var(--white_t1);} /* 에어컨 서비스 상단 탭 */ .csWrap .mltTab {width:100%;} .csWrap .mltTab a {width:25%; font-size:14px; flex-shrink:1; flex-grow:1;} /* 유상서비스 */ .c_paidservice .cp_banner .cpb_textwrap {padding:30px 20px 30px; word-break:keep-all;} .c_paidservice .cp_banner .cpb_textwrap h5 {font-size:35px; line-height:45px;} .c_paidservice .cp_banner .cpb_textwrap .bannerSub {font-size:16px;} .c_paidservice .cp_box .cp_step {margin-right:0; padding:43px 20px 30px; box-shadow:0px 8px 40px rgba(28, 28, 32, 0.08);} .c_paidservice .cp_box .cp_step .cpp_title {width:250px; padding-bottom:0; flex-shrink:0;} .c_paidservice .cp_box .cp_step .cpp_title .ko {font-size:25px;} .c_paidservice .cp_box .cp_step .cpp_title .en {font-size:14px;} .c_paidservice .cp_box .cp_step .cpp_title:after {display:none;} .c_paidservice .cp_box.t4 {display:flex; flex-wrap:wrap; justify-content:space-between; gap:30px;} .c_paidservice .cp_box.t4 .cp_step {width:calc(50% - 15px); margin-right:0;} .c_paidservice .cp_box.prevent {display:flex; gap:30px; flex-direction:column;} .c_paidservice .cp_box.prevent .cp_step {display:flex; box-sizing:border-box; width:100%; margin-right:0; padding:30px; padding-left:0; align-items:center;} .c_paidservice .cp_box.prevent .cp_step .cpp_txt {padding:0;} .c_paidservice .c_contactwrap .cc_title strong {font-size:28px;} .c_paidservice .cc_list {display:block; max-width:600px;} .c_paidservice .cc_list .ccl_icon:after {display:none;} .c_paidservice .cc_list .ccl_icon {display:flex; justify-content:center; align-items:center; width:100%; height:100px; margin-bottom:20px; padding:0 50px; background:var(--white); border-radius:50px; text-align:left;} .c_paidservice .cc_list .ccl_icon .ccl_content {width:210px;} .c_paidservice .cc_list .ccl_icon:last-child {margin-bottom:0;} .c_paidservice .cc_list .ccl_icon .icon {width:50px; height:120px; margin:0; margin-right:50px; border-radius:0; background-size:50px auto; box-shadow:none;} .c_paidservice .cc_list .ccl_icon.blu .icon {background:transparent url('../images/newbird/sub/csBottomIcon01.svg') no-repeat center; background-size:40px auto;} .c_paidservice .cc_list .ccl_icon.mint .icon {background:transparent url('../images/newbird/sub/csBottomIcon02.svg') no-repeat center; background-size:33px auto;} .c_paidservice .cc_list .ccl_icon.purple .icon {background:transparent url('../images/newbird/sub/csBottomIcon03.svg') no-repeat center; background-size:40px auto;} .c_paidservice .cc_list .ccl_icon.blu .icon.csTelIconCall {background:transparent url('../images/newbird/sub/csBottomIcon05.svg') no-repeat center; background-size:40px auto;} .c_paidservice .cc_list .ccl_icon.mint .icon.csTelIconFax {background:transparent url('../images/newbird/sub/csBottomIcon04.svg') no-repeat center; background-size:40px auto;} .c_paidservice .cc_list .ccl_icon .icon.csTelIconInternet {background:transparent url('../images/newbird/sub/csBottomIconInternet.svg') no-repeat center; background-size:50px auto; background-position:center center;} .c_paidservice .cc_list .ccl_icon .icon.csTelIconMintCall {background:transparent url('../images/newbird/sub/csBottomIconCallMint.svg') no-repeat center; background-size:40px auto;} .c_paidservice .cc_list .ccl_icon .ccl_content .tel a {font-size:26px;} /* 에어컨 자가점검 */ .c_selfservice .cs_banner {height:300px; background-position:0 0;} .c_selfservice .cs_banner .csb_txtwrap {width:380px; padding-left:30px;} .c_selfservice .cs_banner .csb_txtwrap h5 {font-size:35px; line-height:45px;} .c_selfservice .cs_box .cs_step {margin-bottom:30px; margin-right:0; padding:43px 20px 30px; box-shadow:0px 8px 40px rgba(28, 28, 32, 0.08);} .c_selfservice .cs_box.t3 .cs_step {width:33.3333%; margin-right:20px;} .c_selfservice .cs_box.t3 .cs_step .css_imgwrap {max-width:180px;} .c_selfservice .cs_box .cs_step .bletListBig {padding:0;} .c_selfservice .cs_inspectionlist .csi_left {width:300px;} .c_selfservice .cs_inspectionlist .csi_right {width:calc(100% - 300px); padding:30px 0px 30px 50px;} .c_selfservice .csir_txtwrap .csirt_txt p .btnBluTxtBtn {position:relative; top:-3px; height:20px; width:110px !important; padding:0; line-height:20px;} /* 멤버쉽 */ #c_membership .inner {max-width:1200px; padding:0 clamp(60px, 5.2083vw, 100px);} #c_membership .cmc_title {font-size:26px; line-height:36px;} #c_membership .cm_box .cm_list > li > .cml_content {margin-left:12px; font-size:16px; line-height:26px;} #c_membership .cm_box .cm_list > li::before {top:4px; width:4px; height:4px;} /* cm_family */ #c_membership .cm_family .flexBox .cm_txtwrap > h1 {font-size:58px; line-height:70px;} #c_membership .cm_family .flexBox .cm_txtwrap > h2 {font-size:34px; line-height:48px; white-space:nowrap;} #c_membership .cm_family .flexBox .cm_imgwrap {max-width:530px;} #c_membership .cm_family .flexBox .cm_imgwrap > span {font-size:14px;} /* cm_member */ #c_membership .cm_member .cm_box .cm_contents {padding:30px;} #c_membership .cm_member .cm_box .cm_list {min-height:182px;} /* cm_benefit */ #c_membership .cm_benefit .flexBox {align-items:center;} #c_membership .cm_benefit .flexBox .cm_txtwrap > h3 {font-size:26px; line-height:38px; white-space:nowrap;} #c_membership .cm_benefit .flexBox .cm_txtwrap .sub {font-size:18px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > p {font-size:20px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > .sub {font-size:23px; letter-spacing:-1px; white-space:nowrap;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li {font-size:16px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li > i {margin:0 5px -4px 0;} #c_membership .cm_benefit .cmb_content > h2 {font-size:38px; line-height:40px;} #c_membership .cm_benefit .cmb_content > h2 br {display:block;} /* 회사소개 */ /* 상단 */ .c_company .cc_top > .aniTxt {font-size:220px;} .c_company .cc_top .mainTxt > strong {font-size:120px;} .c_company .cc_top .scrollAni .scrollClr {width:60px; height:60px;} .c_company .cc_top .scrollAni p {font-size:14px;} /* 회사 연혁 */ .c_company .cc_contents .ccc_history.wide > ul > li {width:100%; margin-top:180px;} /* 상단탭 */ .c_company .companyTab .companyTab_dep01 {justify-content:space-between; padding:0 20px;} .c_company .companyTab .companyTab_dep01 > li {width:calc(20% - 5px); height:50px; margin:0; padding:0 15px 0 15px; border-radius:25px; font-size:16px; line-height:50px;} .c_company .companyTab .companyTab_dep01 > li i {right:10px; width:25px; height:25px; background-size:25px auto;} .c_company .companyTab .companyTab_dep01 > li > a:after {width:calc(100% - 30px);} .c_company .companyTab .companyTab_dep01 > li .dep02 {border-radius:0 0 25px 25px;} .c_company .companyTab .companyTab_dep01 > li .dep02 > li {height:50px; font-size:14px;} .c_company .companyTab .companyTab_dep01 > li .dep02 > li a {padding:0 15px;} .c_company .companyTab .companyTab_dep02 {margin-top:50px;} .c_company .cc_contents {padding:80px 20px 0;} /* 오텍캐리어 */ .c_company .cc_contents .ccc_txtwrap {padding:0;} .c_company .cc_contents .ccc_title {margin-bottom:50px; font-size:40px; line-height:50px;} .c_company .cc_contents .ccc_wrap {margin-bottom:80px;} .c_company .cc_contents .ccct_txt {font-size:18px; line-height:34px;} .c_company .cccs_button {display:none;} .c_company .ccc_sliderwrap .slideTit {left:30px;} .c_company .cccs_paging {padding:0 30px;} .c_company .cc_contents .ccct_column {display:block; font-size:18px; line-height:34px;} .c_company .cc_contents .ccct_column.t2 > div {width:100%; margin-bottom:30px;} .c_company .cc_contents .ccct_column.t2 > div:last-child {margin-bottom:0;} /* 경영이념 */ .c_company .cc_contents .ccc_motto {display:block; margin-top:30px;} .c_company .cc_contents .ccc_point {display:block; width:100%; margin:0 0 100px; padding:0;} .c_company .cc_contents .ccc_point:last-child {margin-bottom:0;} .c_company .cc_contents .cccp_circle {position:relative; overflow:visible; float:none; width:100%; max-width:500px; height:160px; margin:0 auto !important; padding:20px; border-radius:80px;} .c_company .cc_contents .cccp_circle:after {content:''; display:block; position:absolute; top:100%; left:50%; width:1px; height:50px; background:var(--gray_t4); transform:translateX(-50%);} .c_company .cc_contents .ccc_point.tcb .cccp_circle:before {display:none;} .c_company .cc_contents .ccc_point.tcm .cccp_circle {box-shadow:0 10px 40px rgba(23,42,126,0.35);} .c_company .cc_contents .cccp_circle .cccpc_title {margin-bottom:10px; font-size:14px; line-height:20px;} .c_company .cc_contents .cccp_circle .cccpc_subtitle {margin-bottom:10px; font-size:30px; line-height:40px;} .c_company .cc_contents .cccp_circle .cccpc_txt {font-size:14px; line-height:20px;} .c_company .cc_contents .cccp_iconlist {flex-direction:row-reverse; justify-content:center; position:static; margin-top:50px; padding:0;} .c_company .cc_contents .cccp_iconlist .cccpi_item {width:180px; height:180px; margin:-20px auto 0;} .c_company .cc_contents .cccp_iconlist .cccpi_item:nth-child(1) {margin-top:0;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist {padding-top:0;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(1) {margin:0; margin-left:-20px;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(2) {margin:0; margin-left:-20px;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(3) {margin:0;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(1) {margin:0; margin-left:-20px;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(2) {margin:0; margin-left:-20px;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(3) {margin:0;} .c_company .cc_contents .cccp_iconlist .cccpi_item p {margin-top:15px; font-size:18px;} /* 자율준수 프로그램 */ .c_company .cc_contents .ccc_glober {margin-top:0;} .c_company .cc_contents .ccc_title .eng {font-size:20px; font-weight:200; line-height:30px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist {flex-direction:column; max-width:500px; margin:50px auto 0;} .c_company .cc_contents .ccc_motto.t2 .ccc_point {padding-bottom:0;} .c_company .cc_contents .ccc_motto.t2 .ccc_point .cccp_circle {box-sizing:border-box; box-shadow:0 10px 40px rgba(23,42,126,0.35)} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item {box-sizing:border-box; flex-direction:row; justify-content:flex-start; width:100%; height:120px; margin:0 auto 20px !important; padding:0 60px; border-radius:60px; text-align:left;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item p {margin-top:0; padding-left:50px;} .c_company .cc_contents .companyTxtBig {font-size:20px; line-height:30px; margin-bottom:20px;} .c_company .cc_contents .ccct_column.t3 > div {width:100%; margin-bottom:30px;} /* 연혁 */ .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li > div {box-sizing:border-box; padding-right:50px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li > div {width:30%;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li > ul {box-sizing:border-box; width:70%; padding-left:40px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > span {left:30%;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > strong {display:none;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > i {left:30%;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > ul > li::after {left:30%;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > ul > li > div > strong > b {font-size:50px; line-height:45px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li > div > strong {height:45px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul .comHisCnt > li .month {box-sizing:border-box; width:70px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul .comHisCnt li > div {width:calc(100% -70px);} /* 회사 위치 */ .c_company .cc_contents .ccc_location {flex-wrap:wrap; flex-wrap:wrap;} .c_company .cc_contents .ccc_location > li {width:calc( 50% - 15px); margin-bottom:30px; box-shadow:0 30px 60px rgba(28,28,32,0.08);} .c_company .cc_contents .ccc_location > li .cccl_item {background:none !important;} .c_company .cc_contents .ccc_location > li:hover {box-shadow:0 30px 60px rgba(28,28,32,0.08) !important;} .c_company .cc_contents .ccc_location > li:hover .cccl_item {box-shadow:0 30px 60px rgba(28,28,32,0.08);} .c_company .cc_contents .ccc_location > li:nth-child(3), .c_company .cc_contents .ccc_location > li:nth-child(4) {margin-bottom:0;} .c_company .cc_contents .cccli_top .btnMap {display:block; top:20px; right:20px; width:80px; height:30px; border-radius:15px; background:var(--blue); font-size:12px; color:var(--white); line-height:30px; text-align:center; opacity:1;} .c_company .cc_contents .cccli_btm {height:auto;} .c_company .cc_contents .cccli_btm .cccli_hover {display:none;} .c_company .cc_contents .cccli_btm .cccli_info {position:static; margin:0; padding:20px 0 25px; opacity:1;} .c_company .cc_contents .cccli_btm .cccli_info li {padding-left:30px; font-size:14px; color:var(--black);} .c_company .cc_contents .cccli_btm .cccli_info li i {width:20px; background:url('../images/newbird/mob/intro01_05_icons.svg') no-repeat center; background-size:12px auto;} .c_company .cc_contents .cccli_btm .cccli_info li a {padding-left:0 !important; font-size:14px; color:var(--black);} /* hover delete */ .c_company .cc_contents .ccc_location > li:hover .eng b:after {background:var(--white); box-shadow:0 1px 10px rgba(0,0,0,0.05); opacity:1;} .c_company .cc_contents .ccc_location > li:hover .kor {color:inherit;} .c_company .cc_contents .ccc_location > li:hover .eng {color:inherit; border-color:#d9deef;} .c_company .cc_contents .ccc_location > li:hover .eng b {color:var(--blue);} .c_company .cc_contents .ccc_location > li:hover .cccli_hover {position:absolute; left:500%; opacity:0;} .c_company .cc_contents .ccc_saleswrap {flex-wrap:wrap; justify-content:space-between;} .c_company .cc_contents .ccc_saleswrap > div {width:calc(50% - 15px); margin-bottom:30px; padding-left:0 !important;} .c_company .cc_contents .ccc_saleswrap > div:nth-child(3), .c_company .cc_contents .ccc_saleswrap > div:nth-child(4) {margin-bottom:0;} .c_company .cc_contents .ccc_saleswrap > div > ul > li {margin-bottom:10px;} .c_company .cc_contents .ccc_saleswrap > div > p {margin-bottom:10px;} /* 글로벌 네트워크 */ .c_company .cc_contents .ccc_glober > ul {display:flex; flex-wrap:wrap; justify-content:space-between; height:auto;} .c_company .cc_contents .ccc_glober ul li {float:none; width:calc(50% - 15px); margin:0; margin-bottom:30px;} .c_company .cc_contents .ccc_glober ul li:nth-child(1), .c_company .cc_contents .ccc_glober ul li:nth-child(3) {transform:translateY(-70px);} .c_company .cc_contents .ccc_glober ul li:nth-child(3), .c_company .cc_contents .ccc_glober ul li:nth-child(4) {margin-bottom:0;} /* 생활속의 캐리어 */ .c_company .cc_contents .ccct_imgwrap > div {font-size:35px;} .c_company .cc_contents .ccct_imgwrap > ul {justify-content:center;} .c_company .cc_contents .ccct_imgwrap > ul > li {margin:10px;} .c_company .cc_contents .ccct_imgwrap > ul > li > span {margin:10px 0 0px; padding-left:15px; font-size:16px; line-height:25px;} .c_company .cc_contents .ccct_imgwrap > ul > li > span::after {top:10px; left:0; width:3px; height:3px;} .c_company .cc_contents .ccct_imgwrap > ul.t2 > li > span {margin:10px 0 0px; padding-left:15px;} .c_company .cc_contents .ccct_imgwrap > ul.t2 > li > b {padding-left:15px; font-size:14px; line-height:23px;} /* 캐리어 박사 */ .c_company .cc_contents .companyBoxImg img {width:300px; height:auto;} .c_company .cc_contents .companyBoxImg .ccc_title, .c_company .cc_contents .companyBoxImg .ccct_txt {padding-left:320px;} .c_company .cc_contents .ccc_imglist {display:flex;} .c_company .cc_contents .ccc_imglist > ul {width:calc(33.3333% - 20px);} .c_company .cc_contents .ccc_imglist > ul:nth-child(3), .c_company .cc_contents .ccc_imglist > ul:nth-child(4), .c_company .cc_contents .ccc_imglist > ul:nth-child(5) {margin:0 auto;} .c_company .cc_contents .ccci_item > img {width:100%; height:auto;} /* 캐리어 역사 */ .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > strong {display:none;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li {width:850px; max-width:100%;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > div > strong > b {font-size:50px; line-height:45px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history.wide > ul > li > div > strong {height:45px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > img, .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > div {width:calc(50% - 50px);} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > img {height:auto;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > div > p {top:80px; max-width:100%; font-size:16px;} /* 캐리어 특별함 */ .c_company .cc_contents .ccct_txt.t2 {font-size:20px; line-height:35px;} .c_company .cc_contents .ccct_txt.t2.mt80 {margin:40px 0;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div {width:100%;} .c_company .cc_contents#cpnIntCnt05_03 .ccc_sliderwrap {text-align:center;} /* 친환경 캐리어 에어컨 */ .c_company .cc_contents .ccct_graph {margin-bottom:30px; padding:20px; box-shadow:0px 20px 30px rgba(28, 28, 32, 0.15);} .c_company .cc_contents .ccct_graph > div {text-align:center;} .c_company .cc_contents .ccct_graph > div > span {display:block; position:static; margin-top:30px; font-size:16px; line-height:30px; transform:translateY(0);} .c_company .cc_contents .ccct_graph > div > strong {padding-bottom:20px;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div {margin-bottom:20px;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div:last-child {margin-bottom:0px;} .c_company .cc_contents#cpnIntCnt05_04 .ccct_column {margin-bottom:25px;} .c_company .cc_contents#cpnIntCnt05_04 .ccct_column:last-child {margin-bottom:0;} .c_company .cc_contents .ccct_math {margin:30px 0 0; padding:20px;} .c_company .cc_contents .ccct_math > strong {font-size:20px; line-height:20px;} .c_company .cc_contents .ccct_math > ul {display:block; padding:10px 0 20px;} .c_company .cc_contents .ccct_math > ul li {margin:0 0 10px; padding-left:10px; font-size:16px; line-height:30px;} .c_company .cc_contents .ccct_math > ul li:last-child {margin-bottom:0;} .c_company .cc_contents .ccct_math > p {font-size:14px; line-height:25px; text-align:left;} .ccct_table {margin:80px 0 0;} .ccct_table > div {padding-bottom:10px; font-size:16px; line-height:30px; font-family:'Pretendard', sans-serif;} .ccct_table table {min-width:769px;} .ccct_table .ccctt_wrap {width:100%; overflow:auto;} .ccct_table thead th, .ccct_table tbody td {font-size:14px;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div > i {margin-top:30px;} .c_company .cc_contents#cpnIntCnt05_04 .ccct_column > div > strong {font-weight:700; color:var(--black);} .csWrap {padding-bottom:0;} } @media all and (max-width:1024px) { /* common */ .search_nav {padding:60px 0 40px;} .search_nav .home {width:18px; height:18px;} .search_nav .navi_linemap2 .selected_cate {margin-left:18px; padding-left:25px; font-size:18px; letter-spacing:-0.5px;} /* 제품 상세 */ /* 상단 */ #contents #goods_view {padding:0 clamp(40px, 5.8594vw, 60px);} #contents #goods_view .gv_top #pdrVewImg {width:50%;} #contents #goods_view #goods_spec {width:calc(50% - 30px);} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl {padding-top:16px; padding-bottom:16px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl strong {font-size:18px; line-height:26px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl p {font-size:13px; line-height:26px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst {margin-top:16px; padding-bottom:16px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dt {line-height:36px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd {line-height:36px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dt.pdrVewDltLstSum {font-size:18px; line-height:36px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd.pdrVewDltLstSum, #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd.pdrVewDltLstSum span {font-size:18px; line-height:36px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLstPea {margin-top:11px; padding-bottom:11px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLstPea dt {padding:6px 0;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc {width:150px !important; height:36px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc input, #contents #goods_view #goods_spec #pdrVewInf .fkeSlc select {height:36px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc.fkeSlcSml {height:36px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc.fkeSlcSml select {height:36px;} #contents #goods_view #goods_spec #pdrVewInf .peaFnc {width:84px; height:38px;} /* 하단 */ /* 탭버튼 */ #contents #goods_view #gv_bottom {margin-top:60px;} #contents #goods_view #gv_bottom #gvb_tabs.flyingMode {position:relative; top:auto; left:auto; right:auto; z-index:20; width:100%;} #contents #goods_view #gv_bottom #gvb_tabs + #gon {display:none;} #contents #goods_view #gv_bottom #gvb_tabs .tabFnc {display:flex; flex-direction:column-reverse; align-items:center; flex-wrap:nowrap; width:100%;} #contents #goods_view #gv_bottom #gvb_tabs .tabItm {width:100%; flex-direction:column;} #contents #goods_view #gv_bottom #gvb_tabs .tabItm > a {width:100%; margin:0; padding:0; line-height:50px; border-top:1px solid var(--gray_t3);} #contents #goods_view #gv_bottom #gvb_tabs .tabItm > a.on {background-color:var(--blue); color:var(--white);} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSvc {display:block; width:100%;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns {position:relative; top:auto; right:auto; width:100%; padding:15px 0; background-color:var(--white_t1); text-align:center; transform:unset;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div {padding-left:8px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a {width:26px; height:26px; margin-left:8px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(1) s {background-position-y:0;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(2) s {background-position-y:-24px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(3) s {background-position-y:-48px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:hover s {background-position-x:0;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(1):hover {background-color:transparent; border:1px var(--white_t1) solid;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(2):hover {background-color:transparent; border:1px var(--white_t1) solid;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(3):hover {background-color:transparent; border:1px var(--white_t1) solid;} /* tab 하단 */ #contents #goods_view #gv_bottom .gvb_contents {padding:20px;} #contents #goods_view #gv_bottom .gvb_contents.goods_description {padding:0;} #contents #goods_view #gv_bottom .gvb_contents.goods_review {padding:0;} #contents #goods_view #gv_bottom .gvb_contents.goods_qna {padding:0;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl {padding:0 0 40px;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl:last-of-type {padding:0;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl th, #contents #goods_view #gv_bottom .gvb_contents .spcTbl td {height:auto; padding:10px; font-size:14px; word-break:keep-all;} #contents #goods_view #gv_bottom .gvb_contents .dlvStp {display:block; text-align:center;} #contents #goods_view #gv_bottom .gvb_contents .dlvStp li {margin:0 0 50px; min-width:150px;} #contents #goods_view #gv_bottom .gvb_contents .dlvStp li:last-child {margin:0 0 20px;} #contents #goods_view #gv_bottom .gvb_contents .dlvStp li::after {top:calc(100% + 22px); right:auto; left:50%; transform:rotate(90deg);} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .spcTbl {padding:0;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet {padding:0 0 40px;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl .spcTbl th {font-size:14px;} #contents #goods_view #gv_bottom .gvb_contents .spcTbl .spcTbl td {font-size:14px;} /* 관련상품 */ .lnkItmWrp {padding:40px 0 60px;} /* iframe */ /* list */ #brdLstWrp {padding:40px 30px;} #brdLstWrp #brdLst {width:100%; margin-top:40px;} #brdLstWrp .brdLstTtl {padding-bottom:10px;} #brdLstWrp .brdLstTtl > strong {font-size:18px; line-height:30px;} #brdLstWrp .brdLstTtl #brdLstPntSumWrp {right:15px;} #brdLstWrp .brdLstTtl #brdLstPntSumWrp > strong {font-size:18px; line-height:30px;} #brdLstWrp .brdLstTtl #brdLstPntSum {width:90px; height:18px; background-size:auto 18px;} #brdLstWrp .brdLstTtl #brdLstPntSum > div {height:18px; background-size:auto 18px;} #brdLstWrp > div {flex-direction:column-reverse;} #brdFrm {width:100%; margin:0;} /* 별점 */ #brdLstWrp .tblScr {width:90px; height:18px; background-size:auto 18px;} #brdLstWrp .tblScr > div {height:18px; background-size:auto 18px;} #brdLstWrp .tblScrTxt {margin-left:15px; font-size:16px; line-height:18px;} /* 문의검색탭 */ #brdFrm .cstSlc {height:38px;} #brdFrm .cstSlc > div {height:38px;} #brdFrm .cstSlc > div > span {font-size:14px; line-height:38px;} #brdFrm .cstSlc > div > ul li {line-height:36px;} #brdFrm .iptCmn00 {height:38px;} #brdFrm .iptCmn00 input {height:38px;} #brdFrm .cstSlc > div > ul li label div ~ span {padding-left:0;} #brdFrm .cstSlc > div > ul li label span {margin-left:15px; font-size:16px; line-height:18px;} /* 문의검색탭 */ #brdFrm .btnWrite {margin-top:10px;} /* table */ #brdLstWrp .tblWrp table {display:block; width:100%;} #brdLstWrp .tblWrp tbody {display:block; width:100%;} #brdLstWrp .tblWrp tbody > tr {display:flex; flex-direction:row; flex-wrap:wrap; position:relative; width:100%; padding:10px 0; border-bottom:1px solid var(--gray_t3);} #brdLstWrp .tblWrp tbody > tr td.algCnt {box-sizing:border-box; width:40px; height:30px; padding-left:10px; line-height:30px; border-bottom:0; text-align:left;} #brdLstWrp .tblWrp tbody > tr td.cate {width:80px; text-align:left;} #brdLstWrp .tblWrp tbody > tr td.tblSbj {box-sizing:border-box; width:calc(100% - 40px); height:30px; line-height:30px; padding:0; padding-right:90px; border-bottom:0;} #brdLstWrp .tblWrp tbody > tr td.algLft {display:flex; align-items:center; height:30px; padding-left:10px; border-bottom:0;} #brdLstWrp .tblWrp tbody > tr td.writer {position:absolute; top:10px; right:0; display:flex; flex-direction:column; align-items:center; width:90px; height:60px; padding:0; border-bottom:0; line-height:30px; text-align:center;} #brdLstWrp .tblWrp tbody > tr td.writer span {display:flex; flex-direction:column; align-items:center;} #brdLstWrp .tblWrp tbody > tr td.writer img {padding:8px 0;} #brdLstWrp .tblWrp tbody > tr td.writer br {display:none;} #brdLstWrp .tblWrp tbody > tr td.date {width:100px; padding-left:10px; text-align:left;} #brdLstWrp .tblWrp tbody > tr td.date + td.response {display:none;} #brdLstWrp .tblWrp tbody > tr td.response {display:block; position:absolute; top:10px; right:0; box-sizing:border-box; width:80px; padding-right:10px; text-align:right;} #brdLstWrp .tblWrp tbody > tr td.response + td.tblSbj {width:100%; padding:0 10px;} #brdLstWrp .board_view .tblWrp tbody > tr td:first-child {width:40px;} /* view */ /* 이전글/다음글 */ .boardPrevNext {margin-top:20px;} .boardPrevNext table {display:inline-block; width:100%; border-top:1px var(--blue) solid;} .boardPrevNext tbody {display:inline-block; width:100%; border-bottom:1px var(--gray_t3) solid;} .boardPrevNext tr {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; position:relative; box-sizing:border-box; width:100%; padding:10px 0;} .boardPrevNext tr + tr {border-top:1px var(--gray_t3) solid;} .boardPrevNext th {display:inline-block; width:100%;} .boardPrevNext td {display:flex; flex-direction:row; align-items:center; height:30px; padding:0; border-bottom:0;} .boardPrevNext td.iconPrev {width:38px; background-size:10px auto;} .boardPrevNext td.iconNext {width:38px; background-size:10px auto;} .boardPrevNext td.cate {width:calc(100% - 38px); padding-right:80px; line-height:30px;} .boardPrevNext td.cate + td.tblSbj {width:100%;} .boardPrevNext td.tblSbj {width:calc(100% - 38px); padding:0; line-height:30px;} .boardPrevNext td .boardTit {width:100%; padding-left:10px; padding-right:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;} .boardPrevNext td.date {box-sizing:border-box; padding-left:10px; line-height:30px;} .boardPrevNext td.writer {box-sizing:border-box; padding-right:10px;} .boardPrevNext td.star {box-sizing:border-box; padding-left:10px;} .boardPrevNext td.response {position:absolute; top:10px; right:0; box-sizing:border-box; width:70px; padding-right:10px; text-align:right;} .boardPrevNext td a {font-size:14px; color:inherit;} .boardPrevNext td span {font-size:14px;} .boardPrevNext td .tblScrTxt {margin-left:5px;} /* 버튼 */ .boardDetailBtns {margin-top:25px;} .boardDetailBtns .btn {width:125px; margin-left:5px;} /* 페이징 */ .pgrCmn {height:40px; margin-top:20px;} .pgrCmnFst {background-position:0px 0px; width:40px; height:40px; margin-left:4px; margin-right:4px;} .pgrCmnPrv {background-position:-40px 0px; width:40px; height:40px; margin-left:4px; margin-right:20px;} .pgrCmnNxt {background-position:-40px -40px; width:40px; height:40px; margin-left:20px; margin-right:4px;} .pgrCmnLst {background-position:0px -40px; width:40px; height:40px; margin-left:4px; margin-right:4px;} .pgrCmnAch {width:40px; height:40px; line-height:40px; font-size:13px; margin:0 2px; margin-left:4px; margin-right:4px;} /* 공사중 */ .renewalTxt { margin-top: 80px; } .renewalTxt > p > b { font-size: 25px; line-height: 40px; } .renewalTxt > p { font-size: 15px; line-height: 25px; } .renewalTxt > p > .clrBlu { line-height: 45px; } .renewalTxt .btnWrap { margin-top: 40px } /* iframe - 제품문의 */ /* view */ .boardDetailContents.question {padding:20px; padding-left:80px;} .boardDetailContents.question:before {left:20px; top:20px; width:40px; height:40px; line-height:38px; font-size:18px;} .boardDetailContents.answer {padding:20px; padding-left:80px; line-height:20px;} .boardDetailContents.answer:before {left:20px; top:20px; width:40px; height:40px; line-height:40px; font-size:18px;} /* write */ .form_multi_row2 {width:100%; margin:0;} .form_multi_row2 > li {width:100%; margin:0;} .form_multi_row2 > li + li {margin-top:5px;} .boardWriteBtns {margin-top:25px;} /* 세척서비스 */ .c_wash .cw_section01 .cws_content.t1 {padding-bottom:100px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 {top:33%;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:44px; line-height:56px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > strong {font-size:30px; line-height:42px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > span {font-size:20px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 {top:10.8889vw; left:6.2593vw;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > span {margin-bottom:10px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > strong {font-size:30px; line-height:40px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:44px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {width:220px; margin-top:15px; margin-left:0;} .c_wash .cw_section02 .cws_content.t2 {padding:0 40px 100px;} .c_wash .cw_section02 .cws_content.t2 .m_title, .c_wash .cw_section02 .cws_content.t2 .c_title.t2 {font-size:50px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li {font-size:18px; line-height:30px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li > strong {font-size:22px; line-height:32px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li > span span {display:inline;} .c_wash .cw_section03 .cws_content.t3 {padding:100px 0;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div > div, .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div > .cwsccl_item.t2 {width:100%;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .aftCreImg {aspect-ratio:1/1;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .aftCreImg img {width:100%; height:100%; object-fit:cover;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .aftCreImg {height:auto; aspect-ratio:1/1;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .aftCreImg:before {border-width:4px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {font-size:28px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {font-size:32px;} .c_wash .cw_section04 .cws_content.t4 {padding:100px 0;} .c_wash .cw_section04 .cws_content.t4 .c_title.t2 {font-size:50px; line-height:60px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info {width:calc(100% - 100px);} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul {gap:50px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li strong {font-size:30px; line-height:1.3;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p.p_hidden {font-size:22px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p.p_hidden span {display:inline;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_imgwrap {width:150px; height:auto; min-width:inherit; min-height:inherit; aspect-ratio:1/1; flex-shrink:0;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_imgwrap > img {width:66%;} .c_wash .cw_wrap.t2 .cw_section04 .cws_content.t4 .cwsc_info ul li:nth-child(3) .cwsci_imgwrap img {width:45%;} .c_wash .cw_section05 .cws_content.t5 .inner {padding:100px 0 30px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul {grid-template-columns:repeat(2, 1fr);} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > img {border-radius:20px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > img {min-height:inherit; border-radius:20px 20px 0 0;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > strong {font-size:25px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li::before {top:-27px; width:54px; height:auto; aspect-ratio:1/1; font-size:30px; line-height:54px;} .c_wash .cw_section06 .cws_content.t6 {padding:150px 0 100px;} .c_wash .cw_section07 .cws_content.t7 {padding:100px 40px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > strong {font-size:30px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > p {font-size:20px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap > span {margin-left:20px; font-size:20px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap img {width:55px;} .c_wash .cw_section08 .cws_content.t8 {padding:100px 40px;} .c_wash .cw_section08 .cws_content.t8 > strong {font-size:30px; line-height:42px;} .c_wash .cw_section08 .cws_content.t8 > ul > li {font-size:18px; line-height:30px; word-break:keep-all;} /* 고객센터 */ #c_customer .cc_hero {height:200px;} #c_customer .cc_wrap {margin:30px auto 0;} #c_customer .cc_contents {padding:40px 0;} #c_customer .cc_contents .cc_title {margin-bottom:15px;} #c_customer .cc_contents .cc_title h3 {font-size:20px; line-height:35px;} #c_customer .cc_contents .cc_title a {width:98px; height:33px; font-size:13px; line-height:33px; text-indent:15px;} #c_customer .cc_contents .cc_title a:before {right:15px; width:5px; height:8px; margin-top:-4px;} #c_customer .cc_service .cc_title p {font-size:12px; line-height:30px;} #c_customer .cc_service .ccb_box {width:calc(100% - 10px); padding:15px 20px; padding-top:110px; padding-left:20px; box-shadow:0 15px 30px rgba(23, 42, 126, 0.35);} #c_customer .cc_service .ccb_box.t2 {box-shadow:0 15px 30px rgba(65, 137, 188, 0.35);} #c_customer .cc_service .ccb_box.t3 {box-shadow:0 15px 30px rgba(100, 57, 188, 0.35);} #c_customer .cc_service .ccb_icon {left:50%; top:15px; width:80px; height:80px; margin-left:-40px;} #c_customer .cc_service .ccb_box h4 {padding-bottom:10px; font-size:17px; line-height:30px;} #c_customer .cc_service .ccb_box a {width:130px; height:35px; margin-top:10px; font-size:12px; line-height:35px;} #c_customer .cc_service .ccb_box.t2 a {font-size:18px;} #c_customer .cc_service .ccb_box.t3 a {font-size:18px;} #c_customer .cc_qna {margin-top:30px; padding:30px 0;} #c_customer .cc_qna .cc_title {width:100%; margin-bottom:15px;} #c_customer .cc_qna .cc_body {width:100%;} #c_customer .cc_qna .cc_body li {width:50%;} #c_customer .cc_qna .cc_body li:last-child {width:50%; margin-left:0;} #c_customer .cc_faq .cc_body {padding:20px 10px; box-shadow:0 30px 60px rgba(28, 28, 32, 0.08);} #c_customer .cc_faq .cc_body li {width:33.333%;} #c_customer .cc_faq .cc_body li:first-child {display:none;} #c_customer .cc_faq .cc_body li:nth-child(2), #c_customer .cc_faq .cc_body li:nth-child(3), #c_customer .cc_faq .cc_body li:nth-child(4) {margin-bottom:15px;} #c_customer .cc_faq .cc_body li:nth-child(5), #c_customer .cc_faq .cc_body li:nth-child(6), #c_customer .cc_faq .cc_body li:nth-child(7) {padding-top:15px;} #c_customer .cc_faq .cc_body li:before {left:0; top:50%; width:1px; height:50px; margin-top:-25px;} #c_customer .cc_faq .cc_body li:nth-child(2):before, #c_customer .cc_faq .cc_body li:nth-child(5):before {display:none;} #c_customer .cc_faq .cc_body li:nth-child(6):before, #c_customer .cc_faq .cc_body li:nth-child(7):before {margin-top:-20px;} #c_customer .cc_faq .cc_body li:nth-child(5):after, #c_customer .cc_faq .cc_body li:nth-child(6):after, #c_customer .cc_faq .cc_body li:nth-child(7):after {content:''; position:absolute; left:20px; right:20px; top:0; height:1px; background-color:var(--white_t2);} #c_customer .cc_faq .cc_body li span {height:30px; font-size:16px; line-height:30px;} #c_customer .cc_faq .ccf_icon {width:40px; height:40px;} #c_customer .cc_faq .ccf_icon.t2 {background-position:left -40px;} #c_customer .cc_faq .ccf_icon.t3 {background-position:left -80px;} #c_customer .cc_faq .ccf_icon.t4 {background-position:left -120px;} #c_customer .cc_faq .ccf_icon.t5 {background-position:left -160px;} #c_customer .cc_faq .ccf_icon.t6 {background-position:left -200px;} #c_customer .cc_faq .ccf_icon.t7 {background-position:left -240px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t2 {background-position:right -40px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t3 {background-position:right -80px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t4 {background-position:right -120px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t5 {background-position:right -160px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t6 {background-position:right -200px;} #c_customer .cc_faq .cc_body li:hover .ccf_icon.t7 {background-position:right -240px;} #c_customer .cc_latest .cc_area {width:calc(50% - 10px);} #c_customer .cc_latest .cc_body span {width:100px; font-size:13px; line-height:50px;} #c_customer .cc_latest .cc_body p {font-size:13px; line-height:50px;} #c_customer .cc_latest .ccl_head {height:50px; padding-left:100px;} #c_customer .cc_latest .ccl_list li {height:50px; padding-left:100px;} #c_customer .cc_latest .ccl_list p {font-size:14px;} /* 고객센터 */ #c_customer .cc_hero {width:calc(100% - 11.7188vw); margin:0 clamp(40px, 5.8594vw, 60px) 20px;} /* 공지사항 */ .csWrap {width:calc(100% - 11.7188vw); margin:0 clamp(40px, 5.8594vw, 60px);} .hideTablet {display:none !important;} .boardPrevNext .tdHeight60 tr {display:block; padding:0;} .boardPrevNext .tdHeight60 td {float:left; width:calc(100% - 50px); padding:10px; border-bottom:1px #eeeef0 solid;} .boardPrevNext .tdHeight60 tr:last-child td {border-bottom:0;} .boardPrevNext .tdHeight60 td.iconPrev, .boardPrevNext .tdHeight60 td.iconNext {width:50px;} /* faq */ .faqList li .question {padding:20px 40px 20px 80px;} .faqList li .question:before {top:25px; left:30px; width:35px; height:35px; font-size:18px; line-height:35px;} .faqList li .question .cat {width:80px; font-size:15px; line-height:40px;} .faqList li .question .hand {padding:6px 0; font-size:18px; line-height:28px;} .faqList li .question .iconOpenClose {top:32px; right:35px; width:16px; height:16px;} .faqList li .answer {padding:20px 40px 20px 80px; font-size:16px; line-height:26px;} .faqList li .answer:before {top:25px; left:30px; width:35px; height:35px; font-size:18px; line-height:35px;} /* 고객센터 - 인덱스 */ .c_airservice .ca_list {padding:0 20px; word-break:keep-all;} .c_airservice .ca_list .cal_item {display:block;} .c_airservice .ca_list .cal_item li {width:100%; height:auto; margin:10px 0 0; text-align:left;} .c_airservice .ca_list .cal_item li a {padding:65px 0 65px 150px;} .c_airservice .ca_list .cal_item li a strong {display:inline-block; margin-right:20px; line-height:40px;} .c_airservice .ca_list .cal_item li a span {display:inline-block; line-height:30px;} .c_airservice .ca_list .cal_item li a .icon {top:50%; left:50px; transform:translateY(-50%);} /* spcTbl */ .tableGet .spcTbl { padding: 0 0 40px; } .tableGet .spcTbl:last-of-type { padding: 0; } .tableGet .spcTbl th, .tableGet .spcTbl td { word-break:keep-all; padding: 10px; font-size: 12px;} /* 유상서비스 */ .c_paidservice .cp_box .cp_step .num {top:-20px; width:40px; height:40px; line-height:40px;} /* 에어컨 자가점검 */ .c_selfservice .cs_inspectionlist {display:block; padding:0; padding:30px 0; word-break:keep-all;} .c_selfservice .cs_inspectionlist .csi_left {width:100%; margin-bottom:20px; padding:0 0;} .c_selfservice .cs_inspectionlist .csi_left:after {content:''; display:block; width:calc(100% - 40px); height:1px; margin:20px auto 0; background:var(--gray_t3);} .c_selfservice .csil_title, .c_selfservice .csir_title {text-align:center;} .c_selfservice .csir_title {font-size:22px; line-height:32px; margin-bottom:20px;} .c_selfservice .csExIcon {width:160px;} .c_selfservice .cs_inspectionlist .csi_right {box-sizing:border-box; width:100%; max-width:420px; margin-left:auto; margin-right:auto; padding-left:0; padding:0 20px; border:0;} .c_selfservice .csir_txtwrap {margin-bottom:5px;} .c_selfservice .csir_txtwrap p {padding:3px 0 8px; line-height:24px;} .c_selfservice .csir_txtwrap .csirt_txt p {line-height:24px; padding:3px 0;} .c_selfservice .csir_txtwrap .csirt_txt p:before {position:relative; left:0; margin-right:7px;} .c_selfservice .csir_txtwrap .csirt_txt p .btnBluTxtBtn {display:block; top:0; margin:0 !important; margin-top:5px !important;} .c_selfservice .cs_box.t3 {flex-direction:column;} .c_selfservice .cs_box.t3 .cs_step {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; position:relative; width:100%; min-height:260px; margin-bottom:30px; margin-right:0; padding-left:40px;} .c_selfservice .cs_box.t3 .cs_step .css_imgwrap {position:absolute; top:50%; left:20px; max-width:180px; margin-top:-90px;} .c_selfservice .cs_box .cs_step .css_title {width:auto; margin-top:0; margin-left:180px; text-align:left;} .c_selfservice .cs_box .cs_step .bletListBig {width:calc(100% - 180px); max-width:auto; margin:0; margin-top:0 !important; margin-left:180px; padding:0;} .c_selfservice .cs_box .cs_step .num {top:-20px; width:40px; height:40px; line-height:40px;} /* 멤버쉽 */ #c_membership .cmc_title {font-size:24px; line-height:34px} #c_membership .inner {padding:0 clamp(40px, 5.8594vw, 60px);} /* cm_family */ #c_membership .cm_family .flexBox .cm_imgwrap {max-width:380px;} #c_membership .cm_family .flexBox .cm_txtwrap > h1 {font-size:40px; white-space:nowrap;} #c_membership .cm_family .flexBox .cm_txtwrap > h2 {font-size:22px; line-height:32px;} #c_membership .cm_family .flexBox .cm_imgwrap > span {left:10%; width:80%; font-size:12px; line-height:18px;} #c_membership .cm_family .flexBox .cm_imgwrap > span br {display:none;} #c_membership .cm_family .cmf_newbenefit {margin-top:20px;} #c_membership .cm_family .cmf_newbenefit .cm_box .cm_contents .cm_list {min-height:100px; margin:0;} /* cm_member */ #c_membership .cm_member .cm_box {display:flex; justify-content:center; flex-wrap:wrap; grid-template-columns:repeat(2, 1fr); row-gap:20px;} #c_membership .cm_member .cm_box .cm_contents {width:calc((100% - 30px) / 2); height:auto; min-height:inherit;} #c_membership .cm_member .cm_box .cm_contents:nth-child(3) {justify-self:center;} #c_membership .cm_member .cm_box .cm_list {min-height:208px;} #c_membership .cm_member .cm_box .cm_list > li > .cml_content br {display:none;} #c_membership .cm_member .cm_box .cm_list > li > .cml_content .sub > br {display:none;} /* cm_benefit */ #c_membership .cm_benefit .flexBox {flex-direction:column; align-items:center; height:auto; margin:30px auto 0;} #c_membership .cm_benefit .flexBox > div {width:100%;} #c_membership .cm_benefit .flexBox > div:first-child {border-radius:10px 10px 0 0;} #c_membership .cm_benefit .flexBox > div:last-child {margin-top:-1px; border-radius:0 0 10px 10px; background-image:none;} #c_membership .cm_benefit .flexBox > div:first-child {margin-top:20px;} #c_membership .cm_benefit .flexBox .cm_imgwrap .img {width:calc(100% - 60px); margin:0 auto;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box {margin:20px 0;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > p {font-size:18px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > .sub {font-size:20px; line-height:36px; white-space:normal; word-break:keep-all;} #c_membership .cm_benefit .flexBox .cm_txtwrap > h3 {font-size:24px; line-height:36px; word-break:keep-all;} #c_membership .cm_benefit .flexBox .cm_txtwrap > h3 > b {white-space:normal;} #c_membership .cm_benefit .flexBox .cm_txtwrap > h3 > b > br {display:none;} #c_membership .cm_benefit .flexBox .cm_txtwrap > ul > li {font-size:14px; word-break:keep-all;} #c_membership .cm_benefit .flexBox .cm_txtwrap > ul > li > span > br {display:none;} #c_membership .cm_benefit .cmb_content > h2 {padding:0 20px; font-size:26px; line-height:40px; white-space:normal; word-break:keep-all;} #c_membership .cm_benefit .flexBox > div > .img > img {margin-left:9%;} /* 회사소개 */ /* 회사소개 - 상단 탭 */ .c_company .companyTab {display:block; padding:0 20px;} .c_company .companyTab .comNavTitWrp {position:relative; box-shadow:0 20px 40px rgba(28,28,32,0.06);} .c_company .companyTab .comNavTitWrp .comNavTit {display:flex !important; position:relative; height:50px; padding:0 20px; background:var(--white); font-size:16px; font-weight:700; color:var(--blue); line-height:50px;} .c_company .companyTab .comNavTitWrp .comNavTit s {position:absolute; right:0;} .c_company .companyTab .companyTab_dep01 {display:none !important; position:absolute; top:100%; left:0; width:100%; background:var(--white); box-shadow:none;} .c_company .companyTab .companyTab_dep01 > li {box-shadow:none; width:100%; height:auto; margin-right:0; padding:0; border-top:1px solid var(--gray_t3); border-radius:0; font-size:16px; color:var(--black);} .c_company .companyTab .companyTab_dep01 > li i {display:none;} .c_company .companyTab .companyTab_dep01 > li > a {padding:10px 20px; font-weight:normal; line-height:30px;} /* 펼쳐졌을때 */ .c_company .companyTab .comNavTitWrp.on .companyTab_dep01 {display:block !important; z-index:48; padding:0; box-shadow:0 20px 40px rgba(28,28,32,0.06);} .c_company .companyTab .comNavTitWrp.on .comNavTit {border-radius:5px 5px 0 0;} .c_company .companyTab .comNavTitWrp.on .comNavTit s {background-image:url(../images/newbird/mob/menu_close_wh.svg); background-size:15px auto; background-position:center;} .c_company .companyTab .companyTab_dep01 > li.on {background:var(--white); box-shadow:none; color:var(--blue);} .c_company .companyTab .companyTab_dep01 > li.on > a {background-color:var(--white_t1); font-weight:700;} .c_company .companyTab .companyTab_dep01 > li.on > a {background:var(--white_t1); font-weight:700; color:var(--blue);} .c_company .companyTab .companyTab_dep01 > li .dep02 {display:block; position:static; height:auto; padding:10px 0; border-top:1px solid var(--white_t1); border-radius:0; box-shadow:none;} .c_company .companyTab .companyTab_dep01 > li:hover .dep02 {background-color:var(--white);} .c_company .companyTab .companyTab_dep01 > li .dep02 > li {height:40px; background-color:var(--white); font-weight:400; color:var(--black); line-height:40px;} .c_company .companyTab .companyTab_dep01 > li .dep02 > li a {padding:0 40px; background:url('../images/newbird/mob/mymenu_arr.png') no-repeat right 34px center; background-size:6px auto; font-size:15px; color:var(--gray_t1);} .c_company .companyTab .companyTab_dep01 > li .dep02 > li a.on {font-weight:700; color:var(--blue);} /* 회사소개 상단 탭 2 */ .comNavTitWrp_dep02 .tit {margin:40px 0 0; font-size:25px; font-weight:700; color:var(--blue); line-height:30px; text-align:center;} .c_company .companyTab .companyTab_dep02 {display:block; flex-direction:column; overflow:hidden; height:auto; margin-top:30px; margin-bottom:40px; border-bottom:0; border-radius:5px; box-shadow:0 20px 40px rgba(28,28,32,0.06); text-align:center;} .c_company .companyTab .companyTab_dep02 li {width:100%; height:50px; margin:0; border-bottom:1px solid var(--gray_t3); background:var(--white); font-size:16px; color:var(--black); line-height:50px;} .c_company .companyTab .companyTab_dep02 li:last-child {border-bottom:0;} /* hover */ .c_company .companyTab .companyTab_dep02 li.on {border-bottom:0; background:var(--blue); color:var(--white); font-weight:700;} .c_company .companyTab .companyTab_dep02 li.on a:after {display:none !important;} /* 그룹소개 */ .c_company .cc_contents .ccct_group .ccctg_circle.t1 {width:280px; height:280px;} .c_company .cc_contents .ccct_group .ccctg_circle.t1 i {top:50px; width:94px; height:68px;} .c_company .cc_contents .ccct_group .ccctg_circle span {padding-top:130px; font-size:30px;} .c_company .cc_contents .ccct_group .ccctg_circle a {margin-top:20px; font-size:14px;} .c_company .cc_contents .ccct_group .ccctg_sub {position:relative;} .c_company .cc_contents .ccct_group .ccctg_sub:before {content:''; position:absolute; left:50%; top:0; width:2px; height:20px; background:var(--gray_t4); transform:translateX(-50%);} .c_company .cc_contents .ccct_group .ccctg_sub {flex-direction:column; padding-top:0;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle:before {display:none;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t2, .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t3, .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle.t4 {width:280px; height:100px; margin:20px auto 0; border-radius:50px;} .c_company .cc_contents .ccct_group .ccctg_sub .ccctg_circle i {width:110px; height:60px;} /* 생활속의 캐리어 */ .c_company .cc_contents .ccct_imgwrap > ul.t2 {width:729px; margin:0 auto;} /* 캐리어 박사 */ .c_company .cc_contents .ccc_imglist {flex-wrap:wrap; column-gap:20px;} .c_company .cc_contents .ccc_imglist > b {display:none;} .c_company .cc_contents .ccc_imglist > ul {width:calc(50% - 10px);} .c_company .cc_contents .ccc_imglist > ul:nth-child(4) .ccci_item:last-child {display:none;} .c_company .cc_contents .ccci_halfitem {display:block;} } @media all and (max-width:768px) { /* common */ .p_hidden {display:block;} .m_hidden {display:none;} .search_nav {padding:40px 0 30px;} .search_nav .home {width:16px; height:16px;} .search_nav .navi_linemap2 .selected_cate {margin-left:13px; padding-left:18px; background-size:5px auto; font-size:16px;} /* 팝업 */ .titleS {line-height:25px;} .popCmnTxt {border-width:5px; margin-bottom:20px; padding:25px 20px 40px; word-break:keep-all;} .popCmnTxt + .btnwrap {width:calc(100% - 40px); margin:0 auto 30px !important;} .fndFrmCnt + .btnwrap {width:calc(100% - 40px); margin:0 auto 30px !important;} .resp_layer_pop#cartOk .btnwrap, .renewpop#cartOk .btnwrap {width:calc(100% - 40px); margin:0 auto 30px;} .lgnFrmTtlSub {font-size:15px; line-height:30px; margin-bottom:10px; word-break:keep-all; padding-left:15px;} .lgnFrmIpt > div > input {width:100%; height:40px; box-sizing:border-box; padding-left:15px; padding-right:15px; margin-bottom:10px; font-size:14px;} .lgnFrmIpt > div > .fndAdd {} .fndFrmCnt .lgnFrmIpt > div > input {height:40px; min-height:inherit; font-size:14px;} .withdrawalWrap .fkeChk strong::before {width:25px; height:25px; margin-top:2px;} .lgnFrmIptRight input[type="tel"]::placeholder, .lgnFrmIptRight input[type="text"]::placeholder {font-size:14px;} .lgnFrmIpt > div > .lgnFrmIptRight input::placeholder {font-size:14px !important;} .lgnFrmIpt > div {display:block;} .lgnFrmIpt > div > span, .lgnFrmIpt > div > span.lgnFrmIptTtl {line-height:30px; padding-left:15px; width:auto; padding-right:15px; display:inline-block; font-size:12px !important; padding-top:0; padding-bottom:0;} .lgnFrmIpt.lgnFrmIptH60 > div > i, .lgnFrmIpt.lgnFrmIptH60 > div > span {line-height:30px;} .fndFrmCnt .lgnFrmIpt > div > span {padding-top:10px; line-height:30px;} .lgnFrmIpt > div > input {width:100%;} .lgnFrmIpt > div > input::placeholder {font-size:14px !important; color:var(--gray_t2);} .fkeSlc.fkeSlcSml select {font-size:12px;} .lgnFrmIpt > div > .lgnFrmIptRight {width:auto; padding-left:15px; padding-right:15px; margin-bottom:10px;} .lgnFrmIpt > div > .lgnFrmIptRight.pl10 {padding-left:15px; padding-right:15px;} .lgnFrmIpt > div > textarea.textareaS {width:calc(100% - 20px); height:180px; margin-top:-5px;} .lgnFrmIpt > div > span::after {display:none;} .textareaS {height:120px; padding:10px; line-height:25px;} .rntPrcInf > dl > dt {width:50%; font-size:12px; text-align:left;} .rntPrcInf > dl > dd {width:50%;} .rntPrcInf > span {font-size:13px; text-align:left; word-break:keep-all;} /* 체크버튼 */ .fkeChk strong:hover::before {border-radius:5px; background:url("../images/newbird/img_chkFls.jpg") 100% 100% no-repeat; background-size:100% auto; box-shadow:0 10px 20px rgba(23, 42, 126, 0.3); transition:all 0.2s;} /* 렌탈관리 */ .resp_layer_pop > .title {padding:50px 20px 20px !important; line-height:40px;} .resp_layer_pop .lgnFrmIptTxt {width:100% !important; padding:10px 15px;} .resp_layer_pop .rntPrcInf {width:100%; font-size:11px;} .renewpop > .title {padding:50px 20px 20px !important; line-height:40px;} .renewpop .lgnFrmIptTxt {width:100% !important; padding:10px 15px;} .renewpop .rntPrcInf {width:100%; font-size:11px;} #rentalCompleteWrap .dlvPrcPop > table td {padding:10px;} .dlvPrcPop > table th, .dlvPrcPop > table td {padding:10px; font-size:13px;} /* 회원탈퇴 */ .mpgCnt .whtBdy460 {width:100%;} .descGrayBg {padding:20px;} .lgnFrmTtlSub {margin-bottom:10px; padding-left:15px; font-size:15px; line-height:30px; word-break:keep-all;} .withdrawalWrap .fkeChk strong::before {width:25px; height:25px; margin-top:2px;} .lgnFrmIptRight input[type="tel"]::placeholder, .lgnFrmIptRight input[type="text"]::placeholder {font-size:14px;} /* 상세 팝업 */ .resp_layer_pop2 {min-height:0; overflow-x:hidden; overflow-y:auto;} .resp_layer_pop2 > .title {padding:50px 20px 20px !important; word-break:keep-all;} .resp_layer_pop2 .btn_pop_close {top:15px; right:15px; width:40px; height:40px;} .resp_layer_pop2 .btnwrap {margin-top:20px; margin-bottom:30px; padding:0;} .resp_layer_pop2 .btnwrap > .btn {height:40px; max-width:150px; font-size:16px; line-height:36px;} .resp_layer_pop2 .fkeChk {margin:20px 0 10px;} .resp_layer_pop2 .fkeChk strong::before {width:25px; height:25px; margin-top:2px;} .renewpop2 {min-height:0; overflow-x:hidden; overflow-y:auto;} .renewpop2 .title {padding:20px 50px !important; padding-top:50px !important; word-break:keep-all;} .renewpop2 .btn_pop_close {top:15px; right:15px; width:40px; height:40px;} .renewpop2 .btnwrap {margin-top:20px; margin-bottom:0; padding:0;} .renewpop2 .btnwrap > .btn {height:40px; max-width:150px; font-size:16px; line-height:36px;} .renewpop2 .fkeChk {margin:20px 0 10px;} .renewpop2 .fkeChk strong::before {width:25px; height:25px; margin-top:2px;} #goods_spec_lyr .popCmnTxt + .btnwrap {padding-bottom:0;} /* 제품 상세 */ /* 상단 */ #contents #goods_view {padding:0 30px;} #contents #goods_view .gv_wrap {padding:0 20px;} #contents #goods_view .gv_top {flex-direction:column;} #contents #goods_view .gv_top #pdrVewImg {width:100%;} #contents #goods_view .gv_top #pdrVewImgSub ul {flex-shrink:0;} #contents #goods_view .gv_top #pdrVewImgMan {width:100%;} #contents #goods_view .gv_top #pdrVewImgMan > div > img {width:100%; margin:0;} #contents #goods_view .gv_top #pdrVewImgMan > div > img:first-child {width:100%; margin:0;} #contents #goods_view #goods_spec {width:100%; margin-top:20px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl {padding-top:15px; padding-bottom:15px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl strong {font-size:16px; line-height:24px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewTtl p {font-size:12px; line-height:24px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst {margin-top:15px; padding-bottom:15px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dt {font-size:14px; line-height:34px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd {font-size:14px; line-height:34px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dt.pdrVewDltLstSum {font-size:18px; line-height:34px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd.pdrVewDltLstSum, #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLst dd.pdrVewDltLstSum span {font-size:18px; line-height:34px;} #contents #goods_view #goods_spec #pdrVewInf .pdrVewDtlLstPea {margin-top:10px; padding-bottom:10px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc {width:140px !important; height:34px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc input, #contents #goods_view #goods_spec #pdrVewInf .fkeSlc select {height:34px; font-size:14px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc.fkeSlcSml {height:34px;} #contents #goods_view #goods_spec #pdrVewInf .fkeSlc.fkeSlcSml select {height:34px;} #contents #goods_view #goods_spec #pdrVewInf .peaFnc {width:80px; height:36px;} #contents #goods_view #goods_spec #pdrVewInf .goods_buy_sections {display:block; position:unset; padding-bottom:0; background-color:transparent;} #contents #goods_view #goods_spec #pdrVewInf .goods_buy_sections .btn_section_close {display:none;} #contents #goods_view #goods_spec #pdrVewInf .goods_option_select_area {margin:0;} /* 하단 */ /* 탭버튼 */ #contents #goods_view #gv_bottom {width:calc(100% + 40px); margin-top:40px; margin-left:-20px;} #contents #goods_view #gv_bottom .gvb_contents {padding:20px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div {padding-left:6px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a {width:24px; height:24px; margin-left:6px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(1) s {background-position-y:0;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(2) s {background-position-y:-22px;} #contents #goods_view #gv_bottom #gvb_tabs #pdrVewSns div a:nth-child(3) s {background-position-y:-44px;} /* tab 하단 */ #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet table {display:block; width:100%;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet tbody {display:block; width:100%;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet tr {display:block; width:100%;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet th {display:block; width:100%; border-left:none;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet td {display:block; width:100%; border-left:none;} #contents #goods_view #gv_bottom .gvb_contents > .spcTbl > div > table {display:block; width:100%;} #contents #goods_view #gv_bottom .gvb_contents > .spcTbl > div > table > tbody {display:block; width:100%;} #contents #goods_view #gv_bottom .gvb_contents > .spcTbl > div > table > tbody > tr {display:block; width:100%;} #contents #goods_view #gv_bottom .gvb_contents > .spcTbl > div > table > tbody > tr > th {display:block; width:100%;} #contents #goods_view #gv_bottom .gvb_contents > .spcTbl > div > table > tbody > tr > td {display:block; width:100%;} #contents #goods_view #gv_bottom .gvb_contents .dlvStp li:last-child {margin-bottom:10px;} /* 관련상품 */ .lnkItmWrp {padding:20px 0 40px;} .lnkItmWrp > div {padding:0;} .pdrLstItmInf:hover {box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} .pdrLstItmInf:hover .pdrLstItmInfAnc > div {border-top:1px var(--white_t1) solid;} .pdrLstItmInf:hover .pdrLstItmInfAnc > div > span {color:var(--black);} .pdrLstItmInf:hover .pdrLstItmInfAnc > div > i {color:var(--black);} .pdrLstItmInf:hover .pdrLstItmInfAnc > div > b > span {color:var(--skyblue_t1);} .pdrLstItmInf:hover .pdrLstItmInfAnc > div > b > s {color:var(--gray_t2);} .pdrLstItmInf:hover .pdrLstItmInfCvr {opacity:0; visibility:hidden;} .pdrLstItmInf:hover .pdrLstItmInfAnc {background-color:transparent;} .pdrLstItmInfAnc > div {padding:20px;} /* iframe */ /* list */ #brdLstWrp {padding:30px 20px;} /* 별점 */ #brdLstWrp .tblScr {width:80px; height:16px; background-size:auto 16px;} #brdLstWrp .tblScr > div {height:16px; background-size:auto 16px;} #brdLstWrp .tblScrTxt {margin-left:10px; font-size:14px; line-height:16px;} /* 페이징 */ .pgrCmn {flex-direction:row; flex-wrap:nowrap; gap:10px; position:relative; height:auto; margin-top:20px; padding-top:50px; padding-bottom:0;} .pgrCmnFst {box-sizing:border-box; position:absolute; top:0; left:0; width:calc((100% - 30px) / 4); height:40px; margin-left:0; margin-right:0; background-image:none;} .pgrCmnPrv {box-sizing:border-box; position:absolute; top:0; left:calc(((100% - 30px) / 4) + 10px); width:calc((100% - 30px) / 4); height:40px; margin-left:0; margin-right:0; background-image:none;} .pgrCmnNxt {box-sizing:border-box; position:absolute; top:0; right:calc(((100% - 30px) / 4) + 10px); width:calc((100% - 30px) / 4); height:40px; margin-left:0; margin-right:0; background-image:none;} .pgrCmnLst {box-sizing:border-box; position:absolute; top:0; right:0; width:calc((100% - 30px) / 4); height:40px; margin-left:0; margin-right:0; background-image:none;} .pgrCmnAch {z-index:1; width:100%; height:40px; line-height:40px; font-size:13px; margin:0; margin-left:0; margin-right:0;} .pgrCmn a {flex-shrink:unset;} .pgrCmnFst, .pgrCmnPrv, .pgrCmnNxt, .pgrCmnLst {background-color:var(--gray_t4);} .pgrCmnNxt:before {content:""; display:inline-block; vertical-align:middle; position:absolute; top:-5px; width:48px; height:48px; margin-left:-24px; margin-bottom:-5px; background:transparent url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-position:-48px -48px; background-size:200% auto;} .pgrCmnLst:before {content:""; display:inline-block; vertical-align:middle; position:absolute; top:-5px; width:48px; height:48px; margin-left:-24px; margin-bottom:-5px; background:transparent url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-position:0 -48px; background-size:200% auto;} .pgrCmnPrv:before {content:""; display:inline-block; vertical-align:middle; position:absolute; top:-5px; width:48px; height:48px; margin-left:-24px; margin-bottom:-5px; background:transparent url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:200% auto; background-position:-48px 0;} .pgrCmnFst:before {content:""; display:inline-block; vertical-align:middle; position:absolute; top:-5px; width:48px; height:48px; margin-left:-24px; margin-bottom:-5px; background:transparent url("../images/newbird/common/icon_paging.svg") no-repeat center center; background-size:200% auto; background-position:0 0;} .pgrCmn a.pdrDsb, .pgrCmn a.disabled {opacity:0.2;} /* 공사중 */ .renewalWrp .logoWrp { height: 70px; position: relative; } .renewalWrp .logo { position: absolute; left: 5.2083%; top: 50%; transform: translateY(-50%);width: 80px; height: 32px; background:url("../images/newbird/asset/img_logo2.png") no-repeat center; background-size: contain; } .renewalTxt > p > b { font-size: 22px; } .renewalTxt .btnWrp50 { flex-wrap:nowrap; flex-direction:column; align-items:center; } .renewalTxt .btnWrp50 > .nBtn { margin: 0 0 10px; } /* iframe - 제품문의 */ /* view */ .boardDetailContents {font-size:14px;} .boardDetailContents.question {padding:20px; padding-left:75px;} .boardDetailContents.question:before {width:35px; height:35px; line-height:33px; font-size:16px;} .boardDetailContents.answer {padding:20px; padding-left:75px; line-height:20px;} .boardDetailContents.answer:before {width:35px; height:35px; line-height:35px; font-size:16px;} /* write */ .boardWriteBox {border-radius:10px; background:var(--white); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05); margin:0 0 20px; overflow:hidden;} .boardWriteBoxTable {display:block; width:100%;} .boardWriteBoxTable tbody {display:block; width:100%;} .boardWriteBoxTable tr {width:100%; border-bottom:1px solid var(--gray_t3);} .boardWriteBoxTable th {width:100%; height:30px; min-height:30px; padding:10px 20px 0; line-height:20px;} .boardWriteBoxTable th p:after {display:none;} .boardWriteBoxTable td {width:100%; min-height:55px; padding:5px 20px 10px;} .boardWriteBoxTable td input.size_input {width:100%; max-width:100%;} .boardWriteBoxTable td input.size_mail, .boardWriteBoxTable td input.size_phone, .boardWriteBoxTable td .size_cate {width:calc(100% - 105px); max-width:100%;} .boardWriteBoxTable td input.size_mail ~ .ctmChk, .boardWriteBoxTable td input.size_phone ~ .ctmChk, .boardWriteBoxTable td .size_cate ~ .ctmChk {margin-left:15px;} .boardWriteBoxTable td.name input[readonly] {padding-left:0;} .boardWriteBoxTable .board_goods_select .brdSlcWrp > span {flex-direction:column; align-items:flex-start; word-break:keep-all;} div.bbswrite_division {padding:0;} .writeAddWr .file_add_table .width_a {padding:10px 20px 0;} .writeAddWr .file_add_table td {column-gap:5px; row-gap:5px;} .boardWriteBtns {margin-top:20px;} /* 세척서비스 */ /* .scnDthChd:hover {background-color:var(--skyblue); transition:background-color 0.3s, box-shadow 0.3s; box-shadow:0px 30px 60px 0px rgba(23, 42, 126, 0.25); z-index:30;} .scnDthChd:hover > span {color:var(--white); font-weight:700;} */ .mo_br {display:block;} .c_title.t2 {padding:0 10px; word-break:keep-all;} .c_wash .cw_section01 .cws_content.t1 {padding-bottom:80px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 {left:calc(50% - 130px); top:30%;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > span {font-size:22px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > strong {font-size:30px; line-height:40px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:36px; line-height:48px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {max-width:180px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > span {margin-bottom:5px; font-size:18px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > strong {font-size:30px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:36px; line-height:60px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {width:180px; margin-top:10px;} .c_wash .cw_section02 .cws_content.t2 {padding:0 30px 80px; position:relative;} .c_wash .cw_section02 .cws_content.t2 .m_title, .c_wash .cw_section02 .cws_content.t2 .c_title.t2 {text-align:center; font-size:45px; line-height:55px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right {margin-top:30px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul {margin-top:0;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li:last-child {margin-bottom:0;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li {font-size:16px; line-height:28px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li > strong {font-size:20px; line-height:30px;} .c_wash .cw_wrap.t2 .cw_section02 .cws_content.t2 .cw_txtwrap.right {margin-top:30px;} .c_wash .cw_section03 .cws_content.t3 {padding:80px 0;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 > span {font-size:20px; line-height:28px;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 > span span {line-height:28px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare {width:calc(100% - 140px); margin:40px auto 0;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div {margin-top:30px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div > div > span {font-size:22px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list {margin-top:0;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list.right {margin-top:50px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list .cwsccl_item.t1 {margin-right:14px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list.right .cwsccl_item.t1 {margin-right:14px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div .cwsccl_item.t1 > div:first-child::after {width:50px; height:50px; background-size:15px auto; background-position:20px center;} .c_wash .cw_section03 .cws_content.t3 .desc {font-size:16px; line-height:26px; margin-top:30px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 span {font-size:25px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {border-radius:0 0 15px 15px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare {gap:30px; width:calc(100% - 100px); margin-top:40px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .desc {margin-top:30px;} .c_wash .cw_section04 .cws_content.t4 {padding:80px 0;} .c_wash .cw_section04 .cws_content.t4 .c_title.t2 {font-size:45px; line-height:55px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul {gap:0; margin-top:40px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li {margin-bottom:40px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_imgwrap {width:100px; height:100px; min-width:100px; min-height:100px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_imgwrap > img {width:65px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li div {margin-left:20px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p br {display:none;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li strong {font-size:20px; line-height:30px; word-break:keep-all;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p {margin-top:5px; font-size:16px;} .c_wash .cw_section05 .cws_content.t5 h2::after {right:0; width:12.534534%;} .c_wash .cw_section05 .cws_content.t5 h2::before {left:0; width:12.534534%;} .c_wash .cw_section05 .cws_content.t5 .inner {padding:80px 0 0;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li::before {top:-15px; width:30px; height:30px; font-size:18px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > strong {padding:14px 0; font-size:20px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul {row-gap:40px; column-gap:15px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div {height:auto;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > img {height:auto; min-height:inherit; border-radius:20px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > strong {padding:10px 0; font-size:18px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step {width:calc(100% - 100px);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul {column-gap:30px; row-gap:58px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li {width:calc((100% - 30px)/2);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > strong {padding:14px 0 19px; font-size:22px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li::before {top:-24px; width:48px; font-size:25px; line-height:48px;} .c_wash .cw_section06 .cws_content.t6 {padding:80px 0;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap {width:calc(100% - 60px); margin:40px auto 0;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div {max-width:inherit;} .c_wash .cw_section06 .cws_content.t6 .deco {top:-15px; height:86px;} .c_wash .cw_section06 .cws_content.t6 .deco .round_deco {top:-23px; right:auto; left:-16px; width:14px; height:14px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div {padding:25px 35px 25px; border-radius:10px; text-align:center;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide > span {justify-content:center;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .disWon {font-size:26px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .deco .round_deco {top:-23px; right:auto; left:-18px; width:14px; height:14px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap {margin-top:40px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div {max-width:inherit;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide > span {justify-content:flex-start;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide .cwscs_imgwrap > img:nth-child(2) {height:100%; max-height:inherit; min-height:inherit;} .c_wash .cw_section07 .cws_content.t7 {padding:80px 30px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list {padding:25px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > strong {font-size:20px; word-break:keep-all;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > p {font-size:16px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > p > br {display:none;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap > span {margin-left:15px; font-size:16px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap > img {max-width:40px;} .c_wash .cw_section07 .cws_content.t7 .c_title.t2 {margin-bottom:10px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list {margin-bottom:20px;} .c_wash .cw_section07 .cws_content.t7 .ttl > span > br {display:none;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > strong {font-size:25px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > p {font-size:18px; line-height:1.3;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap {margin-top:20px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list {padding-bottom:35px;} .c_wash .cw_section08 .cws_content.t8 {padding:80px 30px; text-align:left;} .c_wash .cw_section08 .cws_content.t8 > ul > li {font-size:16px; line-height:28px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .c_title.t2, .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t6 .c_title.t2, .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .c_title.t2 {padding:0 20px;} /* 고객센터 */ #c_customer .cc_hero {width:calc(100% - 60px); height:150px; margin:0 auto 20px;} #c_customer .cc_wrap {margin:30px auto 0; padding:0;} #c_customer .cc_contents {padding:20px 0;} #c_customer .cc_contents .cc_title {margin-bottom:10px;} #c_customer .cc_contents .cc_title h3 {font-size:18px; line-height:30px;} #c_customer .cc_contents .cc_title a {width:78px; height:28px; font-size:12px; line-height:28px; text-indent:10px;} #c_customer .cc_contents .cc_title a:before {right:10px; width:4px; height:6px; margin-top:-3px;} #c_customer .cc_service .cc_body ul {display:inline-block;} #c_customer .cc_service .cc_body li {width:100%; border-radius:10px; text-align:center !important;} #c_customer .cc_service .cc_body li:nth-child(1) {background-color:var(--blue); box-shadow:0 30px 60px rgba(23, 42, 126, 0.35);} #c_customer .cc_service .cc_body li:nth-child(2) {margin-top:10px; background-color:#4189bc; box-shadow:0 30px 60px rgba(65, 137, 188, 0.35);} #c_customer .cc_service .cc_body li:nth-child(3) {margin-top:10px; background-color:var(--purple); box-shadow:0 30px 60px rgba(100, 57, 188, 0.35);} #c_customer .cc_service .ccb_box {width:100%; max-width:320px; height:auto; padding:15px 20px; padding-top:15px; padding-left:110px; box-shadow:none !important;} #c_customer .cc_service .ccb_icon {left:15px; top:50%; width:80px; height:80px; margin-top:-40px; margin-left:0;} #c_customer .cc_service .ccb_box h4 {padding-bottom:10px; font-size:18px; line-height:30px;} #c_customer .cc_service .ccb_box.t2 a {font-size:18px;} #c_customer .cc_service .ccb_box.t3 a {font-size:18px;} #c_customer .cc_qna {margin-top:30px; padding:0; background-color:inherit;} #c_customer .cc_qna .cc_title {width:100%; margin-bottom:10px;} #c_customer .cc_qna .cc_body a {padding:0; padding-left:80px;} #c_customer .cc_qna .cc_body .ccq_icon {width:60px; height:60px; box-shadow:0 30px 60px rgba(28, 28, 32, 0.08);} #c_customer .cc_qna .cc_body li {width:50%;} #c_customer .cc_qna .cc_body li:last-child {width:50%; margin-left:0;} #c_customer .cc_faq .cc_body {padding:15px 10px;} #c_customer .cc_faq .cc_body li {width:33.333%;} #c_customer .cc_faq .cc_body li:first-child {display:none;} #c_customer .cc_faq .cc_body li:nth-child(2), #c_customer .cc_faq .cc_body li:nth-child(3), #c_customer .cc_faq .cc_body li:nth-child(4) {margin-bottom:15px;} #c_customer .cc_faq .cc_body li:nth-child(5), #c_customer .cc_faq .cc_body li:nth-child(6), #c_customer .cc_faq .cc_body li:nth-child(7) {padding-top:15px;} #c_customer .cc_faq .cc_body li:before {left:0; top:50%; width:1px; height:50px; margin-top:-25px;} #c_customer .cc_faq .cc_body li:nth-child(2):before, #c_customer .cc_faq .cc_body li:nth-child(5):before {display:none;} #c_customer .cc_faq .cc_body li:nth-child(6):before, #c_customer .cc_faq .cc_body li:nth-child(7):before {margin-top:-20px;} #c_customer .cc_faq .cc_body li:nth-child(5):after, #c_customer .cc_faq .cc_body li:nth-child(6):after, #c_customer .cc_faq .cc_body li:nth-child(7):after {content:''; position:absolute; left:20px; right:20px; top:0; height:1px; background-color:var(--white_t2);} #c_customer .cc_faq .cc_body li span {height:30px; font-size:14px; line-height:30px;} #c_customer .cc_latest .cc_area {width:100%;} #c_customer .cc_latest .cc_area:last-child {margin-top:30px;} /* cs center 고객센터 - mypage 마이페이지 copy */ .csWrap {width:calc(100% - 60px); margin:0 30px; padding-left:0; padding-right:0; padding-bottom:0; background:transparent; box-shadow:none;} .csNavTitWrp {position:relative; margin:0 0 10px; box-shadow:0 20px 40px rgba(28, 28, 32, 0.06);} .csNavTit {display:block; position:relative; height:50px; padding:0 20px; border-radius:5px; overflow:hidden; background:var(--white); font-size:16px; font-weight:700; line-height:50px; color:var(--blue);} .csNav {display:none; position:absolute; left:0; top:100%; width:100%; background:var(--white);} .csNav > ul {overflow:hidden; display:block;} .csNav > ul > li {float:none; margin:0; border-top:1px solid var(--gray_t3);} .csNav > ul > li:first-child {border-color:var(--gray_t3);} .csNav > ul > li > a {padding:0 20px; text-align:left;} .csNav > ul > li > a::before {display:none;} .csNav > ul > li > a::after {display:none;} .csNav > ul > li > a > span::after {display:none;} .csNav > ul > li > a > span {height:50px; font-size:16px; line-height:50px;} .csNav > ul > li > a.on {background:var(--white_t1); font-weight:700; color:var(--blue);} .csNav > ul > li > a.on > span {color:inherit;} .csNav > ul > li > a:hover > span {font-weight:400; color:var(--black);} .csNav > ul > li > a:hover > span::after {width:0; opacity:0;} .csNavTit s {display:block; width:50px; height:50px; background-color:var(--blue); background-image:url('../images/newbird/mob/menu_arr_wh.svg'); background-repeat:no-repeat; background-position:center; background-size:20px auto; position:absolute; right:0; top:0; zoom:0 !important; transform:translateY(0);} .csNavTitWrp.on {background:transparent;} .csNavTitWrp.on .csNavTit {background:var(--white); border-radius:5px 5px 0 0;} .csNavTitWrp.on .csNavTit s {background-image:url('../images/newbird/mob/menu_close_wh.svg'); background-size:15px auto; background-position:center;} .csNavTitWrp.on .csNav {display:block; z-index:20; box-shadow:0 20px 40px rgba(28, 28, 32, 0.06);} /* 공지사항 */ #boardsearch .mpgFrm.mb40 {margin-bottom:0 !important;} #boardsearch .mpgFrmItm {display:block; height:auto;} #boardsearch .mpgFrm .mpgFrmItmTtl {display:none;} #boardsearch .mpgFrmItmCnt {flex-wrap:nowrap; width:100%; height:auto !important; padding:0; border-radius:20px; border:1px solid var(--gray_t3);} #boardsearch .mpgFrmItmCnt > div {display:flex; width:100%;} #boardsearch .mpgFrmItmCnt .mpgFrmIpt {width:100%; padding:20px; border:none;} #boardsearch .mpgFrmItmCnt .mpgFrmIpt::placeholder {font-size:14px; color:var(--gray_t2);} #boardsearch .mpgFrmItmCnt .mpgFrmSbm {overflow:hidden; width:40px; height:40px; min-width:40px; margin:0; margin-right:5px; border:0; background:transparent url('../images/newbird/common/icon_search_b.svg') no-repeat center center; background-size:20px auto; box-shadow:none; text-indent:-9999px;} .fkeSlc2Wrap .fkeSlc2Tit {height:40px; padding:0 20px; border-radius:20px; background-color:var(--white); line-height:40px;} .mpgFrmBottom > .fleft, .mpgFrmBottom > .fright {float:none; margin-top:15px;} .mpgFrmBottom > .fright button {width:100%;} .mpgFrmBottom .fkeSlc2Wrap {width:100%; font-size:14px;} .mpgFrmBottom .listbtnwrap > * {float:none; width:100%; height:40px; margin:0;} .mpgFrmBottom .listbtnwrap .btn.big {width:100%; height:40px; font-size:14px; line-height:36px;} .mpgFrmBottom .listbtnwrap .btn.btnBluFll {margin-top:10px; box-shadow:0 15px 30px rgba(2, 31, 147, 0.2);} /* FAQ */ .faqList li {margin-bottom:10px;} .faqList li .question {padding-left:35px; padding-top:70px;} .faqList li .question .cat {position:absolute; left:80px; top:23px; box-sizing:border-box; width:auto; height:40px; padding:0 15px; border-radius:20px; background-color:var(--white_t1); font-size:14px;} .faqList li .question .hand {width:100%; padding:0;} .faqList li .answer {padding-left:35px; padding-top:70px;} /* 고객센터 - 인덱스 */ .c_airservice .ca_list .cal_item li a strong, .c_airservice .ca_list .cal_item li a span {display:block;} .c_airservice .ca_list .cal_item li a strong {margin-right:0;} /* 유상서비스 */ .c_paidservice .cp_box .cp_step .cpp_title {width:100%; padding-bottom:20px;} .c_paidservice .cp_box .cp_step .cpp_title:after {display:block;} .c_paidservice .cp_box .cp_step .cpp_title {width:100%; padding-bottom:20px;} .c_paidservice .cp_box .cp_step .cpp_title:after {display:block;} .c_paidservice .cp_box .cp_step .cpp_txt {padding:20px 0 0;} .c_paidservice .cp_box .cp_step .cpp_txt .cppt_imgwrap {margin-left:auto; margin-right:auto;} .c_paidservice .cp_box.t3 .cp_step {display:block; width:100%; margin-right:0; padding:30px 50px;} .c_paidservice .cp_box.t4 {column-gap:20px;} .c_paidservice .cp_box.t4 .cp_step {width:calc(50% - 10px);} .c_paidservice .cp_box.prevent .cp_step {flex-direction:column; padding-left:30px;} .c_paidservice .cp_box.prevent .cp_step .cpp_txt {padding:20px 0 0;} .c_paidservice .cp_box.prevent .cp_step .cpp_txt .cppt_imgwrap {margin-left:auto; margin-right:auto;} .c_paidservice .cp_box.prevent .cp_step .cpp_txt br {display:none;} /* 유상서비스 - 테이블 */ .csTable {overflow:auto; width:100%; height:600px;} .csTable table {min-width:780px; word-break:keep-all;} .csTable table thead th {position:sticky; top:0; z-index:10; height:40px;} .csTable table thead tr:nth-child(2) th {top:30px;} .csTable table thead th {line-height:1em;} .csTable table th, .csTable table td {padding:5px !important; font-size:12px;} .csTable.csTableTh40 thead th {height:30px; padding:5px;} .csTable.csTableTh80 thead th {height:40px; padding:5px;} .csTable.csTableTh80 th, .csTable.csTableTh80 td {padding:5px;} .csTable.csTableTh40 tbody th, .csTable.csTableTh40 tbody td {padding:5px;} .csTable .bletList li {padding-left:10px; font-size:12px; line-height:20px;} .csTable .bletList li:before {top:9px; width:3px; height:3px;} .csTable .tableList li {font-size:12px; line-height:20px;} .p_hidden.btnViewDetailWrp {display:block; margin-top:20px;} .p_hidden.btnViewDetailWrp .btnwrap {justify-content:center;} .btnViewDetailWrp .btn.btnViewDetail {display:inline-block; width:100%; height:50px; max-width:200px; border-radius:25px; border:2px var(--blue) solid; font-size:16px; font-weight:700; line-height:46px; color:var(--blue); text-align:center;} .btnViewDetail s {display:inline-block; vertical-align:middle; width:12px; height:12px; margin-top:-3px; margin-left:6px; background:url('../images/newbird/mob/btn_view_detail.svg') no-repeat 50%; background-size:contain;} /* spcTbl */ .tableGet .spcTbl > div{overflow:auto;} /* 에어컨 자가점검 */ .c_selfservice .cs_box.t3 .cs_step {display:block; width:100%; margin-right:0; padding:30px 50px; text-align:left;} .c_selfservice .cs_box .cs_step .css_title {display:inline-block;} /* 멤버쉽 */ #c_membership .inner {padding:0 30px;} #c_membership .cmc_title {font-size:22px; line-height:32px;} #c_membership .cm_box .cm_list > li {font-size:18px; line-height:30px;} #c_membership .cm_box .cm_list > li > .cml_content {margin-left:15px;} /* cm_family */ #c_membership .cm_family .flexBox {flex-direction:column; align-items:flex-start;} #c_membership .cm_family .flexBox .cm_imgwrap {max-width:inherit; margin:20px auto;} #c_membership .cm_family .flexBox .cm_imgwrap > span {font-size:14px; line-height:22px; word-break:keep-all;} #c_membership .cm_family .flexBox .cm_imgwrap > span br {display:none;} #c_membership .cm_family .cmf_newbenefit {margin-top:20px;} #c_membership .cm_family .cmf_newbenefit .cm_box .cm_list {min-height:125px;} #c_membership .cm_family .cmf_newbenefit .cm_box .cm_contents {max-width:inherit; padding:30px;} #c_membership .cm_family .cmf_newbenefit .cm_box {grid-template-columns:repeat(1, 1fr); row-gap:30px;} #c_membership .cm_family .cmf_newbenefit .cm_box .cm_list {min-height:inherit;} /* cm_member */ #c_membership .cm_member .cm_box {display:grid; grid-template-columns:repeat(1, 1fr); margin-top:10px;} #c_membership .cm_member .cm_box .cm_contents {width:100%; min-height:inherit; padding:30px;} #c_membership .cm_member .cm_box .cm_list {min-height:inherit; margin-bottom:26px;} /* cm_benefit */ #c_membership .cm_benefit .cmb_content {padding:30px;} #c_membership .cm_benefit .flexBox {width:100%;} /* 회사소개 */ /* 회사위치 */ .c_company .cc_contents .cccli_top .kor {padding-top:30px; padding-bottom:10px;} /* 오텍캐리어 */ .c_company .cc_contents .ccct_txt {line-height:32px;} .c_company .cc_contents .ccct_column {line-height:32px;} /* 회사 연혁 */ .c_company .cc_contents .ccc_history > span, .c_company .cc_contents .ccc_history > i {max-height:calc(100% - 170px);} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > span, .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > i {max-height:calc(100% - 130px);} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li:last-child::before {content:''; display:block; position:absolute; top:28px; left:50%; width:1px; height:100%; background-color:var(--white_t1);} /* 생활속의 캐리어 */ .c_company .cc_contents .ccct_imgwrap > ul.t2 {width:100%; margin:0 auto;} /* 회사소개 - 캐리어역사 */ .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > img, .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > div {width:calc(50% - 25px);} /* 캐리어 박사 */ .c_company .cc_contents .companyBoxImg {padding-bottom:80px;} .c_company .cc_contents .companyBoxImg .ccc_title {margin-bottom:20px;} } @media all and (max-width:600px) { /* common */ .search_nav {padding:30px 0 20px;} .search_nav .home {width:14px; height:14px;} .search_nav .navi_linemap2 .selected_cate {margin-left:8px; padding-left:12px; background-size:4px auto; font-size:14px;} /* 팝업 */ .lgnFrmIpt > div > .lgnFrmIpGroup > .fkeSlc {width:100%;} /* 제품 상세 */ /* 상단 */ #contents #goods_view {padding:0 20px;} /* tab 하단 */ #contents #goods_view #gv_bottom .gvb_contents.goods_spec {padding-bottom:40px;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet {overflow-x:auto; width:100%; padding:0;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet + .tableGet {padding-top:40px;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet > .spcTbl > div {border-top:0; border-right:0;} #contents #goods_view #gv_bottom .gvb_contents.goods_spec .tableGet table {width:520px; border-top:1px var(--blue) solid; border-right:1px var(--gray_t3) solid;} #contents #goods_view #gv_bottom .gvb_contents > .spcTbl > div {width:100%; overflow-x:auto; border-top:0; border-right:0;} #contents #goods_view #gv_bottom .gvb_contents > .spcTbl > div > table {width:520px; border-top:1px var(--blue) solid; border-right:1px var(--gray_t3) solid;} /* iframe - 제품문의 */ /* view */ .boardDetailContents.question {padding:20px; padding-left:72px;} .boardDetailContents.question:before {width:32px; height:32px; line-height:30px; font-size:14px;} .boardDetailContents.answer {padding:20px; padding-left:72px; line-height:20px;} .boardDetailContents.answer:before {width:32px; height:32px; line-height:32px; font-size:14px;} /* 버튼 */ .boardDetailBtns {display:flex; flex-direction:column; flex-wrap:nowrap; align-items:center; margin-top:20px;} .boardDetailBtns .btn {width:100%; margin:0 0 10px;} .boardDetailBtns .left {width:100%;} .boardDetailBtns .right {width:100%;} .boardDetailBtns .fleft {width:100%;} .boardDetailBtns .fright {display:flex; gap:5px; justify-content:space-between; width:100%;} .boardDetailBtns .fright .btn {width:calc(100% / 3 - 20px / 3);} /* write */ .boardWriteBoxTable td input.size_mail, .boardWriteBoxTable td input.size_phone, .boardWriteBoxTable td .size_cate {width:100%; max-width:100%;} .boardWriteBoxTable td input.size_mail ~ .ctmChk, .boardWriteBoxTable td input.size_phone ~ .ctmChk, .boardWriteBoxTable td .size_cate ~ .ctmChk {margin-top:3px; margin-left:0;} .form_multi_row2 > li + li {margin-top:10px;} .boardWriteBtns .btn {width:calc(50% - 5px);} .boardWriteBtns:after {display:none;} /* 세척서비스 */ .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:30px; line-height:40px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > strong {font-size:24px; line-height:34px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > span {font-size:18px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 {aspect-ratio:100/87;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:32px; line-height:46px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > strong {font-size:24px; line-height:34px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 {top:20.8889vw;} .c_wash .cw_section02 .cws_content.t2 .m_title, .c_wash .cw_section02 .cws_content.t2 .c_title.t2 {padding:0 30px; font-size:38px; line-height:1.3;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 > span span {display:inline;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {font-size:22px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {font-size:26px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .c_title.t2 > span {font-size:20px; line-height:1.3;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div .cwsccl_item.t1 > div:first-child::after {top:61%; left:calc(100% - 18px); height:auto; width:44px; background-position:center left 18px; aspect-ratio:1/1;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {height:66px; font-size:23px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {font-size:26px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .aftCreImg:before {border-width:3px;} .c_wash .cw_section04 .cws_content.t4 .c_title.t2 {font-size:38px; line-height:48px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info {width:calc(100% - 60px);} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li {flex-direction:column; align-items:center; gap:20px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_txtwrap {width:100%; max-width:350px; margin-left:0; text-align:center;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li strong {font-size:26px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p.p_hidden {font-size:20px; line-height:1.5;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step {width:calc(100% - 60px);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul {column-gap:20px; row-gap:95px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li {width:calc((100% - 20px)/2);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > strong {font-size:17px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li::before {top:-21px; width:42px; font-size:22px; line-height:42px;} /* 고객센터 */ #c_customer .cc_hero {width:calc(100% - 40px);} /* cs center 고객센터 - mypage 마이페이지 copy */ .csWrap {width:calc(100% - 40px); margin:0 20px;} /* faq 박스 */ .c_contactwrap.whtie {padding:0 20px 40px;} /* 멤버쉽 */ #c_membership .inner {padding:0 20px;} /* 회사소개 */ /* 캐리어 박사 */ .c_company .cc_contents#cpnIntCnt05_01 {padding:0;} .c_company .cc_contents#cpnIntCnt05_01 .ccc_title {margin-bottom:30px; padding:0 20px;} .c_company .cc_contents#cpnIntCnt05_01 .companyBoxImg .ccct_txt {padding:0 20px;} .c_company .cc_contents .companyBoxImg {padding-bottom:0;} .c_company .cc_contents .companyBoxImg img {display:block; position:static; float:none; width:100%; height:auto; max-width:500px; margin:0 auto; margin-bottom:30px;} .c_company .cc_contents .ccc_imglist {box-sizing:border-box; padding:0 20px; margin-top:100px;} } @media all and (max-width:540px) { /* 세척서비스 */ .c_title.t2 {font-size:30px; word-break:keep-all; padding:0 10px;} .c_wash .cw_section01 .cws_content.t1 {padding-bottom:60px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > span {margin-bottom:0; font-size:16px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > strong {font-size:18px; line-height:28px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:28px; line-height:30px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {max-width:130px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > strong {font-size:18px; line-height:20px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:22px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {margin-top:5px;} .c_wash .cw_section02 .cws_content.t2 {padding:0 30px 60px;} .c_wash .cw_section02 .cws_content.t2 .c_title.t2 {font-size:26px; text-align:center;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li {font-size:16px; line-height:26px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li > strong {font-size:20px;} .c_wash .cw_section03 .cws_content.t3 {padding:60px 0;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 {font-size:28px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare > div .cwsccl_item.t1 > div:first-child::after {left:calc(100% - 10px); width:30px; height:30px; border:2px solid var(--white); background-size:10px auto; background-position:11px center;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list .cwsccl_item.t1 {margin-right:10px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list.right {margin-top:40px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwscc_list.right .cwsccl_item.t1 {margin-right:10px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {padding:6px 0 8px; font-size:20px; border-radius:0 0 10px 10px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {padding:5px 0 7px; border-radius:0 0 10px 10px; font-size:22px;} .c_wash .cw_section04 .cws_content.t4 {padding:60px 0;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info {width:calc(100% - 80px);} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li {min-height:120px;} .c_wash .cw_section05 .cws_content.t5 .inner {padding:60px 0 0;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul {column-gap:10px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li {height:180px; border-radius:10px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > strong {border-radius:0 0 8px 8px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > strong {padding:10px 0; font-size:18px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > img {border-radius:10px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > strong {border-radius:0 0 10px 10px; font-size:16px;} .c_wash .cw_section06::before {height:90px;} .c_wash .cw_section06 .cws_content.t6 {padding:80px 0 60px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap > div > span > strong {margin-right:0; font-size:30px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide > span > strong {font-size:24px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price {margin:15px 0;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .pceWon {font-size:20px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .cwscsp_won {font-size:26px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwsc_applybtn {font-size:22px; height:55px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide > span {font-size:18px;} .c_wash .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide .cwscs_imgwrap {min-height:inherit;} .c_wash .cw_section06 .cws_content.t6 .deco .round_deco {top:-14px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide .cwscs_imgwrap {height:auto; min-height:inherit; max-height:250px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide > span {flex-direction:column; align-items:flex-start;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-next {right:15px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-prev {left:15px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-next, .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-button-prev {width:20px; height:40px; background-size:12px 30px;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide .cwscs_imgwrap > img:nth-child(2) {height:auto;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .swiper-slide .cwscs_imgwrap > img {max-height:inherit;} .c_wash .cw_section07 .cws_content.t7 {padding:60px 30px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list {margin-bottom:20px;} .c_wash .cw_section07 .cws_content.t7 .c_title.t2 {font-size:30px; line-height:40px;} .c_wash .cw_section07 .cws_content.t7 .ttl > span {font-size:18px; line-height:26px;} .c_wash .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > strong {font-size:18px;} .c_wash .cw_section08 .cws_content.t8 {padding:60px 30px;} .cw_tab > #scnDth li:nth-child(1) {background-position-y:calc(100% / 23 * 0 - 10px);} .cw_tab > #scnDth li:nth-child(2) {background-position-y:calc(100% / 23 * 10 - 10px);} /* 고객센터 */ #c_customer .cc_hero {height:90px;} #c_customer .cc_wrap {margin:30px auto 0; padding:0;} #c_customer .cc_contents {padding:20px 0;} #c_customer .cc_contents .cc_title h3 {font-size:18px; line-height:30px;} #c_customer .cc_contents .cc_title p {width:100%; padding:6px 0; line-height:18px; text-align:left;} #c_customer .cc_qna .cc_title p {font-size:12px; line-height:30px;} #c_customer .cc_qna .cc_body li {width:100%;} #c_customer .cc_qna .cc_body li:last-child {width:100%; margin-top:10px;} #c_customer .cc_faq .cc_body {padding:10px 0;} #c_customer .cc_faq .cc_body li {width:33.333%;} #c_customer .cc_faq .cc_body li:nth-child(2), #c_customer .cc_faq .cc_body li:nth-child(3), #c_customer .cc_faq .cc_body li:nth-child(4) {margin-bottom:10px;} #c_customer .cc_faq .cc_body li:nth-child(5), #c_customer .cc_faq .cc_body li:nth-child(6), #c_customer .cc_faq .cc_body li:nth-child(7) {padding-top:10px;} /* 공지사항 */ .c_contents {overflow:hidden; padding:0 20px 20px; border-radius:5px; background:var(--white); box-shadow:0 20px 40px rgba(28, 28, 32, 0.06);} .csTtl {padding:40px 0px 30px; font-size:25px; line-height:30px;} /* 게시판 테이블 */ .mpgTblWrp_mob .tbody > .tbodyTop > li {font-size:12px;} .mpgTblWrp_mob .tbody > .tbodyTop > li.num {width:27px;} .mpgTblWrp_mob .tbody > .tbodyTop > li.cate {font-weight:700; flex-grow:1;} .mpgTblWrp_mob .tbody > .tbodyTop > li.hit {width:60px; text-align:center;} .mpgTblWrp_mob .tbody > .tbodyTop > li.date {width:80px; text-align:right;} .mpgTblWrp_mob .tbody > li.subject {font-size:14px;} /* faq */ .faqWrap .csTtl {padding:40px 20px 30px; font-size:25px; line-height:30px;} .blueSearchWrap .blueSearchInput {height:50px; padding-left:25px; padding-right:50px; border-radius:25px; font-size:16px; line-height:50px; box-shadow:none;} .blueSearchWrap .blueSearchInput::placeholder {font-size:16px; font-weight:700;} .btnSearchWhite {width:50px; height:50px; border-radius:0 25px 25px 0; background:url(../images/newbird/sub/search_wh.svg) no-repeat left 13px center; background-size:16px auto;} .faqTab {margin:20px 0 0; border:0;} .faqTab > .inner1200 {display:flex; overflow:auto; overflow-y:hidden; padding:0 20px 20px;} .faqTab li {float:none; flex-shrink:0; width:25%; height:70px; word-break:keep-all;} .faqTab li:after {display:none;} .faqTab li:first-child:before {display:none;} .faqTab li a {overflow:hidden; padding:50px 0 8px; border-radius:10px; font-size:12px; line-height:1;} .faqTab li a:after {display:none;} .faqTab li a .iconFaq {top:12px; width:30px; height:30px;} .faqTab li:nth-child(1) a .iconFaq {background-position:0 0;} .faqTab li:nth-child(2) a .iconFaq {background-position:0 -30px;} .faqTab li:nth-child(3) a .iconFaq {background-position:0 -60px;} .faqTab li:nth-child(4) a .iconFaq {background-position:0 -90px;} .faqTab li:nth-child(5) a .iconFaq {background-position:0 -120px;} .faqTab li:nth-child(6) a .iconFaq {background-position:0 -150px;} .faqTab li:nth-child(7) a .iconFaq {background-position:0 -180px;} .faqWrap .c_contents {padding:20px; padding-bottom:30px; background:var(--white_t1); box-shadow:0 20px 40px rgba(28, 28, 32, 0.08); border-radius:5px 5px 0 0;} /* faq 박스 */ .c_contactwrap.whtie {border-radius:0 0 5px 5px; padding:0 20px 40px; margin-top:30px; padding:30px 40px 40px; border-radius:5px;} .c_contactwrap.whtie .cc_list .ccl_icon {height:70px; background:var(--white_t1);} /* 고객센터 - 인덱스 */ .c_airservice .ca_list {padding:0; word-break:keep-all;} .c_airservice .ca_list .cal_item {display:block;} .c_airservice .ca_list .cal_item li {width:100%; height:auto; margin:10px 0 0;} .c_airservice .ca_list .cal_item li:first-child {margin-top:0;} .c_airservice .ca_list .cal_item li a {position:relative; padding-top:20px; padding-bottom:20px; padding-left:100px; padding-right:25px;} .c_airservice .ca_list .cal_item li a .icon {top:50%; left:35px; width:40px; height:40px; transform:translateY(-50%);} .c_airservice .ca_list .cal_item li a strong {padding-top:0; font-size:20px; line-height:30px; text-align:left;} .c_airservice .ca_list .cal_item li a span {padding-top:0; font-size:14px; line-height:25px; text-align:left;} /* 에어컨 서비스 상단 탭 */ .csWrap .mltTab {display:block; overflow:hidden; border-radius:5px; border:1px solid var(--gray_t4);} .csWrap .mltTab a {display:block; width:100%; height:50px; margin:0; border:0; border-bottom:1px solid var(--gray_t4); font-size:16px; font-weight:400; line-height:50px; letter-spacing:-0.08em;} .csWrap .mltTab a:last-child {border-bottom:0;} .csWrap .mltTab a.tabBig {width:100%;} .csWrap .mltTab a strong {letter-spacing:inherit;} .csWrap .mltTab a.on {border-bottom-color:inherit;} .c_contents .mltTabTrg {padding-bottom:20px;} .bletListBig li {padding-left:10px; font-size:14px; line-height:20px; word-break:keep-all;} .bletListBig li:before {left:0; top:9px; width:3px; height:3px;} .csTableWrap {margin-bottom:40px;} .csTableTitWrap .csTableTit {float:none; font-size:14px; line-height:22px;} .csTableTitWrap .caption {float:none; font-size:12px; font-weight:400; line-height:18px;} .csTable {overflow:auto; width:100%; height:350px;} .btnViewDetailWrp {margin-top:10px;} .btnViewDetailWrp .btn.btnViewDetail {display:inline-block; width:100%; height:40px; max-width:150px; border-radius:20px; font-size:12px; font-weight:700; line-height:36px; text-align:center;} .btnViewDetail s {display:inline-block; vertical-align:middle; width:12px; height:12px; margin-top:-3px; margin-left:6px; background:url('../images/newbird/mob/btn_view_detail.svg') no-repeat 50%; background-size:contain;} .bottomGrayBox {padding:20px 19px; word-break:keep-all;} .grayBoxList li {padding-left:18px; font-size:12px; font-weight:400;} .grayBoxList li:before {top:4px;} .numList {font-size:12px;} .numList > li {padding-left:23px;} .numList .subList {margin:5px 0 15px;} .subList > li {position:relative; padding-left:15px;} .subList > li .num {position:absolute; left:0; top:0;} /* 유상서비스 */ .c_paidservice .c_contactwrap .cc_title {margin-bottom:20px;} .c_paidservice .c_contactwrap .cc_title strong {font-size:20px; line-height:30px;} .c_paidservice .c_contactwrap .cc_title p.cct_txt {word-break:keep-all; padding:0 5px;} .c_paidservice .cc_list {display:block;} .c_paidservice .cc_list .ccl_icon {height:70px; margin-bottom:10px; padding:0; border-radius:35px; text-align:left;} .c_paidservice .cc_list .ccl_icon:after {display:none;} .c_paidservice .cc_list .ccl_icon .ccl_content {width:140px;} .c_paidservice .cc_list .ccl_icon:last-child {margin-bottom:0;} .c_paidservice .cc_list .ccl_icon .icon {width:30px; height:70px; margin:0; margin-left:14px; margin-right:16px; background-size:30px auto; box-shadow:none;} .c_paidservice .cc_list .ccl_icon.blu .icon {background:transparent url('../images/newbird/sub/csBottomIcon01.svg') no-repeat center; background-size:25px auto;} .c_paidservice .cc_list .ccl_icon.mint .icon {background:transparent url('../images/newbird/sub/csBottomIcon02.svg') no-repeat center; background-size:25px auto;} .c_paidservice .cc_list .ccl_icon.purple .icon {background:transparent url('../images/newbird/sub/csBottomIcon03.svg') no-repeat center; background-size:25px auto;} .c_paidservice .cc_list .ccl_icon.blu .icon.csTelIconCall {background:transparent url('../images/newbird/sub/csBottomIcon05.svg') no-repeat center; background-size:25px auto;} .c_paidservice .cc_list .ccl_icon.mint .icon.csTelIconFax {background:transparent url('../images/newbird/sub/csBottomIcon04.svg') no-repeat center; background-size:25px auto;} .c_paidservice .cc_list .ccl_icon .icon.csTelIconInternet {background:transparent url('../images/newbird/sub/csBottomIconInternet.svg') no-repeat center; background-size:30px auto; background-position:center center;} .c_paidservice .cc_list .ccl_icon .icon.csTelIconMintCall {background:transparent url('../images/newbird/sub/csBottomIconCallMint.svg') no-repeat center; background-size:25px auto;} .c_paidservice .cc_list .ccl_icon .ccl_content p {padding-left:0; font-size:14px; line-height:20px;} .c_paidservice .cc_list .ccl_icon .ccl_content .btnBlu {width:125px; height:20px; margin:2px 0 0; font-weight:400; line-height:16px; letter-spacing:-0.08em;} .c_paidservice .cc_list .ccl_icon .ccl_content .tel a {margin:0; font-size:16px; line-height:20px;} .c_paidservice .cp_banner {position:relative; width:100%; border-radius:10px; background-size:cover; background-repeat:no-repeat; background-position:50%; font-family:"Pretendard", sans-serif; color:var(--white); text-align:center;} .c_paidservice .cp_banner.part {margin-bottom:60px; background-image:url('../images/newbird/sub/csTop01.png'); background-position:70% 50%;} .c_paidservice .cp_banner.annual {margin-bottom:30px; background-image:url('../images/newbird/sub/csTop02.png');} .c_paidservice .cp_banner.prevent {margin-bottom:40px; background-image:url('../images/newbird/sub/csTop03.png');} .c_paidservice .cp_banner.equipment {margin-bottom:30px; background-image:url('../images/newbird/sub/csTop04.png');} .c_paidservice .cp_banner .cpb_textwrap {padding:30px 20px 30px; word-break:keep-all;} .c_paidservice .cp_banner .cpb_textwrap .top {display:block; margin-bottom:10px; font-size:14px; line-height:20px;} .c_paidservice .cp_banner .cpb_textwrap h5 {font-size:20px; line-height:28px;} .c_paidservice .cp_banner .bannerTit:after {bottom:-18px; width:20px;} .c_paidservice .cp_banner .cpb_textwrap .bannerSub {font-size:14px; line-height:24px;} .c_paidservice .cp_box {display:block;} .c_paidservice .cp_box .cp_step {width:100%; margin-right:0; padding:43px 0 30px; box-shadow:0px 8px 40px rgba(28, 28, 32, 0.08);} .c_paidservice .cp_box .cp_step:last-child {margin-bottom:0;} .c_paidservice .cp_box .cp_step .num {top:-18px; width:35px; height:35px; font-size:12px; line-height:35px;} .c_paidservice .cp_box .cp_step .cps_title {margin:20px 0 24px; font-size:20px; line-height:25px;} .c_paidservice .cp_box .cp_step .cps_title:after {bottom:-12px; width:20px;} .c_paidservice .cp_box .cp_step .cpp_title {width:100%; padding-bottom:20px;} .c_paidservice .cp_box .cp_step .cpp_title:after {display:block;} .c_paidservice .cp_box .cp_step .cpp_title .ko {font-size:20px; line-height:30px;} .c_paidservice .cp_box .cp_step .cpp_title .en {margin-top:0; font-size:14px; line-height:20px;} .c_paidservice .cp_box .cp_step .cpp_txt {padding:20px 15px 0; font-size:14px; text-align:center;} .c_paidservice .cp_box.t3 {margin-bottom:30px;} .c_paidservice .cp_box.t3 .cp_step {display:block; width:100%; margin:0 0 20px; margin-right:0; padding:30px 0;} .c_paidservice .cp_box.t4 .cp_step {width:100%; margin-right:0;} .c_paidservice .cp_box.prevent {gap:0;} .c_contactwrap {padding:30px 15px;} .c_contactwrap.mt60 {margin-top:30px;} .c_paidservice .cc_list .ccl_icon {width:100%; height:70px;} .csTableTitWrapCenter {margin-bottom:10px; font-size:20px; line-height:30px;} .c_paidservice .cp_box .cp_step .cpp_txt .cppt_sub {margin-top:10px; padding:0; line-height:20px;} .c_paidservice .cp_box .cp_step .cpp_txt .cppt_imgwrap {margin-left:auto; margin-right:auto; padding:0 5px; background-position-y:calc( 50% - 12.5px);} .c_paidservice .cp_box .cp_step .cpp_txt .cppt_imgwrap > div > p {margin-top:5px; font-size:12px;} .c_paidservice .cp_box.prevent .cp_step .cpp_txt {padding:20px 15px 0; font-size:14px; text-align:center;} /* 에어컨 자가점검 */ .p_hidden {display:block;} .c_selfservice .c_contents {padding:0;} .c_selfservice .cs_banner {width:calc(100% - 40px); height:200px; margin:0 auto 60px; border-radius:10px;} .c_selfservice .cs_banner .csb_txtwrap {width:180px; height:120px; padding:23px 15px 17px;} .c_selfservice .cs_banner .csb_txtwrap .top {font-size:14px; line-height:15px;} .c_selfservice .cs_banner .csb_txtwrap h5 {font-size:20px; line-height:30px;} .c_selfservice .cs_banner .csb_txtwrap h5 b {font-weight:400;} .c_selfservice .cs_box {display:block;} .c_selfservice .cs_box .cs_step {width:100%; margin-bottom:30px; margin-right:0; padding:43px 0 30px; box-shadow:0px 8px 40px rgba(28, 28, 32, 0.08);} .c_selfservice .cs_box .cs_step:last-child {margin-bottom:0;} .c_selfservice .cs_box .cs_step .num {top:-18px; width:35px; height:35px; font-size:12px; line-height:35px;} .c_selfservice .cs_box .cs_step .css_title {margin:20px 0 24px; font-size:20px; line-height:25px;} .c_selfservice .cs_box .cs_step .css_title:after {bottom:-12px; width:20px;} .c_selfservice .cs_box.t3 {margin-bottom:30px; padding:0 20px;} .c_selfservice .cs_box.t3 .cs_step {display:block; width:100%; min-height:unset; margin:0 0 20px; margin-right:0; padding:30px 20px;} .c_selfservice .cs_box.t3 .cs_step .css_imgwrap {position:relative; top:unset; left:unset; width:120px; height:120px; margin-top:0;} .c_selfservice .cs_box .cs_step .css_title {width:100%; margin-top:20px; margin-left:0; text-align:center;} .c_selfservice .cs_box .cs_step .bletListBig {width:200px; margin-left:0; margin:0 auto;} .c_selfservice .cs_box .cs_step .bletListBig li {padding-left:10px; line-height:22px;} .c_selfservice .cs_inspectionlist {display:block; padding:30px 20px; word-break:keep-all;} .c_selfservice .cs_inspectionlist .csi_left {width:100%; margin-bottom:20px; padding:0 0;} .c_selfservice .cs_inspectionlist .csi_left:after {content:''; display:block; width:100%; height:1px; margin:20px auto 0; background:var(--gray_t3);} .c_selfservice .csil_title, .c_selfservice .csir_title {margin-bottom:17px; font-size:20px; line-height:30px; text-align:center;} .c_selfservice .csExIcon {width:120px;} .c_selfservice .csir_title {text-align:left;} .c_selfservice .cs_inspectionlist .csi_right {width:100%; padding:0; border:0;} .c_selfservice .csir_txtwrap {margin-bottom:15px; padding:0;} .c_selfservice .csir_txtwrap p {position:relative; font-size:16px;} .c_selfservice .csir_txtwrap p.csirt_title {padding-left:20px; text-align:left;} .c_selfservice .csir_txtwrap p .num {position:absolute; left:0; top:3px; padding-left:5px;} .c_selfservice .csir_txtwrap p .btnBluTxtBtn {display:block; margin-top:7px; margin:20px auto 0 !important; transform:translateX(-10px);} .c_selfservice .csir_txtwrap .csirt_txt {padding-left:20px;} .c_selfservice .csir_txtwrap .csirt_txt p {padding-left:12px; text-align:left;} .c_selfservice .csir_txtwrap .csirt_txt p:before {position:absolute; top:3px; left:0; margin:0;} .c_selfservice .csir_txtwrap .csirt_txt p .btnBluTxtBtn {top:0; left:-1px; margin:0 !important; margin-top:5px !important;} /* 멤버쉽 */ /* cm_family */ #c_membership .cm_family .flexBox .cm_txtwrap > h1 {font-size:36px; line-height:46px;} #c_membership .cm_family .flexBox .cm_txtwrap > h2 {font-size:22px; line-height:32px;} /* cm_benefit */ #c_membership .cm_benefit .cmb_content > h2 {font-size:22px; line-height:32px;} #c_membership .cm_benefit .flexBox .cm_txtwrap > h3 {font-size:18px; line-height:28px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_text {font-size:16px; line-height:26px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > .sub {font-size:18px; line-height:28px;} #c_membership .cm_benefit .flexBox .cm_txtwrap > ul > li {word-break:keep-all;} #c_membership .cm_benefit .flexBox .cm_imgwrap .img {width:100%;} /* 회사소개 */ .c_company .cc_contents .ccci_item {margin-bottom:80px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li:last-child::before {content:''; display:block; position:absolute; top:28px; left:23px; z-index:-1; width:7px; height:100%; background-color:var(--white_t1);} .c_company .cc_contents .ccci_item > div {bottom:auto; top:57%; right:0; width:40px; left:auto;} .c_company .cc_top {height:240px;} .c_company .cc_top .scrollAni {display:none !important;} .c_company .cc_top .mainTxt {top:50%;} .c_company .cc_top .mainTxt > strong {font-size:60px;} .c_company .cc_top > .aniTxt {top:50%; font-size:140px;} /* 회사소개 콘텐츠 영역 */ .c_company .cc_contents {margin-top:40px; padding:0 20px;} .c_company .cc_contents .ccc_wrap {margin-bottom:40px; word-break:keep-all;} .c_company .cc_contents .ccc_wrap:last-child {margin-bottom:0;} .c_company .cc_contents#cpnIntCnt01_01 {padding:0;} .c_company .cc_contents#cpnIntCnt01_01 .ccc_title {padding:0 20px;} .c_company .cc_contents#cpnIntCnt01_01 .ccct_txt {padding:0 20px;} .c_company .cc_contents#cpnIntCnt01_01 .ccct_column {padding:0 20px;} .c_company .cc_contents .ccc_txtwrap {padding:0;} .c_company .cc_contents .ccc_title {margin-bottom:20px; font-size:30px; line-height:40px;} .c_company .cc_contents .ccct_txt {margin-bottom:30px; font-size:16px; line-height:30px;} .c_company .ccc_sliderwrap {margin-bottom:130px;} .c_company .ccc_sliderwrap img {position:relative; left:-50%; width:auto; min-height:230px; max-width:200%; border-radius:0; box-shadow:none;} .c_company .cccs_button {display:none;} .c_company .ccc_sliderwrap .slideTit {position:absolute; left:0; top:100%; width:300px; margin-top:-17px; padding-bottom:0; padding-left:20px; font-size:30px; line-height:42px; word-break:keep-all;} .c_company .ccc_sliderwrap .slideTit b {padding-bottom:0; font-size:30px; line-height:35px;} .c_company .cccs_paging {position:absolute; top:100%; right:30px; z-index:50; float:none; height:auto; height:40px; margin:15px 0 0; padding:0; line-height:40px;} .c_company .cccs_paging .bx-pager-item a {width:8px; height:8px; margin:0 4px;} .c_company .cc_contents .ccct_column {display:block; padding:0; font-size:16px; line-height:30px;} .c_company .cc_contents .ccct_column.t2 > div {width:100%; margin-bottom:10px;} .c_company .cc_contents .ccct_column.t2 > div:last-child {margin-bottom:0;} /* 경영이념 */ .c_company .cc_contents .ccc_motto {display:block; margin-top:30px;} .ccc_point {margin:0 0 40px;} .c_company .cc_contents .cccp_circle:after {height:20px;} .c_company .cc_contents .cccp_iconlist {flex-direction:column-reverse; position:static; margin-top:20px; padding:0;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist {padding-top:0;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(1) {margin:-20px auto 0;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(2) {margin:-20px auto 0;} .c_company .cc_contents .ccc_point.tcb .cccp_iconlist .cccpi_item:nth-child(3) {margin:0 auto;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(1) {margin:-20px auto 0;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(2) {margin:-20px auto 0;} .c_company .cc_contents .ccc_point.tcm .cccp_iconlist .cccpi_item:nth-child(3) {margin:0 auto;} .c_company .cc_contents .cccp_iconlist .cccpi_item p {margin-top:15px; font-size:18px;} /* 자율준수 프로그램 */ .c_company .cc_contents .ccc_title .eng {font-size:20px; font-weight:200; line-height:30px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist {flex-direction:column; margin-top:20px;} .c_company .cc_contents .ccc_motto.t2 .ccc_point {padding-bottom:0;} .c_company .cc_contents .ccc_motto.t2 .ccc_point .cccp_circle {box-shadow:0 10px 40px rgba(2,31,147,0.35)} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item {flex-direction:row; justify-content:flex-start; width:100%; height:80px; margin:0 auto 10px !important; padding:0 40px; border-radius:40px; text-align:left;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item p {margin-top:0; padding-left:17px; font-size:16px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item i {width:50.56px; height:52px; background-size:50.56px auto;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(1) i {background-position:0 0;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(2) i {background-position:0 -52px;} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(3) i {background-position:0 calc(-52px * 2);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(4) i {background-position:0 calc(-52px * 3);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(5) i {background-position:0 calc(-52px * 4);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(6) i {background-position:0 calc(-52px * 5);} .c_company .cc_contents .ccc_motto.t2 .cccp_iconlist .cccpi_item:nth-child(7) i {background-position:0 calc(-52px * 6);} .c_company .cc_contents .companyTxtBig {margin-bottom:20px; padding:0px; font-size:20px; line-height:30px;} .c_company .cc_contents .ccct_txt > p {margin-bottom:30px;} .c_company .cc_contents .ccct_txt > .date {margin-top:-20px; font-size:14px; line-height:20px;} .c_company .cc_contents .ccct_column > div > ul > li > b {width:65px;} .c_company .cc_contents .ccct_column > div > ul > li > span {width:calc(100% - 65px);} /* 연혁 */ .c_company .cc_contents .ccc_title em {font-size:20px; line-height:30px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history {margin-top:56px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > span {left:94px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > strong {display:none;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > i {left:94px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > ul > li::after {left:94px; width:7px; height:7px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > ul > li {display:block;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li {margin-top:0;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li > div, .c_company .cc_contents .ccc_history.wide > ul > li > ul {width:100%;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li > div {display:block; position:absolute; left:10px; top:16px; width:auto; padding-right:0;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history > ul > li > div > strong > b {font-size:30px; line-height:25px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li > div > strong {height:25px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li > ul {width:100%; padding:80px 0 60px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul > li:last-child > ul {padding-bottom:0;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul .comHisCnt > li {margin-bottom:30px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul .comHisCnt > li .month {width:95px; padding-right:20px; font-size:16px; text-align:right;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul .comHisCnt li > div > p {margin-left:22px; padding-left:13px; font-size:16px;} .c_company .cc_contents#cpnIntCnt01_04 .ccc_history.wide > ul .comHisCnt li > div > p::before {width:3px; height:3px;} /* 회사위치 */ .c_company .cc_contents .ccc_location {display:block;} .c_company .cc_contents .ccc_location > li {width:100%; margin:0 0 10px;} .c_company .cc_contents .ccc_location > li .cccl_item {padding:20px 20px 0;} .c_company .cc_contents .ccc_location > li:nth-child(3) {margin:0 0 10px;} .c_company .cc_contents .ccc_location > li:last-child {margin-bottom:0;} .c_company .cc_contents .cccli_top .kor {padding-bottom:12px;} .c_company .cc_contents .cccli_top .eng {padding-bottom:20px; border-bottom:1px solid #d9deef; font-size:30px; line-height:38px;} .c_company .cc_contents .ccc_title.comTitSml {margin-bottom:30px; font-size:20px; line-height:30px;} .c_company .cc_contents .ccc_saleswrap {display:block;} .c_company .cc_contents .ccc_saleswrap > div {width:100%; margin:0 0 30px; padding-left:10px;} .c_company .cc_contents .ccc_saleswrap > div:nth-child(3) {margin:0 0 25px;} .c_company .cc_contents .ccc_saleswrap > div:last-child {margin-bottom:0;} .c_company .cc_contents .ccc_saleswrap > div > p {margin-bottom:5px; font-size:16px; line-height:25px;} .c_company .cc_contents .ccc_saleswrap > div > ul > li {margin-bottom:5px; font-size:14px; line-height:25px;} .c_company .cc_contents .ccc_saleswrap > div > ul > li:last-child {margin-bottom:0;} .c_company .cc_contents .ccc_saleswrap > div > ul > li > span {padding-bottom:0;} .mapWrp {padding-bottom:300px;} /* 글로벌 네트워크 */ .c_company .cc_contents#cpnIntCnt03_01 .ccc_title em {margin-top:10px;} .c_company .cc_contents .ccc_glober ul {height:auto;} .c_company .cc_contents .ccc_glober ul li {float:none; width:100%; margin:0; margin-bottom:20px; padding:30px 0;} .c_company .cc_contents .ccc_glober ul li:nth-child(1), .c_company .cc_contents .ccc_glober ul li:nth-child(3) {transform:translateY(0);} .c_company .cc_contents .ccc_glober ul li:nth-child(3) {margin-bottom:20px;} .c_company .cc_contents .ccc_glober ul li span {padding-top:25px;} .c_company .cc_contents .ccc_glober ul li i {font-size:16px; line-height:32px;} .c_company .cc_contents .ccc_glober ul li b {height:30px; margin-top:10px; margin-bottom:40px;} .c_company .cc_contents .ccc_glober ul li em {font-size:40px;} .c_company .cc_contents .ccc_glober ul li s {font-size:16px;} .c_company .cc_contents .ccc_glober ul li div {max-width:200px; margin-top:40px;} .c_company .cc_contents .ccc_glober ul li div.btnWrp50 {margin-top:20px;} /* 생활속의 캐리어 */ .c_company .cc_contents .ccct_imgwrap > div {padding-bottom:20px; font-size:20px; line-height:40px;} .c_company .cc_contents .ccct_imgwrap {margin-top:40px;} .c_company .cc_contents .ccct_imgwrap > ul {justify-content:space-between;} .c_company .cc_contents .ccct_imgwrap > ul > li {width:calc(50% - 5px); margin:20px 0 0;} .c_company .cc_contents .ccct_imgwrap > ul > li:nth-child(1), .c_company .cc_contents .ccct_imgwrap > ul > li:nth-child(2) {margin-top:0;} .c_company .cc_contents .ccct_imgwrap > ul > li > span {margin:10px 0 0px; padding-left:15px; font-size:16px; line-height:25px;} .c_company .cc_contents .ccct_imgwrap > ul > li > span::after {top:10px; left:0; width:3px; height:3px;} .c_company .cc_contents .ccct_imgwrap > ul.t2 > li > span {margin:10px 0 0px; padding-left:15px;} .c_company .cc_contents .ccct_imgwrap > ul.t2 > li > b {padding-left:15px; font-size:14px; line-height:23px;} /* 캐리어 박사 */ .c_company .cc_contents .companyBoxImg img {max-width:100%; margin:0; margin-bottom:20px; border-radius:0;} .c_company .cc_contents .ccc_imglist {display:block; margin-top:50px; padding:0 20px;} .c_company .cc_contents .ccc_imglist > ul {display:block; width:100%; max-width:500px;} .c_company .cc_contents .ccc_imglist > ul {width:100%; margin:0;} .c_company .cc_contents .ccc_imglist > ul:nth-child(4) {margin:0;} .c_company .cc_contents .ccc_imglist > ul:nth-child(3), .c_company .cc_contents .ccc_imglist > ul:nth-child(5) {margin-top:0;} .c_company .cc_contents .ccc_imglist > ul:nth-child(4) .ccci_item:last-child {display:block;} .c_company .cc_contents .ccci_halfitem {display:none;} .c_company .cc_contents .ccci_item {margin-bottom:30px;} .c_company .cc_contents .ccci_item > img {width:100%; height:auto;} .c_company .cc_contents .ccci_item > strong {font-size:20px; line-height:43px;} .c_company .cc_contents .ccci_item > span {font-size:16px; line-height:35px;} .c_company .cc_contents .ccci_item > p {min-height:auto; padding-bottom:0; font-size:14px; line-height:24px;} .c_company .cc_contents .ccci_item > div {bottom:0; top:100vw !important;} /* 캐리어 역사 */ .c_company .cc_contents#cpnIntCnt05_02 .ccc_history {margin-top:46px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > span {left:23px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > strong {display:none;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > i {left:23px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li { display:block; position:relative; width:100%; margin:0 0 50px; padding:58px 0 0 60px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li:last-child {margin-bottom:0;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li::after {left:23px; width:7px; height:7px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > div {position:static; width:100%;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > div > strong > b {font-size:30px; line-height:25px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history.wide > ul > li > div > strong {height:25px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > div > strong {position:absolute; left:60px; top:14px;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > img {width:100%; height:auto;} .c_company .cc_contents#cpnIntCnt05_02 .ccc_history > ul > li > div > p {position:relative; top:0; width:100%; margin-top:20px; font-size:16px; line-height:30px;} /* 캐리어 특별함 */ .c_company .cc_contents .ccct_txt.t2 {font-size:20px; line-height:35px;} .c_company .cc_contents#cpnIntCnt05_03 .ccc_title {margin-bottom:40px;} .c_company .cc_contents#cpnIntCnt05_03 .ccc_sliderwrap {overflow:hidden; width:100%; height:0; margin-bottom:20px; padding-bottom:100%; border-radius:10px;} .c_company .cc_contents#cpnIntCnt05_03 .ccc_sliderwrap img {position:absolute; top:50%; left:90%; width:auto; height:100%; max-width:400%; min-height:100px; margin-bottom:20px; box-shadow:0 20px 30px rgba(28,28,32,0.15); transform:translate(-50%, -50%);} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div {width:100%;} .c_company .cc_contents .ccct_txt.t2.mt80 {margin:40px 0;} /* 친환경 캐리어 에어컨 */ .c_company .cc_contents .ccct_graph {margin-bottom:30px; padding:20px; box-shadow:0px 20px 30px rgba(28, 28, 32, 0.15);} .c_company .cc_contents .ccct_graph > div {text-align:left;} .c_company .cc_contents .ccct_graph > div > span {display:block; position:static; margin-top:10px; font-size:16px; line-height:30px; transform:translateY(0);} .c_company .cc_contents .ccct_graph > div > strong {padding-bottom:20px;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div {margin-bottom:20px;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div:last-child {margin-bottom:0px;} .c_company .cc_contents#cpnIntCnt05_04 .ccct_column {margin-bottom:25px;} .c_company .cc_contents#cpnIntCnt05_04 .ccct_column:last-child {margin-bottom:0;} .c_company .cc_contents .ccct_math {margin:30px 0 0; padding:20px;} .c_company .cc_contents .ccct_math > strong {font-size:20px; line-height:20px;} .c_company .cc_contents .ccct_math > ul {display:block; padding:10px 0 20px;} .c_company .cc_contents .ccct_math > ul li {margin:0 0 10px; padding-left:10px; font-size:16px; line-height:30px;} .c_company .cc_contents .ccct_math > ul li:last-child {margin-bottom:0;} .c_company .cc_contents .ccct_math > p {font-size:14px; line-height:25px; text-align:left;} .ccct_table {margin:0;} .ccct_table > div {margin-bottom:10px; font-size:16px; line-height:30px; font-family:'Pretendard', sans-serif;} .ccct_table table {min-width:769px;} .ccct_table .ccctt_wrap {overflow:auto; width:100%;} .ccct_table thead th, .ccct_table tbody td {font-size:14px;} .c_company .cc_contents .ccct_column.companyTxtCol2.t2 > div > i {margin-top:30px;} .c_company .cc_contents#cpnIntCnt05_04 .ccct_column > div > strong {font-weight:700; color:var(--black);} } @media all and (max-width:425px) { /* iframe */ /* list */ #brdLstWrp .brdLstTtl #brdLstPntSum {display:none;} /* 세척서비스 */ .c_title.t2 {font-size:24px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 {left:calc(50% - 100px); top:25%;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 {font-size:22px;} .c_wash .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {max-width:100px;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1::before {content:''; display:block; position:absolute; width:100%; height:100%; background:var(--white); opacity:0.3;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 {top:16.8889vw;} .c_wash .cw_wrap.t2 .cw_section01 .cws_content.t1 .c_title.t1 > h1 > img {width:140px; margin-top:0;} .c_wash .cw_section02 .cws_content.t2 .m_title {margin-bottom:40px; padding:0; font-size:32px;} .c_wash .cw_section02 .cws_content.t2 .c_title.t2 {margin-bottom:40px; padding:0; font-size:32px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li:not(:last-child) {margin-bottom:30px;} .c_wash .cw_section02 .cws_content.t2 .cw_txtwrap.right > ul > li > br {display:none;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 {font-size:24px;} .c_wash .cw_section03 .cws_content.t3 .c_title.t2 > span {font-size:18px;} .c_wash .cw_section03 .cws_content.t3 .cwsc_compare {width:calc(100% - 70px);} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .c_title.t2 {margin-bottom:40px; padding:0; font-size:32px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .c_title.t2 > span {font-size:18px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare {width:calc(100% - 70px);} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .cwsccl_item.t2 .desc_t {font-size:22px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare .desc_t {height:54px; font-size:20px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .cwsc_compare > div .cwsccl_item.t1 > div:first-child::after {top:70%; left:calc(100% - 14px); width:36px; background-position:center left 14px;} .c_wash .cw_section04 .cws_content.t4 .c_title.t2 {font-size:32px; line-height:42px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li .cwsci_imgwrap {width:130px; height:130px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li:nth-child(3) .cwsci_imgwrap img {width:48%;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li strong {font-size:23px;} .c_wash .cw_section04 .cws_content.t4 .cwsc_info ul li p.p_hidden {font-size:18px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div {height:128px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li {height:140px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > strong {font-size:16px;} .c_wash .cw_section05 .cws_content.t5 .cwsc_step > ul > li > div > strong {transform:translateY(-5px);} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul {column-gap:0; row-gap:50px;} .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t5 .cwsc_step > ul > li {width:100%; height:auto;} .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .cwsc_sliderwrap .cwscs_price .cwscsp_won02 {font-size:22px;} .c_wash .cw_section07 .cws_content.t7 .c_title.t2 {font-size:24px;} .c_wash .cw_section07 .cws_content.t7 .ttl > span {font-size:16px; line-height:26px;} .c_wash .cw_section07 .cws_content.t7 .ttl > span > br {display:block;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > strong {font-size:20px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list > p {font-size:16px; line-height:1.5;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list .cwscrl_imgwrap > span {font-size:18px;} .c_wash .cw_wrap.t2 .cw_section07 .cws_content.t7 .cwsc_review .cwscr_list {padding-top:25px; padding-bottom:25px;} .c_wash .cw_wrap.t2 .cw_section03 .cws_content.t3 .c_title.t2, .c_wash .cw_wrap.t2 .cw_section05 .cws_content.t6 .c_title.t2, .c_wash .cw_wrap.t2 .cw_section06 .cws_content.t6 .c_title.t2 {padding:0 20px;} /* 고객센터 */ #c_customer .cc_service .ccb_box {padding-left:90px;} #c_customer .cc_service .ccb_icon {width:60px; height:60px; margin-top:-30px;} /* faq */ .faqList li .question {padding-left:25px; padding-right:35px; padding-top:55px; padding-bottom:15px;} .faqList li .question:before {top:15px; left:20px; width:30px; height:30px; font-size:12px; line-height:30px;} .faqList li .question .hand {font-size:16px; line-height:26px;} .faqList li .question .cat {top:15px; left:60px; height:30px; font-size:13px; line-height:30px;} .faqList li .answer {padding-left:25px; padding-right:35px; padding-top:55px; padding-bottom:15px; font-size:15px; line-height:25px;} .faqList li .answer:before {top:15px; left:20px; width:30px; height:30px; font-size:12px; line-height:30px;} .faqList li .question .iconOpenClose {top:23px; right:22px; width:14px; height:14px;} /* faq 박스 */ .c_contactwrap.whtie {padding:0 20px;} /* 고객센터 - 인덱스 */ .c_airservice .ca_list .cal_item.cal_item > li > a > .icon {left:15px;} .c_airservice .ca_list .cal_item li a {padding:15px; padding-left:70px;} .c_airservice .ca_list .cal_item li a span {line-height:20px;} /* 멤버쉽 */ #c_membership .cm_box .cm_contents .ico {margin-top:20px;} #c_membership .cm_box .cm_list > li > .cml_content {font-size:16px; line-height:26px;} #c_membership .text.small {margin-top:10px; font-size:14px; line-height:24px;} #c_membership .cmc_title {font-size:22px; line-height:32px;} #c_membership .cm_title {font-size:18px; line-height:28px;} /* cm_family */ #c_membership .cm_family {padding:60px 0;} #c_membership .cm_family .flexBox .cm_txtwrap > h1 {font-size:30px; line-height:40px;} #c_membership .cm_family .flexBox .cm_txtwrap > h2 {font-size:18px; line-height:28px;} #c_membership .cm_family .flexBox .cm_imgwrap > span {font-size:12px; line-height:18px;} #c_membership .cm_family .flexBox .cm_txtwrap .btnwrap > a {max-width:190px; font-size:14px; line-height:40px;} #c_membership .cm_family .flexBox .cm_txtwrap .btnwrap > a > i {width:6px;} #c_membership .cm_family .cmf_newbenefit .cm_box {margin-top:15px;} #c_membership .cm_family .cmf_newbenefit .cm_box {row-gap:20px;} /* cm_member */ #c_membership .cm_member {padding:60px 0;} /* cm_benefit */ #c_membership .cm_benefit {padding:50px 0 30px;} #c_membership .cm_benefit .cmb_content > h2 {width:calc(100% + 60px); margin-left:-30px; margin-right:-30px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .sub {font-size:16px;} #c_membership .cm_benefit .flexBox .cm_txtwrap > h3 {font-size:20px; line-height:30px; word-break:keep-all; white-space:normal;} #c_membership .cm_benefit .flexBox .cm_txtwrap > h3 br {display:none;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_text > br {display:none;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box {padding:15px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > .sub {font-size:16px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > p {margin-bottom:0; font-size:16px; line-height:30px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li {font-size:14px;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li:first-child {margin-bottom:0;} #c_membership .cm_benefit .flexBox .cm_txtwrap .cmb_box > ul > li:last-child > b {display:block; padding-left:15px;} .fkeSlc.fkeSlcSml, #coupon_goods_lay .sel_area {min-width:125px;} .fkeSlc.fkeSlcSml select, #coupon_goods_lay .sel_area select {padding-left:13px; background-position:center right 10px;} .returnFee {margin-left:10px; font-size:12px;} }